@auronui/vue 1.0.0

package/dist/components/button/ToggleButton.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,89 @@
+import { composeClassName } from "../../utils/composeClassName.js";
+import { useToggleButtonGroupInject } from "./toggle-button-group.context.js";
+import { computed, createBlock, createElementVNode, defineComponent, normalizeClass, openBlock, ref, renderSlot, unref, withCtx } from "vue";
+import { toggleButtonVariants } from "@auronui/styles";
+import { Toggle } from "reka-ui";
+//#region src/components/button/ToggleButton.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["disabled", "data-orientation"];
+var ToggleButton_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "ToggleButton",
+	props: {
+		variant: { default: void 0 },
+		size: { default: void 0 },
+		isIconOnly: {
+			type: Boolean,
+			default: false
+		},
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		modelValue: {
+			type: Boolean,
+			default: void 0
+		},
+		defaultValue: {
+			type: Boolean,
+			default: false
+		},
+		value: { default: void 0 },
+		class: {}
+	},
+	emits: ["update:modelValue"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const groupCtx = useToggleButtonGroupInject({
+			variant: ref("default"),
+			size: ref("md"),
+			disabled: ref(false),
+			fullWidth: ref(false),
+			orientation: ref("horizontal"),
+			selectionMode: ref("multiple"),
+			selectedValues: ref([]),
+			toggleValue: () => {}
+		});
+		const isDisabled = computed(() => groupCtx.disabled.value || props.disabled);
+		const finalVariant = computed(() => props.variant ?? groupCtx.variant.value);
+		const finalSize = computed(() => props.size ?? groupCtx.size.value);
+		const isGroupManaged = computed(() => props.value !== void 0);
+		const isPressed = computed(() => {
+			if (isGroupManaged.value) return groupCtx.selectedValues.value.includes(props.value);
+			return props.modelValue;
+		});
+		function handleUpdate(val) {
+			if (isGroupManaged.value) groupCtx.toggleValue(props.value);
+			else emit("update:modelValue", val);
+		}
+		const classes = computed(() => toggleButtonVariants({
+			variant: finalVariant.value,
+			size: finalSize.value,
+			isIconOnly: props.isIconOnly
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Toggle), {
+				"as-child": "",
+				disabled: isDisabled.value,
+				"model-value": isPressed.value,
+				"default-value": props.defaultValue,
+				"onUpdate:modelValue": handleUpdate
+			}, {
+				default: withCtx(() => [createElementVNode("button", {
+					class: normalizeClass(unref(composeClassName)(classes.value, props.class)),
+					disabled: isDisabled.value || void 0,
+					"data-orientation": unref(groupCtx).orientation.value,
+					type: "button"
+				}, [renderSlot(_ctx.$slots, "default")], 10, _hoisted_1)]),
+				_: 3
+			}, 8, [
+				"disabled",
+				"model-value",
+				"default-value"
+			]);
+		};
+	}
+});
+//#endregion
+export { ToggleButton_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=ToggleButton.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/button/ToggleButton.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleButton.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/button/ToggleButton.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref } from 'vue'\nimport { Toggle } from 'reka-ui'\nimport { toggleButtonVariants, type ToggleButtonVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { useToggleButtonGroupInject } from './toggle-button-group.context'\n\nconst props = withDefaults(defineProps<{\n  variant?: ToggleButtonVariants['variant']\n  size?: ToggleButtonVariants['size']\n  isIconOnly?: boolean\n  disabled?: boolean\n  modelValue?: boolean\n  defaultValue?: boolean\n  value?: string\n  class?: string\n}>(), {\n  variant: undefined,\n  size: undefined,\n  isIconOnly: false,\n  disabled: false,\n  modelValue: undefined,\n  defaultValue: false,\n  value: undefined,\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: boolean]\n}>()\n\n// Inject ToggleButtonGroup context with fallback defaults (mirrors Button → ButtonGroup pattern)\nconst groupCtx = useToggleButtonGroupInject({\n  variant: ref('default'),\n  size: ref('md'),\n  disabled: ref(false),\n  fullWidth: ref(false),\n  orientation: ref('horizontal'),\n  selectionMode: ref('multiple'),\n  selectedValues: ref([]),\n  toggleValue: () => {},\n})\n\n// Prop precedence: group disabled wins; child prop wins for variant/size\nconst isDisabled = computed(() => groupCtx.disabled.value || props.disabled)\nconst finalVariant = computed(() => props.variant ?? groupCtx.variant.value)\nconst finalSize = computed(() => props.size ?? groupCtx.size.value)\n\n// When inside a group with selectionMode and a value prop, derive pressed from group state\nconst isGroupManaged = computed(() => props.value !== undefined)\nconst isPressed = computed(() => {\n  if (isGroupManaged.value) {\n    return groupCtx.selectedValues.value.includes(props.value!)\n  }\n  return props.modelValue\n})\n\nfunction handleUpdate(val: boolean) {\n  if (isGroupManaged.value) {\n    groupCtx.toggleValue(props.value!)\n  } else {\n    emit('update:modelValue', val)\n  }\n}\n\nconst classes = computed(() =>\n  toggleButtonVariants({\n    variant: finalVariant.value,\n    size: finalSize.value,\n    isIconOnly: props.isIconOnly,\n  })\n)\n</script>\n\n<template>\n  <!--\n    Use as-child so Reka's Toggle merges data-state / aria-pressed / onClick directly\n    onto OUR <button> element instead of relying on a 2-level inheritAttrs chain\n    (Toggle → Primitive → button). This guarantees the toggle-button CSS class and\n    data-state=\"on\" are always on the same DOM element, so [data-state=\"on\"] selectors\n    apply correctly.\n  -->\n  <Toggle\n    as-child\n    :disabled=\"isDisabled\"\n    :model-value=\"isPressed\"\n    :default-value=\"props.defaultValue\"\n    @update:model-value=\"handleUpdate\"\n  >\n    <button\n      :class=\"composeClassName(classes, props.class)\"\n      :disabled=\"isDisabled || undefined\"\n      :data-orientation=\"groupCtx.orientation.value\"\n      :type=\"'button'\"\n    >\n      <slot />\n    </button>\n  </Toggle>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAOA,MAAM,QAAQ;EAmBd,MAAM,OAAO;EAKb,MAAM,WAAW,2BAA2B;GAC1C,SAAS,IAAI,UAAU;GACvB,MAAM,IAAI,KAAK;GACf,UAAU,IAAI,MAAM;GACpB,WAAW,IAAI,MAAM;GACrB,aAAa,IAAI,aAAa;GAC9B,eAAe,IAAI,WAAW;GAC9B,gBAAgB,IAAI,EAAE,CAAC;GACvB,mBAAmB;GACpB,CAAA;EAGD,MAAM,aAAa,eAAe,SAAS,SAAS,SAAS,MAAM,SAAQ;EAC3E,MAAM,eAAe,eAAe,MAAM,WAAW,SAAS,QAAQ,MAAK;EAC3E,MAAM,YAAY,eAAe,MAAM,QAAQ,SAAS,KAAK,MAAK;EAGlE,MAAM,iBAAiB,eAAe,MAAM,UAAU,KAAA,EAAS;EAC/D,MAAM,YAAY,eAAe;AAC/B,OAAI,eAAe,MACjB,QAAO,SAAS,eAAe,MAAM,SAAS,MAAM,MAAM;AAE5D,UAAO,MAAM;IACd;EAED,SAAS,aAAa,KAAc;AAClC,OAAI,eAAe,MACjB,UAAS,YAAY,MAAM,MAAM;OAEjC,MAAK,qBAAqB,IAAG;;EAIjC,MAAM,UAAU,eACd,qBAAqB;GACnB,SAAS,aAAa;GACtB,MAAM,UAAU;GAChB,YAAY,MAAM;GACnB,CAAA,CACH;;uBAWE,YAeS,MAAA,OAAA,EAAA;IAdP,YAAA;IACC,UAAU,WAAA;IACV,eAAa,UAAA;IACb,iBAAe,MAAM;IACrB,uBAAoB;;2BASZ,CAPT,mBAOS,UAAA;KANN,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,OAAS,MAAM,MAAK,CAAA;KAC5C,UAAU,WAAA,SAAc,KAAA;KACxB,oBAAkB,MAAA,SAAQ,CAAC,YAAY;KACvC,MAAM;QAEP,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,IAAA,WAAA,CAAA,CAAA"}

package/dist/components/button/ToggleButtonGroup.js

@@ -0,0 +1,7 @@
+import ToggleButtonGroup_vue_vue_type_script_setup_true_lang_default from "./ToggleButtonGroup.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/button/ToggleButtonGroup.vue
+var ToggleButtonGroup_default = ToggleButtonGroup_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { ToggleButtonGroup_default as default };
+
+//# sourceMappingURL=ToggleButtonGroup.js.map

package/dist/components/button/ToggleButtonGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleButtonGroup.js","names":[],"sources":["../../../src/components/button/ToggleButtonGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref, toRef } from 'vue'\nimport { toggleButtonGroupVariants, type ToggleButtonVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { useToggleButtonGroupProvide } from './toggle-button-group.context'\n\nconst props = withDefaults(defineProps<{\n  variant?: ToggleButtonVariants['variant']\n  size?: ToggleButtonVariants['size']\n  disabled?: boolean\n  fullWidth?: boolean\n  orientation?: 'horizontal' | 'vertical'\n  isDetached?: boolean\n  selectionMode?: 'single' | 'multiple'\n  modelValue?: string | string[]\n  defaultValue?: string | string[]\n  class?: string\n}>(), {\n  variant: 'default',\n  size: 'md',\n  disabled: false,\n  fullWidth: false,\n  orientation: 'horizontal',\n  isDetached: false,\n  selectionMode: 'multiple',\n  modelValue: undefined,\n  defaultValue: undefined,\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: string | string[]]\n}>()\n\n// Normalize modelValue / defaultValue to string[] for internal use\nconst internalSelected = ref<string[]>(\n  props.modelValue !== undefined\n    ? (Array.isArray(props.modelValue) ? [...props.modelValue] : [props.modelValue])\n    : props.defaultValue !== undefined\n      ? (Array.isArray(props.defaultValue) ? [...props.defaultValue] : [props.defaultValue])\n      : []\n)\n\n// Keep internalSelected in sync when modelValue changes from outside (controlled mode)\nimport { watch } from 'vue'\nwatch(\n  () => props.modelValue,\n  (val) => {\n    if (val === undefined) return\n    internalSelected.value = Array.isArray(val) ? [...val] : [val]\n  },\n)\n\n// The selectedValues exposed to children (always string[])\nconst selectedValues = computed(() => internalSelected.value)\n\nfunction toggleValue(value: string) {\n  if (props.selectionMode === 'single') {\n    const next = internalSelected.value.includes(value) ? [] : [value]\n    internalSelected.value = next\n    emit('update:modelValue', next[0] ?? '')\n  } else {\n    // multiple\n    const idx = internalSelected.value.indexOf(value)\n    const next = idx === -1\n      ? [...internalSelected.value, value]\n      : internalSelected.value.filter((v) => v !== value)\n    internalSelected.value = next\n    emit('update:modelValue', next)\n  }\n}\n\n// Provide context to child ToggleButtons via toRef() for live reactivity\nuseToggleButtonGroupProvide({\n  variant: toRef(props, 'variant'),\n  size: toRef(props, 'size'),\n  disabled: toRef(props, 'disabled'),\n  fullWidth: toRef(props, 'fullWidth'),\n  orientation: toRef(props, 'orientation'),\n  selectionMode: toRef(props, 'selectionMode'),\n  selectedValues,\n  toggleValue,\n})\n\nconst slotFns = computed(() =>\n  toggleButtonGroupVariants({\n    fullWidth: props.fullWidth,\n    orientation: props.orientation,\n    isDetached: props.isDetached,\n  })\n)\n</script>\n\n<template>\n  <div\n    :class=\"composeClassName(slotFns.base(), props.class)\"\n    :data-orientation=\"props.orientation\"\n    role=\"group\"\n  >\n    <slot />\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/button/ToggleButtonGroup.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,78 @@
+import { composeClassName } from "../../utils/composeClassName.js";
+import { useToggleButtonGroupProvide } from "./toggle-button-group.context.js";
+import { computed, createElementBlock, defineComponent, normalizeClass, openBlock, ref, renderSlot, toRef, unref, watch } from "vue";
+import { toggleButtonGroupVariants } from "@auronui/styles";
+//#region src/components/button/ToggleButtonGroup.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["data-orientation"];
+var ToggleButtonGroup_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "ToggleButtonGroup",
+	props: {
+		variant: { default: "default" },
+		size: { default: "md" },
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		fullWidth: {
+			type: Boolean,
+			default: false
+		},
+		orientation: { default: "horizontal" },
+		isDetached: {
+			type: Boolean,
+			default: false
+		},
+		selectionMode: { default: "multiple" },
+		modelValue: { default: void 0 },
+		defaultValue: { default: void 0 },
+		class: {}
+	},
+	emits: ["update:modelValue"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const internalSelected = ref(props.modelValue !== void 0 ? Array.isArray(props.modelValue) ? [...props.modelValue] : [props.modelValue] : props.defaultValue !== void 0 ? Array.isArray(props.defaultValue) ? [...props.defaultValue] : [props.defaultValue] : []);
+		watch(() => props.modelValue, (val) => {
+			if (val === void 0) return;
+			internalSelected.value = Array.isArray(val) ? [...val] : [val];
+		});
+		const selectedValues = computed(() => internalSelected.value);
+		function toggleValue(value) {
+			if (props.selectionMode === "single") {
+				const next = internalSelected.value.includes(value) ? [] : [value];
+				internalSelected.value = next;
+				emit("update:modelValue", next[0] ?? "");
+			} else {
+				const next = internalSelected.value.indexOf(value) === -1 ? [...internalSelected.value, value] : internalSelected.value.filter((v) => v !== value);
+				internalSelected.value = next;
+				emit("update:modelValue", next);
+			}
+		}
+		useToggleButtonGroupProvide({
+			variant: toRef(props, "variant"),
+			size: toRef(props, "size"),
+			disabled: toRef(props, "disabled"),
+			fullWidth: toRef(props, "fullWidth"),
+			orientation: toRef(props, "orientation"),
+			selectionMode: toRef(props, "selectionMode"),
+			selectedValues,
+			toggleValue
+		});
+		const slotFns = computed(() => toggleButtonGroupVariants({
+			fullWidth: props.fullWidth,
+			orientation: props.orientation,
+			isDetached: props.isDetached
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				class: normalizeClass(unref(composeClassName)(slotFns.value.base(), props.class)),
+				"data-orientation": props.orientation,
+				role: "group"
+			}, [renderSlot(_ctx.$slots, "default")], 10, _hoisted_1);
+		};
+	}
+});
+//#endregion
+export { ToggleButtonGroup_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=ToggleButtonGroup.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/button/ToggleButtonGroup.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleButtonGroup.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/button/ToggleButtonGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref, toRef } from 'vue'\nimport { toggleButtonGroupVariants, type ToggleButtonVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { useToggleButtonGroupProvide } from './toggle-button-group.context'\n\nconst props = withDefaults(defineProps<{\n  variant?: ToggleButtonVariants['variant']\n  size?: ToggleButtonVariants['size']\n  disabled?: boolean\n  fullWidth?: boolean\n  orientation?: 'horizontal' | 'vertical'\n  isDetached?: boolean\n  selectionMode?: 'single' | 'multiple'\n  modelValue?: string | string[]\n  defaultValue?: string | string[]\n  class?: string\n}>(), {\n  variant: 'default',\n  size: 'md',\n  disabled: false,\n  fullWidth: false,\n  orientation: 'horizontal',\n  isDetached: false,\n  selectionMode: 'multiple',\n  modelValue: undefined,\n  defaultValue: undefined,\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: string | string[]]\n}>()\n\n// Normalize modelValue / defaultValue to string[] for internal use\nconst internalSelected = ref<string[]>(\n  props.modelValue !== undefined\n    ? (Array.isArray(props.modelValue) ? [...props.modelValue] : [props.modelValue])\n    : props.defaultValue !== undefined\n      ? (Array.isArray(props.defaultValue) ? [...props.defaultValue] : [props.defaultValue])\n      : []\n)\n\n// Keep internalSelected in sync when modelValue changes from outside (controlled mode)\nimport { watch } from 'vue'\nwatch(\n  () => props.modelValue,\n  (val) => {\n    if (val === undefined) return\n    internalSelected.value = Array.isArray(val) ? [...val] : [val]\n  },\n)\n\n// The selectedValues exposed to children (always string[])\nconst selectedValues = computed(() => internalSelected.value)\n\nfunction toggleValue(value: string) {\n  if (props.selectionMode === 'single') {\n    const next = internalSelected.value.includes(value) ? [] : [value]\n    internalSelected.value = next\n    emit('update:modelValue', next[0] ?? '')\n  } else {\n    // multiple\n    const idx = internalSelected.value.indexOf(value)\n    const next = idx === -1\n      ? [...internalSelected.value, value]\n      : internalSelected.value.filter((v) => v !== value)\n    internalSelected.value = next\n    emit('update:modelValue', next)\n  }\n}\n\n// Provide context to child ToggleButtons via toRef() for live reactivity\nuseToggleButtonGroupProvide({\n  variant: toRef(props, 'variant'),\n  size: toRef(props, 'size'),\n  disabled: toRef(props, 'disabled'),\n  fullWidth: toRef(props, 'fullWidth'),\n  orientation: toRef(props, 'orientation'),\n  selectionMode: toRef(props, 'selectionMode'),\n  selectedValues,\n  toggleValue,\n})\n\nconst slotFns = computed(() =>\n  toggleButtonGroupVariants({\n    fullWidth: props.fullWidth,\n    orientation: props.orientation,\n    isDetached: props.isDetached,\n  })\n)\n</script>\n\n<template>\n  <div\n    :class=\"composeClassName(slotFns.base(), props.class)\"\n    :data-orientation=\"props.orientation\"\n    role=\"group\"\n  >\n    <slot />\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAMA,MAAM,QAAQ;EAuBd,MAAM,OAAO;EAKb,MAAM,mBAAmB,IACvB,MAAM,eAAe,KAAA,IAChB,MAAM,QAAQ,MAAM,WAAW,GAAG,CAAC,GAAG,MAAM,WAAW,GAAG,CAAC,MAAM,WAAW,GAC7E,MAAM,iBAAiB,KAAA,IACpB,MAAM,QAAQ,MAAM,aAAa,GAAG,CAAC,GAAG,MAAM,aAAa,GAAG,CAAC,MAAM,aAAa,GACnF,EAAC,CACT;AAIA,cACQ,MAAM,aACX,QAAQ;AACP,OAAI,QAAQ,KAAA,EAAW;AACvB,oBAAiB,QAAQ,MAAM,QAAQ,IAAI,GAAG,CAAC,GAAG,IAAI,GAAG,CAAC,IAAG;IAEjE;EAGA,MAAM,iBAAiB,eAAe,iBAAiB,MAAK;EAE5D,SAAS,YAAY,OAAe;AAClC,OAAI,MAAM,kBAAkB,UAAU;IACpC,MAAM,OAAO,iBAAiB,MAAM,SAAS,MAAM,GAAG,EAAE,GAAG,CAAC,MAAK;AACjE,qBAAiB,QAAQ;AACzB,SAAK,qBAAqB,KAAK,MAAM,GAAE;UAClC;IAGL,MAAM,OADM,iBAAiB,MAAM,QAAQ,MAAK,KAC3B,KACjB,CAAC,GAAG,iBAAiB,OAAO,MAAK,GACjC,iBAAiB,MAAM,QAAQ,MAAM,MAAM,MAAK;AACpD,qBAAiB,QAAQ;AACzB,SAAK,qBAAqB,KAAI;;;AAKlC,8BAA4B;GAC1B,SAAS,MAAM,OAAO,UAAU;GAChC,MAAM,MAAM,OAAO,OAAO;GAC1B,UAAU,MAAM,OAAO,WAAW;GAClC,WAAW,MAAM,OAAO,YAAY;GACpC,aAAa,MAAM,OAAO,cAAc;GACxC,eAAe,MAAM,OAAO,gBAAgB;GAC5C;GACA;GACD,CAAA;EAED,MAAM,UAAU,eACd,0BAA0B;GACxB,WAAW,MAAM;GACjB,aAAa,MAAM;GACnB,YAAY,MAAM;GACnB,CAAA,CACH;;uBAIE,mBAMM,OAAA;IALH,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,MAAI,EAAI,MAAM,MAAK,CAAA;IACnD,oBAAkB,MAAM;IACzB,MAAK;OAEL,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,IAAA,WAAA"}

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

@@ -0,0 +1,7 @@
+import { createContext } from "../../utils/context.js";
+//#region src/components/button/button-group.context.ts
+var { useProvide: useButtonGroupProvide, useInject: useButtonGroupInject, key: buttonGroupContextKey } = createContext("ButtonGroup");
+//#endregion
+export { useButtonGroupInject, useButtonGroupProvide };
+
+//# sourceMappingURL=button-group.context.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button-group.context.js","names":[],"sources":["../../../src/components/button/button-group.context.ts"],"sourcesContent":["import { createContext } from '../../utils/context'\nimport type { Ref } from 'vue'\nimport type { ButtonVariants } from '@auronui/styles'\n\nexport type ButtonGroupSelectionMode = 'single' | 'multiple'\nexport type ButtonGroupValue = string | number | null | Array<string | number>\n\nexport interface ButtonGroupContext {\n  variant: Ref<ButtonVariants['variant']>\n  size: Ref<ButtonVariants['size']>\n  disabled: Ref<boolean>\n  fullWidth: Ref<boolean>\n  orientation: Ref<'horizontal' | 'vertical'>\n  selectionMode: Ref<ButtonGroupSelectionMode>\n  selectedValue: Ref<ButtonGroupValue>\n  isValueSelected: (value: string | number | undefined) => boolean\n  selectValue: (value: string | number) => void\n}\n\nexport const {\n  useProvide: useButtonGroupProvide,\n  useInject: useButtonGroupInject,\n  key: buttonGroupContextKey,\n} = createContext<ButtonGroupContext>('ButtonGroup')\n"],"mappings":";;AAmBA,IAAa,EACX,YAAY,uBACZ,WAAW,sBACX,KAAK,0BACH,cAAkC,cAAc"}

package/dist/components/button/toggle-button-group.context.js

@@ -0,0 +1,7 @@
+import { createContext } from "../../utils/context.js";
+//#region src/components/button/toggle-button-group.context.ts
+var { useProvide: useToggleButtonGroupProvide, useInject: useToggleButtonGroupInject, key: toggleButtonGroupContextKey } = createContext("ToggleButtonGroup");
+//#endregion
+export { useToggleButtonGroupInject, useToggleButtonGroupProvide };
+
+//# sourceMappingURL=toggle-button-group.context.js.map

package/dist/components/button/toggle-button-group.context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-button-group.context.js","names":[],"sources":["../../../src/components/button/toggle-button-group.context.ts"],"sourcesContent":["import { createContext } from '../../utils/context'\nimport type { Ref } from 'vue'\nimport type { ToggleButtonVariants } from '@auronui/styles'\n\nexport interface ToggleButtonGroupContext {\n  size: Ref<ToggleButtonVariants['size']>\n  variant: Ref<ToggleButtonVariants['variant']>\n  disabled: Ref<boolean>\n  fullWidth: Ref<boolean>\n  orientation: Ref<'horizontal' | 'vertical'>\n  selectionMode: Ref<'single' | 'multiple'>\n  selectedValues: Ref<string[]>\n  toggleValue: (value: string) => void\n}\n\nexport const {\n  useProvide: useToggleButtonGroupProvide,\n  useInject: useToggleButtonGroupInject,\n  key: toggleButtonGroupContextKey,\n} = createContext<ToggleButtonGroupContext>('ToggleButtonGroup')\n"],"mappings":";;AAeA,IAAa,EACX,YAAY,6BACZ,WAAW,4BACX,KAAK,gCACH,cAAwC,oBAAoB"}

package/dist/components/calendar/Calendar.js

@@ -0,0 +1,7 @@
+import Calendar_vue_vue_type_script_setup_true_lang_default from "./Calendar.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/calendar/Calendar.vue
+var Calendar_default = Calendar_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { Calendar_default as default };
+
+//# sourceMappingURL=Calendar.js.map

package/dist/components/calendar/Calendar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Calendar.js","names":[],"sources":["../../../src/components/calendar/Calendar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref, shallowRef } from 'vue'\nimport {\n  CalendarRoot,\n  CalendarHeader,\n  CalendarHeading,\n  CalendarGrid,\n  CalendarGridHead,\n  CalendarGridRow,\n  CalendarHeadCell,\n  CalendarGridBody,\n  CalendarCell,\n  CalendarCellTrigger,\n  CalendarNext,\n  CalendarPrev,\n  MonthPickerRoot,\n  MonthPickerHeader,\n  MonthPickerHeading,\n  MonthPickerPrev,\n  MonthPickerNext,\n  MonthPickerGrid,\n  MonthPickerGridBody,\n  MonthPickerGridRow,\n  MonthPickerCell,\n  MonthPickerCellTrigger,\n} from 'reka-ui'\nimport { today, getLocalTimeZone, type DateValue } from '@internationalized/date'\nimport { calendarVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\nimport CalendarYearPicker from '../calendar-year-picker/CalendarYearPicker.vue'\n\nconst props = withDefaults(defineProps<{\n  defaultValue?: DateValue\n  defaultPlaceholder?: DateValue\n  minValue?: DateValue\n  maxValue?: DateValue\n  isDateDisabled?: (date: DateValue) => boolean\n  isDateUnavailable?: (date: DateValue) => boolean\n  locale?: string\n  weekdayFormat?: 'narrow' | 'short' | 'long'\n  fixedWeeks?: boolean\n  numberOfMonths?: number\n  weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6\n  pagedNavigation?: boolean\n  preventDeselect?: boolean\n  readonly?: boolean\n  disabled?: boolean\n  calendarLabel?: string\n  class?: string\n}>(), {\n  weekdayFormat: 'narrow',\n  fixedWeeks: false,\n  numberOfMonths: 1,\n  pagedNavigation: false,\n  preventDeselect: false,\n  readonly: false,\n  disabled: false,\n})\n\nconst modelValue = defineModel<DateValue>()\n\nconst slotFns = computed(() => calendarVariants())\n\n// View-switcher state: 'date' (default 7-col calendar), 'month' (3x4 months), 'year' (3x4 years)\ntype View = 'date' | 'month' | 'year'\nconst view = ref<View>('date')\n\n// Shared placeholder synced with CalendarRoot/MonthPickerRoot/YearPickerRoot.\n// NOTE: shallowRef preserves reka-ui's `DateValue` discriminated-union without\n// deep reactive unwrapping that would break structural type matching on bind sites.\nconst placeholder = shallowRef<DateValue>(\n  (props.defaultValue ?? props.defaultPlaceholder ?? today(getLocalTimeZone())) as DateValue\n)\n\nfunction cycleView(): void {\n  view.value = view.value === 'date' ? 'month' : view.value === 'month' ? 'year' : 'date'\n}\n\nfunction onMonthSelect(val: DateValue | DateValue[] | undefined): void {\n  if (!val) return\n  const next = Array.isArray(val) ? val[val.length - 1] : val\n  if (!next) return\n  placeholder.value = next\n  view.value = 'date'\n}\n\nfunction onYearSelect(val: DateValue | DateValue[] | undefined): void {\n  if (!val) return\n  const next = Array.isArray(val) ? val[val.length - 1] : val\n  if (!next) return\n  placeholder.value = next\n  view.value = 'month'\n}\n\nconst nextViewLabel = computed(() =>\n  view.value === 'date' ? 'month' : view.value === 'month' ? 'year' : 'date'\n)\n</script>\n\n<template>\n  <CalendarRoot\n    v-model=\"modelValue\"\n    v-model:placeholder=\"placeholder\"\n    :default-value=\"defaultValue\"\n    :default-placeholder=\"defaultPlaceholder\"\n    :min-value=\"minValue\"\n    :max-value=\"maxValue\"\n    :is-date-disabled=\"isDateDisabled\"\n    :is-date-unavailable=\"isDateUnavailable\"\n    :locale=\"locale\"\n    :weekday-format=\"weekdayFormat\"\n    :fixed-weeks=\"fixedWeeks\"\n    :number-of-months=\"numberOfMonths\"\n    :week-starts-on=\"weekStartsOn\"\n    :paged-navigation=\"pagedNavigation\"\n    :prevent-deselect=\"preventDeselect\"\n    :readonly=\"readonly\"\n    :disabled=\"disabled\"\n    :calendar-label=\"calendarLabel\"\n    :class=\"composeClassName(slotFns.base(), props.class)\"\n  >\n    <template #default=\"{ grid, weekDays }\">\n      <template v-if=\"view === 'date'\">\n        <CalendarHeader :class=\"slotFns.header()\">\n          <CalendarPrev\n            :class=\"slotFns.navButton()\"\n            aria-label=\"Previous month\"\n          >\n            <svg\n              :class=\"slotFns.navButtonIcon()\"\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            >\n              <polyline points=\"15 18 9 12 15 6\" />\n            </svg>\n          </CalendarPrev>\n\n          <CalendarHeading\n            v-slot=\"{ headingValue }\"\n            :class=\"slotFns.heading()\"\n          >\n            <button\n              type=\"button\"\n              :class=\"slotFns.headingButton()\"\n              :aria-label=\"`Switch to ${nextViewLabel} view`\"\n              @click=\"cycleView\"\n            >\n              {{ headingValue }}\n            </button>\n          </CalendarHeading>\n\n          <CalendarNext\n            :class=\"slotFns.navButton()\"\n            aria-label=\"Next month\"\n          >\n            <svg\n              :class=\"slotFns.navButtonIcon()\"\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            >\n              <polyline points=\"9 18 15 12 9 6\" />\n            </svg>\n          </CalendarNext>\n        </CalendarHeader>\n\n        <CalendarGrid\n          v-for=\"month in grid\"\n          :key=\"month.value.toString()\"\n          :class=\"slotFns.grid()\"\n        >\n          <CalendarGridHead :class=\"slotFns.gridHeader()\">\n            <CalendarGridRow :class=\"slotFns.gridRow()\">\n              <CalendarHeadCell\n                v-for=\"day in weekDays\"\n                :key=\"day\"\n                :class=\"slotFns.headerCell()\"\n              >\n                {{ day }}\n              </CalendarHeadCell>\n            </CalendarGridRow>\n          </CalendarGridHead>\n          <CalendarGridBody :class=\"slotFns.gridBody()\">\n            <CalendarGridRow\n              v-for=\"(week, weekIndex) in month.rows\"\n              :key=\"weekIndex\"\n              :class=\"slotFns.gridRow()\"\n            >\n              <CalendarCell\n                v-for=\"day in week\"\n                :key=\"day.toString()\"\n                :date=\"day\"\n                :class=\"slotFns.cell()\"\n              >\n                <CalendarCellTrigger\n                  :day=\"day\"\n                  :month=\"month.value\"\n                  :class=\"slotFns.cellButton()\"\n                />\n              </CalendarCell>\n            </CalendarGridRow>\n          </CalendarGridBody>\n        </CalendarGrid>\n      </template>\n    </template>\n  </CalendarRoot>\n\n  <MonthPickerRoot\n    v-if=\"view === 'month'\"\n    :placeholder=\"placeholder\"\n    :locale=\"locale\"\n    :min-value=\"minValue\"\n    :max-value=\"maxValue\"\n    :readonly=\"readonly\"\n    :disabled=\"disabled\"\n    :class=\"composeClassName(slotFns.base(), props.class)\"\n    @update:model-value=\"onMonthSelect\"\n    @update:placeholder=\"(val: DateValue | undefined) => { if (val) placeholder = val }\"\n  >\n    <template #default=\"{ grid: monthGrid }\">\n      <MonthPickerHeader :class=\"slotFns.header()\">\n        <MonthPickerPrev\n          :class=\"slotFns.navButton()\"\n          aria-label=\"Previous year\"\n        >\n          <svg\n            :class=\"slotFns.navButtonIcon()\"\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          >\n            <polyline points=\"15 18 9 12 15 6\" />\n          </svg>\n        </MonthPickerPrev>\n\n        <MonthPickerHeading\n          v-slot=\"{ headingValue }\"\n          :class=\"slotFns.heading()\"\n        >\n          <button\n            type=\"button\"\n            :class=\"slotFns.headingButton()\"\n            :aria-label=\"`Switch to ${nextViewLabel} view`\"\n            @click=\"cycleView\"\n          >\n            {{ headingValue }}\n          </button>\n        </MonthPickerHeading>\n\n        <MonthPickerNext\n          :class=\"slotFns.navButton()\"\n          aria-label=\"Next year\"\n        >\n          <svg\n            :class=\"slotFns.navButtonIcon()\"\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          >\n            <polyline points=\"9 18 15 12 9 6\" />\n          </svg>\n        </MonthPickerNext>\n      </MonthPickerHeader>\n\n      <MonthPickerGrid :class=\"slotFns.monthGrid()\">\n        <MonthPickerGridBody :class=\"slotFns.monthGridBody()\">\n          <MonthPickerGridRow\n            v-for=\"(row, i) in monthGrid.rows\"\n            :key=\"i\"\n            :class=\"slotFns.monthGridRow()\"\n          >\n            <MonthPickerCell\n              v-for=\"monthValue in row\"\n              :key=\"monthValue.toString()\"\n              :date=\"monthValue\"\n            >\n              <MonthPickerCellTrigger\n                :month=\"monthValue\"\n                as=\"button\"\n                :class=\"slotFns.monthCell()\"\n              />\n            </MonthPickerCell>\n          </MonthPickerGridRow>\n        </MonthPickerGridBody>\n      </MonthPickerGrid>\n    </template>\n  </MonthPickerRoot>\n\n  <CalendarYearPicker\n    v-if=\"view === 'year'\"\n    v-model:placeholder=\"placeholder\"\n    :locale=\"locale\"\n    :min-value=\"minValue\"\n    :max-value=\"maxValue\"\n    :readonly=\"readonly\"\n    :disabled=\"disabled\"\n    :class=\"props.class\"\n    @update:model-value=\"onYearSelect\"\n  >\n    <template #heading=\"{ headingValue }\">\n      <button\n        type=\"button\"\n        :class=\"slotFns.headingButton()\"\n        :aria-label=\"`Switch to ${nextViewLabel} view`\"\n        @click=\"cycleView\"\n      >\n        {{ headingValue }}\n      </button>\n    </template>\n  </CalendarYearPicker>\n</template>\n"],"mappings":""}

package/dist/components/calendar/Calendar.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,361 @@
+import { composeClassName } from "../../utils/composeClassName.js";
+import { $ad063034c8620db8$export$aa8b41735afcabd2, $ad063034c8620db8$export$d0bdf45af03a6ea3 } from "../../node_modules/.pnpm/@internationalized_date@3.12.1/node_modules/@internationalized/date/dist/private/queries.js";
+import CalendarYearPicker_default from "../calendar-year-picker/CalendarYearPicker.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeModels, normalizeClass, openBlock, ref, renderList, shallowRef, toDisplayString, unref, useModel, withCtx } from "vue";
+import { calendarVariants } from "@auronui/styles";
+import { CalendarCell, CalendarCellTrigger, CalendarGrid, CalendarGridBody, CalendarGridHead, CalendarGridRow, CalendarHeadCell, CalendarHeader, CalendarHeading, CalendarNext, CalendarPrev, CalendarRoot, MonthPickerCell, MonthPickerCellTrigger, MonthPickerGrid, MonthPickerGridBody, MonthPickerGridRow, MonthPickerHeader, MonthPickerHeading, MonthPickerNext, MonthPickerPrev, MonthPickerRoot } from "reka-ui";
+//#region src/components/calendar/Calendar.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["aria-label"];
+var _hoisted_2 = ["aria-label"];
+var _hoisted_3 = ["aria-label"];
+var Calendar_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "Calendar",
+	props: /* @__PURE__ */ mergeModels({
+		defaultValue: {},
+		defaultPlaceholder: {},
+		minValue: {},
+		maxValue: {},
+		isDateDisabled: {},
+		isDateUnavailable: {},
+		locale: {},
+		weekdayFormat: { default: "narrow" },
+		fixedWeeks: {
+			type: Boolean,
+			default: false
+		},
+		numberOfMonths: { default: 1 },
+		weekStartsOn: {},
+		pagedNavigation: {
+			type: Boolean,
+			default: false
+		},
+		preventDeselect: {
+			type: Boolean,
+			default: false
+		},
+		readonly: {
+			type: Boolean,
+			default: false
+		},
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		calendarLabel: {},
+		class: {}
+	}, {
+		"modelValue": {},
+		"modelModifiers": {}
+	}),
+	emits: ["update:modelValue"],
+	setup(__props) {
+		const props = __props;
+		const modelValue = useModel(__props, "modelValue");
+		const slotFns = computed(() => calendarVariants());
+		const view = ref("date");
+		const placeholder = shallowRef(props.defaultValue ?? props.defaultPlaceholder ?? $ad063034c8620db8$export$d0bdf45af03a6ea3($ad063034c8620db8$export$aa8b41735afcabd2()));
+		function cycleView() {
+			view.value = view.value === "date" ? "month" : view.value === "month" ? "year" : "date";
+		}
+		function onMonthSelect(val) {
+			if (!val) return;
+			const next = Array.isArray(val) ? val[val.length - 1] : val;
+			if (!next) return;
+			placeholder.value = next;
+			view.value = "date";
+		}
+		function onYearSelect(val) {
+			if (!val) return;
+			const next = Array.isArray(val) ? val[val.length - 1] : val;
+			if (!next) return;
+			placeholder.value = next;
+			view.value = "month";
+		}
+		const nextViewLabel = computed(() => view.value === "date" ? "month" : view.value === "month" ? "year" : "date");
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [
+				createVNode(unref(CalendarRoot), {
+					modelValue: modelValue.value,
+					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modelValue.value = $event),
+					placeholder: placeholder.value,
+					"onUpdate:placeholder": _cache[1] || (_cache[1] = ($event) => placeholder.value = $event),
+					"default-value": __props.defaultValue,
+					"default-placeholder": __props.defaultPlaceholder,
+					"min-value": __props.minValue,
+					"max-value": __props.maxValue,
+					"is-date-disabled": __props.isDateDisabled,
+					"is-date-unavailable": __props.isDateUnavailable,
+					locale: __props.locale,
+					"weekday-format": __props.weekdayFormat,
+					"fixed-weeks": __props.fixedWeeks,
+					"number-of-months": __props.numberOfMonths,
+					"week-starts-on": __props.weekStartsOn,
+					"paged-navigation": __props.pagedNavigation,
+					"prevent-deselect": __props.preventDeselect,
+					readonly: __props.readonly,
+					disabled: __props.disabled,
+					"calendar-label": __props.calendarLabel,
+					class: normalizeClass(unref(composeClassName)(slotFns.value.base(), props.class))
+				}, {
+					default: withCtx(({ grid, weekDays }) => [view.value === "date" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createVNode(unref(CalendarHeader), { class: normalizeClass(slotFns.value.header()) }, {
+						default: withCtx(() => [
+							createVNode(unref(CalendarPrev), {
+								class: normalizeClass(slotFns.value.navButton()),
+								"aria-label": "Previous month"
+							}, {
+								default: withCtx(() => [(openBlock(), createElementBlock("svg", {
+									class: normalizeClass(slotFns.value.navButtonIcon()),
+									xmlns: "http://www.w3.org/2000/svg",
+									width: "16",
+									height: "16",
+									viewBox: "0 0 24 24",
+									fill: "none",
+									stroke: "currentColor",
+									"stroke-width": "2",
+									"stroke-linecap": "round",
+									"stroke-linejoin": "round",
+									"aria-hidden": "true"
+								}, [..._cache[4] || (_cache[4] = [createElementVNode("polyline", { points: "15 18 9 12 15 6" }, null, -1)])], 2))]),
+								_: 1
+							}, 8, ["class"]),
+							createVNode(unref(CalendarHeading), { class: normalizeClass(slotFns.value.heading()) }, {
+								default: withCtx(({ headingValue }) => [createElementVNode("button", {
+									type: "button",
+									class: normalizeClass(slotFns.value.headingButton()),
+									"aria-label": `Switch to ${nextViewLabel.value} view`,
+									onClick: cycleView
+								}, toDisplayString(headingValue), 11, _hoisted_1)]),
+								_: 1
+							}, 8, ["class"]),
+							createVNode(unref(CalendarNext), {
+								class: normalizeClass(slotFns.value.navButton()),
+								"aria-label": "Next month"
+							}, {
+								default: withCtx(() => [(openBlock(), createElementBlock("svg", {
+									class: normalizeClass(slotFns.value.navButtonIcon()),
+									xmlns: "http://www.w3.org/2000/svg",
+									width: "16",
+									height: "16",
+									viewBox: "0 0 24 24",
+									fill: "none",
+									stroke: "currentColor",
+									"stroke-width": "2",
+									"stroke-linecap": "round",
+									"stroke-linejoin": "round",
+									"aria-hidden": "true"
+								}, [..._cache[5] || (_cache[5] = [createElementVNode("polyline", { points: "9 18 15 12 9 6" }, null, -1)])], 2))]),
+								_: 1
+							}, 8, ["class"])
+						]),
+						_: 1
+					}, 8, ["class"]), (openBlock(true), createElementBlock(Fragment, null, renderList(grid, (month) => {
+						return openBlock(), createBlock(unref(CalendarGrid), {
+							key: month.value.toString(),
+							class: normalizeClass(slotFns.value.grid())
+						}, {
+							default: withCtx(() => [createVNode(unref(CalendarGridHead), { class: normalizeClass(slotFns.value.gridHeader()) }, {
+								default: withCtx(() => [createVNode(unref(CalendarGridRow), { class: normalizeClass(slotFns.value.gridRow()) }, {
+									default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(weekDays, (day) => {
+										return openBlock(), createBlock(unref(CalendarHeadCell), {
+											key: day,
+											class: normalizeClass(slotFns.value.headerCell())
+										}, {
+											default: withCtx(() => [createTextVNode(toDisplayString(day), 1)]),
+											_: 2
+										}, 1032, ["class"]);
+									}), 128))]),
+									_: 2
+								}, 1032, ["class"])]),
+								_: 2
+							}, 1032, ["class"]), createVNode(unref(CalendarGridBody), { class: normalizeClass(slotFns.value.gridBody()) }, {
+								default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(month.rows, (week, weekIndex) => {
+									return openBlock(), createBlock(unref(CalendarGridRow), {
+										key: weekIndex,
+										class: normalizeClass(slotFns.value.gridRow())
+									}, {
+										default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(week, (day) => {
+											return openBlock(), createBlock(unref(CalendarCell), {
+												key: day.toString(),
+												date: day,
+												class: normalizeClass(slotFns.value.cell())
+											}, {
+												default: withCtx(() => [createVNode(unref(CalendarCellTrigger), {
+													day,
+													month: month.value,
+													class: normalizeClass(slotFns.value.cellButton())
+												}, null, 8, [
+													"day",
+													"month",
+													"class"
+												])]),
+												_: 2
+											}, 1032, ["date", "class"]);
+										}), 128))]),
+										_: 2
+									}, 1032, ["class"]);
+								}), 128))]),
+								_: 2
+							}, 1032, ["class"])]),
+							_: 2
+						}, 1032, ["class"]);
+					}), 128))], 64)) : createCommentVNode("", true)]),
+					_: 1
+				}, 8, [
+					"modelValue",
+					"placeholder",
+					"default-value",
+					"default-placeholder",
+					"min-value",
+					"max-value",
+					"is-date-disabled",
+					"is-date-unavailable",
+					"locale",
+					"weekday-format",
+					"fixed-weeks",
+					"number-of-months",
+					"week-starts-on",
+					"paged-navigation",
+					"prevent-deselect",
+					"readonly",
+					"disabled",
+					"calendar-label",
+					"class"
+				]),
+				view.value === "month" ? (openBlock(), createBlock(unref(MonthPickerRoot), {
+					key: 0,
+					placeholder: placeholder.value,
+					locale: __props.locale,
+					"min-value": __props.minValue,
+					"max-value": __props.maxValue,
+					readonly: __props.readonly,
+					disabled: __props.disabled,
+					class: normalizeClass(unref(composeClassName)(slotFns.value.base(), props.class)),
+					"onUpdate:modelValue": onMonthSelect,
+					"onUpdate:placeholder": _cache[2] || (_cache[2] = (val) => {
+						if (val) placeholder.value = val;
+					})
+				}, {
+					default: withCtx(({ grid: monthGrid }) => [createVNode(unref(MonthPickerHeader), { class: normalizeClass(slotFns.value.header()) }, {
+						default: withCtx(() => [
+							createVNode(unref(MonthPickerPrev), {
+								class: normalizeClass(slotFns.value.navButton()),
+								"aria-label": "Previous year"
+							}, {
+								default: withCtx(() => [(openBlock(), createElementBlock("svg", {
+									class: normalizeClass(slotFns.value.navButtonIcon()),
+									xmlns: "http://www.w3.org/2000/svg",
+									width: "16",
+									height: "16",
+									viewBox: "0 0 24 24",
+									fill: "none",
+									stroke: "currentColor",
+									"stroke-width": "2",
+									"stroke-linecap": "round",
+									"stroke-linejoin": "round",
+									"aria-hidden": "true"
+								}, [..._cache[6] || (_cache[6] = [createElementVNode("polyline", { points: "15 18 9 12 15 6" }, null, -1)])], 2))]),
+								_: 1
+							}, 8, ["class"]),
+							createVNode(unref(MonthPickerHeading), { class: normalizeClass(slotFns.value.heading()) }, {
+								default: withCtx(({ headingValue }) => [createElementVNode("button", {
+									type: "button",
+									class: normalizeClass(slotFns.value.headingButton()),
+									"aria-label": `Switch to ${nextViewLabel.value} view`,
+									onClick: cycleView
+								}, toDisplayString(headingValue), 11, _hoisted_2)]),
+								_: 1
+							}, 8, ["class"]),
+							createVNode(unref(MonthPickerNext), {
+								class: normalizeClass(slotFns.value.navButton()),
+								"aria-label": "Next year"
+							}, {
+								default: withCtx(() => [(openBlock(), createElementBlock("svg", {
+									class: normalizeClass(slotFns.value.navButtonIcon()),
+									xmlns: "http://www.w3.org/2000/svg",
+									width: "16",
+									height: "16",
+									viewBox: "0 0 24 24",
+									fill: "none",
+									stroke: "currentColor",
+									"stroke-width": "2",
+									"stroke-linecap": "round",
+									"stroke-linejoin": "round",
+									"aria-hidden": "true"
+								}, [..._cache[7] || (_cache[7] = [createElementVNode("polyline", { points: "9 18 15 12 9 6" }, null, -1)])], 2))]),
+								_: 1
+							}, 8, ["class"])
+						]),
+						_: 1
+					}, 8, ["class"]), createVNode(unref(MonthPickerGrid), { class: normalizeClass(slotFns.value.monthGrid()) }, {
+						default: withCtx(() => [createVNode(unref(MonthPickerGridBody), { class: normalizeClass(slotFns.value.monthGridBody()) }, {
+							default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(monthGrid.rows, (row, i) => {
+								return openBlock(), createBlock(unref(MonthPickerGridRow), {
+									key: i,
+									class: normalizeClass(slotFns.value.monthGridRow())
+								}, {
+									default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(row, (monthValue) => {
+										return openBlock(), createBlock(unref(MonthPickerCell), {
+											key: monthValue.toString(),
+											date: monthValue
+										}, {
+											default: withCtx(() => [createVNode(unref(MonthPickerCellTrigger), {
+												month: monthValue,
+												as: "button",
+												class: normalizeClass(slotFns.value.monthCell())
+											}, null, 8, ["month", "class"])]),
+											_: 2
+										}, 1032, ["date"]);
+									}), 128))]),
+									_: 2
+								}, 1032, ["class"]);
+							}), 128))]),
+							_: 2
+						}, 1032, ["class"])]),
+						_: 2
+					}, 1032, ["class"])]),
+					_: 1
+				}, 8, [
+					"placeholder",
+					"locale",
+					"min-value",
+					"max-value",
+					"readonly",
+					"disabled",
+					"class"
+				])) : createCommentVNode("", true),
+				view.value === "year" ? (openBlock(), createBlock(CalendarYearPicker_default, {
+					key: 1,
+					placeholder: placeholder.value,
+					"onUpdate:placeholder": _cache[3] || (_cache[3] = ($event) => placeholder.value = $event),
+					locale: __props.locale,
+					"min-value": __props.minValue,
+					"max-value": __props.maxValue,
+					readonly: __props.readonly,
+					disabled: __props.disabled,
+					class: normalizeClass(props.class),
+					"onUpdate:modelValue": onYearSelect
+				}, {
+					heading: withCtx(({ headingValue }) => [createElementVNode("button", {
+						type: "button",
+						class: normalizeClass(slotFns.value.headingButton()),
+						"aria-label": `Switch to ${nextViewLabel.value} view`,
+						onClick: cycleView
+					}, toDisplayString(headingValue), 11, _hoisted_3)]),
+					_: 1
+				}, 8, [
+					"placeholder",
+					"locale",
+					"min-value",
+					"max-value",
+					"readonly",
+					"disabled",
+					"class"
+				])) : createCommentVNode("", true)
+			], 64);
+		};
+	}
+});
+//#endregion
+export { Calendar_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=Calendar.vue_vue_type_script_setup_true_lang.js.map