@auronui/vue 1.0.0

package/dist/components/toast/ToastProvider.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,55 @@
+import { createBlock, defineComponent, openBlock, renderSlot, unref, withCtx } from "vue";
+import { ToastProvider } from "reka-ui";
+//#region src/components/toast/ToastProvider.vue?vue&type=script&setup=true&lang.ts
+var ToastProvider_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "ToastProvider",
+	props: {
+		label: { default: "Notification" },
+		duration: { default: 5e3 },
+		disableSwipe: {
+			type: Boolean,
+			default: false
+		},
+		swipeDirection: { default: "right" },
+		swipeThreshold: { default: 50 }
+	},
+	setup(__props) {
+		/**
+		* ToastProvider — Must be mounted once at app root (D-13).
+		*
+		* Wraps Reka UI's ToastProvider to set up the toast accessibility context.
+		* Place this component high in the component tree, typically in App.vue:
+		*
+		* ```vue
+		* <template>
+		*   <ToastProvider>
+		*     <RouterView />
+		*     <ToastViewport />
+		*   </ToastProvider>
+		* </template>
+		* ```
+		*/
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(ToastProvider), {
+				label: __props.label,
+				duration: __props.duration,
+				"disable-swipe": __props.disableSwipe,
+				"swipe-direction": __props.swipeDirection,
+				"swipe-threshold": __props.swipeThreshold
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, [
+				"label",
+				"duration",
+				"disable-swipe",
+				"swipe-direction",
+				"swipe-threshold"
+			]);
+		};
+	}
+});
+//#endregion
+export { ToastProvider_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=ToastProvider.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/toast/ToastProvider.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastProvider.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/toast/ToastProvider.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * ToastProvider — Must be mounted once at app root (D-13).\n *\n * Wraps Reka UI's ToastProvider to set up the toast accessibility context.\n * Place this component high in the component tree, typically in App.vue:\n *\n * ```vue\n * <template>\n *   <ToastProvider>\n *     <RouterView />\n *     <ToastViewport />\n *   </ToastProvider>\n * </template>\n * ```\n */\nimport { ToastProvider as RekaToastProvider } from 'reka-ui'\n\nwithDefaults(defineProps<{\n  /** Screen reader label for toast announcements */\n  label?: string\n  /** Default auto-dismiss duration in ms for all toasts */\n  duration?: number\n  /** Disable swipe-to-dismiss gesture */\n  disableSwipe?: boolean\n  /** Direction of swipe that dismisses the toast */\n  swipeDirection?: 'up' | 'down' | 'left' | 'right'\n  /** Swipe distance threshold in pixels before close triggers */\n  swipeThreshold?: number\n}>(), {\n  label: 'Notification',\n  duration: 5000,\n  disableSwipe: false,\n  swipeDirection: 'right',\n  swipeThreshold: 50,\n})\n</script>\n\n<template>\n  <RekaToastProvider\n    :label=\"label\"\n    :duration=\"duration\"\n    :disable-swipe=\"disableSwipe\"\n    :swipe-direction=\"swipeDirection\"\n    :swipe-threshold=\"swipeThreshold\"\n  >\n    <slot />\n  </RekaToastProvider>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uBAuCE,YAQoB,MAAA,cAAA,EAAA;IAPjB,OAAO,QAAA;IACP,UAAU,QAAA;IACV,iBAAe,QAAA;IACf,mBAAiB,QAAA;IACjB,mBAAiB,QAAA;;2BAEV,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}

package/dist/components/toast/ToastTitle.js

@@ -0,0 +1,7 @@
+import ToastTitle_vue_vue_type_script_setup_true_lang_default from "./ToastTitle.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/toast/ToastTitle.vue
+var ToastTitle_default = ToastTitle_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { ToastTitle_default as default };
+
+//# sourceMappingURL=ToastTitle.js.map

package/dist/components/toast/ToastTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastTitle.js","names":[],"sources":["../../../src/components/toast/ToastTitle.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ToastTitle as RekaToastTitle } from 'reka-ui'\nimport { toastVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\n\nconst props = defineProps<{ class?: string }>()\nconst styles = toastVariants()\n</script>\n\n<template>\n  <RekaToastTitle :class=\"composeClassName(styles.title(), props.class)\">\n    <slot />\n  </RekaToastTitle>\n</template>\n"],"mappings":""}

package/dist/components/toast/ToastTitle.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,23 @@
+import { composeClassName } from "../../utils/composeClassName.js";
+import { createBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
+import { toastVariants } from "@auronui/styles";
+import { ToastTitle } from "reka-ui";
+//#region src/components/toast/ToastTitle.vue?vue&type=script&setup=true&lang.ts
+var ToastTitle_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "ToastTitle",
+	props: { class: {} },
+	setup(__props) {
+		const props = __props;
+		const styles = toastVariants();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(ToastTitle), { class: normalizeClass(unref(composeClassName)(unref(styles).title(), props.class)) }, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, ["class"]);
+		};
+	}
+});
+//#endregion
+export { ToastTitle_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=ToastTitle.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/toast/ToastTitle.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastTitle.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/toast/ToastTitle.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ToastTitle as RekaToastTitle } from 'reka-ui'\nimport { toastVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\n\nconst props = defineProps<{ class?: string }>()\nconst styles = toastVariants()\n</script>\n\n<template>\n  <RekaToastTitle :class=\"composeClassName(styles.title(), props.class)\">\n    <slot />\n  </RekaToastTitle>\n</template>\n"],"mappings":";;;;;;;;;EAKA,MAAM,QAAQ;EACd,MAAM,SAAS,eAAc;;uBAI3B,YAEiB,MAAA,WAAA,EAAA,EAFA,OAAK,eAAE,MAAA,iBAAgB,CAAC,MAAA,OAAM,CAAC,OAAK,EAAI,MAAM,MAAK,CAAA,EAAA,EAAA;2BAC1D,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}

package/dist/components/toast/ToastViewport.js

