@auronui/vue 1.2.2 → 1.4.0

package/dist/components/menubar/MenubarSection.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,55 @@
+import { createBlock, createCommentVNode, createTextVNode, defineComponent, normalizeClass, openBlock, renderSlot, toDisplayString, unref, withCtx } from "vue";
+import { menuSectionVariants } from "@auronui/styles";
+import { MenubarGroup, MenubarLabel, MenubarSeparator } from "reka-ui";
+//#region src/components/menubar/MenubarSection.vue?vue&type=script&setup=true&lang.ts
+var MenubarSection_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "MenubarSection",
+	props: {
+		title: { default: void 0 },
+		showDivider: {
+			type: Boolean,
+			default: false
+		},
+		class: { default: void 0 },
+		as: { default: void 0 },
+		asChild: {
+			type: Boolean,
+			default: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const sectionClass = menuSectionVariants();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(MenubarGroup), {
+				as: props.as,
+				"as-child": props.asChild,
+				class: normalizeClass([unref(sectionClass).base(), props.class])
+			}, {
+				default: withCtx(() => [
+					props.title ? (openBlock(), createBlock(unref(MenubarLabel), {
+						key: 0,
+						class: normalizeClass([unref(sectionClass).label(), "px-2 py-1 text-[10px] font-semibold tracking-widest text-default-200 uppercase"])
+					}, {
+						default: withCtx(() => [createTextVNode(toDisplayString(props.title), 1)]),
+						_: 1
+					}, 8, ["class"])) : createCommentVNode("", true),
+					renderSlot(_ctx.$slots, "default"),
+					props.showDivider ? (openBlock(), createBlock(unref(MenubarSeparator), {
+						key: 1,
+						class: normalizeClass(unref(sectionClass).separator())
+					}, null, 8, ["class"])) : createCommentVNode("", true)
+				]),
+				_: 3
+			}, 8, [
+				"as",
+				"as-child",
+				"class"
+			]);
+		};
+	}
+});
+//#endregion
+export { MenubarSection_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=MenubarSection.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/menubar/MenubarSection.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenubarSection.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/menubar/MenubarSection.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { MenubarGroup, MenubarLabel, MenubarSeparator } from 'reka-ui'\nimport { menuSectionVariants } from '@auronui/styles'\n\nconst props = withDefaults(defineProps<{\n  title?: string\n  showDivider?: boolean\n  class?: string\n  /** Render as a different element or component (applied to the group wrapper). */\n  as?: string\n  /** Merge props onto child element instead of rendering a wrapper. */\n  asChild?: boolean\n}>(), {\n  title: undefined,\n  showDivider: false,\n  class: undefined,\n  as: undefined,\n  asChild: false,\n})\n\nconst sectionClass = menuSectionVariants()\n</script>\n\n<template>\n  <MenubarGroup :as=\"props.as\" :as-child=\"props.asChild\" :class=\"[sectionClass.base(), props.class]\">\n    <MenubarLabel\n      v-if=\"props.title\"\n      :class=\"sectionClass.label()\"\n      class=\"px-2 py-1 text-[10px] font-semibold tracking-widest text-default-200 uppercase\"\n    >\n      {{ props.title }}\n    </MenubarLabel>\n    <slot />\n    <MenubarSeparator\n      v-if=\"props.showDivider\"\n      :class=\"sectionClass.separator()\"\n    />\n  </MenubarGroup>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;EAIA,MAAM,QAAQ;EAgBd,MAAM,eAAe,qBAAoB;;uBAIvC,YAae,MAAA,aAAA,EAAA;IAbA,IAAI,MAAM;IAAK,YAAU,MAAM;IAAU,OAAK,eAAA,CAAG,MAAA,aAAY,CAAC,MAAI,EAAI,MAAM,MAAK,CAAA;;2BAO/E;KALP,MAAM,SAAA,WAAA,EADd,YAMe,MAAA,aAAA,EAAA;;MAJZ,OAAK,eAAA,CAAE,MAAA,aAAY,CAAC,OAAK,EACpB,iFAAgF,CAAA;;6BAErE,CAAA,gBAAA,gBAAd,MAAM,MAAK,EAAA,EAAA,CAAA,CAAA;;;KAEhB,WAAQ,KAAA,QAAA,UAAA;KAEA,MAAM,eAAA,WAAA,EADd,YAGE,MAAA,iBAAA,EAAA;;MADC,OAAK,eAAE,MAAA,aAAY,CAAC,WAAS,CAAA"}

package/dist/components/menubar/MenubarSub.js

@@ -0,0 +1,7 @@
+import MenubarSub_vue_vue_type_script_setup_true_lang_default from "./MenubarSub.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/menubar/MenubarSub.vue
+var MenubarSub_default = MenubarSub_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { MenubarSub_default as default };
+
+//# sourceMappingURL=MenubarSub.js.map

package/dist/components/menubar/MenubarSub.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenubarSub.js","names":[],"sources":["../../../src/components/menubar/MenubarSub.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { MenubarSub } from 'reka-ui'\n\nconst props = withDefaults(defineProps<{\n  /** The open state of the submenu when it is initially rendered. */\n  defaultOpen?: boolean\n  /** Controlled open state of the submenu. */\n  open?: boolean\n}>(), {\n  defaultOpen: undefined,\n  open: undefined,\n})\n\nconst emit = defineEmits<{\n  'update:open': [value: boolean]\n}>()\n</script>\n\n<template>\n  <MenubarSub\n    :default-open=\"props.defaultOpen\"\n    :open=\"props.open\"\n    @update:open=\"emit('update:open', $event)\"\n  >\n    <slot />\n  </MenubarSub>\n</template>\n"],"mappings":""}

