@auronui/vue 1.0.0

package/dist/components/checkbox/Checkbox.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,114 @@
+import { composeClassName } from "../../utils/composeClassName.js";
+import { useCheckboxGroupInject } from "./checkbox-group.context.js";
+import { computed, createBlock, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, normalizeClass, openBlock, ref, renderSlot, unref, useAttrs, withCtx } from "vue";
+import { checkboxVariants } from "@auronui/styles";
+import { CheckboxIndicator, CheckboxRoot } from "reka-ui";
+//#region src/components/checkbox/Checkbox.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	xmlns: "http://www.w3.org/2000/svg",
+	width: "12",
+	height: "12",
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	"stroke-width": "3",
+	"stroke-linecap": "round",
+	"aria-hidden": "true"
+};
+var _hoisted_2 = {
+	key: 1,
+	xmlns: "http://www.w3.org/2000/svg",
+	width: "12",
+	height: "12",
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	"stroke-width": "3",
+	"stroke-linecap": "round",
+	"stroke-linejoin": "round",
+	"aria-hidden": "true"
+};
+var Checkbox_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "Checkbox",
+	props: {
+		variant: { default: void 0 },
+		value: { default: void 0 },
+		modelValue: {
+			type: Boolean,
+			default: void 0
+		},
+		defaultValue: {
+			type: Boolean,
+			default: false
+		},
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		isIndeterminate: {
+			type: Boolean,
+			default: false
+		},
+		name: { default: void 0 },
+		class: {}
+	},
+	emits: ["update:modelValue"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const attrs = useAttrs();
+		const groupCtx = useCheckboxGroupInject({
+			variant: ref("primary"),
+			disabled: ref(false),
+			selectedValues: ref([]),
+			toggleValue: () => {},
+			name: ref(void 0)
+		});
+		const isDisabled = computed(() => groupCtx.disabled.value || props.disabled);
+		const finalVariant = computed(() => props.variant ?? groupCtx.variant.value);
+		const isInGroup = computed(() => props.value !== void 0);
+		const checkedState = computed(() => {
+			if (props.isIndeterminate) return "indeterminate";
+			if (isInGroup.value) return groupCtx.selectedValues.value.includes(props.value);
+			return props.modelValue ?? false;
+		});
+		function handleUpdate(val) {
+			if (isInGroup.value) groupCtx.toggleValue(props.value);
+			else if (val !== "indeterminate") emit("update:modelValue", val);
+		}
+		const slotFns = computed(() => checkboxVariants({ variant: finalVariant.value }));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(CheckboxRoot), mergeProps(unref(attrs), {
+				"model-value": checkedState.value,
+				disabled: isDisabled.value,
+				name: props.name ?? unref(groupCtx).name.value,
+				value: props.value,
+				class: unref(composeClassName)(slotFns.value.base(), props.class),
+				"onUpdate:modelValue": handleUpdate
+			}), {
+				default: withCtx(() => [createElementVNode("span", { class: normalizeClass(slotFns.value.control()) }, [createVNode(unref(CheckboxIndicator), { class: normalizeClass(slotFns.value.indicator()) }, {
+					default: withCtx(() => [props.isIndeterminate ? (openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("line", {
+						x1: "5",
+						y1: "12",
+						x2: "19",
+						y2: "12"
+					}, null, -1)])])) : (openBlock(), createElementBlock("svg", _hoisted_2, [..._cache[1] || (_cache[1] = [createElementVNode("polyline", { points: "20 6 9 17 4 12" }, null, -1)])]))]),
+					_: 1
+				}, 8, ["class"])], 2), createElementVNode("span", { class: normalizeClass(slotFns.value.content()) }, [renderSlot(_ctx.$slots, "default")], 2)]),
+				_: 3
+			}, 16, [
+				"model-value",
+				"disabled",
+				"name",
+				"value",
+				"class"
+			]);
+		};
+	}
+});
+//#endregion
+export { Checkbox_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=Checkbox.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/checkbox/Checkbox.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/checkbox/Checkbox.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref, useAttrs } from 'vue'\nimport { CheckboxRoot, CheckboxIndicator } from 'reka-ui'\nimport { checkboxVariants, type CheckboxVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { useCheckboxGroupInject } from './checkbox-group.context'\n\n// Disable Vue attribute fallthrough — we manually forward $attrs to CheckboxRoot\ndefineOptions({ inheritAttrs: false })\n\nconst props = withDefaults(defineProps<{\n  variant?: CheckboxVariants['variant']\n  value?: string\n  modelValue?: boolean\n  defaultValue?: boolean\n  disabled?: boolean\n  isIndeterminate?: boolean\n  name?: string\n  class?: string\n}>(), {\n  variant: undefined,\n  value: undefined,\n  modelValue: undefined,\n  defaultValue: false,\n  disabled: false,\n  isIndeterminate: false,\n  name: undefined,\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: boolean]\n}>()\n\nconst attrs = useAttrs()\n\n// Inject CheckboxGroup context with fallback defaults (standalone mode)\nconst groupCtx = useCheckboxGroupInject({\n  variant: ref('primary'),\n  disabled: ref(false),\n  selectedValues: ref([]),\n  toggleValue: () => {},\n  name: ref(undefined),\n})\n\n// Prop precedence: group disabled wins (D-02)\nconst isDisabled = computed(() => groupCtx.disabled.value || props.disabled)\n\n// Child variant wins over group variant\nconst finalVariant = computed(() => props.variant ?? groupCtx.variant.value)\n\n// Determine if inside a group (value prop is the signal)\nconst isInGroup = computed(() => props.value !== undefined)\n\n// Compute modelValue for Reka UI CheckboxRoot\n// Reka UI uses modelValue: boolean | 'indeterminate' to control state\nconst checkedState = computed<boolean | 'indeterminate'>(() => {\n  if (props.isIndeterminate) return 'indeterminate'\n  if (isInGroup.value) {\n    return groupCtx.selectedValues.value.includes(props.value!)\n  }\n  return props.modelValue ?? false\n})\n\n// Handle Reka UI's update:modelValue event\nfunction handleUpdate(val: boolean | 'indeterminate') {\n  if (isInGroup.value) {\n    groupCtx.toggleValue(props.value!)\n  } else {\n    if (val !== 'indeterminate') {\n      emit('update:modelValue', val)\n    }\n  }\n}\n\nconst slotFns = computed(() =>\n  checkboxVariants({ variant: finalVariant.value })\n)\n</script>\n\n<template>\n  <!--\n    v-bind=\"attrs\" forwards aria-label and other HTML attributes through to Reka UI's\n    CheckboxRoot, which then applies them to the inner <button> element.\n    inheritAttrs: false prevents double-application on CheckboxRoot's root.\n  -->\n  <CheckboxRoot\n    v-bind=\"attrs\"\n    :model-value=\"checkedState\"\n    :disabled=\"isDisabled\"\n    :name=\"props.name ?? groupCtx.name.value\"\n    :value=\"props.value\"\n    :class=\"composeClassName(slotFns.base(), props.class)\"\n    @update:model-value=\"handleUpdate\"\n  >\n    <span :class=\"slotFns.control()\">\n      <CheckboxIndicator :class=\"slotFns.indicator()\">\n        <!-- Indeterminate: dash icon -->\n        <svg\n          v-if=\"props.isIndeterminate\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          width=\"12\"\n          height=\"12\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"3\"\n          stroke-linecap=\"round\"\n          aria-hidden=\"true\"\n        >\n          <line\n            x1=\"5\"\n            y1=\"12\"\n            x2=\"19\"\n            y2=\"12\"\n          />\n        </svg>\n        <!-- Checked: check icon -->\n        <svg\n          v-else\n          xmlns=\"http://www.w3.org/2000/svg\"\n          width=\"12\"\n          height=\"12\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"3\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          aria-hidden=\"true\"\n        >\n          <polyline points=\"20 6 9 17 4 12\" />\n        </svg>\n      </CheckboxIndicator>\n    </span>\n    <span :class=\"slotFns.content()\">\n      <slot />\n    </span>\n  </CheckboxRoot>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAUA,MAAM,QAAQ;EAmBd,MAAM,OAAO;EAIb,MAAM,QAAQ,UAAS;EAGvB,MAAM,WAAW,uBAAuB;GACtC,SAAS,IAAI,UAAU;GACvB,UAAU,IAAI,MAAM;GACpB,gBAAgB,IAAI,EAAE,CAAC;GACvB,mBAAmB;GACnB,MAAM,IAAI,KAAA,EAAU;GACrB,CAAA;EAGD,MAAM,aAAa,eAAe,SAAS,SAAS,SAAS,MAAM,SAAQ;EAG3E,MAAM,eAAe,eAAe,MAAM,WAAW,SAAS,QAAQ,MAAK;EAG3E,MAAM,YAAY,eAAe,MAAM,UAAU,KAAA,EAAS;EAI1D,MAAM,eAAe,eAA0C;AAC7D,OAAI,MAAM,gBAAiB,QAAO;AAClC,OAAI,UAAU,MACZ,QAAO,SAAS,eAAe,MAAM,SAAS,MAAM,MAAM;AAE5D,UAAO,MAAM,cAAc;IAC5B;EAGD,SAAS,aAAa,KAAgC;AACpD,OAAI,UAAU,MACZ,UAAS,YAAY,MAAM,MAAM;YAE7B,QAAQ,gBACV,MAAK,qBAAqB,IAAG;;EAKnC,MAAM,UAAU,eACd,iBAAiB,EAAE,SAAS,aAAa,OAAO,CAAA,CAClD;;uBASE,YAoDe,MAAA,aAAA,EApDf,WACU,MAmDK,MAnDA,EAAA;IACZ,eAAa,aAAA;IACb,UAAU,WAAA;IACV,MAAM,MAAM,QAAQ,MAAA,SAAQ,CAAC,KAAK;IAClC,OAAO,MAAM;IACb,OAAO,MAAA,iBAAgB,CAAC,QAAA,MAAQ,MAAI,EAAI,MAAM,MAAK;IACnD,uBAAoB;;2BAyCd,CAvCP,mBAuCO,QAAA,EAvCA,OAAK,eAAE,QAAA,MAAQ,SAAO,CAAA,EAAA,EAAA,CAC3B,YAqCoB,MAAA,kBAAA,EAAA,EArCA,OAAK,eAAE,QAAA,MAAQ,WAAS,CAAA,EAAA,EAAA;4BAoBpC,CAjBE,MAAM,mBAAA,WAAA,EADd,mBAkBM,OAlBN,YAkBM,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CANJ,mBAKE,QAAA;MAJA,IAAG;MACH,IAAG;MACH,IAAG;MACH,IAAG;uCAIP,mBAcM,OAdN,YAcM,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CADJ,mBAAoC,YAAA,EAA1B,QAAO,kBAAgB,EAAA,MAAA,GAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2BAIvC,mBAEO,QAAA,EAFA,OAAK,eAAE,QAAA,MAAQ,SAAO,CAAA,EAAA,EAAA,CAC3B,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA,CAAA,CAAA"}

package/dist/components/checkbox/CheckboxGroup.js

@@ -0,0 +1,7 @@
+import CheckboxGroup_vue_vue_type_script_setup_true_lang_default from "./CheckboxGroup.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/checkbox/CheckboxGroup.vue
+var CheckboxGroup_default = CheckboxGroup_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { CheckboxGroup_default as default };
+
+//# sourceMappingURL=CheckboxGroup.js.map

package/dist/components/checkbox/CheckboxGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxGroup.js","names":[],"sources":["../../../src/components/checkbox/CheckboxGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref, toRef } from 'vue'\nimport { checkboxGroupVariants, type CheckboxGroupVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { useCheckboxGroupProvide } from './checkbox-group.context'\n\nconst props = withDefaults(defineProps<{\n  variant?: CheckboxGroupVariants['variant']\n  disabled?: boolean\n  modelValue?: string[]\n  defaultValue?: string[]\n  name?: string\n  orientation?: 'horizontal' | 'vertical'\n  label?: string\n  description?: string\n  class?: string\n}>(), {\n  variant: 'primary',\n  disabled: false,\n  modelValue: undefined,\n  defaultValue: undefined,\n  name: undefined,\n  orientation: 'vertical',\n  label: undefined,\n  description: undefined,\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: string[]]\n}>()\n\n// Internal state for uncontrolled mode\nconst internalValues = ref<string[]>(props.defaultValue ?? [])\n\n// Current values: controlled (modelValue) or uncontrolled (internalValues)\nconst currentValues = computed(() => props.modelValue ?? internalValues.value)\n\n// Toggle value in the selection list\nfunction toggleValue(value: string) {\n  const next = currentValues.value.includes(value)\n    ? currentValues.value.filter(v => v !== value)\n    : [...currentValues.value, value]\n  internalValues.value = next\n  emit('update:modelValue', next)\n}\n\n// Provide context to child Checkboxes\nuseCheckboxGroupProvide({\n  variant: toRef(props, 'variant'),\n  disabled: toRef(props, 'disabled'),\n  selectedValues: currentValues,\n  toggleValue,\n  name: toRef(props, 'name'),\n})\n\nconst labelId = `checkbox-group-label-${Math.random().toString(36).slice(2, 8)}`\n\nconst groupClasses = computed(() =>\n  checkboxGroupVariants({ variant: props.variant })\n)\n</script>\n\n<template>\n  <div\n    role=\"group\"\n    :aria-labelledby=\"props.label ? labelId : undefined\"\n    :data-orientation=\"props.orientation\"\n    :class=\"composeClassName(groupClasses, props.class)\"\n  >\n    <span\n      v-if=\"props.label\"\n      :id=\"labelId\"\n      class=\"checkbox-group__label\"\n    >{{ props.label }}</span>\n    <div class=\"checkbox-group__wrapper\">\n      <slot />\n    </div>\n    <span\n      v-if=\"props.description\"\n      class=\"checkbox-group__description\"\n    >{{ props.description }}</span>\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/checkbox/CheckboxGroup.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,69 @@
+import { composeClassName } from "../../utils/composeClassName.js";
+import { useCheckboxGroupProvide } from "./checkbox-group.context.js";
+import { computed, createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, ref, renderSlot, toDisplayString, toRef, unref } from "vue";
+import { checkboxGroupVariants } from "@auronui/styles";
+//#region src/components/checkbox/CheckboxGroup.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["aria-labelledby", "data-orientation"];
+var _hoisted_2 = { class: "checkbox-group__wrapper" };
+var _hoisted_3 = {
+	key: 1,
+	class: "checkbox-group__description"
+};
+var CheckboxGroup_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "CheckboxGroup",
+	props: {
+		variant: { default: "primary" },
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		modelValue: { default: void 0 },
+		defaultValue: { default: void 0 },
+		name: { default: void 0 },
+		orientation: { default: "vertical" },
+		label: { default: void 0 },
+		description: { default: void 0 },
+		class: {}
+	},
+	emits: ["update:modelValue"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const internalValues = ref(props.defaultValue ?? []);
+		const currentValues = computed(() => props.modelValue ?? internalValues.value);
+		function toggleValue(value) {
+			const next = currentValues.value.includes(value) ? currentValues.value.filter((v) => v !== value) : [...currentValues.value, value];
+			internalValues.value = next;
+			emit("update:modelValue", next);
+		}
+		useCheckboxGroupProvide({
+			variant: toRef(props, "variant"),
+			disabled: toRef(props, "disabled"),
+			selectedValues: currentValues,
+			toggleValue,
+			name: toRef(props, "name")
+		});
+		const labelId = `checkbox-group-label-${Math.random().toString(36).slice(2, 8)}`;
+		const groupClasses = computed(() => checkboxGroupVariants({ variant: props.variant }));
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				role: "group",
+				"aria-labelledby": props.label ? labelId : void 0,
+				"data-orientation": props.orientation,
+				class: normalizeClass(unref(composeClassName)(groupClasses.value, props.class))
+			}, [
+				props.label ? (openBlock(), createElementBlock("span", {
+					key: 0,
+					id: labelId,
+					class: "checkbox-group__label"
+				}, toDisplayString(props.label), 1)) : createCommentVNode("", true),
+				createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "default")]),
+				props.description ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(props.description), 1)) : createCommentVNode("", true)
+			], 10, _hoisted_1);
+		};
+	}
+});
+//#endregion
+export { CheckboxGroup_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=CheckboxGroup.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/checkbox/CheckboxGroup.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxGroup.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/checkbox/CheckboxGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref, toRef } from 'vue'\nimport { checkboxGroupVariants, type CheckboxGroupVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { useCheckboxGroupProvide } from './checkbox-group.context'\n\nconst props = withDefaults(defineProps<{\n  variant?: CheckboxGroupVariants['variant']\n  disabled?: boolean\n  modelValue?: string[]\n  defaultValue?: string[]\n  name?: string\n  orientation?: 'horizontal' | 'vertical'\n  label?: string\n  description?: string\n  class?: string\n}>(), {\n  variant: 'primary',\n  disabled: false,\n  modelValue: undefined,\n  defaultValue: undefined,\n  name: undefined,\n  orientation: 'vertical',\n  label: undefined,\n  description: undefined,\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: string[]]\n}>()\n\n// Internal state for uncontrolled mode\nconst internalValues = ref<string[]>(props.defaultValue ?? [])\n\n// Current values: controlled (modelValue) or uncontrolled (internalValues)\nconst currentValues = computed(() => props.modelValue ?? internalValues.value)\n\n// Toggle value in the selection list\nfunction toggleValue(value: string) {\n  const next = currentValues.value.includes(value)\n    ? currentValues.value.filter(v => v !== value)\n    : [...currentValues.value, value]\n  internalValues.value = next\n  emit('update:modelValue', next)\n}\n\n// Provide context to child Checkboxes\nuseCheckboxGroupProvide({\n  variant: toRef(props, 'variant'),\n  disabled: toRef(props, 'disabled'),\n  selectedValues: currentValues,\n  toggleValue,\n  name: toRef(props, 'name'),\n})\n\nconst labelId = `checkbox-group-label-${Math.random().toString(36).slice(2, 8)}`\n\nconst groupClasses = computed(() =>\n  checkboxGroupVariants({ variant: props.variant })\n)\n</script>\n\n<template>\n  <div\n    role=\"group\"\n    :aria-labelledby=\"props.label ? labelId : undefined\"\n    :data-orientation=\"props.orientation\"\n    :class=\"composeClassName(groupClasses, props.class)\"\n  >\n    <span\n      v-if=\"props.label\"\n      :id=\"labelId\"\n      class=\"checkbox-group__label\"\n    >{{ props.label }}</span>\n    <div class=\"checkbox-group__wrapper\">\n      <slot />\n    </div>\n    <span\n      v-if=\"props.description\"\n      class=\"checkbox-group__description\"\n    >{{ props.description }}</span>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAMA,MAAM,QAAQ;EAqBd,MAAM,OAAO;EAKb,MAAM,iBAAiB,IAAc,MAAM,gBAAgB,EAAE,CAAA;EAG7D,MAAM,gBAAgB,eAAe,MAAM,cAAc,eAAe,MAAK;EAG7E,SAAS,YAAY,OAAe;GAClC,MAAM,OAAO,cAAc,MAAM,SAAS,MAAK,GAC3C,cAAc,MAAM,QAAO,MAAK,MAAM,MAAK,GAC3C,CAAC,GAAG,cAAc,OAAO,MAAK;AAClC,kBAAe,QAAQ;AACvB,QAAK,qBAAqB,KAAI;;AAIhC,0BAAwB;GACtB,SAAS,MAAM,OAAO,UAAU;GAChC,UAAU,MAAM,OAAO,WAAW;GAClC,gBAAgB;GAChB;GACA,MAAM,MAAM,OAAO,OAAO;GAC3B,CAAA;EAED,MAAM,UAAU,wBAAwB,KAAK,QAAQ,CAAC,SAAS,GAAG,CAAC,MAAM,GAAG,EAAE;EAE9E,MAAM,eAAe,eACnB,sBAAsB,EAAE,SAAS,MAAM,SAAS,CAAA,CAClD;;uBAIE,mBAkBM,OAAA;IAjBJ,MAAK;IACJ,mBAAiB,MAAM,QAAQ,UAAU,KAAA;IACzC,oBAAkB,MAAM;IACxB,OAAK,eAAE,MAAA,iBAAgB,CAAC,aAAA,OAAc,MAAM,MAAK,CAAA;;IAG1C,MAAM,SAAA,WAAA,EADd,mBAIyB,QAAA;;KAFtB,IAAI;KACL,OAAM;uBACJ,MAAM,MAAK,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA;IACf,mBAEM,OAFN,YAEM,CADJ,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA;IAGF,MAAM,eAAA,WAAA,EADd,mBAG+B,QAH/B,YAG+B,gBAA3B,MAAM,YAAW,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA"}

package/dist/components/checkbox/checkbox-group.context.js

@@ -0,0 +1,7 @@
+import { createContext } from "../../utils/context.js";
+//#region src/components/checkbox/checkbox-group.context.ts
+var { useProvide: useCheckboxGroupProvide, useInject: useCheckboxGroupInject, key: checkboxGroupContextKey } = createContext("CheckboxGroup");
+//#endregion
+export { checkboxGroupContextKey, useCheckboxGroupInject, useCheckboxGroupProvide };
+
+//# sourceMappingURL=checkbox-group.context.js.map

package/dist/components/checkbox/checkbox-group.context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-group.context.js","names":[],"sources":["../../../src/components/checkbox/checkbox-group.context.ts"],"sourcesContent":["import type { Ref } from 'vue'\nimport type { CheckboxVariants } from '@auronui/styles'\nimport { createContext } from '../../utils/context'\n\n/**\n * CANONICAL DUAL-CONTEXT TEMPLATE (Phase 4, D-01)\n *\n * This is the reference implementation for all Phase 4+ group components.\n * Radio/RadioGroup, Switch/SwitchGroup, and ToggleButton/ToggleButtonGroup\n * all follow this exact shape.\n *\n * Contract:\n * - Group provides a Ref-wrapped context via `useProvide`\n * - Child unconditionally calls `useInject(fallback)` with sensible defaults\n * - Prop precedence: group.disabled wins; child.variant/size wins\n */\nexport interface CheckboxGroupContext {\n  variant: Ref<CheckboxVariants['variant']>\n  disabled: Ref<boolean>\n  selectedValues: Ref<string[]>\n  toggleValue: (value: string) => void\n  name: Ref<string | undefined>\n}\n\nexport const {\n  useProvide: useCheckboxGroupProvide,\n  useInject: useCheckboxGroupInject,\n  key: checkboxGroupContextKey,\n} = createContext<CheckboxGroupContext>('CheckboxGroup')\n"],"mappings":";;AAwBA,IAAa,EACX,YAAY,yBACZ,WAAW,wBACX,KAAK,4BACH,cAAoC,gBAAgB"}

package/dist/components/chip/Chip.js

@@ -0,0 +1,7 @@
+import Chip_vue_vue_type_script_setup_true_lang_default from "./Chip.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/chip/Chip.vue
+var Chip_default = Chip_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { Chip_default as default };
+
+//# sourceMappingURL=Chip.js.map

package/dist/components/chip/Chip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chip.js","names":[],"sources":["../../../src/components/chip/Chip.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { chipVariants, type ChipVariants } from \"@auronui/styles\";\nimport { composeClassName } from \"../../utils/composeClassName\";\n\nconst props = withDefaults(\n  defineProps<{\n    color?: ChipVariants[\"color\"];\n    size?: ChipVariants[\"size\"];\n    variant?: ChipVariants[\"variant\"];\n    /** Show a colored dot indicator before the label */\n    dot?: boolean;\n    /** Render a built-in close button that emits `close` */\n    isClosable?: boolean;\n    /** Aria-label for the close button */\n    closeAriaLabel?: string;\n    class?: string;\n  }>(),\n  {\n    color: \"default\",\n    variant: \"solid\",\n    dot: false,\n    isClosable: false,\n    closeAriaLabel: \"Remove\",\n  }\n);\n\nconst emit = defineEmits<{\n  (e: \"close\"): void;\n}>();\n\nconst slotFns = computed(() =>\n  chipVariants({\n    color: props.color,\n    size: props.size,\n    variant: props.variant,\n  })\n);\n</script>\n\n<template>\n  <span :class=\"composeClassName(slotFns.base(), props.class)\">\n    <span\n      v-if=\"dot\"\n      :class=\"slotFns.dot()\"\n      aria-hidden=\"true\"\n    />\n    <span\n      v-if=\"$slots.startContent\"\n      :class=\"slotFns.startContent()\"\n      aria-hidden=\"true\"\n    >\n      <slot name=\"startContent\" />\n    </span>\n\n    <span :class=\"slotFns.label()\">\n      <slot />\n    </span>\n\n    <span\n      v-if=\"$slots.endContent && !isClosable\"\n      :class=\"slotFns.endContent()\"\n      aria-hidden=\"true\"\n    >\n      <slot name=\"endContent\" />\n    </span>\n\n    <button\n      v-if=\"isClosable\"\n      type=\"button\"\n      :class=\"slotFns.closeButton()\"\n      :aria-label=\"closeAriaLabel\"\n      @click=\"emit('close')\"\n    >\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"2.5\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        aria-hidden=\"true\"\n        focusable=\"false\"\n      >\n        <line\n          x1=\"18\"\n          y1=\"6\"\n          x2=\"6\"\n          y2=\"18\"\n        />\n        <line\n          x1=\"6\"\n          y1=\"6\"\n          x2=\"18\"\n          y2=\"18\"\n        />\n      </svg>\n    </button>\n  </span>\n</template>\n"],"mappings":""}