@@ -0,0 +1,7 @@
+import ToastViewport_vue_vue_type_script_setup_true_lang_default from "./ToastViewport.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/toast/ToastViewport.vue
+var ToastViewport_default = ToastViewport_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { ToastViewport_default as default };
+
+//# sourceMappingURL=ToastViewport.js.map

package/dist/components/toast/ToastViewport.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastViewport.js","names":[],"sources":["../../../src/components/toast/ToastViewport.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * ToastViewport — Renders toasts for one screen position.\n *\n * Each viewport wraps its own RekaToastProvider so its ToastRoot children\n * teleport to THIS viewport, not a shared one. Without an isolated provider\n * per viewport, all ToastRoots teleport to whichever viewport mounted last.\n *\n * Usage:\n * ```vue\n * <ToastProvider>\n *   <ToastViewport position=\"top-right\" />\n *   <ToastViewport position=\"bottom-right\" />\n * </ToastProvider>\n * ```\n */\nimport { computed } from 'vue'\nimport { ToastProvider as RekaToastProvider, ToastViewport as RekaToastViewport } from 'reka-ui'\nimport { toastVariants } from '@auronui/styles'\nimport type { ToastVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { useToast } from '../../composables/useToast'\nimport Toast from './Toast.vue'\nimport ToastTitle from './ToastTitle.vue'\nimport ToastDescription from './ToastDescription.vue'\nimport ToastAction from './ToastAction.vue'\nimport ToastClose from './ToastClose.vue'\n\ntype ToastPosition = 'top-right' | 'top-center' | 'top-left' | 'bottom-right' | 'bottom-center' | 'bottom-left'\n\nconst props = withDefaults(defineProps<{\n  position?: ToastPosition\n  class?: string\n  hotkey?: string[]\n  label?: string\n  swipeDirection?: 'up' | 'down' | 'left' | 'right'\n}>(), {\n  position: 'bottom-right',\n  hotkey: () => ['F8'],\n  label: 'Notifications ({hotkey})',\n  swipeDirection: 'right',\n})\n\nconst { toasts, dismiss, remove } = useToast()\n\nfunction handleOpenChange(id: string, open: boolean) {\n  if (!open) {\n    dismiss(id)\n    setTimeout(() => remove(id), 250)\n  }\n}\n\nconst placementVariant = computed<ToastVariants['placement']>(() => {\n  const map: Record<ToastPosition, ToastVariants['placement']> = {\n    'top-right': 'top end',\n    'top-center': 'top',\n    'top-left': 'top start',\n    'bottom-right': 'bottom end',\n    'bottom-center': 'bottom',\n    'bottom-left': 'bottom start',\n  }\n  return map[props.position] ?? 'bottom end'\n})\n\nconst styles = computed(() => toastVariants({ placement: placementVariant.value }))\n\nconst viewportToasts = computed(() =>\n  toasts.value.filter((t) => (t.position ?? 'bottom-right') === props.position),\n)\n</script>\n\n<template>\n  <!-- Each viewport has its own isolated Reka provider so ToastRoot teleports here, not to a shared viewport -->\n  <RekaToastProvider :swipe-direction=\"swipeDirection\">\n    <RekaToastViewport\n      :hotkey=\"hotkey\"\n      :label=\"label\"\n      :class=\"composeClassName(styles.region(), props.class)\"\n    >\n      <Toast\n        v-for=\"toast in viewportToasts\"\n        :key=\"toast.id\"\n        :open=\"toast.open\"\n        :duration=\"toast.duration\"\n        :position=\"toast.position\"\n        :variant=\"toast.variant\"\n        @update:open=\"(open) => handleOpenChange(toast.id, open)\"\n      >\n        <div :class=\"styles.content()\">\n          <ToastTitle>{{ toast.title }}</ToastTitle>\n          <ToastDescription v-if=\"toast.description\">\n            {{ toast.description }}\n          </ToastDescription>\n        </div>\n        <div class=\"flex shrink-0 items-center gap-1 ml-auto\">\n          <ToastAction\n            v-if=\"toast.action\"\n            :alt-text=\"toast.action.label\"\n            @click=\"toast.action!.onClick\"\n          >\n            {{ toast.action.label }}\n          </ToastAction>\n          <ToastClose @click=\"dismiss(toast.id)\" />\n        </div>\n      </Toast>\n      <slot />\n    </RekaToastViewport>\n  </RekaToastProvider>\n</template>\n"],"mappings":""}