package/dist/components/menubar/MenubarSub.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,35 @@
+import { createBlock, defineComponent, openBlock, renderSlot, unref, withCtx } from "vue";
+import { MenubarSub } from "reka-ui";
+//#region src/components/menubar/MenubarSub.vue?vue&type=script&setup=true&lang.ts
+var MenubarSub_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "MenubarSub",
+	props: {
+		defaultOpen: {
+			type: Boolean,
+			default: void 0
+		},
+		open: {
+			type: Boolean,
+			default: void 0
+		}
+	},
+	emits: ["update:open"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(MenubarSub), {
+				"default-open": props.defaultOpen,
+				open: props.open,
+				"onUpdate:open": _cache[0] || (_cache[0] = ($event) => emit("update:open", $event))
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, ["default-open", "open"]);
+		};
+	}
+});
+//#endregion
+export { MenubarSub_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=MenubarSub.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/menubar/MenubarSub.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenubarSub.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/menubar/MenubarSub.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { MenubarSub } from 'reka-ui'\n\nconst props = withDefaults(defineProps<{\n  /** The open state of the submenu when it is initially rendered. */\n  defaultOpen?: boolean\n  /** Controlled open state of the submenu. */\n  open?: boolean\n}>(), {\n  defaultOpen: undefined,\n  open: undefined,\n})\n\nconst emit = defineEmits<{\n  'update:open': [value: boolean]\n}>()\n</script>\n\n<template>\n  <MenubarSub\n    :default-open=\"props.defaultOpen\"\n    :open=\"props.open\"\n    @update:open=\"emit('update:open', $event)\"\n  >\n    <slot />\n  </MenubarSub>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;EAGA,MAAM,QAAQ;EAUd,MAAM,OAAO;;uBAMX,YAMa,MAAA,WAAA,EAAA;IALV,gBAAc,MAAM;IACpB,MAAM,MAAM;IACZ,iBAAW,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,eAAgB,OAAM;;2BAEhC,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}

package/dist/components/menubar/MenubarSubContent.js

@@ -0,0 +1,7 @@
+import MenubarSubContent_vue_vue_type_script_setup_true_lang_default from "./MenubarSubContent.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/menubar/MenubarSubContent.vue
+var MenubarSubContent_default = MenubarSubContent_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { MenubarSubContent_default as default };
+
+//# sourceMappingURL=MenubarSubContent.js.map

package/dist/components/menubar/MenubarSubContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenubarSubContent.js","names":[],"sources":["../../../src/components/menubar/MenubarSubContent.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { MenubarSubContent, MenubarPortal } from 'reka-ui'\nimport { menubarVariants, menuVariants } from '@auronui/styles'\n\nconst props = withDefaults(defineProps<{\n  sideOffset?: number\n  alignOffset?: number\n  class?: string\n  /** Keep sub-content mounted even when closed. */\n  forceMount?: boolean\n  /** Keep keyboard focus loop within the content. */\n  loop?: boolean\n  /** Flip to opposite side when there is not enough space. */\n  sideFlip?: boolean\n  /** Flip alignment when there is not enough space. */\n  alignFlip?: boolean\n  /** Avoid collisions with the viewport edges. */\n  avoidCollisions?: boolean\n  /** Boundary element(s) for collision detection. */\n  collisionBoundary?: Element | null | Array<Element | null>\n  /** Padding around collision boundary. */\n  collisionPadding?: number | Partial<Record<'top' | 'right' | 'bottom' | 'left', number>>\n  /** Padding between content and arrow. */\n  arrowPadding?: number\n  /** Hide the arrow when the content is shifted. */\n  hideShiftedArrow?: boolean\n  /** Sticky behavior when scrolling. */\n  sticky?: 'partial' | 'always'\n  /** Hide content when fully detached from trigger. */\n  hideWhenDetached?: boolean\n  /** CSS position strategy for the floating element. */\n  positionStrategy?: 'fixed' | 'absolute'\n  /** When to recalculate position. */\n  updatePositionStrategy?: 'always' | 'optimized'\n  /** Disable position update on layout shift. */\n  disableUpdateOnLayoutShift?: boolean\n  /** Prioritize keeping the content in view over alignment. */\n  prioritizePosition?: boolean\n  /** Virtual or DOM reference element to position against. */\n  reference?: object | null\n  /** Render as a different element or component. */\n  as?: string\n  /** Merge props onto child element instead of rendering a wrapper. */\n  asChild?: boolean\n  /** Portal target element or selector. */\n  to?: string | HTMLElement\n  /** Disable the portal. */\n  portalDisabled?: boolean\n  /** Defer portal rendering. */\n  defer?: boolean\n}>(), {\n  sideOffset: 4,\n  alignOffset: -5,\n  class: undefined,\n  forceMount: undefined,\n  loop: undefined,\n  sideFlip: undefined,\n  alignFlip: undefined,\n  avoidCollisions: undefined,\n  collisionBoundary: undefined,\n  collisionPadding: undefined,\n  arrowPadding: undefined,\n  hideShiftedArrow: undefined,\n  sticky: undefined,\n  hideWhenDetached: undefined,\n  positionStrategy: undefined,\n  updatePositionStrategy: undefined,\n  disableUpdateOnLayoutShift: undefined,\n  prioritizePosition: undefined,\n  reference: undefined,\n  as: undefined,\n  asChild: false,\n  to: undefined,\n  portalDisabled: undefined,\n  defer: undefined,\n})\n\nconst emit = defineEmits<{\n  'escape-key-down': [event: KeyboardEvent]\n  'pointer-down-outside': [event: Event]\n  'focus-outside': [event: Event]\n  'interact-outside': [event: Event]\n  'open-auto-focus': [event: Event]\n  'close-auto-focus': [event: Event]\n}>()\n\nconst slots = menubarVariants()\n</script>\n\n<template>\n  <MenubarPortal\n    :to=\"props.to\"\n    :disabled=\"props.portalDisabled\"\n    :defer=\"props.defer\"\n    :force-mount=\"props.forceMount\"\n  >\n    <MenubarSubContent\n      :side-offset=\"props.sideOffset\"\n      :align-offset=\"props.alignOffset\"\n      :force-mount=\"props.forceMount\"\n      :loop=\"props.loop\"\n      :side-flip=\"props.sideFlip\"\n      :align-flip=\"props.alignFlip\"\n      :avoid-collisions=\"props.avoidCollisions\"\n      :collision-boundary=\"props.collisionBoundary\"\n      :collision-padding=\"props.collisionPadding\"\n      :arrow-padding=\"props.arrowPadding\"\n      :hide-shifted-arrow=\"props.hideShiftedArrow\"\n      :sticky=\"props.sticky\"\n      :hide-when-detached=\"props.hideWhenDetached\"\n      :position-strategy=\"props.positionStrategy\"\n      :update-position-strategy=\"props.updatePositionStrategy\"\n      :disable-update-on-layout-shift=\"props.disableUpdateOnLayoutShift\"\n      :prioritize-position=\"props.prioritizePosition\"\n      :reference=\"(props.reference as any)\"\n      :as=\"props.as\"\n      :as-child=\"props.asChild\"\n      :class=\"[slots.popover(), props.class]\"\n      @escape-key-down=\"emit('escape-key-down', $event)\"\n      @pointer-down-outside=\"emit('pointer-down-outside', $event)\"\n      @focus-outside=\"emit('focus-outside', $event)\"\n      @interact-outside=\"emit('interact-outside', $event)\"\n      @open-auto-focus=\"emit('open-auto-focus', $event)\"\n      @close-auto-focus=\"emit('close-auto-focus', $event)\"\n    >\n      <div :class=\"menuVariants()\">\n        <slot />\n      </div>\n    </MenubarSubContent>\n  </MenubarPortal>\n</template>\n"],"mappings":""}