package/dist/components/chip/Chip.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,84 @@
+import { composeClassName } from "../../utils/composeClassName.js";
+import { computed, createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, renderSlot, unref } from "vue";
+import { chipVariants } from "@auronui/styles";
+//#region src/components/chip/Chip.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["aria-label"];
+var Chip_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "Chip",
+	props: {
+		color: { default: "default" },
+		size: {},
+		variant: { default: "solid" },
+		dot: {
+			type: Boolean,
+			default: false
+		},
+		isClosable: {
+			type: Boolean,
+			default: false
+		},
+		closeAriaLabel: { default: "Remove" },
+		class: {}
+	},
+	emits: ["close"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const slotFns = computed(() => chipVariants({
+			color: props.color,
+			size: props.size,
+			variant: props.variant
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("span", { class: normalizeClass(unref(composeClassName)(slotFns.value.base(), props.class)) }, [
+				__props.dot ? (openBlock(), createElementBlock("span", {
+					key: 0,
+					class: normalizeClass(slotFns.value.dot()),
+					"aria-hidden": "true"
+				}, null, 2)) : createCommentVNode("", true),
+				_ctx.$slots.startContent ? (openBlock(), createElementBlock("span", {
+					key: 1,
+					class: normalizeClass(slotFns.value.startContent()),
+					"aria-hidden": "true"
+				}, [renderSlot(_ctx.$slots, "startContent")], 2)) : createCommentVNode("", true),
+				createElementVNode("span", { class: normalizeClass(slotFns.value.label()) }, [renderSlot(_ctx.$slots, "default")], 2),
+				_ctx.$slots.endContent && !__props.isClosable ? (openBlock(), createElementBlock("span", {
+					key: 2,
+					class: normalizeClass(slotFns.value.endContent()),
+					"aria-hidden": "true"
+				}, [renderSlot(_ctx.$slots, "endContent")], 2)) : createCommentVNode("", true),
+				__props.isClosable ? (openBlock(), createElementBlock("button", {
+					key: 3,
+					type: "button",
+					class: normalizeClass(slotFns.value.closeButton()),
+					"aria-label": __props.closeAriaLabel,
+					onClick: _cache[0] || (_cache[0] = ($event) => emit("close"))
+				}, [..._cache[1] || (_cache[1] = [createElementVNode("svg", {
+					xmlns: "http://www.w3.org/2000/svg",
+					viewBox: "0 0 24 24",
+					fill: "none",
+					stroke: "currentColor",
+					"stroke-width": "2.5",
+					"stroke-linecap": "round",
+					"stroke-linejoin": "round",
+					"aria-hidden": "true",
+					focusable: "false"
+				}, [createElementVNode("line", {
+					x1: "18",
+					y1: "6",
+					x2: "6",
+					y2: "18"
+				}), createElementVNode("line", {
+					x1: "6",
+					y1: "6",
+					x2: "18",
+					y2: "18"
+				})], -1)])], 10, _hoisted_1)) : createCommentVNode("", true)
+			], 2);
+		};
+	}
+});
+//#endregion
+export { Chip_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=Chip.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/chip/Chip.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chip.vue_vue_type_script_setup_true_lang.js","names":["$slots"],"sources":["../../../src/components/chip/Chip.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { chipVariants, type ChipVariants } from \"@auronui/styles\";\nimport { composeClassName } from \"../../utils/composeClassName\";\n\nconst props = withDefaults(\n  defineProps<{\n    color?: ChipVariants[\"color\"];\n    size?: ChipVariants[\"size\"];\n    variant?: ChipVariants[\"variant\"];\n    /** Show a colored dot indicator before the label */\n    dot?: boolean;\n    /** Render a built-in close button that emits `close` */\n    isClosable?: boolean;\n    /** Aria-label for the close button */\n    closeAriaLabel?: string;\n    class?: string;\n  }>(),\n  {\n    color: \"default\",\n    variant: \"solid\",\n    dot: false,\n    isClosable: false,\n    closeAriaLabel: \"Remove\",\n  }\n);\n\nconst emit = defineEmits<{\n  (e: \"close\"): void;\n}>();\n\nconst slotFns = computed(() =>\n  chipVariants({\n    color: props.color,\n    size: props.size,\n    variant: props.variant,\n  })\n);\n</script>\n\n<template>\n  <span :class=\"composeClassName(slotFns.base(), props.class)\">\n    <span\n      v-if=\"dot\"\n      :class=\"slotFns.dot()\"\n      aria-hidden=\"true\"\n    />\n    <span\n      v-if=\"$slots.startContent\"\n      :class=\"slotFns.startContent()\"\n      aria-hidden=\"true\"\n    >\n      <slot name=\"startContent\" />\n    </span>\n\n    <span :class=\"slotFns.label()\">\n      <slot />\n    </span>\n\n    <span\n      v-if=\"$slots.endContent && !isClosable\"\n      :class=\"slotFns.endContent()\"\n      aria-hidden=\"true\"\n    >\n      <slot name=\"endContent\" />\n    </span>\n\n    <button\n      v-if=\"isClosable\"\n      type=\"button\"\n      :class=\"slotFns.closeButton()\"\n      :aria-label=\"closeAriaLabel\"\n      @click=\"emit('close')\"\n    >\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"2.5\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        aria-hidden=\"true\"\n        focusable=\"false\"\n      >\n        <line\n          x1=\"18\"\n          y1=\"6\"\n          x2=\"6\"\n          y2=\"18\"\n        />\n        <line\n          x1=\"6\"\n          y1=\"6\"\n          x2=\"18\"\n          y2=\"18\"\n        />\n      </svg>\n    </button>\n  </span>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;EAKA,MAAM,QAAQ;EAsBd,MAAM,OAAO;EAIb,MAAM,UAAU,eACd,aAAa;GACX,OAAO,MAAM;GACb,MAAM,MAAM;GACZ,SAAS,MAAM;GAChB,CAAA,CACF;;uBAIC,mBA0DO,QAAA,EA1DA,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,MAAI,EAAI,MAAM,MAAK,CAAA,EAAA,EAAA;IAEhD,QAAA,OAAA,WAAA,EADR,mBAIE,QAAA;;KAFC,OAAK,eAAE,QAAA,MAAQ,KAAG,CAAA;KACnB,eAAY;;IAGNA,KAAAA,OAAO,gBAAA,WAAA,EADf,mBAMO,QAAA;;KAJJ,OAAK,eAAE,QAAA,MAAQ,cAAY,CAAA;KAC5B,eAAY;QAEZ,WAA4B,KAAA,QAAA,eAAA,CAAA,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA;IAG9B,mBAEO,QAAA,EAFA,OAAK,eAAE,QAAA,MAAQ,OAAK,CAAA,EAAA,EAAA,CACzB,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA;IAIFA,KAAAA,OAAO,cAAU,CAAK,QAAA,cAAA,WAAA,EAD9B,mBAMO,QAAA;;KAJJ,OAAK,eAAE,QAAA,MAAQ,YAAU,CAAA;KAC1B,eAAY;QAEZ,WAA0B,KAAA,QAAA,aAAA,CAAA,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA;IAIpB,QAAA,cAAA,WAAA,EADR,mBA+BS,UAAA;;KA7BP,MAAK;KACJ,OAAK,eAAE,QAAA,MAAQ,aAAW,CAAA;KAC1B,cAAY,QAAA;KACZ,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,QAAA;sCAEZ,mBAuBM,OAAA;KAtBJ,OAAM;KACN,SAAQ;KACR,MAAK;KACL,QAAO;KACP,gBAAa;KACb,kBAAe;KACf,mBAAgB;KAChB,eAAY;KACZ,WAAU;QAEV,mBAKE,QAAA;KAJA,IAAG;KACH,IAAG;KACH,IAAG;KACH,IAAG;QAEL,mBAKE,QAAA;KAJA,IAAG;KACH,IAAG;KACH,IAAG;KACH,IAAG"}