package/dist/components/toast/ToastViewport.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,111 @@
+import { composeClassName } from "../../utils/composeClassName.js";
+import Toast_default from "./Toast.js";
+import ToastTitle_default from "./ToastTitle.js";
+import ToastDescription_default from "./ToastDescription.js";
+import ToastAction_default from "./ToastAction.js";
+import ToastClose_default from "./ToastClose.js";
+import { useToast } from "../../composables/useToast.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, renderList, renderSlot, toDisplayString, unref, withCtx } from "vue";
+import { toastVariants } from "@auronui/styles";
+import { ToastProvider, ToastViewport } from "reka-ui";
+//#region src/components/toast/ToastViewport.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "flex shrink-0 items-center gap-1 ml-auto" };
+var ToastViewport_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "ToastViewport",
+	props: {
+		position: { default: "bottom-right" },
+		class: {},
+		hotkey: { default: () => ["F8"] },
+		label: { default: "Notifications ({hotkey})" },
+		swipeDirection: { default: "right" }
+	},
+	setup(__props) {
+		/**
+		* ToastViewport — Renders toasts for one screen position.
+		*
+		* Each viewport wraps its own RekaToastProvider so its ToastRoot children
+		* teleport to THIS viewport, not a shared one. Without an isolated provider
+		* per viewport, all ToastRoots teleport to whichever viewport mounted last.
+		*
+		* Usage:
+		* ```vue
+		* <ToastProvider>
+		*   <ToastViewport position="top-right" />
+		*   <ToastViewport position="bottom-right" />
+		* </ToastProvider>
+		* ```
+		*/
+		const props = __props;
+		const { toasts, dismiss, remove } = useToast();
+		function handleOpenChange(id, open) {
+			if (!open) {
+				dismiss(id);
+				setTimeout(() => remove(id), 250);
+			}
+		}
+		const placementVariant = computed(() => {
+			return {
+				"top-right": "top end",
+				"top-center": "top",
+				"top-left": "top start",
+				"bottom-right": "bottom end",
+				"bottom-center": "bottom",
+				"bottom-left": "bottom start"
+			}[props.position] ?? "bottom end";
+		});
+		const styles = computed(() => toastVariants({ placement: placementVariant.value }));
+		const viewportToasts = computed(() => toasts.value.filter((t) => (t.position ?? "bottom-right") === props.position));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(ToastProvider), { "swipe-direction": __props.swipeDirection }, {
+				default: withCtx(() => [createVNode(unref(ToastViewport), {
+					hotkey: __props.hotkey,
+					label: __props.label,
+					class: normalizeClass(unref(composeClassName)(styles.value.region(), props.class))
+				}, {
+					default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(viewportToasts.value, (toast) => {
+						return openBlock(), createBlock(Toast_default, {
+							key: toast.id,
+							open: toast.open,
+							duration: toast.duration,
+							position: toast.position,
+							variant: toast.variant,
+							"onUpdate:open": (open) => handleOpenChange(toast.id, open)
+						}, {
+							default: withCtx(() => [createElementVNode("div", { class: normalizeClass(styles.value.content()) }, [createVNode(ToastTitle_default, null, {
+								default: withCtx(() => [createTextVNode(toDisplayString(toast.title), 1)]),
+								_: 2
+							}, 1024), toast.description ? (openBlock(), createBlock(ToastDescription_default, { key: 0 }, {
+								default: withCtx(() => [createTextVNode(toDisplayString(toast.description), 1)]),
+								_: 2
+							}, 1024)) : createCommentVNode("", true)], 2), createElementVNode("div", _hoisted_1, [toast.action ? (openBlock(), createBlock(ToastAction_default, {
+								key: 0,
+								"alt-text": toast.action.label,
+								onClick: toast.action.onClick
+							}, {
+								default: withCtx(() => [createTextVNode(toDisplayString(toast.action.label), 1)]),
+								_: 2
+							}, 1032, ["alt-text", "onClick"])) : createCommentVNode("", true), createVNode(ToastClose_default, { onClick: ($event) => unref(dismiss)(toast.id) }, null, 8, ["onClick"])])]),
+							_: 2
+						}, 1032, [
+							"open",
+							"duration",
+							"position",
+							"variant",
+							"onUpdate:open"
+						]);
+					}), 128)), renderSlot(_ctx.$slots, "default")]),
+					_: 3
+				}, 8, [
+					"hotkey",
+					"label",
+					"class"
+				])]),
+				_: 3
+			}, 8, ["swipe-direction"]);
+		};
+	}
+});
+//#endregion
+export { ToastViewport_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=ToastViewport.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/toast/ToastViewport.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastViewport.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/toast/ToastViewport.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * ToastViewport — Renders toasts for one screen position.\n *\n * Each viewport wraps its own RekaToastProvider so its ToastRoot children\n * teleport to THIS viewport, not a shared one. Without an isolated provider\n * per viewport, all ToastRoots teleport to whichever viewport mounted last.\n *\n * Usage:\n * ```vue\n * <ToastProvider>\n *   <ToastViewport position=\"top-right\" />\n *   <ToastViewport position=\"bottom-right\" />\n * </ToastProvider>\n * ```\n */\nimport { computed } from 'vue'\nimport { ToastProvider as RekaToastProvider, ToastViewport as RekaToastViewport } from 'reka-ui'\nimport { toastVariants } from '@auronui/styles'\nimport type { ToastVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { useToast } from '../../composables/useToast'\nimport Toast from './Toast.vue'\nimport ToastTitle from './ToastTitle.vue'\nimport ToastDescription from './ToastDescription.vue'\nimport ToastAction from './ToastAction.vue'\nimport ToastClose from './ToastClose.vue'\n\ntype ToastPosition = 'top-right' | 'top-center' | 'top-left' | 'bottom-right' | 'bottom-center' | 'bottom-left'\n\nconst props = withDefaults(defineProps<{\n  position?: ToastPosition\n  class?: string\n  hotkey?: string[]\n  label?: string\n  swipeDirection?: 'up' | 'down' | 'left' | 'right'\n}>(), {\n  position: 'bottom-right',\n  hotkey: () => ['F8'],\n  label: 'Notifications ({hotkey})',\n  swipeDirection: 'right',\n})\n\nconst { toasts, dismiss, remove } = useToast()\n\nfunction handleOpenChange(id: string, open: boolean) {\n  if (!open) {\n    dismiss(id)\n    setTimeout(() => remove(id), 250)\n  }\n}\n\nconst placementVariant = computed<ToastVariants['placement']>(() => {\n  const map: Record<ToastPosition, ToastVariants['placement']> = {\n    'top-right': 'top end',\n    'top-center': 'top',\n    'top-left': 'top start',\n    'bottom-right': 'bottom end',\n    'bottom-center': 'bottom',\n    'bottom-left': 'bottom start',\n  }\n  return map[props.position] ?? 'bottom end'\n})\n\nconst styles = computed(() => toastVariants({ placement: placementVariant.value }))\n\nconst viewportToasts = computed(() =>\n  toasts.value.filter((t) => (t.position ?? 'bottom-right') === props.position),\n)\n</script>\n\n<template>\n  <!-- Each viewport has its own isolated Reka provider so ToastRoot teleports here, not to a shared viewport -->\n  <RekaToastProvider :swipe-direction=\"swipeDirection\">\n    <RekaToastViewport\n      :hotkey=\"hotkey\"\n      :label=\"label\"\n      :class=\"composeClassName(styles.region(), props.class)\"\n    >\n      <Toast\n        v-for=\"toast in viewportToasts\"\n        :key=\"toast.id\"\n        :open=\"toast.open\"\n        :duration=\"toast.duration\"\n        :position=\"toast.position\"\n        :variant=\"toast.variant\"\n        @update:open=\"(open) => handleOpenChange(toast.id, open)\"\n      >\n        <div :class=\"styles.content()\">\n          <ToastTitle>{{ toast.title }}</ToastTitle>\n          <ToastDescription v-if=\"toast.description\">\n            {{ toast.description }}\n          </ToastDescription>\n        </div>\n        <div class=\"flex shrink-0 items-center gap-1 ml-auto\">\n          <ToastAction\n            v-if=\"toast.action\"\n            :alt-text=\"toast.action.label\"\n            @click=\"toast.action!.onClick\"\n          >\n            {{ toast.action.label }}\n          </ToastAction>\n          <ToastClose @click=\"dismiss(toast.id)\" />\n        </div>\n      </Toast>\n      <slot />\n    </RekaToastViewport>\n  </RekaToastProvider>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8BA,MAAM,QAAQ;EAad,MAAM,EAAE,QAAQ,SAAS,WAAW,UAAS;EAE7C,SAAS,iBAAiB,IAAY,MAAe;AACnD,OAAI,CAAC,MAAM;AACT,YAAQ,GAAE;AACV,qBAAiB,OAAO,GAAG,EAAE,IAAG;;;EAIpC,MAAM,mBAAmB,eAA2C;AASlE,UAR+D;IAC7D,aAAa;IACb,cAAc;IACd,YAAY;IACZ,gBAAgB;IAChB,iBAAiB;IACjB,eAAe;IACjB,CACW,MAAM,aAAa;IAC/B;EAED,MAAM,SAAS,eAAe,cAAc,EAAE,WAAW,iBAAiB,OAAO,CAAC,CAAA;EAElF,MAAM,iBAAiB,eACrB,OAAO,MAAM,QAAQ,OAAO,EAAE,YAAY,oBAAoB,MAAM,SAAS,CAC/E;;uBAKE,YAkCoB,MAAA,cAAA,EAAA,EAlCA,mBAAiB,QAAA,gBAAc,EAAA;2BAiC7B,CAhCpB,YAgCoB,MAAA,cAAA,EAAA;KA/BjB,QAAQ,QAAA;KACR,OAAO,QAAA;KACP,OAAK,eAAE,MAAA,iBAAgB,CAAC,OAAA,MAAO,QAAM,EAAI,MAAM,MAAK,CAAA;;4BAGpB,EAAA,UAAA,KAAA,EADjC,mBAyBQ,UAAA,MAAA,WAxBU,eAAA,QAAT,UAAK;0BADd,YAyBQ,eAAA;OAvBL,KAAK,MAAM;OACX,MAAM,MAAM;OACZ,UAAU,MAAM;OAChB,UAAU,MAAM;OAChB,SAAS,MAAM;OACf,kBAAc,SAAS,iBAAiB,MAAM,IAAI,KAAI;;8BAOjD,CALN,mBAKM,OAAA,EALA,OAAK,eAAE,OAAA,MAAO,SAAO,CAAA,EAAA,EAAA,CACzB,YAA0C,oBAAA,MAAA;+BAAb,CAAA,gBAAA,gBAAd,MAAM,MAAK,EAAA,EAAA,CAAA,CAAA;;iBACF,MAAM,eAAA,WAAA,EAA9B,YAEmB,0BAAA,EAAA,KAAA,GAAA,EAAA;+BADM,CAAA,gBAAA,gBAApB,MAAM,YAAW,EAAA,EAAA,CAAA,CAAA;;sDAGxB,mBASM,OATN,YASM,CAPI,MAAM,UAAA,WAAA,EADd,YAMc,qBAAA;;QAJX,YAAU,MAAM,OAAO;QACvB,SAAO,MAAM,OAAQ;;+BAEE,CAAA,gBAAA,gBAArB,MAAM,OAAO,MAAK,EAAA,EAAA,CAAA,CAAA;;0EAEvB,YAAyC,oBAAA,EAA5B,UAAK,WAAE,MAAA,QAAO,CAAC,MAAM,GAAE,EAAA,EAAA,MAAA,GAAA,CAAA,UAAA,CAAA,CAAA,CAAA,CAAA,CAAA;;;;;;;;;gBAGxC,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}

package/dist/components/toolbar/Toolbar.js

@@ -0,0 +1,7 @@
+import Toolbar_vue_vue_type_script_setup_true_lang_default from "./Toolbar.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/toolbar/Toolbar.vue
+var Toolbar_default = Toolbar_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { Toolbar_default as default };
+
+//# sourceMappingURL=Toolbar.js.map

package/dist/components/toolbar/Toolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toolbar.js","names":[],"sources":["../../../src/components/toolbar/Toolbar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, toRef } from 'vue'\nimport { ToolbarRoot } from 'reka-ui'\nimport { toolbarVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { useToolbarProvide } from './toolbar.context'\n\nconst props = withDefaults(defineProps<{\n  orientation?: 'horizontal' | 'vertical'\n  loop?: boolean\n  isAttached?: boolean\n  class?: string\n}>(), {\n  orientation: 'horizontal',\n  loop: true,\n  isAttached: false,\n})\n\nuseToolbarProvide({ orientation: toRef(props, 'orientation') })\n\nconst baseClass = computed(() =>\n  toolbarVariants({ orientation: props.orientation, isAttached: props.isAttached })\n)\n</script>\n\n<template>\n  <ToolbarRoot\n    :orientation=\"props.orientation\"\n    :loop=\"props.loop\"\n    :class=\"composeClassName(baseClass, props.class)\"\n    :data-orientation=\"props.orientation\"\n  >\n    <slot />\n  </ToolbarRoot>\n</template>\n"],"mappings":""}