package/dist/components/menubar/MenubarSubContent.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,155 @@
+import { createBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
+import { menuVariants, menubarVariants } from "@auronui/styles";
+import { MenubarPortal, MenubarSubContent } from "reka-ui";
+//#region src/components/menubar/MenubarSubContent.vue?vue&type=script&setup=true&lang.ts
+var MenubarSubContent_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "MenubarSubContent",
+	props: {
+		sideOffset: { default: 4 },
+		alignOffset: { default: -5 },
+		class: { default: void 0 },
+		forceMount: {
+			type: Boolean,
+			default: void 0
+		},
+		loop: {
+			type: Boolean,
+			default: void 0
+		},
+		sideFlip: {
+			type: Boolean,
+			default: void 0
+		},
+		alignFlip: {
+			type: Boolean,
+			default: void 0
+		},
+		avoidCollisions: {
+			type: Boolean,
+			default: void 0
+		},
+		collisionBoundary: { default: void 0 },
+		collisionPadding: { default: void 0 },
+		arrowPadding: { default: void 0 },
+		hideShiftedArrow: {
+			type: Boolean,
+			default: void 0
+		},
+		sticky: { default: void 0 },
+		hideWhenDetached: {
+			type: Boolean,
+			default: void 0
+		},
+		positionStrategy: { default: void 0 },
+		updatePositionStrategy: { default: void 0 },
+		disableUpdateOnLayoutShift: {
+			type: Boolean,
+			default: void 0
+		},
+		prioritizePosition: {
+			type: Boolean,
+			default: void 0
+		},
+		reference: { default: void 0 },
+		as: { default: void 0 },
+		asChild: {
+			type: Boolean,
+			default: false
+		},
+		to: { default: void 0 },
+		portalDisabled: {
+			type: Boolean,
+			default: void 0
+		},
+		defer: {
+			type: Boolean,
+			default: void 0
+		}
+	},
+	emits: [
+		"escape-key-down",
+		"pointer-down-outside",
+		"focus-outside",
+		"interact-outside",
+		"open-auto-focus",
+		"close-auto-focus"
+	],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const slots = menubarVariants();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(MenubarPortal), {
+				to: props.to,
+				disabled: props.portalDisabled,
+				defer: props.defer,
+				"force-mount": props.forceMount
+			}, {
+				default: withCtx(() => [createVNode(unref(MenubarSubContent), {
+					"side-offset": props.sideOffset,
+					"align-offset": props.alignOffset,
+					"force-mount": props.forceMount,
+					loop: props.loop,
+					"side-flip": props.sideFlip,
+					"align-flip": props.alignFlip,
+					"avoid-collisions": props.avoidCollisions,
+					"collision-boundary": props.collisionBoundary,
+					"collision-padding": props.collisionPadding,
+					"arrow-padding": props.arrowPadding,
+					"hide-shifted-arrow": props.hideShiftedArrow,
+					sticky: props.sticky,
+					"hide-when-detached": props.hideWhenDetached,
+					"position-strategy": props.positionStrategy,
+					"update-position-strategy": props.updatePositionStrategy,
+					"disable-update-on-layout-shift": props.disableUpdateOnLayoutShift,
+					"prioritize-position": props.prioritizePosition,
+					reference: props.reference,
+					as: props.as,
+					"as-child": props.asChild,
+					class: normalizeClass([unref(slots).popover(), props.class]),
+					onEscapeKeyDown: _cache[0] || (_cache[0] = ($event) => emit("escape-key-down", $event)),
+					onPointerDownOutside: _cache[1] || (_cache[1] = ($event) => emit("pointer-down-outside", $event)),
+					onFocusOutside: _cache[2] || (_cache[2] = ($event) => emit("focus-outside", $event)),
+					onInteractOutside: _cache[3] || (_cache[3] = ($event) => emit("interact-outside", $event)),
+					onOpenAutoFocus: _cache[4] || (_cache[4] = ($event) => emit("open-auto-focus", $event)),
+					onCloseAutoFocus: _cache[5] || (_cache[5] = ($event) => emit("close-auto-focus", $event))
+				}, {
+					default: withCtx(() => [createElementVNode("div", { class: normalizeClass(unref(menuVariants)()) }, [renderSlot(_ctx.$slots, "default")], 2)]),
+					_: 3
+				}, 8, [
+					"side-offset",
+					"align-offset",
+					"force-mount",
+					"loop",
+					"side-flip",
+					"align-flip",
+					"avoid-collisions",
+					"collision-boundary",
+					"collision-padding",
+					"arrow-padding",
+					"hide-shifted-arrow",
+					"sticky",
+					"hide-when-detached",
+					"position-strategy",
+					"update-position-strategy",
+					"disable-update-on-layout-shift",
+					"prioritize-position",
+					"reference",
+					"as",
+					"as-child",
+					"class"
+				])]),
+				_: 3
+			}, 8, [
+				"to",
+				"disabled",
+				"defer",
+				"force-mount"
+			]);
+		};
+	}
+});
+//#endregion
+export { MenubarSubContent_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=MenubarSubContent.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/menubar/MenubarSubContent.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenubarSubContent.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/menubar/MenubarSubContent.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { MenubarSubContent, MenubarPortal } from 'reka-ui'\nimport { menubarVariants, menuVariants } from '@auronui/styles'\n\nconst props = withDefaults(defineProps<{\n  sideOffset?: number\n  alignOffset?: number\n  class?: string\n  /** Keep sub-content mounted even when closed. */\n  forceMount?: boolean\n  /** Keep keyboard focus loop within the content. */\n  loop?: boolean\n  /** Flip to opposite side when there is not enough space. */\n  sideFlip?: boolean\n  /** Flip alignment when there is not enough space. */\n  alignFlip?: boolean\n  /** Avoid collisions with the viewport edges. */\n  avoidCollisions?: boolean\n  /** Boundary element(s) for collision detection. */\n  collisionBoundary?: Element | null | Array<Element | null>\n  /** Padding around collision boundary. */\n  collisionPadding?: number | Partial<Record<'top' | 'right' | 'bottom' | 'left', number>>\n  /** Padding between content and arrow. */\n  arrowPadding?: number\n  /** Hide the arrow when the content is shifted. */\n  hideShiftedArrow?: boolean\n  /** Sticky behavior when scrolling. */\n  sticky?: 'partial' | 'always'\n  /** Hide content when fully detached from trigger. */\n  hideWhenDetached?: boolean\n  /** CSS position strategy for the floating element. */\n  positionStrategy?: 'fixed' | 'absolute'\n  /** When to recalculate position. */\n  updatePositionStrategy?: 'always' | 'optimized'\n  /** Disable position update on layout shift. */\n  disableUpdateOnLayoutShift?: boolean\n  /** Prioritize keeping the content in view over alignment. */\n  prioritizePosition?: boolean\n  /** Virtual or DOM reference element to position against. */\n  reference?: object | null\n  /** Render as a different element or component. */\n  as?: string\n  /** Merge props onto child element instead of rendering a wrapper. */\n  asChild?: boolean\n  /** Portal target element or selector. */\n  to?: string | HTMLElement\n  /** Disable the portal. */\n  portalDisabled?: boolean\n  /** Defer portal rendering. */\n  defer?: boolean\n}>(), {\n  sideOffset: 4,\n  alignOffset: -5,\n  class: undefined,\n  forceMount: undefined,\n  loop: undefined,\n  sideFlip: undefined,\n  alignFlip: undefined,\n  avoidCollisions: undefined,\n  collisionBoundary: undefined,\n  collisionPadding: undefined,\n  arrowPadding: undefined,\n  hideShiftedArrow: undefined,\n  sticky: undefined,\n  hideWhenDetached: undefined,\n  positionStrategy: undefined,\n  updatePositionStrategy: undefined,\n  disableUpdateOnLayoutShift: undefined,\n  prioritizePosition: undefined,\n  reference: undefined,\n  as: undefined,\n  asChild: false,\n  to: undefined,\n  portalDisabled: undefined,\n  defer: undefined,\n})\n\nconst emit = defineEmits<{\n  'escape-key-down': [event: KeyboardEvent]\n  'pointer-down-outside': [event: Event]\n  'focus-outside': [event: Event]\n  'interact-outside': [event: Event]\n  'open-auto-focus': [event: Event]\n  'close-auto-focus': [event: Event]\n}>()\n\nconst slots = menubarVariants()\n</script>\n\n<template>\n  <MenubarPortal\n    :to=\"props.to\"\n    :disabled=\"props.portalDisabled\"\n    :defer=\"props.defer\"\n    :force-mount=\"props.forceMount\"\n  >\n    <MenubarSubContent\n      :side-offset=\"props.sideOffset\"\n      :align-offset=\"props.alignOffset\"\n      :force-mount=\"props.forceMount\"\n      :loop=\"props.loop\"\n      :side-flip=\"props.sideFlip\"\n      :align-flip=\"props.alignFlip\"\n      :avoid-collisions=\"props.avoidCollisions\"\n      :collision-boundary=\"props.collisionBoundary\"\n      :collision-padding=\"props.collisionPadding\"\n      :arrow-padding=\"props.arrowPadding\"\n      :hide-shifted-arrow=\"props.hideShiftedArrow\"\n      :sticky=\"props.sticky\"\n      :hide-when-detached=\"props.hideWhenDetached\"\n      :position-strategy=\"props.positionStrategy\"\n      :update-position-strategy=\"props.updatePositionStrategy\"\n      :disable-update-on-layout-shift=\"props.disableUpdateOnLayoutShift\"\n      :prioritize-position=\"props.prioritizePosition\"\n      :reference=\"(props.reference as any)\"\n      :as=\"props.as\"\n      :as-child=\"props.asChild\"\n      :class=\"[slots.popover(), props.class]\"\n      @escape-key-down=\"emit('escape-key-down', $event)\"\n      @pointer-down-outside=\"emit('pointer-down-outside', $event)\"\n      @focus-outside=\"emit('focus-outside', $event)\"\n      @interact-outside=\"emit('interact-outside', $event)\"\n      @open-auto-focus=\"emit('open-auto-focus', $event)\"\n      @close-auto-focus=\"emit('close-auto-focus', $event)\"\n    >\n      <div :class=\"menuVariants()\">\n        <slot />\n      </div>\n    </MenubarSubContent>\n  </MenubarPortal>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAIA,MAAM,QAAQ;EAyEd,MAAM,OAAO;EASb,MAAM,QAAQ,iBAAgB;;uBAI5B,YAuCgB,MAAA,cAAA,EAAA;IAtCb,IAAI,MAAM;IACV,UAAU,MAAM;IAChB,OAAO,MAAM;IACb,eAAa,MAAM;;2BAkCA,CAhCpB,YAgCoB,MAAA,kBAAA,EAAA;KA/BjB,eAAa,MAAM;KACnB,gBAAc,MAAM;KACpB,eAAa,MAAM;KACnB,MAAM,MAAM;KACZ,aAAW,MAAM;KACjB,cAAY,MAAM;KAClB,oBAAkB,MAAM;KACxB,sBAAoB,MAAM;KAC1B,qBAAmB,MAAM;KACzB,iBAAe,MAAM;KACrB,sBAAoB,MAAM;KAC1B,QAAQ,MAAM;KACd,sBAAoB,MAAM;KAC1B,qBAAmB,MAAM;KACzB,4BAA0B,MAAM;KAChC,kCAAgC,MAAM;KACtC,uBAAqB,MAAM;KAC3B,WAAY,MAAM;KAClB,IAAI,MAAM;KACV,YAAU,MAAM;KAChB,OAAK,eAAA,CAAG,MAAA,MAAK,CAAC,SAAO,EAAI,MAAM,MAAK,CAAA;KACpC,iBAAe,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,mBAAoB,OAAM;KAC/C,sBAAoB,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,wBAAyB,OAAM;KACzD,gBAAa,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,iBAAkB,OAAM;KAC3C,mBAAgB,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,oBAAqB,OAAM;KACjD,iBAAe,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,mBAAoB,OAAM;KAC/C,kBAAgB,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,oBAAqB,OAAM;;4BAI5C,CAFN,mBAEM,OAAA,EAFA,OAAK,eAAE,MAAA,aAAY,EAAA,CAAA,EAAA,EAAA,CACvB,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA,CAAA,CAAA"}