package/dist/components/collapsible/Collapsible.js

@@ -0,0 +1,7 @@
+import Collapsible_vue_vue_type_script_setup_true_lang_default from "./Collapsible.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/collapsible/Collapsible.vue
+var Collapsible_default = Collapsible_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { Collapsible_default as default };
+
+//# sourceMappingURL=Collapsible.js.map

package/dist/components/collapsible/Collapsible.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Collapsible.js","names":[],"sources":["../../../src/components/collapsible/Collapsible.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, onMounted, onBeforeUnmount, ref, useId, watch } from 'vue'\nimport { CollapsibleRoot } from 'reka-ui'\nimport { collapsibleVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { useCollapsibleProvide } from './collapsible.context'\nimport { injectCollapsibleGroup } from './collapsible-group.context'\n\n// NOTE: `open` is typed as `boolean | null` (not boolean) to avoid Vue's boolean\n// prop casting: absent boolean props are cast to `false`, making it impossible to\n// distinguish \"not provided\" from \"explicitly false\". Using null as the\n// \"not controlled\" sentinel preserves that distinction at runtime.\nconst props = withDefaults(defineProps<{\n  open?: boolean | null\n  defaultOpen?: boolean\n  disabled?: boolean\n  class?: string\n}>(), {\n  open: null,\n  defaultOpen: false,\n  disabled: false,\n})\n\nconst emit = defineEmits<{\n  'update:open': [value: boolean]\n}>()\n\n// Check if we're inside a CollapsibleGroup — if so, we need controlled mode so\n// the group can externally close this Collapsible by setting internalOpen.value.\nconst group = injectCollapsibleGroup()\nconst id = useId()\n\n// Controlled mode when: (a) parent provides v-model:open, OR (b) inside a group.\n// In both cases, internalOpen drives Reka's open prop.\nconst isControlled = computed(() => props.open !== null || group !== null)\n\n// Mirror of the open state — updated when Reka fires @update:open.\n// Initialized from: controlled `open` prop if set, else `defaultOpen`.\nconst internalOpen = ref<boolean>(\n  props.open !== null ? (props.open as boolean) : props.defaultOpen\n)\n\n// Sync external open -> internal (v-model controlled mode)\nwatch(() => props.open, (v) => {\n  if (v !== null && typeof v === 'boolean' && v !== internalOpen.value) {\n    internalOpen.value = v\n  }\n})\n\nfunction onUpdateOpen(v: boolean) {\n  if (internalOpen.value === v) return\n  internalOpen.value = v\n  emit('update:open', v)\n  // Notify group for single-open enforcement\n  if (v && group) group.notifyOpen(id)\n}\n\nconst slotFns = computed(() => collapsibleVariants({}))\n\nuseCollapsibleProvide({ slotFns, isOpen: internalOpen })\n\nonMounted(() => {\n  if (group) group.register({ id, open: internalOpen })\n})\n\nonBeforeUnmount(() => {\n  if (group) group.unregister(id)\n})\n</script>\n\n<template>\n  <CollapsibleRoot\n    :open=\"isControlled ? internalOpen : undefined\"\n    :default-open=\"!isControlled ? props.defaultOpen : undefined\"\n    :disabled=\"props.disabled\"\n    :class=\"composeClassName(slotFns.base(), props.class)\"\n    @update:open=\"onUpdateOpen\"\n  >\n    <slot />\n  </CollapsibleRoot>\n</template>\n"],"mappings":""}

package/dist/components/collapsible/Collapsible.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,78 @@
+import { composeClassName } from "../../utils/composeClassName.js";
+import { useCollapsibleProvide } from "./collapsible.context.js";
+import { injectCollapsibleGroup } from "./collapsible-group.context.js";
+import { computed, createBlock, defineComponent, normalizeClass, onBeforeUnmount, onMounted, openBlock, ref, renderSlot, unref, useId, watch, withCtx } from "vue";
+import { collapsibleVariants } from "@auronui/styles";
+import { CollapsibleRoot } from "reka-ui";
+//#region src/components/collapsible/Collapsible.vue?vue&type=script&setup=true&lang.ts
+var Collapsible_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "Collapsible",
+	props: {
+		open: {
+			type: [Boolean, null],
+			default: null
+		},
+		defaultOpen: {
+			type: Boolean,
+			default: false
+		},
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		class: {}
+	},
+	emits: ["update:open"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const group = injectCollapsibleGroup();
+		const id = useId();
+		const isControlled = computed(() => props.open !== null || group !== null);
+		const internalOpen = ref(props.open !== null ? props.open : props.defaultOpen);
+		watch(() => props.open, (v) => {
+			if (v !== null && typeof v === "boolean" && v !== internalOpen.value) internalOpen.value = v;
+		});
+		function onUpdateOpen(v) {
+			if (internalOpen.value === v) return;
+			internalOpen.value = v;
+			emit("update:open", v);
+			if (v && group) group.notifyOpen(id);
+		}
+		const slotFns = computed(() => collapsibleVariants({}));
+		useCollapsibleProvide({
+			slotFns,
+			isOpen: internalOpen
+		});
+		onMounted(() => {
+			if (group) group.register({
+				id,
+				open: internalOpen
+			});
+		});
+		onBeforeUnmount(() => {
+			if (group) group.unregister(id);
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(CollapsibleRoot), {
+				open: isControlled.value ? internalOpen.value : void 0,
+				"default-open": !isControlled.value ? props.defaultOpen : void 0,
+				disabled: props.disabled,
+				class: normalizeClass(unref(composeClassName)(slotFns.value.base(), props.class)),
+				"onUpdate:open": onUpdateOpen
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, [
+				"open",
+				"default-open",
+				"disabled",
+				"class"
+			]);
+		};
+	}
+});
+//#endregion
+export { Collapsible_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=Collapsible.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/collapsible/Collapsible.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Collapsible.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/collapsible/Collapsible.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, onMounted, onBeforeUnmount, ref, useId, watch } from 'vue'\nimport { CollapsibleRoot } from 'reka-ui'\nimport { collapsibleVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { useCollapsibleProvide } from './collapsible.context'\nimport { injectCollapsibleGroup } from './collapsible-group.context'\n\n// NOTE: `open` is typed as `boolean | null` (not boolean) to avoid Vue's boolean\n// prop casting: absent boolean props are cast to `false`, making it impossible to\n// distinguish \"not provided\" from \"explicitly false\". Using null as the\n// \"not controlled\" sentinel preserves that distinction at runtime.\nconst props = withDefaults(defineProps<{\n  open?: boolean | null\n  defaultOpen?: boolean\n  disabled?: boolean\n  class?: string\n}>(), {\n  open: null,\n  defaultOpen: false,\n  disabled: false,\n})\n\nconst emit = defineEmits<{\n  'update:open': [value: boolean]\n}>()\n\n// Check if we're inside a CollapsibleGroup — if so, we need controlled mode so\n// the group can externally close this Collapsible by setting internalOpen.value.\nconst group = injectCollapsibleGroup()\nconst id = useId()\n\n// Controlled mode when: (a) parent provides v-model:open, OR (b) inside a group.\n// In both cases, internalOpen drives Reka's open prop.\nconst isControlled = computed(() => props.open !== null || group !== null)\n\n// Mirror of the open state — updated when Reka fires @update:open.\n// Initialized from: controlled `open` prop if set, else `defaultOpen`.\nconst internalOpen = ref<boolean>(\n  props.open !== null ? (props.open as boolean) : props.defaultOpen\n)\n\n// Sync external open -> internal (v-model controlled mode)\nwatch(() => props.open, (v) => {\n  if (v !== null && typeof v === 'boolean' && v !== internalOpen.value) {\n    internalOpen.value = v\n  }\n})\n\nfunction onUpdateOpen(v: boolean) {\n  if (internalOpen.value === v) return\n  internalOpen.value = v\n  emit('update:open', v)\n  // Notify group for single-open enforcement\n  if (v && group) group.notifyOpen(id)\n}\n\nconst slotFns = computed(() => collapsibleVariants({}))\n\nuseCollapsibleProvide({ slotFns, isOpen: internalOpen })\n\nonMounted(() => {\n  if (group) group.register({ id, open: internalOpen })\n})\n\nonBeforeUnmount(() => {\n  if (group) group.unregister(id)\n})\n</script>\n\n<template>\n  <CollapsibleRoot\n    :open=\"isControlled ? internalOpen : undefined\"\n    :default-open=\"!isControlled ? props.defaultOpen : undefined\"\n    :disabled=\"props.disabled\"\n    :class=\"composeClassName(slotFns.base(), props.class)\"\n    @update:open=\"onUpdateOpen\"\n  >\n    <slot />\n  </CollapsibleRoot>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;EAYA,MAAM,QAAQ;EAWd,MAAM,OAAO;EAMb,MAAM,QAAQ,wBAAuB;EACrC,MAAM,KAAK,OAAM;EAIjB,MAAM,eAAe,eAAe,MAAM,SAAS,QAAQ,UAAU,KAAI;EAIzE,MAAM,eAAe,IACnB,MAAM,SAAS,OAAQ,MAAM,OAAmB,MAAM,YACxD;AAGA,cAAY,MAAM,OAAO,MAAM;AAC7B,OAAI,MAAM,QAAQ,OAAO,MAAM,aAAa,MAAM,aAAa,MAC7D,cAAa,QAAQ;IAExB;EAED,SAAS,aAAa,GAAY;AAChC,OAAI,aAAa,UAAU,EAAG;AAC9B,gBAAa,QAAQ;AACrB,QAAK,eAAe,EAAC;AAErB,OAAI,KAAK,MAAO,OAAM,WAAW,GAAE;;EAGrC,MAAM,UAAU,eAAe,oBAAoB,EAAE,CAAC,CAAA;AAEtD,wBAAsB;GAAE;GAAS,QAAQ;GAAc,CAAA;AAEvD,kBAAgB;AACd,OAAI,MAAO,OAAM,SAAS;IAAE;IAAI,MAAM;IAAc,CAAA;IACrD;AAED,wBAAsB;AACpB,OAAI,MAAO,OAAM,WAAW,GAAE;IAC/B;;uBAIC,YAQkB,MAAA,gBAAA,EAAA;IAPf,MAAM,aAAA,QAAe,aAAA,QAAe,KAAA;IACpC,gBAAY,CAAG,aAAA,QAAe,MAAM,cAAc,KAAA;IAClD,UAAU,MAAM;IAChB,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,MAAI,EAAI,MAAM,MAAK,CAAA;IACnD,iBAAa;;2BAEN,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}

package/dist/components/collapsible/CollapsibleContent.js

@@ -0,0 +1,7 @@
+import CollapsibleContent_vue_vue_type_script_setup_true_lang_default from "./CollapsibleContent.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/collapsible/CollapsibleContent.vue
+var CollapsibleContent_default = CollapsibleContent_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { CollapsibleContent_default as default };
+
+//# sourceMappingURL=CollapsibleContent.js.map

package/dist/components/collapsible/CollapsibleContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollapsibleContent.js","names":[],"sources":["../../../src/components/collapsible/CollapsibleContent.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { CollapsibleContent } from 'reka-ui'\nimport { useCollapsibleInject } from './collapsible.context'\nimport { motion, AnimatePresence } from '../../utils/motion'\n\nconst props = defineProps<{ class?: string }>()\nconst ctx = useCollapsibleInject()\n</script>\n\n<template>\n  <CollapsibleContent\n    :force-mount=\"true\"\n    :class=\"props.class || undefined\"\n  >\n    <AnimatePresence>\n      <motion.div\n        v-if=\"ctx.isOpen.value\"\n        key=\"panel\"\n        :initial=\"{ height: 0, opacity: 0 }\"\n        :animate=\"{ height: 'auto', opacity: 1 }\"\n        :exit=\"{ height: 0, opacity: 0 }\"\n        :transition=\"{ duration: 0.2, ease: 'easeOut' }\"\n        style=\"overflow: hidden;\"\n        :class=\"ctx.slotFns.value.body()\"\n      >\n        <div :class=\"ctx.slotFns.value.bodyInner()\">\n          <slot />\n        </div>\n      </motion.div>\n    </AnimatePresence>\n  </CollapsibleContent>\n</template>\n"],"mappings":""}