package/dist/components/toolbar/Toolbar.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,49 @@
+import { composeClassName } from "../../utils/composeClassName.js";
+import { useToolbarProvide } from "./toolbar.context.js";
+import { computed, createBlock, defineComponent, normalizeClass, openBlock, renderSlot, toRef, unref, withCtx } from "vue";
+import { toolbarVariants } from "@auronui/styles";
+import { ToolbarRoot } from "reka-ui";
+//#region src/components/toolbar/Toolbar.vue?vue&type=script&setup=true&lang.ts
+var Toolbar_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "Toolbar",
+	props: {
+		orientation: { default: "horizontal" },
+		loop: {
+			type: Boolean,
+			default: true
+		},
+		isAttached: {
+			type: Boolean,
+			default: false
+		},
+		class: {}
+	},
+	setup(__props) {
+		const props = __props;
+		useToolbarProvide({ orientation: toRef(props, "orientation") });
+		const baseClass = computed(() => toolbarVariants({
+			orientation: props.orientation,
+			isAttached: props.isAttached
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(ToolbarRoot), {
+				orientation: props.orientation,
+				loop: props.loop,
+				class: normalizeClass(unref(composeClassName)(baseClass.value, props.class)),
+				"data-orientation": props.orientation
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, [
+				"orientation",
+				"loop",
+				"class",
+				"data-orientation"
+			]);
+		};
+	}
+});
+//#endregion
+export { Toolbar_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=Toolbar.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/toolbar/Toolbar.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toolbar.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/toolbar/Toolbar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, toRef } from 'vue'\nimport { ToolbarRoot } from 'reka-ui'\nimport { toolbarVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { useToolbarProvide } from './toolbar.context'\n\nconst props = withDefaults(defineProps<{\n  orientation?: 'horizontal' | 'vertical'\n  loop?: boolean\n  isAttached?: boolean\n  class?: string\n}>(), {\n  orientation: 'horizontal',\n  loop: true,\n  isAttached: false,\n})\n\nuseToolbarProvide({ orientation: toRef(props, 'orientation') })\n\nconst baseClass = computed(() =>\n  toolbarVariants({ orientation: props.orientation, isAttached: props.isAttached })\n)\n</script>\n\n<template>\n  <ToolbarRoot\n    :orientation=\"props.orientation\"\n    :loop=\"props.loop\"\n    :class=\"composeClassName(baseClass, props.class)\"\n    :data-orientation=\"props.orientation\"\n  >\n    <slot />\n  </ToolbarRoot>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;EAOA,MAAM,QAAQ;AAWd,oBAAkB,EAAE,aAAa,MAAM,OAAO,cAAc,EAAE,CAAA;EAE9D,MAAM,YAAY,eAChB,gBAAgB;GAAE,aAAa,MAAM;GAAa,YAAY,MAAM;GAAY,CAAA,CAClF;;uBAIE,YAOc,MAAA,YAAA,EAAA;IANX,aAAa,MAAM;IACnB,MAAM,MAAM;IACZ,OAAK,eAAE,MAAA,iBAAgB,CAAC,UAAA,OAAW,MAAM,MAAK,CAAA;IAC9C,oBAAkB,MAAM;;2BAEjB,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}

package/dist/components/toolbar/ToolbarButton.js

@@ -0,0 +1,7 @@
+import ToolbarButton_vue_vue_type_script_setup_true_lang_default from "./ToolbarButton.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/toolbar/ToolbarButton.vue
+var ToolbarButton_default = ToolbarButton_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { ToolbarButton_default as default };
+
+//# sourceMappingURL=ToolbarButton.js.map

package/dist/components/toolbar/ToolbarButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarButton.js","names":[],"sources":["../../../src/components/toolbar/ToolbarButton.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { ToolbarButton as RekaToolbarButton } from 'reka-ui'\nimport { toggleButtonVariants, type ToggleButtonVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\n\nconst props = defineProps<{\n  variant?: ToggleButtonVariants['variant']\n  size?: ToggleButtonVariants['size']\n  isIconOnly?: boolean\n  disabled?: boolean\n  class?: string\n}>()\n\nconst classes = computed(() =>\n  toggleButtonVariants({\n    variant: props.variant ?? 'ghost',\n    size: props.size ?? 'md',\n    isIconOnly: props.isIconOnly ?? false,\n  })\n)\n</script>\n\n<template>\n  <RekaToolbarButton\n    :disabled=\"props.disabled\"\n    :class=\"composeClassName(classes, props.class)\"\n  >\n    <slot />\n  </RekaToolbarButton>\n</template>\n"],"mappings":""}