package/dist/components/menubar/MenubarSubTrigger.js

@@ -0,0 +1,7 @@
+import MenubarSubTrigger_vue_vue_type_script_setup_true_lang_default from "./MenubarSubTrigger.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/menubar/MenubarSubTrigger.vue
+var MenubarSubTrigger_default = MenubarSubTrigger_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { MenubarSubTrigger_default as default };
+
+//# sourceMappingURL=MenubarSubTrigger.js.map

package/dist/components/menubar/MenubarSubTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenubarSubTrigger.js","names":[],"sources":["../../../src/components/menubar/MenubarSubTrigger.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { MenubarSubTrigger } from 'reka-ui'\nimport { menuItemVariants } from '@auronui/styles'\nimport { useDeprecatedBooleanProp } from '../../composables/useDeprecatedBooleanProp'\n\nconst props = withDefaults(defineProps<{\n  isDisabled?: boolean\n  textValue?: string\n  class?: string\n  /** @deprecated Use isDisabled instead. */\n  disabled?: boolean\n  /** Render as a different element or component. */\n  as?: string\n  /** Merge props onto child element instead of rendering a wrapper. */\n  asChild?: boolean\n}>(), {\n  isDisabled: undefined,\n  textValue: undefined,\n  class: undefined,\n  disabled: undefined,\n  as: undefined,\n  asChild: false,\n})\n\nconst slots = menuItemVariants({ variant: 'default' })\n\nconst isDisabled = useDeprecatedBooleanProp(\n  'MenubarSubTrigger', 'isDisabled', () => props.isDisabled, 'disabled', () => props.disabled,\n)\n</script>\n\n<template>\n  <MenubarSubTrigger\n    :disabled=\"isDisabled\"\n    :text-value=\"props.textValue\"\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :class=\"[slots.item(), props.class]\"\n  >\n    <slot />\n    <span\n      :class=\"slots.submenuIndicator()\"\n      aria-hidden=\"true\"\n    >\n      <svg\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=\"2\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        data-slot=\"submenu-indicator\"\n      >\n        <polyline points=\"9 18 15 12 9 6\" />\n      </svg>\n    </span>\n  </MenubarSubTrigger>\n</template>\n"],"mappings":""}