package/dist/components/collapsible/CollapsibleContent.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,53 @@
+import { motion } from "../../node_modules/.pnpm/motion-v@2.2.1_@vueuse_core@14.2.1_vue@3.5.32_typescript@6.0.2___react-dom@19.2.5_react_8b28b23614a2152514812dba6ef76a55/node_modules/motion-v/dist/es/components/motion/index.js";
+import { AnimatePresence_default } from "../../node_modules/.pnpm/motion-v@2.2.1_@vueuse_core@14.2.1_vue@3.5.32_typescript@6.0.2___react-dom@19.2.5_react_8b28b23614a2152514812dba6ef76a55/node_modules/motion-v/dist/es/components/animate-presence/AnimatePresence.js";
+import { useCollapsibleInject } from "./collapsible.context.js";
+import { createBlock, createCommentVNode, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
+import { CollapsibleContent } from "reka-ui";
+//#region src/components/collapsible/CollapsibleContent.vue?vue&type=script&setup=true&lang.ts
+var CollapsibleContent_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "CollapsibleContent",
+	props: { class: {} },
+	setup(__props) {
+		const props = __props;
+		const ctx = useCollapsibleInject();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(CollapsibleContent), {
+				"force-mount": true,
+				class: normalizeClass(props.class || void 0)
+			}, {
+				default: withCtx(() => [createVNode(unref(AnimatePresence_default), null, {
+					default: withCtx(() => [unref(ctx).isOpen.value ? (openBlock(), createBlock(unref(motion).div, {
+						key: "panel",
+						initial: {
+							height: 0,
+							opacity: 0
+						},
+						animate: {
+							height: "auto",
+							opacity: 1
+						},
+						exit: {
+							height: 0,
+							opacity: 0
+						},
+						transition: {
+							duration: .2,
+							ease: "easeOut"
+						},
+						style: { "overflow": "hidden" },
+						class: normalizeClass(unref(ctx).slotFns.value.body())
+					}, {
+						default: withCtx(() => [createElementVNode("div", { class: normalizeClass(unref(ctx).slotFns.value.bodyInner()) }, [renderSlot(_ctx.$slots, "default")], 2)]),
+						_: 3
+					}, 8, ["class"])) : createCommentVNode("", true)]),
+					_: 3
+				})]),
+				_: 3
+			}, 8, ["class"]);
+		};
+	}
+});
+//#endregion
+export { CollapsibleContent_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=CollapsibleContent.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/collapsible/CollapsibleContent.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollapsibleContent.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/collapsible/CollapsibleContent.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { CollapsibleContent } from 'reka-ui'\nimport { useCollapsibleInject } from './collapsible.context'\nimport { motion, AnimatePresence } from '../../utils/motion'\n\nconst props = defineProps<{ class?: string }>()\nconst ctx = useCollapsibleInject()\n</script>\n\n<template>\n  <CollapsibleContent\n    :force-mount=\"true\"\n    :class=\"props.class || undefined\"\n  >\n    <AnimatePresence>\n      <motion.div\n        v-if=\"ctx.isOpen.value\"\n        key=\"panel\"\n        :initial=\"{ height: 0, opacity: 0 }\"\n        :animate=\"{ height: 'auto', opacity: 1 }\"\n        :exit=\"{ height: 0, opacity: 0 }\"\n        :transition=\"{ duration: 0.2, ease: 'easeOut' }\"\n        style=\"overflow: hidden;\"\n        :class=\"ctx.slotFns.value.body()\"\n      >\n        <div :class=\"ctx.slotFns.value.bodyInner()\">\n          <slot />\n        </div>\n      </motion.div>\n    </AnimatePresence>\n  </CollapsibleContent>\n</template>\n"],"mappings":";;;;;;;;;;EAKA,MAAM,QAAQ;EACd,MAAM,MAAM,sBAAqB;;uBAI/B,YAoBqB,MAAA,mBAAA,EAAA;IAnBlB,eAAa;IACb,OAAK,eAAE,MAAM,SAAS,KAAA,EAAS;;2BAiBd,CAflB,YAekB,MAAA,wBAAA,EAAA,MAAA;4BADH,CAZL,MAAA,IAAG,CAAC,OAAO,SAAA,WAAA,EADnB,YAaa,MAAA,OAAA,CAAA,KAAA;MAXX,KAAI;MACH,SAAS;OAAA,QAAA;OAAA,SAAA;OAAyB;MAClC,SAAS;OAAA,QAAA;OAAA,SAAA;OAA8B;MACvC,MAAM;OAAA,QAAA;OAAA,SAAA;OAAyB;MAC/B,YAAY;OAAA,UAAA;OAAA,MAAA;OAAkC;MAC/C,OAAA,EAAA,YAAA,UAAyB;MACxB,OAAK,eAAE,MAAA,IAAG,CAAC,QAAQ,MAAM,MAAI,CAAA;;6BAIxB,CAFN,mBAEM,OAAA,EAFA,OAAK,eAAE,MAAA,IAAG,CAAC,QAAQ,MAAM,WAAS,CAAA,EAAA,EAAA,CACtC,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA,CAAA,CAAA"}