package/dist/components/toolbar/ToolbarButton.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,36 @@
+import { composeClassName } from "../../utils/composeClassName.js";
+import { computed, createBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
+import { toggleButtonVariants } from "@auronui/styles";
+import { ToolbarButton } from "reka-ui";
+//#region src/components/toolbar/ToolbarButton.vue?vue&type=script&setup=true&lang.ts
+var ToolbarButton_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "ToolbarButton",
+	props: {
+		variant: {},
+		size: {},
+		isIconOnly: { type: Boolean },
+		disabled: { type: Boolean },
+		class: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const classes = computed(() => toggleButtonVariants({
+			variant: props.variant ?? "ghost",
+			size: props.size ?? "md",
+			isIconOnly: props.isIconOnly ?? false
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(ToolbarButton), {
+				disabled: props.disabled,
+				class: normalizeClass(unref(composeClassName)(classes.value, props.class))
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, ["disabled", "class"]);
+		};
+	}
+});
+//#endregion
+export { ToolbarButton_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=ToolbarButton.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/toolbar/ToolbarButton.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarButton.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/toolbar/ToolbarButton.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { ToolbarButton as RekaToolbarButton } from 'reka-ui'\nimport { toggleButtonVariants, type ToggleButtonVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\n\nconst props = defineProps<{\n  variant?: ToggleButtonVariants['variant']\n  size?: ToggleButtonVariants['size']\n  isIconOnly?: boolean\n  disabled?: boolean\n  class?: string\n}>()\n\nconst classes = computed(() =>\n  toggleButtonVariants({\n    variant: props.variant ?? 'ghost',\n    size: props.size ?? 'md',\n    isIconOnly: props.isIconOnly ?? false,\n  })\n)\n</script>\n\n<template>\n  <RekaToolbarButton\n    :disabled=\"props.disabled\"\n    :class=\"composeClassName(classes, props.class)\"\n  >\n    <slot />\n  </RekaToolbarButton>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;EAMA,MAAM,QAAQ;EAQd,MAAM,UAAU,eACd,qBAAqB;GACnB,SAAS,MAAM,WAAW;GAC1B,MAAM,MAAM,QAAQ;GACpB,YAAY,MAAM,cAAc;GACjC,CAAA,CACH;;uBAIE,YAKoB,MAAA,cAAA,EAAA;IAJjB,UAAU,MAAM;IAChB,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,OAAS,MAAM,MAAK,CAAA;;2BAErC,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}

package/dist/components/toolbar/ToolbarLink.js

@@ -0,0 +1,7 @@
+import ToolbarLink_vue_vue_type_script_setup_true_lang_default from "./ToolbarLink.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/toolbar/ToolbarLink.vue
+var ToolbarLink_default = ToolbarLink_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { ToolbarLink_default as default };
+
+//# sourceMappingURL=ToolbarLink.js.map

package/dist/components/toolbar/ToolbarLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarLink.js","names":[],"sources":["../../../src/components/toolbar/ToolbarLink.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ToolbarLink as RekaToolbarLink } from 'reka-ui'\nimport { composeClassName } from '../../utils/composeClassName'\n\nconst props = defineProps<{\n  href?: string\n  class?: string\n}>()\n</script>\n\n<template>\n  <RekaToolbarLink\n    :href=\"props.href\"\n    :class=\"composeClassName('link', props.class)\"\n  >\n    <slot />\n  </RekaToolbarLink>\n</template>\n"],"mappings":""}