package/dist/components/menubar/MenubarSubTrigger.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,66 @@
+import { useDeprecatedBooleanProp } from "../../composables/useDeprecatedBooleanProp.js";
+import { createBlock, createElementVNode, defineComponent, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
+import { menuItemVariants } from "@auronui/styles";
+import { MenubarSubTrigger } from "reka-ui";
+//#region src/components/menubar/MenubarSubTrigger.vue?vue&type=script&setup=true&lang.ts
+var MenubarSubTrigger_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "MenubarSubTrigger",
+	props: {
+		isDisabled: {
+			type: Boolean,
+			default: void 0
+		},
+		textValue: { default: void 0 },
+		class: { default: void 0 },
+		disabled: {
+			type: Boolean,
+			default: void 0
+		},
+		as: { default: void 0 },
+		asChild: {
+			type: Boolean,
+			default: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const slots = menuItemVariants({ variant: "default" });
+		const isDisabled = useDeprecatedBooleanProp("MenubarSubTrigger", "isDisabled", () => props.isDisabled, "disabled", () => props.disabled);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(MenubarSubTrigger), {
+				disabled: unref(isDisabled),
+				"text-value": props.textValue,
+				as: props.as,
+				"as-child": props.asChild,
+				class: normalizeClass([unref(slots).item(), props.class])
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default"), createElementVNode("span", {
+					class: normalizeClass(unref(slots).submenuIndicator()),
+					"aria-hidden": "true"
+				}, [..._cache[0] || (_cache[0] = [createElementVNode("svg", {
+					xmlns: "http://www.w3.org/2000/svg",
+					width: "12",
+					height: "12",
+					viewBox: "0 0 24 24",
+					fill: "none",
+					stroke: "currentColor",
+					"stroke-width": "2",
+					"stroke-linecap": "round",
+					"stroke-linejoin": "round",
+					"data-slot": "submenu-indicator"
+				}, [createElementVNode("polyline", { points: "9 18 15 12 9 6" })], -1)])], 2)]),
+				_: 3
+			}, 8, [
+				"disabled",
+				"text-value",
+				"as",
+				"as-child",
+				"class"
+			]);
+		};
+	}
+});
+//#endregion
+export { MenubarSubTrigger_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=MenubarSubTrigger.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/menubar/MenubarSubTrigger.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenubarSubTrigger.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/menubar/MenubarSubTrigger.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { MenubarSubTrigger } from 'reka-ui'\nimport { menuItemVariants } from '@auronui/styles'\nimport { useDeprecatedBooleanProp } from '../../composables/useDeprecatedBooleanProp'\n\nconst props = withDefaults(defineProps<{\n  isDisabled?: boolean\n  textValue?: string\n  class?: string\n  /** @deprecated Use isDisabled instead. */\n  disabled?: boolean\n  /** Render as a different element or component. */\n  as?: string\n  /** Merge props onto child element instead of rendering a wrapper. */\n  asChild?: boolean\n}>(), {\n  isDisabled: undefined,\n  textValue: undefined,\n  class: undefined,\n  disabled: undefined,\n  as: undefined,\n  asChild: false,\n})\n\nconst slots = menuItemVariants({ variant: 'default' })\n\nconst isDisabled = useDeprecatedBooleanProp(\n  'MenubarSubTrigger', 'isDisabled', () => props.isDisabled, 'disabled', () => props.disabled,\n)\n</script>\n\n<template>\n  <MenubarSubTrigger\n    :disabled=\"isDisabled\"\n    :text-value=\"props.textValue\"\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :class=\"[slots.item(), props.class]\"\n  >\n    <slot />\n    <span\n      :class=\"slots.submenuIndicator()\"\n      aria-hidden=\"true\"\n    >\n      <svg\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=\"2\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        data-slot=\"submenu-indicator\"\n      >\n        <polyline points=\"9 18 15 12 9 6\" />\n      </svg>\n    </span>\n  </MenubarSubTrigger>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;EAKA,MAAM,QAAQ;EAmBd,MAAM,QAAQ,iBAAiB,EAAE,SAAS,WAAW,CAAA;EAErD,MAAM,aAAa,yBACjB,qBAAqB,oBAAoB,MAAM,YAAY,kBAAkB,MAAM,SACrF;;uBAIE,YA2BoB,MAAA,kBAAA,EAAA;IA1BjB,UAAU,MAAA,WAAU;IACpB,cAAY,MAAM;IAClB,IAAI,MAAM;IACV,YAAU,MAAM;IAChB,OAAK,eAAA,CAAG,MAAA,MAAK,CAAC,MAAI,EAAI,MAAM,MAAK,CAAA;;2BAE1B,CAAR,WAAQ,KAAA,QAAA,UAAA,EACR,mBAkBO,QAAA;KAjBJ,OAAK,eAAE,MAAA,MAAK,CAAC,kBAAgB,CAAA;KAC9B,eAAY;sCAEZ,mBAaM,OAAA;KAZJ,OAAM;KACN,OAAM;KACN,QAAO;KACP,SAAQ;KACR,MAAK;KACL,QAAO;KACP,gBAAa;KACb,kBAAe;KACf,mBAAgB;KAChB,aAAU;QAEV,mBAAoC,YAAA,EAA1B,QAAO,kBAAgB,CAAA,CAAA,EAAA,GAAA,CAAA,EAAA,EAAA,EAAA,CAAA,CAAA"}

package/dist/components/menubar/MenubarTrigger.js

@@ -0,0 +1,7 @@
+import MenubarTrigger_vue_vue_type_script_setup_true_lang_default from "./MenubarTrigger.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/menubar/MenubarTrigger.vue
+var MenubarTrigger_default = MenubarTrigger_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { MenubarTrigger_default as default };
+
+//# sourceMappingURL=MenubarTrigger.js.map

package/dist/components/menubar/MenubarTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenubarTrigger.js","names":[],"sources":["../../../src/components/menubar/MenubarTrigger.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { MenubarTrigger } from 'reka-ui'\nimport { menubarVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { useDeprecatedBooleanProp } from '../../composables/useDeprecatedBooleanProp'\n\nconst props = withDefaults(defineProps<{\n  isDisabled?: boolean\n  /** @deprecated Use isDisabled instead. */\n  disabled?: boolean\n  /** Render as a different element or component. @default 'button' (Reka's own default) */\n  as?: string\n  /** Merge props onto child element instead of rendering a wrapper. @default false */\n  asChild?: boolean\n  class?: ClassValue\n}>(), {\n  isDisabled: undefined,\n  disabled: undefined,\n  as: undefined,\n  asChild: undefined,\n  class: undefined,\n})\n\nconst isDisabled = useDeprecatedBooleanProp(\n  'MenubarTrigger', 'isDisabled', () => props.isDisabled, 'disabled', () => props.disabled,\n)\n\nconst slots = computed(() => menubarVariants())\n</script>\n\n<template>\n  <MenubarTrigger\n    :disabled=\"isDisabled\"\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :class=\"composeClassName(slots.trigger(), props.class)\"\n  >\n    <slot />\n  </MenubarTrigger>\n</template>\n"],"mappings":""}

