Checkbox Group

# frozen_string_literal: true

module RubyUI
	class Checkbox < Base
		def view_template
			input(**attrs)
		end

		private

		def default_attrs
			{
				type: "checkbox",
				data: {
					ruby_ui__form_field_target: "input",
					ruby_ui__checkbox_group_target: "checkbox",
					action: "change->ruby-ui--checkbox-group#onChange change->ruby-ui--form-field#onInput invalid->ruby-ui--form-field#onInvalid"
				},
				class: "peer h-4 w-4 shrink-0 rounded-sm border border-primary ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 accent-primary"
			}
		end
	end
end

# frozen_string_literal: true

module RubyUI
	class CheckboxGroup < Base
		def view_template(&)
			div(**attrs, &)
		end

		private

		def default_attrs
			{
				role: "group",
				data: {
					controller: "ruby-ui--checkbox-group"
				}
			}
		end
	end
end

import { Controller } from "@hotwired/stimulus";

export default class extends Controller {
  static targets = ["checkbox"];

  connect() {
    this.#handleRequired();
  }

  onChange() {
    this.#handleRequired();
  }

  #handleRequired() {
    if (!this.element.hasAttribute("data-required")) return;

    const checked = this.checkboxTargets.some(({ checked }) => checked);

    this.checkboxTargets.forEach((checkbox) => (checkbox.required = !checked));
  }
}

rake stimulus:manifest:update