package/dist/components/toolbar/ToolbarLink.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,27 @@
+import { composeClassName } from "../../utils/composeClassName.js";
+import { createBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
+import { ToolbarLink } from "reka-ui";
+//#region src/components/toolbar/ToolbarLink.vue?vue&type=script&setup=true&lang.ts
+var ToolbarLink_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "ToolbarLink",
+	props: {
+		href: {},
+		class: {}
+	},
+	setup(__props) {
+		const props = __props;
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(ToolbarLink), {
+				href: props.href,
+				class: normalizeClass(unref(composeClassName)("link", props.class))
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, ["href", "class"]);
+		};
+	}
+});
+//#endregion
+export { ToolbarLink_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=ToolbarLink.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/toolbar/ToolbarLink.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarLink.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/toolbar/ToolbarLink.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ToolbarLink as RekaToolbarLink } from 'reka-ui'\nimport { composeClassName } from '../../utils/composeClassName'\n\nconst props = defineProps<{\n  href?: string\n  class?: string\n}>()\n</script>\n\n<template>\n  <RekaToolbarLink\n    :href=\"props.href\"\n    :class=\"composeClassName('link', props.class)\"\n  >\n    <slot />\n  </RekaToolbarLink>\n</template>\n"],"mappings":";;;;;;;;;;;EAIA,MAAM,QAAQ;;uBAOZ,YAKkB,MAAA,YAAA,EAAA;IAJf,MAAM,MAAM;IACZ,OAAK,eAAE,MAAA,iBAAgB,CAAA,QAAS,MAAM,MAAK,CAAA;;2BAEpC,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}

package/dist/components/toolbar/ToolbarSeparator.js

@@ -0,0 +1,7 @@
+import ToolbarSeparator_vue_vue_type_script_setup_true_lang_default from "./ToolbarSeparator.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/toolbar/ToolbarSeparator.vue
+var ToolbarSeparator_default = ToolbarSeparator_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { ToolbarSeparator_default as default };
+
+//# sourceMappingURL=ToolbarSeparator.js.map

package/dist/components/toolbar/ToolbarSeparator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarSeparator.js","names":[],"sources":["../../../src/components/toolbar/ToolbarSeparator.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { ToolbarSeparator as RekaToolbarSeparator } from 'reka-ui'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { useToolbarInject } from './toolbar.context'\n\nconst props = defineProps<{ class?: string }>()\n\nconst ctx = useToolbarInject({ orientation: computed(() => 'horizontal' as const) })\n\nconst separatorClass = computed(() =>\n  ctx.orientation.value === 'vertical' ? 'separator separator--horizontal' : 'separator separator--vertical'\n)\n</script>\n\n<template>\n  <RekaToolbarSeparator :class=\"composeClassName(separatorClass, props.class)\" />\n</template>\n"],"mappings":""}

package/dist/components/toolbar/ToolbarSeparator.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,21 @@
+import { composeClassName } from "../../utils/composeClassName.js";
+import { useToolbarInject } from "./toolbar.context.js";
+import { computed, createBlock, defineComponent, normalizeClass, openBlock, unref } from "vue";
+import { ToolbarSeparator } from "reka-ui";
+//#region src/components/toolbar/ToolbarSeparator.vue?vue&type=script&setup=true&lang.ts
+var ToolbarSeparator_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "ToolbarSeparator",
+	props: { class: {} },
+	setup(__props) {
+		const props = __props;
+		const ctx = useToolbarInject({ orientation: computed(() => "horizontal") });
+		const separatorClass = computed(() => ctx.orientation.value === "vertical" ? "separator separator--horizontal" : "separator separator--vertical");
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(ToolbarSeparator), { class: normalizeClass(unref(composeClassName)(separatorClass.value, props.class)) }, null, 8, ["class"]);
+		};
+	}
+});
+//#endregion
+export { ToolbarSeparator_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=ToolbarSeparator.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/toolbar/ToolbarSeparator.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarSeparator.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/toolbar/ToolbarSeparator.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { ToolbarSeparator as RekaToolbarSeparator } from 'reka-ui'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { useToolbarInject } from './toolbar.context'\n\nconst props = defineProps<{ class?: string }>()\n\nconst ctx = useToolbarInject({ orientation: computed(() => 'horizontal' as const) })\n\nconst separatorClass = computed(() =>\n  ctx.orientation.value === 'vertical' ? 'separator separator--horizontal' : 'separator separator--vertical'\n)\n</script>\n\n<template>\n  <RekaToolbarSeparator :class=\"composeClassName(separatorClass, props.class)\" />\n</template>\n"],"mappings":";;;;;;;;;EAMA,MAAM,QAAQ;EAEd,MAAM,MAAM,iBAAiB,EAAE,aAAa,eAAe,aAAsB,EAAE,CAAA;EAEnF,MAAM,iBAAiB,eACrB,IAAI,YAAY,UAAU,aAAa,oCAAoC,gCAC7E;;uBAIE,YAA+E,MAAA,iBAAA,EAAA,EAAxD,OAAK,eAAE,MAAA,iBAAgB,CAAC,eAAA,OAAgB,MAAM,MAAK,CAAA,EAAA,EAAA,MAAA,GAAA,CAAA,QAAA,CAAA"}