package/dist/components/menubar/MenubarTrigger.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,59 @@
+import { composeClassName } from "../../utils/composeClassName.js";
+import { useDeprecatedBooleanProp } from "../../composables/useDeprecatedBooleanProp.js";
+import { computed, createBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
+import { menubarVariants } from "@auronui/styles";
+import { MenubarTrigger } from "reka-ui";
+//#region src/components/menubar/MenubarTrigger.vue?vue&type=script&setup=true&lang.ts
+var MenubarTrigger_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "MenubarTrigger",
+	props: {
+		isDisabled: {
+			type: Boolean,
+			default: void 0
+		},
+		disabled: {
+			type: Boolean,
+			default: void 0
+		},
+		as: { default: void 0 },
+		asChild: {
+			type: Boolean,
+			default: void 0
+		},
+		class: {
+			type: [
+				String,
+				Boolean,
+				null,
+				Object,
+				Array
+			],
+			default: void 0
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const isDisabled = useDeprecatedBooleanProp("MenubarTrigger", "isDisabled", () => props.isDisabled, "disabled", () => props.disabled);
+		const slots = computed(() => menubarVariants());
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(MenubarTrigger), {
+				disabled: unref(isDisabled),
+				as: props.as,
+				"as-child": props.asChild,
+				class: normalizeClass(unref(composeClassName)(slots.value.trigger(), props.class))
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, [
+				"disabled",
+				"as",
+				"as-child",
+				"class"
+			]);
+		};
+	}
+});
+//#endregion
+export { MenubarTrigger_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=MenubarTrigger.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/menubar/MenubarTrigger.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenubarTrigger.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/menubar/MenubarTrigger.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { MenubarTrigger } from 'reka-ui'\nimport { menubarVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { useDeprecatedBooleanProp } from '../../composables/useDeprecatedBooleanProp'\n\nconst props = withDefaults(defineProps<{\n  isDisabled?: boolean\n  /** @deprecated Use isDisabled instead. */\n  disabled?: boolean\n  /** Render as a different element or component. @default 'button' (Reka's own default) */\n  as?: string\n  /** Merge props onto child element instead of rendering a wrapper. @default false */\n  asChild?: boolean\n  class?: ClassValue\n}>(), {\n  isDisabled: undefined,\n  disabled: undefined,\n  as: undefined,\n  asChild: undefined,\n  class: undefined,\n})\n\nconst isDisabled = useDeprecatedBooleanProp(\n  'MenubarTrigger', 'isDisabled', () => props.isDisabled, 'disabled', () => props.disabled,\n)\n\nconst slots = computed(() => menubarVariants())\n</script>\n\n<template>\n  <MenubarTrigger\n    :disabled=\"isDisabled\"\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :class=\"composeClassName(slots.trigger(), props.class)\"\n  >\n    <slot />\n  </MenubarTrigger>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAOA,MAAM,QAAQ;EAiBd,MAAM,aAAa,yBACjB,kBAAkB,oBAAoB,MAAM,YAAY,kBAAkB,MAAM,SAClF;EAEA,MAAM,QAAQ,eAAe,iBAAiB,CAAA;;uBAI5C,YAOiB,MAAA,eAAA,EAAA;IANd,UAAU,MAAA,WAAU;IACpB,IAAI,MAAM;IACV,YAAU,MAAM;IAChB,OAAK,eAAE,MAAA,iBAAgB,CAAC,MAAA,MAAM,SAAO,EAAI,MAAM,MAAK,CAAA;;2BAE7C,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}

package/dist/components/meter/Meter.js.map

@@ -1 +1 @@
-{"version":3,"file":"Meter.js","names":[],"sources":["../../../src/components/meter/Meter.vue"],"sourcesContent":["<!--\n  Meter — A quantity indicator within a known range.\n\n  Implementation note: Although HTML provides a native <meter> element, it is\n  notoriously difficult to style cross-browser and does NOT reliably expose the\n  ARIA `meter` role to all assistive technologies. This component therefore uses\n  a <div role=\"meter\"> with explicit aria-valuenow / aria-valuemin / aria-valuemax\n  attributes, matching React's approach (React Aria's useMeter → div-based).\n  This is fully compliant with the ARIA 1.1 specification.\n-->\n<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { meterVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n  value?: number\n  minValue?: number\n  maxValue?: number\n  label?: string\n  valueLabel?: string\n  showValueLabel?: boolean\n  formatOptions?: Intl.NumberFormatOptions\n  size?: 'sm' | 'md' | 'lg'\n  color?: 'default' | 'accent' | 'success' | 'warning' | 'danger'\n  class?: ClassValue\n  /** Override classes for individual slots */\n  classNames?: Partial<{\n    base: ClassValue\n    label: ClassValue\n    output: ClassValue\n    track: ClassValue\n    fill: ClassValue\n  }>\n}>(), {\n  value: 0,\n  minValue: 0,\n  maxValue: 100,\n  showValueLabel: false,\n})\n\nconst percentage = computed(() => {\n  const raw = ((props.value - props.minValue) / (props.maxValue - props.minValue)) * 100\n  return Math.min(100, Math.max(0, raw))\n})\n\nconst formattedValue = computed(() => {\n  if (props.valueLabel) return props.valueLabel\n  if (props.formatOptions) {\n    return new Intl.NumberFormat(undefined, props.formatOptions).format(props.value)\n  }\n  return `${Math.round(percentage.value)}%`\n})\n\nconst slotFns = computed(() =>\n  meterVariants({\n    size: props.size,\n    color: props.color,\n  })\n)\n</script>\n\n<template>\n  <div :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\">\n    <span\n      v-if=\"label\"\n      data-slot=\"label\"\n      :class=\"composeClassName(slotFns.label(), props.classNames?.label)\"\n    >{{ label }}</span>\n    <output\n      v-if=\"showValueLabel\"\n      :class=\"composeClassName(slotFns.output(), props.classNames?.output)\"\n    >{{ formattedValue }}</output>\n    <div\n      role=\"meter\"\n      :aria-valuenow=\"value\"\n      :aria-valuemin=\"minValue\"\n      :aria-valuemax=\"maxValue\"\n      :aria-valuetext=\"formattedValue\"\n      :aria-label=\"label || 'Meter'\"\n      :class=\"composeClassName(slotFns.track(), props.classNames?.track)\"\n    >\n      <div\n        :class=\"composeClassName(slotFns.fill(), props.classNames?.fill)\"\n        :style=\"{ width: percentage + '%' }\"\n      />\n    </div>\n  </div>\n</template>\n"],"mappings":""}
+{"version":3,"file":"Meter.js","names":[],"sources":["../../../src/components/meter/Meter.vue"],"sourcesContent":["<!--\n  Meter — A quantity indicator within a known range.\n\n  Implementation note: Although HTML provides a native <meter> element, it is\n  notoriously difficult to style cross-browser and does NOT reliably expose the\n  ARIA `meter` role to all assistive technologies. This component therefore uses\n  a <div role=\"meter\"> with explicit aria-valuenow / aria-valuemin / aria-valuemax\n  attributes, matching React's approach (React Aria's useMeter → div-based).\n  This is fully compliant with the ARIA 1.1 specification.\n-->\n<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { meterVariants, type MeterVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n  value?: number\n  minValue?: number\n  maxValue?: number\n  label?: string\n  valueLabel?: string\n  showValueLabel?: boolean\n  formatOptions?: Intl.NumberFormatOptions\n  size?: MeterVariants['size']\n  color?: MeterVariants['color']\n  class?: ClassValue\n  /** Override classes for individual slots */\n  classNames?: Partial<{\n    base: ClassValue\n    label: ClassValue\n    output: ClassValue\n    track: ClassValue\n    fill: ClassValue\n  }>\n}>(), {\n  value: 0,\n  minValue: 0,\n  maxValue: 100,\n  showValueLabel: false,\n})\n\nconst percentage = computed(() => {\n  const raw = ((props.value - props.minValue) / (props.maxValue - props.minValue)) * 100\n  return Math.min(100, Math.max(0, raw))\n})\n\nconst formattedValue = computed(() => {\n  if (props.valueLabel) return props.valueLabel\n  if (props.formatOptions) {\n    return new Intl.NumberFormat(undefined, props.formatOptions).format(props.value)\n  }\n  return `${Math.round(percentage.value)}%`\n})\n\nconst slotFns = computed(() =>\n  meterVariants({\n    size: props.size,\n    color: props.color,\n  })\n)\n</script>\n\n<template>\n  <div :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\">\n    <span\n      v-if=\"label\"\n      data-slot=\"label\"\n      :class=\"composeClassName(slotFns.label(), props.classNames?.label)\"\n    >{{ label }}</span>\n    <output\n      v-if=\"showValueLabel\"\n      :class=\"composeClassName(slotFns.output(), props.classNames?.output)\"\n    >{{ formattedValue }}</output>\n    <div\n      role=\"meter\"\n      :aria-valuenow=\"value\"\n      :aria-valuemin=\"minValue\"\n      :aria-valuemax=\"maxValue\"\n      :aria-valuetext=\"formattedValue\"\n      :aria-label=\"label || 'Meter'\"\n      :class=\"composeClassName(slotFns.track(), props.classNames?.track)\"\n    >\n      <div\n        :class=\"composeClassName(slotFns.fill(), props.classNames?.fill)\"\n        :style=\"{ width: percentage + '%' }\"\n      />\n    </div>\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/meter/Meter.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"Meter.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/meter/Meter.vue"],"sourcesContent":["<!--\n  Meter — A quantity indicator within a known range.\n\n  Implementation note: Although HTML provides a native <meter> element, it is\n  notoriously difficult to style cross-browser and does NOT reliably expose the\n  ARIA `meter` role to all assistive technologies. This component therefore uses\n  a <div role=\"meter\"> with explicit aria-valuenow / aria-valuemin / aria-valuemax\n  attributes, matching React's approach (React Aria's useMeter → div-based).\n  This is fully compliant with the ARIA 1.1 specification.\n-->\n<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { meterVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n  value?: number\n  minValue?: number\n  maxValue?: number\n  label?: string\n  valueLabel?: string\n  showValueLabel?: boolean\n  formatOptions?: Intl.NumberFormatOptions\n  size?: 'sm' | 'md' | 'lg'\n  color?: 'default' | 'accent' | 'success' | 'warning' | 'danger'\n  class?: ClassValue\n  /** Override classes for individual slots */\n  classNames?: Partial<{\n    base: ClassValue\n    label: ClassValue\n    output: ClassValue\n    track: ClassValue\n    fill: ClassValue\n  }>\n}>(), {\n  value: 0,\n  minValue: 0,\n  maxValue: 100,\n  showValueLabel: false,\n})\n\nconst percentage = computed(() => {\n  const raw = ((props.value - props.minValue) / (props.maxValue - props.minValue)) * 100\n  return Math.min(100, Math.max(0, raw))\n})\n\nconst formattedValue = computed(() => {\n  if (props.valueLabel) return props.valueLabel\n  if (props.formatOptions) {\n    return new Intl.NumberFormat(undefined, props.formatOptions).format(props.value)\n  }\n  return `${Math.round(percentage.value)}%`\n})\n\nconst slotFns = computed(() =>\n  meterVariants({\n    size: props.size,\n    color: props.color,\n  })\n)\n</script>\n\n<template>\n  <div :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\">\n    <span\n      v-if=\"label\"\n      data-slot=\"label\"\n      :class=\"composeClassName(slotFns.label(), props.classNames?.label)\"\n    >{{ label }}</span>\n    <output\n      v-if=\"showValueLabel\"\n      :class=\"composeClassName(slotFns.output(), props.classNames?.output)\"\n    >{{ formattedValue }}</output>\n    <div\n      role=\"meter\"\n      :aria-valuenow=\"value\"\n      :aria-valuemin=\"minValue\"\n      :aria-valuemax=\"maxValue\"\n      :aria-valuetext=\"formattedValue\"\n      :aria-label=\"label || 'Meter'\"\n      :class=\"composeClassName(slotFns.track(), props.classNames?.track)\"\n    >\n      <div\n        :class=\"composeClassName(slotFns.fill(), props.classNames?.fill)\"\n        :style=\"{ width: percentage + '%' }\"\n      />\n    </div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAeA,MAAM,QAAQ;EA0Bd,MAAM,aAAa,eAAe;GAChC,MAAM,OAAQ,MAAM,QAAQ,MAAM,aAAa,MAAM,WAAW,MAAM,YAAa;AACnF,UAAO,KAAK,IAAI,KAAK,KAAK,IAAI,GAAG,IAAI,CAAA;IACtC;EAED,MAAM,iBAAiB,eAAe;AACpC,OAAI,MAAM,WAAY,QAAO,MAAM;AACnC,OAAI,MAAM,cACR,QAAO,IAAI,KAAK,aAAa,KAAA,GAAW,MAAM,cAAc,CAAC,OAAO,MAAM,MAAK;AAEjF,UAAO,GAAG,KAAK,MAAM,WAAW,MAAM,CAAC;IACxC;EAED,MAAM,UAAU,eACd,cAAc;GACZ,MAAM,MAAM;GACZ,OAAO,MAAM;GACd,CAAA,CACH;;uBAIE,mBAwBM,OAAA,EAxBA,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,MAAI,EAAI,MAAM,OAAO,MAAM,YAAY,KAAI,CAAA,EAAA,EAAA;IAEvE,QAAA,SAAA,WAAA,EADR,mBAImB,QAAA;;KAFjB,aAAU;KACT,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,OAAK,EAAI,MAAM,YAAY,MAAK,CAAA;uBAC/D,QAAA,MAAK,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA;IAED,QAAA,kBAAA,WAAA,EADR,mBAG8B,UAAA;;KAD3B,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,QAAM,EAAI,MAAM,YAAY,OAAM,CAAA;uBACjE,eAAA,MAAc,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA;IAClB,mBAaM,OAAA;KAZJ,MAAK;KACJ,iBAAe,QAAA;KACf,iBAAe,QAAA;KACf,iBAAe,QAAA;KACf,kBAAgB,eAAA;KAChB,cAAY,QAAA,SAAK;KACjB,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,OAAK,EAAI,MAAM,YAAY,MAAK,CAAA;QAEjE,mBAGE,OAAA;KAFC,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,MAAI,EAAI,MAAM,YAAY,KAAI,CAAA;KAC9D,OAAK,eAAA,EAAA,OAAW,WAAA,QAAU,KAAA,CAAA"}
+{"version":3,"file":"Meter.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/meter/Meter.vue"],"sourcesContent":["<!--\n  Meter — A quantity indicator within a known range.\n\n  Implementation note: Although HTML provides a native <meter> element, it is\n  notoriously difficult to style cross-browser and does NOT reliably expose the\n  ARIA `meter` role to all assistive technologies. This component therefore uses\n  a <div role=\"meter\"> with explicit aria-valuenow / aria-valuemin / aria-valuemax\n  attributes, matching React's approach (React Aria's useMeter → div-based).\n  This is fully compliant with the ARIA 1.1 specification.\n-->\n<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { meterVariants, type MeterVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n  value?: number\n  minValue?: number\n  maxValue?: number\n  label?: string\n  valueLabel?: string\n  showValueLabel?: boolean\n  formatOptions?: Intl.NumberFormatOptions\n  size?: MeterVariants['size']\n  color?: MeterVariants['color']\n  class?: ClassValue\n  /** Override classes for individual slots */\n  classNames?: Partial<{\n    base: ClassValue\n    label: ClassValue\n    output: ClassValue\n    track: ClassValue\n    fill: ClassValue\n  }>\n}>(), {\n  value: 0,\n  minValue: 0,\n  maxValue: 100,\n  showValueLabel: false,\n})\n\nconst percentage = computed(() => {\n  const raw = ((props.value - props.minValue) / (props.maxValue - props.minValue)) * 100\n  return Math.min(100, Math.max(0, raw))\n})\n\nconst formattedValue = computed(() => {\n  if (props.valueLabel) return props.valueLabel\n  if (props.formatOptions) {\n    return new Intl.NumberFormat(undefined, props.formatOptions).format(props.value)\n  }\n  return `${Math.round(percentage.value)}%`\n})\n\nconst slotFns = computed(() =>\n  meterVariants({\n    size: props.size,\n    color: props.color,\n  })\n)\n</script>\n\n<template>\n  <div :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\">\n    <span\n      v-if=\"label\"\n      data-slot=\"label\"\n      :class=\"composeClassName(slotFns.label(), props.classNames?.label)\"\n    >{{ label }}</span>\n    <output\n      v-if=\"showValueLabel\"\n      :class=\"composeClassName(slotFns.output(), props.classNames?.output)\"\n    >{{ formattedValue }}</output>\n    <div\n      role=\"meter\"\n      :aria-valuenow=\"value\"\n      :aria-valuemin=\"minValue\"\n      :aria-valuemax=\"maxValue\"\n      :aria-valuetext=\"formattedValue\"\n      :aria-label=\"label || 'Meter'\"\n      :class=\"composeClassName(slotFns.track(), props.classNames?.track)\"\n    >\n      <div\n        :class=\"composeClassName(slotFns.fill(), props.classNames?.fill)\"\n        :style=\"{ width: percentage + '%' }\"\n      />\n    </div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAeA,MAAM,QAAQ;EA0Bd,MAAM,aAAa,eAAe;GAChC,MAAM,OAAQ,MAAM,QAAQ,MAAM,aAAa,MAAM,WAAW,MAAM,YAAa;AACnF,UAAO,KAAK,IAAI,KAAK,KAAK,IAAI,GAAG,IAAI,CAAA;IACtC;EAED,MAAM,iBAAiB,eAAe;AACpC,OAAI,MAAM,WAAY,QAAO,MAAM;AACnC,OAAI,MAAM,cACR,QAAO,IAAI,KAAK,aAAa,KAAA,GAAW,MAAM,cAAc,CAAC,OAAO,MAAM,MAAK;AAEjF,UAAO,GAAG,KAAK,MAAM,WAAW,MAAM,CAAC;IACxC;EAED,MAAM,UAAU,eACd,cAAc;GACZ,MAAM,MAAM;GACZ,OAAO,MAAM;GACd,CAAA,CACH;;uBAIE,mBAwBM,OAAA,EAxBA,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,MAAI,EAAI,MAAM,OAAO,MAAM,YAAY,KAAI,CAAA,EAAA,EAAA;IAEvE,QAAA,SAAA,WAAA,EADR,mBAImB,QAAA;;KAFjB,aAAU;KACT,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,OAAK,EAAI,MAAM,YAAY,MAAK,CAAA;uBAC/D,QAAA,MAAK,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA;IAED,QAAA,kBAAA,WAAA,EADR,mBAG8B,UAAA;;KAD3B,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,QAAM,EAAI,MAAM,YAAY,OAAM,CAAA;uBACjE,eAAA,MAAc,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA;IAClB,mBAaM,OAAA;KAZJ,MAAK;KACJ,iBAAe,QAAA;KACf,iBAAe,QAAA;KACf,iBAAe,QAAA;KACf,kBAAgB,eAAA;KAChB,cAAY,QAAA,SAAK;KACjB,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,OAAK,EAAI,MAAM,YAAY,MAAK,CAAA;QAEjE,mBAGE,OAAA;KAFC,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,MAAI,EAAI,MAAM,YAAY,KAAI,CAAA;KAC9D,OAAK,eAAA,EAAA,OAAW,WAAA,QAAU,KAAA,CAAA"}

package/dist/components/month-picker/MonthPicker.js

@@ -0,0 +1,7 @@
+import MonthPicker_vue_vue_type_script_setup_true_lang_default from "./MonthPicker.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/month-picker/MonthPicker.vue
+var MonthPicker_default = MonthPicker_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { MonthPicker_default as default };
+
+//# sourceMappingURL=MonthPicker.js.map

package/dist/components/month-picker/MonthPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MonthPicker.js","names":[],"sources":["../../../src/components/month-picker/MonthPicker.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport {\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 type { DateValue } from '@internationalized/date'\nimport { calendarVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { useDeprecatedBooleanProp } from '../../composables/useDeprecatedBooleanProp'\n\nconst props = withDefaults(defineProps<{\n  defaultValue?: DateValue\n  defaultPlaceholder?: DateValue\n  minValue?: DateValue\n  maxValue?: DateValue\n  isMonthDisabled?: (date: DateValue) => boolean\n  isMonthUnavailable?: (date: DateValue) => boolean\n  locale?: string\n  preventDeselect?: boolean\n  isReadOnly?: boolean\n  /** @deprecated Use isReadOnly instead. */\n  readonly?: boolean\n  isDisabled?: boolean\n  /** @deprecated Use isDisabled instead. */\n  disabled?: boolean\n  calendarLabel?: string\n  /** Initial focus state. @default false */\n  initialFocus?: boolean\n  /** Text direction. */\n  dir?: 'ltr' | 'rtl'\n  /** Navigate to next page (next year). */\n  nextPage?: (placeholder: DateValue) => DateValue\n  /** Navigate to previous page (previous year). */\n  prevPage?: (placeholder: DateValue) => DateValue\n  /** Allow multiple selections. */\n  multiple?: boolean\n  /** Render as a different element or component. */\n  as?: string\n  /** Render child as root element. */\n  asChild?: boolean\n  class?: ClassValue\n  /** Per-slot class overrides */\n  classNames?: Partial<{\n    base: ClassValue\n    header: ClassValue\n    navButton: ClassValue\n    navButtonIcon: ClassValue\n    heading: ClassValue\n    monthGrid: ClassValue\n    monthGridBody: ClassValue\n    monthGridRow: ClassValue\n    monthCell: ClassValue\n  }>\n}>(), {\n  preventDeselect: false,\n  isReadOnly: undefined,\n  readonly: undefined,\n  isDisabled: undefined,\n  disabled: undefined,\n})\n\nconst modelValue = defineModel<DateValue | undefined>()\nconst placeholderModel = defineModel<DateValue | undefined>('placeholder')\n\nconst isReadOnly = useDeprecatedBooleanProp(\n  'MonthPicker', 'isReadOnly', () => props.isReadOnly, 'readonly', () => props.readonly,\n)\n\nconst isDisabled = useDeprecatedBooleanProp(\n  'MonthPicker', 'isDisabled', () => props.isDisabled, 'disabled', () => props.disabled,\n)\n\nconst slotFns = computed(() => calendarVariants())\n</script>\n\n<template>\n  <MonthPickerRoot\n    v-model=\"modelValue\"\n    v-model:placeholder=\"placeholderModel\"\n    :default-value=\"defaultValue\"\n    :default-placeholder=\"defaultPlaceholder\"\n    :min-value=\"minValue\"\n    :max-value=\"maxValue\"\n    :is-month-disabled=\"isMonthDisabled\"\n    :is-month-unavailable=\"isMonthUnavailable\"\n    :locale=\"locale\"\n    :prevent-deselect=\"preventDeselect\"\n    :readonly=\"isReadOnly\"\n    :disabled=\"isDisabled\"\n    :calendar-label=\"calendarLabel\"\n    :initial-focus=\"initialFocus\"\n    :dir=\"dir\"\n    :next-page=\"nextPage\"\n    :prev-page=\"prevPage\"\n    :multiple=\"multiple\"\n    :as=\"as\"\n    :as-child=\"asChild\"\n    :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\"\n  >\n    <template #default=\"{ grid }\">\n      <MonthPickerHeader :class=\"composeClassName(slotFns.header(), props.classNames?.header)\">\n        <MonthPickerPrev\n          :class=\"composeClassName(slotFns.navButton(), props.classNames?.navButton)\"\n          aria-label=\"Previous year\"\n        >\n          <svg\n            :class=\"composeClassName(slotFns.navButtonIcon(), props.classNames?.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=\"composeClassName(slotFns.heading(), props.classNames?.heading)\"\n        >\n          <slot\n            name=\"heading\"\n            :heading-value=\"headingValue\"\n          >\n            {{ headingValue }}\n          </slot>\n        </MonthPickerHeading>\n\n        <MonthPickerNext\n          :class=\"composeClassName(slotFns.navButton(), props.classNames?.navButton)\"\n          aria-label=\"Next year\"\n        >\n          <svg\n            :class=\"composeClassName(slotFns.navButtonIcon(), props.classNames?.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=\"composeClassName(slotFns.monthGrid(), props.classNames?.monthGrid)\">\n        <MonthPickerGridBody :class=\"composeClassName(slotFns.monthGridBody(), props.classNames?.monthGridBody)\">\n          <MonthPickerGridRow\n            v-for=\"(row, rowIndex) in grid.rows\"\n            :key=\"rowIndex\"\n            :class=\"composeClassName(slotFns.monthGridRow(), props.classNames?.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=\"composeClassName(slotFns.monthCell(), props.classNames?.monthCell)\"\n              />\n            </MonthPickerCell>\n          </MonthPickerGridRow>\n        </MonthPickerGridBody>\n      </MonthPickerGrid>\n    </template>\n  </MonthPickerRoot>\n</template>\n"],"mappings":""}