package/dist/components/collapsible/CollapsibleGroup.js

@@ -0,0 +1,7 @@
+import CollapsibleGroup_vue_vue_type_script_setup_true_lang_default from "./CollapsibleGroup.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/collapsible/CollapsibleGroup.vue
+var CollapsibleGroup_default = CollapsibleGroup_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { CollapsibleGroup_default as default };
+
+//# sourceMappingURL=CollapsibleGroup.js.map

package/dist/components/collapsible/CollapsibleGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollapsibleGroup.js","names":[],"sources":["../../../src/components/collapsible/CollapsibleGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, toRef } from 'vue'\nimport { collapsibleGroupVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\nimport {\n  provideCollapsibleGroup,\n  type CollapsibleGroupRegistryEntry,\n} from './collapsible-group.context'\n\nconst props = withDefaults(defineProps<{\n  // single-open = true means only one child open at a time\n  singleOpen?: boolean\n  class?: string\n}>(), {\n  singleOpen: false,\n})\n\nconst registry = new Map<string, CollapsibleGroupRegistryEntry>()\n\nprovideCollapsibleGroup({\n  allowMultiple: toRef(() => !props.singleOpen),\n  register(entry) {\n    registry.set(entry.id, entry)\n  },\n  unregister(id) {\n    registry.delete(id)\n  },\n  notifyOpen(openingId: string) {\n    if (props.singleOpen) {\n      for (const [id, entry] of registry) {\n        if (id !== openingId && entry.open.value) {\n          entry.open.value = false\n        }\n      }\n    }\n  },\n})\n\nconst slotFns = computed(() => collapsibleGroupVariants({}))\n</script>\n\n<template>\n  <div :class=\"composeClassName(slotFns.base(), props.class)\">\n    <slot />\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/collapsible/CollapsibleGroup.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,41 @@
+import { composeClassName } from "../../utils/composeClassName.js";
+import { provideCollapsibleGroup } from "./collapsible-group.context.js";
+import { computed, createElementBlock, defineComponent, normalizeClass, openBlock, renderSlot, toRef, unref } from "vue";
+import { collapsibleGroupVariants } from "@auronui/styles";
+//#region src/components/collapsible/CollapsibleGroup.vue?vue&type=script&setup=true&lang.ts
+var CollapsibleGroup_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "CollapsibleGroup",
+	props: {
+		singleOpen: {
+			type: Boolean,
+			default: false
+		},
+		class: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const registry = /* @__PURE__ */ new Map();
+		provideCollapsibleGroup({
+			allowMultiple: toRef(() => !props.singleOpen),
+			register(entry) {
+				registry.set(entry.id, entry);
+			},
+			unregister(id) {
+				registry.delete(id);
+			},
+			notifyOpen(openingId) {
+				if (props.singleOpen) {
+					for (const [id, entry] of registry) if (id !== openingId && entry.open.value) entry.open.value = false;
+				}
+			}
+		});
+		const slotFns = computed(() => collapsibleGroupVariants({}));
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(unref(composeClassName)(slotFns.value.base(), props.class)) }, [renderSlot(_ctx.$slots, "default")], 2);
+		};
+	}
+});
+//#endregion
+export { CollapsibleGroup_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=CollapsibleGroup.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/collapsible/CollapsibleGroup.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollapsibleGroup.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/collapsible/CollapsibleGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, toRef } from 'vue'\nimport { collapsibleGroupVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\nimport {\n  provideCollapsibleGroup,\n  type CollapsibleGroupRegistryEntry,\n} from './collapsible-group.context'\n\nconst props = withDefaults(defineProps<{\n  // single-open = true means only one child open at a time\n  singleOpen?: boolean\n  class?: string\n}>(), {\n  singleOpen: false,\n})\n\nconst registry = new Map<string, CollapsibleGroupRegistryEntry>()\n\nprovideCollapsibleGroup({\n  allowMultiple: toRef(() => !props.singleOpen),\n  register(entry) {\n    registry.set(entry.id, entry)\n  },\n  unregister(id) {\n    registry.delete(id)\n  },\n  notifyOpen(openingId: string) {\n    if (props.singleOpen) {\n      for (const [id, entry] of registry) {\n        if (id !== openingId && entry.open.value) {\n          entry.open.value = false\n        }\n      }\n    }\n  },\n})\n\nconst slotFns = computed(() => collapsibleGroupVariants({}))\n</script>\n\n<template>\n  <div :class=\"composeClassName(slotFns.base(), props.class)\">\n    <slot />\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;EASA,MAAM,QAAQ;EAQd,MAAM,2BAAW,IAAI,KAA2C;AAEhE,0BAAwB;GACtB,eAAe,YAAY,CAAC,MAAM,WAAW;GAC7C,SAAS,OAAO;AACd,aAAS,IAAI,MAAM,IAAI,MAAK;;GAE9B,WAAW,IAAI;AACb,aAAS,OAAO,GAAE;;GAEpB,WAAW,WAAmB;AAC5B,QAAI,MAAM;UACH,MAAM,CAAC,IAAI,UAAU,SACxB,KAAI,OAAO,aAAa,MAAM,KAAK,MACjC,OAAM,KAAK,QAAQ;;;GAK5B,CAAA;EAED,MAAM,UAAU,eAAe,yBAAyB,EAAE,CAAC,CAAA;;uBAIzD,mBAEM,OAAA,EAFA,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,MAAI,EAAI,MAAM,MAAK,CAAA,EAAA,EAAA,CACvD,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA"}

package/dist/components/collapsible/CollapsibleTrigger.js

@@ -0,0 +1,7 @@
+import CollapsibleTrigger_vue_vue_type_script_setup_true_lang_default from "./CollapsibleTrigger.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/collapsible/CollapsibleTrigger.vue
+var CollapsibleTrigger_default = CollapsibleTrigger_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { CollapsibleTrigger_default as default };
+
+//# sourceMappingURL=CollapsibleTrigger.js.map

package/dist/components/collapsible/CollapsibleTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollapsibleTrigger.js","names":[],"sources":["../../../src/components/collapsible/CollapsibleTrigger.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { CollapsibleTrigger } from 'reka-ui'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { useCollapsibleInject } from './collapsible.context'\n\nconst props = defineProps<{ class?: string }>()\nconst ctx = useCollapsibleInject()\n</script>\n\n<template>\n  <CollapsibleTrigger :class=\"composeClassName(ctx.slotFns.value.trigger(), props.class)\">\n    <slot />\n    <span\n      :class=\"ctx.slotFns.value.indicator()\"\n      :data-state=\"ctx.isOpen.value ? 'open' : 'closed'\"\n      aria-hidden=\"true\"\n    >\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"16\"\n        height=\"16\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"2\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        aria-hidden=\"true\"\n        focusable=\"false\"\n      >\n        <polyline points=\"6 9 12 15 18 9\" />\n      </svg>\n    </span>\n  </CollapsibleTrigger>\n</template>\n"],"mappings":""}