package/dist/components/toolbar/ToolbarToggleGroup.js

@@ -0,0 +1,7 @@
+import ToolbarToggleGroup_vue_vue_type_script_setup_true_lang_default from "./ToolbarToggleGroup.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/toolbar/ToolbarToggleGroup.vue
+var ToolbarToggleGroup_default = ToolbarToggleGroup_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { ToolbarToggleGroup_default as default };
+
+//# sourceMappingURL=ToolbarToggleGroup.js.map

package/dist/components/toolbar/ToolbarToggleGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarToggleGroup.js","names":[],"sources":["../../../src/components/toolbar/ToolbarToggleGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { ToolbarToggleGroup as RekaToolbarToggleGroup } from 'reka-ui'\nimport { toggleButtonGroupVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { useToolbarInject } from './toolbar.context'\n\ntype Single = string\ntype Multi = string[]\n\nconst props = defineProps<{\n  type: 'single' | 'multiple'\n  modelValue?: Single | Multi\n  defaultValue?: Single | Multi\n  disabled?: boolean\n  orientation?: 'horizontal' | 'vertical'\n  isDetached?: boolean\n  class?: string\n}>()\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: Single | Multi]\n}>()\n\nconst ctx = useToolbarInject({ orientation: computed(() => 'horizontal' as const) })\nconst orientation = computed(() => props.orientation ?? ctx.orientation.value)\n\nconst classes = computed(() =>\n  toggleButtonGroupVariants({ orientation: orientation.value, isDetached: props.isDetached ?? false }).base()\n)\n</script>\n\n<template>\n  <RekaToolbarToggleGroup\n    :type=\"props.type\"\n    :model-value=\"props.modelValue\"\n    :default-value=\"props.defaultValue\"\n    :disabled=\"props.disabled\"\n    :class=\"composeClassName(classes, props.class)\"\n    @update:model-value=\"(v) => emit('update:modelValue', v as Single | Multi)\"\n  >\n    <slot />\n  </RekaToolbarToggleGroup>\n</template>\n"],"mappings":""}

package/dist/components/toolbar/ToolbarToggleGroup.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,52 @@
+import { composeClassName } from "../../utils/composeClassName.js";
+import { useToolbarInject } from "./toolbar.context.js";
+import { computed, createBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
+import { toggleButtonGroupVariants } from "@auronui/styles";
+import { ToolbarToggleGroup } from "reka-ui";
+//#region src/components/toolbar/ToolbarToggleGroup.vue?vue&type=script&setup=true&lang.ts
+var ToolbarToggleGroup_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "ToolbarToggleGroup",
+	props: {
+		type: {},
+		modelValue: {},
+		defaultValue: {},
+		disabled: { type: Boolean },
+		orientation: {},
+		isDetached: { type: Boolean },
+		class: {}
+	},
+	emits: ["update:modelValue"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const ctx = useToolbarInject({ orientation: computed(() => "horizontal") });
+		const orientation = computed(() => props.orientation ?? ctx.orientation.value);
+		const classes = computed(() => toggleButtonGroupVariants({
+			orientation: orientation.value,
+			isDetached: props.isDetached ?? false
+		}).base());
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(ToolbarToggleGroup), {
+				type: props.type,
+				"model-value": props.modelValue,
+				"default-value": props.defaultValue,
+				disabled: props.disabled,
+				class: normalizeClass(unref(composeClassName)(classes.value, props.class)),
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = (v) => emit("update:modelValue", v))
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, [
+				"type",
+				"model-value",
+				"default-value",
+				"disabled",
+				"class"
+			]);
+		};
+	}
+});
+//#endregion
+export { ToolbarToggleGroup_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=ToolbarToggleGroup.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/toolbar/ToolbarToggleGroup.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarToggleGroup.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/toolbar/ToolbarToggleGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { ToolbarToggleGroup as RekaToolbarToggleGroup } from 'reka-ui'\nimport { toggleButtonGroupVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { useToolbarInject } from './toolbar.context'\n\ntype Single = string\ntype Multi = string[]\n\nconst props = defineProps<{\n  type: 'single' | 'multiple'\n  modelValue?: Single | Multi\n  defaultValue?: Single | Multi\n  disabled?: boolean\n  orientation?: 'horizontal' | 'vertical'\n  isDetached?: boolean\n  class?: string\n}>()\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: Single | Multi]\n}>()\n\nconst ctx = useToolbarInject({ orientation: computed(() => 'horizontal' as const) })\nconst orientation = computed(() => props.orientation ?? ctx.orientation.value)\n\nconst classes = computed(() =>\n  toggleButtonGroupVariants({ orientation: orientation.value, isDetached: props.isDetached ?? false }).base()\n)\n</script>\n\n<template>\n  <RekaToolbarToggleGroup\n    :type=\"props.type\"\n    :model-value=\"props.modelValue\"\n    :default-value=\"props.defaultValue\"\n    :disabled=\"props.disabled\"\n    :class=\"composeClassName(classes, props.class)\"\n    @update:model-value=\"(v) => emit('update:modelValue', v as Single | Multi)\"\n  >\n    <slot />\n  </RekaToolbarToggleGroup>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;EAUA,MAAM,QAAQ;EAUd,MAAM,OAAO;EAIb,MAAM,MAAM,iBAAiB,EAAE,aAAa,eAAe,aAAsB,EAAE,CAAA;EACnF,MAAM,cAAc,eAAe,MAAM,eAAe,IAAI,YAAY,MAAK;EAE7E,MAAM,UAAU,eACd,0BAA0B;GAAE,aAAa,YAAY;GAAO,YAAY,MAAM,cAAc;GAAO,CAAC,CAAC,MAAK,CAC5G;;uBAIE,YASyB,MAAA,mBAAA,EAAA;IARtB,MAAM,MAAM;IACZ,eAAa,MAAM;IACnB,iBAAe,MAAM;IACrB,UAAU,MAAM;IAChB,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,OAAS,MAAM,MAAK,CAAA;IAC5C,uBAAkB,OAAA,OAAA,OAAA,MAAG,MAAM,KAAI,qBAAsB,EAAC;;2BAE/C,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}

package/dist/components/toolbar/ToolbarToggleItem.js

@@ -0,0 +1,7 @@
+import ToolbarToggleItem_vue_vue_type_script_setup_true_lang_default from "./ToolbarToggleItem.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/toolbar/ToolbarToggleItem.vue
+var ToolbarToggleItem_default = ToolbarToggleItem_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { ToolbarToggleItem_default as default };
+
+//# sourceMappingURL=ToolbarToggleItem.js.map

package/dist/components/toolbar/ToolbarToggleItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarToggleItem.js","names":[],"sources":["../../../src/components/toolbar/ToolbarToggleItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { ToolbarToggleItem as RekaToolbarToggleItem } from 'reka-ui'\nimport { toggleButtonVariants, type ToggleButtonVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\n\nconst props = defineProps<{\n  value: string\n  variant?: ToggleButtonVariants['variant']\n  size?: ToggleButtonVariants['size']\n  isIconOnly?: boolean\n  disabled?: boolean\n  class?: string\n}>()\n\nconst classes = computed(() =>\n  toggleButtonVariants({\n    variant: props.variant ?? 'ghost',\n    size: props.size ?? 'md',\n    isIconOnly: props.isIconOnly ?? false,\n  })\n)\n</script>\n\n<template>\n  <RekaToolbarToggleItem\n    :value=\"props.value\"\n    :disabled=\"props.disabled\"\n    :class=\"composeClassName(classes, props.class)\"\n  >\n    <slot />\n  </RekaToolbarToggleItem>\n</template>\n"],"mappings":""}

package/dist/components/toolbar/ToolbarToggleItem.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,42 @@
+import { composeClassName } from "../../utils/composeClassName.js";
+import { computed, createBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
+import { toggleButtonVariants } from "@auronui/styles";
+import { ToolbarToggleItem } from "reka-ui";
+//#region src/components/toolbar/ToolbarToggleItem.vue?vue&type=script&setup=true&lang.ts
+var ToolbarToggleItem_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "ToolbarToggleItem",
+	props: {
+		value: {},
+		variant: {},
+		size: {},
+		isIconOnly: { type: Boolean },
+		disabled: { type: Boolean },
+		class: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const classes = computed(() => toggleButtonVariants({
+			variant: props.variant ?? "ghost",
+			size: props.size ?? "md",
+			isIconOnly: props.isIconOnly ?? false
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(ToolbarToggleItem), {
+				value: props.value,
+				disabled: props.disabled,
+				class: normalizeClass(unref(composeClassName)(classes.value, props.class))
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, [
+				"value",
+				"disabled",
+				"class"
+			]);
+		};
+	}
+});
+//#endregion
+export { ToolbarToggleItem_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=ToolbarToggleItem.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/toolbar/ToolbarToggleItem.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarToggleItem.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/toolbar/ToolbarToggleItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { ToolbarToggleItem as RekaToolbarToggleItem } from 'reka-ui'\nimport { toggleButtonVariants, type ToggleButtonVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\n\nconst props = defineProps<{\n  value: string\n  variant?: ToggleButtonVariants['variant']\n  size?: ToggleButtonVariants['size']\n  isIconOnly?: boolean\n  disabled?: boolean\n  class?: string\n}>()\n\nconst classes = computed(() =>\n  toggleButtonVariants({\n    variant: props.variant ?? 'ghost',\n    size: props.size ?? 'md',\n    isIconOnly: props.isIconOnly ?? false,\n  })\n)\n</script>\n\n<template>\n  <RekaToolbarToggleItem\n    :value=\"props.value\"\n    :disabled=\"props.disabled\"\n    :class=\"composeClassName(classes, props.class)\"\n  >\n    <slot />\n  </RekaToolbarToggleItem>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;EAMA,MAAM,QAAQ;EASd,MAAM,UAAU,eACd,qBAAqB;GACnB,SAAS,MAAM,WAAW;GAC1B,MAAM,MAAM,QAAQ;GACpB,YAAY,MAAM,cAAc;GACjC,CAAA,CACH;;uBAIE,YAMwB,MAAA,kBAAA,EAAA;IALrB,OAAO,MAAM;IACb,UAAU,MAAM;IAChB,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,OAAS,MAAM,MAAK,CAAA;;2BAErC,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}

package/dist/components/toolbar/toolbar.context.js

@@ -0,0 +1,7 @@
+import { createContext } from "../../utils/context.js";
+//#region src/components/toolbar/toolbar.context.ts
+var { useProvide: useToolbarProvide, useInject: useToolbarInject } = createContext("Toolbar");
+//#endregion
+export { useToolbarInject, useToolbarProvide };
+
+//# sourceMappingURL=toolbar.context.js.map

package/dist/components/toolbar/toolbar.context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar.context.js","names":[],"sources":["../../../src/components/toolbar/toolbar.context.ts"],"sourcesContent":["import { createContext } from '../../utils/context'\nimport type { Ref } from 'vue'\n\nexport interface ToolbarContext {\n  orientation: Ref<'horizontal' | 'vertical'>\n}\n\nexport const {\n  useProvide: useToolbarProvide,\n  useInject: useToolbarInject,\n} = createContext<ToolbarContext>('Toolbar')\n"],"mappings":";;AAOA,IAAa,EACX,YAAY,mBACZ,WAAW,qBACT,cAA8B,UAAU"}