@alfakit/vue 0.1.1 → 0.1.6

package/dist/components/ui/DialogContent.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DialogContent.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ui/DialogContent.vue"],"names":[],"mappings":"AAiEA,OAAO,EAOL,KAAK,kBAAkB,EACxB,MAAM,SAAS,CAAA;AAChB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAA;AAKzC,KAAK,WAAW,GAAG,kBAAkB,GAAG;IAAE,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC;IAAC,eAAe,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAsIvG,QAAA,IAAI,QAAQ,IAAY,CAAE;AAC1B,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AA8BhD,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;qBAtKwE,OAAO;6EA8KlG,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAa1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"DialogContent.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ui/DialogContent.vue"],"names":[],"mappings":"AAqEA,OAAO,EAQL,KAAK,kBAAkB,EACxB,MAAM,SAAS,CAAA;AAChB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAA;AAKzC,KAAK,WAAW,GAAG,kBAAkB,GAAG;IAAE,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC;IAAC,eAAe,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAyIvG,QAAA,IAAI,QAAQ,IAAY,CAAE;AAC1B,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AA+BhD,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;qBA1KwE,OAAO;6EAkLlG,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAa1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/ui/DialogContent.vue_vue_type_script_setup_true_lang.js

@@ -2,11 +2,11 @@ import { useT as e } from "../../context.js";
 import { cn as t } from "../../lib/utils.js";
 import n from "../../lib/Icon.js";
 import { createBlock as r, createCommentVNode as i, createElementVNode as a, createVNode as o, defineComponent as s, mergeProps as c, openBlock as l, renderSlot as u, toDisplayString as d, unref as f, withCtx as p } from "vue";
-import { DialogClose as m, DialogContent as h, DialogOverlay as g, DialogPortal as _, useForwardPropsEmits as v } from "reka-ui";
-import { XIcon as y } from "@lucide/vue";
-import { reactiveOmit as b } from "@vueuse/core";
+import { DialogClose as m, DialogContent as h, DialogOverlay as g, DialogPortal as _, useDirection as v, useForwardPropsEmits as y } from "reka-ui";
+import { XIcon as b } from "@lucide/vue";
+import { reactiveOmit as x } from "@vueuse/core";
 //#region src/components/ui/DialogContent.vue?vue&type=script&setup=true&lang.ts
-var x = { class: "sr-only" }, S = /*@__PURE__*/ s({
+var S = { class: "sr-only" }, C = /*@__PURE__*/ s({
 	inheritAttrs: !1,
 	__name: "DialogContent",
 	props: {
@@ -34,25 +34,26 @@ var x = { class: "sr-only" }, S = /*@__PURE__*/ s({
 		"openAutoFocus",
 		"closeAutoFocus"
 	],
-	setup(s, { emit: S }) {
-		let C = s, w = S, T = v(b(C, "class", "showCloseButton"), w), E = e();
+	setup(s, { emit: C }) {
+		let w = s, T = C, E = y(x(w, "class", "showCloseButton"), T), D = v(), O = e();
 		return (e, s) => (l(), r(f(_), { "data-slot": "dialog-portal" }, {
 			default: p(() => [o(f(g), {
 				"data-slot": "dialog-overlay",
 				class: "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50"
 			}), o(f(h), c({ "data-slot": "dialog-content" }, {
-				...f(T),
+				dir: f(D),
+				...f(E),
 				...e.$attrs
-			}, { class: f(t)("bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg", C.class) }), {
-				default: p(() => [u(e.$slots, "default"), C.showCloseButton ? (l(), r(f(m), {
+			}, { class: f(t)("bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg", w.class) }), {
+				default: p(() => [u(e.$slots, "default"), w.showCloseButton ? (l(), r(f(m), {
 					key: 0,
 					"data-slot": "dialog-close",
 					class: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute end-4 top-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4"
 				}, {
 					default: p(() => [o(f(n), {
 						name: "alfakit::support.modal.close-button",
-						fallback: f(y)
-					}, null, 8, ["fallback"]), a("span", x, d(f(E)("close", {}, "Close")), 1)]),
+						fallback: f(b)
+					}, null, 8, ["fallback"]), a("span", S, d(f(O)("close", {}, "Close")), 1)]),
 					_: 1
 				})) : i("", !0)]),
 				_: 3
@@ -62,6 +63,6 @@ var x = { class: "sr-only" }, S = /*@__PURE__*/ s({
 	}
 });
 //#endregion
-export { S as default };
+export { C as default };
 
 //# sourceMappingURL=DialogContent.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/ui/DialogContent.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"DialogContent.vue_vue_type_script_setup_true_lang.js","names":["$attrs","_openBlock","_createBlock","_unref","_withCtx","_createVNode","_mergeProps","_renderSlot","Icon","_createElementVNode","_toDisplayString","_createCommentVNode","Icon_default","_hoisted_1","DialogContent_vue_vue_type_script_setup_true_lang_default","__emit","props","__props","emits","forwarded","useForwardPropsEmits","reactiveOmit","t","useT","openBlock","createBlock","unref","DialogPortal","withCtx","createVNode","DialogOverlay","DialogContent","mergeProps","_ctx","cn","renderSlot","DialogClose","XIcon","createElementVNode","toDisplayString","createCommentVNode"],"sources":["../../../src/components/ui/DialogContent.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { XIcon } from '@lucide/vue'\nimport { reactiveOmit } from '@vueuse/core'\nimport {\n  DialogClose,\n  DialogContent,\n  DialogOverlay,\n  DialogPortal,\n  useForwardPropsEmits,\n  type DialogContentEmits,\n  type DialogContentProps,\n} from 'reka-ui'\nimport type { HTMLAttributes } from 'vue'\nimport { Icon } from '../../lib/icons'\nimport { cn } from '../../lib/utils'\nimport { useT } from '../../context'\n\nconst props = withDefaults(\n  defineProps<\n    DialogContentProps & { class?: HTMLAttributes['class']; showCloseButton?: boolean }\n  >(),\n  { showCloseButton: true },\n)\n// The root is the portal, so extra attributes (data-slot, role, data-*) would be lost:\n// forward them to the content element like the React and Svelte wrappers. `class` is a prop\n// and is merged below, never replaced.\ndefineOptions({ inheritAttrs: false })\n\nconst emits = defineEmits<DialogContentEmits>()\nconst forwarded = useForwardPropsEmits(reactiveOmit(props, 'class', 'showCloseButton'), emits)\nconst t = useT()\n</script>\n\n<template>\n  <DialogPortal data-slot=\"dialog-portal\">\n    <DialogOverlay\n      data-slot=\"dialog-overlay\"\n      class=\"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50\"\n    />\n    <DialogContent\n      data-slot=\"dialog-content\"\n      v-bind=\"{ ...forwarded, ...$attrs }\"\n      :class=\"\n        cn(\n          'bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg',\n          props.class,\n        )\n      \"\n    >\n      <slot />\n      <DialogClose\n        v-if=\"props.showCloseButton\"\n        data-slot=\"dialog-close\"\n        class=\"ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute end-4 top-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\"\n      >\n        <Icon name=\"alfakit::support.modal.close-button\" :fallback=\"XIcon\" />\n        <span class=\"sr-only\">{{ t('close', {}, 'Close') }}</span>\n      </DialogClose>\n    </DialogContent>\n  </DialogPortal>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiBA,IAAMgB,IAAQC,GAWRC,IAAQH,GACRI,IAAYC,EAAqBC,EAAaL,GAAO,SAAS,iBAAiB,GAAGE,CAAK,GACvFI,IAAIC,EAAK;oBAIbtB,EAAA,GAAAC,EAyBeC,EAAAwB,CAAA,GAAA,EAzBD,aAAU,gBAAe,GAAA;GACrC,SAAAvB,QAGE,CAHFC,EAGEF,EAAA2B,CAAA,GAAA;IAFA,aAAU;IACV,OAAM;GAERzB,CAAAA,GAAAA,EAmBgBF,EAAA4B,CAAA,GAnBhBzB,EAmBgB,EAlBd,aAAU,iBAAgB,GAAA;IAAA,GACbH,EAAAgB,CAAA;IAAS,GAAKnB,EAAAA;GAAM,GAAA,EAChC,OAAgBG,EAAA+B,CAAA,CAAE,CAAA,+WAAqYlB,EAAM,KAAA,EAAA,CAAA,GAAA;IAO9Z,SAAAZ,QAAQ,CAARG,EAAQ0B,EAAA,QAAA,SAAA,GAEAjB,EAAM,mBADdf,EAAA,GAAAC,EAOcC,EAAAiC,CAAA,GAAA;;KALZ,aAAU;KACV,OAAM;;KAEN,SAAAhC,QAAqE,CAArEC,EAAqEF,EAAAK,CAAA,GAAA;MAA/D,MAAK;MAAuC,UAAUL,EAAAkC,CAAA;KAC5D5B,GAAAA,MAAAA,GAAAA,CAAAA,UAAAA,CAAAA,GAAAA,EAA0D,QAA1DI,GAA0DH,EAAjCP,EAAAmB,CAAA,CAAC,CAAA,SAAA,CAAA,GAAA,OAAA,CAAA,GAAA,CAAA,CAAA,CAAA"}
+{"version":3,"file":"DialogContent.vue_vue_type_script_setup_true_lang.js","names":["$attrs","_openBlock","_createBlock","_unref","_withCtx","_createVNode","_mergeProps","_renderSlot","Icon","_createElementVNode","_toDisplayString","_createCommentVNode","Icon_default","_hoisted_1","DialogContent_vue_vue_type_script_setup_true_lang_default","__emit","props","__props","emits","forwarded","useForwardPropsEmits","reactiveOmit","dir","useDirection","t","useT","openBlock","createBlock","unref","DialogPortal","withCtx","createVNode","DialogOverlay","DialogContent","mergeProps","_ctx","cn","renderSlot","DialogClose","XIcon","createElementVNode","toDisplayString","createCommentVNode"],"sources":["../../../src/components/ui/DialogContent.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { XIcon } from '@lucide/vue'\nimport { reactiveOmit } from '@vueuse/core'\nimport {\n  DialogClose,\n  DialogContent,\n  DialogOverlay,\n  DialogPortal,\n  useDirection,\n  useForwardPropsEmits,\n  type DialogContentEmits,\n  type DialogContentProps,\n} from 'reka-ui'\nimport type { HTMLAttributes } from 'vue'\nimport { Icon } from '../../lib/icons'\nimport { cn } from '../../lib/utils'\nimport { useT } from '../../context'\n\nconst props = withDefaults(\n  defineProps<\n    DialogContentProps & { class?: HTMLAttributes['class']; showCloseButton?: boolean }\n  >(),\n  { showCloseButton: true },\n)\n// The root is the portal, so extra attributes (data-slot, role, data-*) would be lost:\n// forward them to the content element like the React and Svelte wrappers. `class` is a prop\n// and is merged below, never replaced.\ndefineOptions({ inheritAttrs: false })\n\nconst emits = defineEmits<DialogContentEmits>()\nconst forwarded = useForwardPropsEmits(reactiveOmit(props, 'class', 'showCloseButton'), emits)\n// Portaled outside Alfakit's root: carry the reading direction (starter kit pages and\n// standalone components leave <html dir> to the host).\nconst dir = useDirection()\nconst t = useT()\n</script>\n\n<template>\n  <DialogPortal data-slot=\"dialog-portal\">\n    <DialogOverlay\n      data-slot=\"dialog-overlay\"\n      class=\"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50\"\n    />\n    <DialogContent\n      data-slot=\"dialog-content\"\n      v-bind=\"{ dir, ...forwarded, ...$attrs }\"\n      :class=\"\n        cn(\n          'bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg',\n          props.class,\n        )\n      \"\n    >\n      <slot />\n      <DialogClose\n        v-if=\"props.showCloseButton\"\n        data-slot=\"dialog-close\"\n        class=\"ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute end-4 top-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\"\n      >\n        <Icon name=\"alfakit::support.modal.close-button\" :fallback=\"XIcon\" />\n        <span class=\"sr-only\">{{ t('close', {}, 'Close') }}</span>\n      </DialogClose>\n    </DialogContent>\n  </DialogPortal>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkBA,IAAMgB,IAAQC,GAWRC,IAAQH,GACRI,IAAYC,EAAqBC,EAAaL,GAAO,SAAS,iBAAiB,GAAGE,CAAK,GAGvFI,IAAMC,EAAa,GACnBC,IAAIC,EAAK;oBAIbxB,EAAA,GAAAC,EAyBeC,EAAA0B,CAAA,GAAA,EAzBD,aAAU,gBAAe,GAAA;GACrC,SAAAzB,QAGE,CAHFC,EAGEF,EAAA6B,CAAA,GAAA;IAFA,aAAU;IACV,OAAM;GAER3B,CAAAA,GAAAA,EAmBgBF,EAAA8B,CAAA,GAnBhB3B,EAmBgB,EAlBd,aAAU,iBAAgB,GAAA;IAAA,KAChBH,EAAAmB,CAAA;IAAG,GAAKnB,EAAAgB,CAAA;IAAS,GAAKnB,EAAAA;GAAM,GAAA,EACrC,OAAgBG,EAAAiC,CAAA,CAAE,CAAA,+WAAqYpB,EAAM,KAAA,EAAA,CAAA,GAAA;IAO9Z,SAAAZ,QAAQ,CAARG,EAAQ4B,EAAA,QAAA,SAAA,GAEAnB,EAAM,mBADdf,EAAA,GAAAC,EAOcC,EAAAmC,CAAA,GAAA;;KALZ,aAAU;KACV,OAAM;;KAEN,SAAAlC,QAAqE,CAArEC,EAAqEF,EAAAK,CAAA,GAAA;MAA/D,MAAK;MAAuC,UAAUL,EAAAoC,CAAA;KAC5D9B,GAAAA,MAAAA,GAAAA,CAAAA,UAAAA,CAAAA,GAAAA,EAA0D,QAA1DI,GAA0DH,EAAjCP,EAAAqB,CAAA,CAAC,CAAA,SAAA,CAAA,GAAA,OAAA,CAAA,GAAA,CAAA,CAAA,CAAA"}

package/dist/components/ui/PopoverContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"PopoverContent.js","names":["_sfc_main","PopoverContent_vue_vue_type_script_setup_true_lang_default","PopoverContent_default"],"sources":["../../../src/components/ui/PopoverContent.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { reactiveOmit } from '@vueuse/core'\nimport {\n  PopoverContent,\n  PopoverPortal,\n  useForwardPropsEmits,\n  type PopoverContentEmits,\n  type PopoverContentProps,\n} from 'reka-ui'\nimport type { HTMLAttributes } from 'vue'\nimport { cn } from '../../lib/utils'\n\nconst props = withDefaults(\n  defineProps<PopoverContentProps & { class?: HTMLAttributes['class'] }>(),\n  { align: 'center', sideOffset: 4 },\n)\n// The root is the portal, so extra attributes (data-slot, role, data-*) would be lost:\n// forward them to the content element. `class` is a prop and is merged, never replaced.\ndefineOptions({ inheritAttrs: false })\n\nconst emits = defineEmits<PopoverContentEmits>()\nconst forwarded = useForwardPropsEmits(reactiveOmit(props, 'class'), emits)\n</script>\n\n<template>\n  <PopoverPortal>\n    <PopoverContent\n      data-slot=\"popover-content\"\n      v-bind=\"{ ...forwarded, ...$attrs }\"\n      :class=\"\n        cn(\n          'bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 origin-(--reka-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden',\n          props.class,\n        )\n      \"\n    >\n      <slot />\n    </PopoverContent>\n  </PopoverPortal>\n</template>\n"],"mappings":""}
+{"version":3,"file":"PopoverContent.js","names":["_sfc_main","PopoverContent_vue_vue_type_script_setup_true_lang_default","PopoverContent_default"],"sources":["../../../src/components/ui/PopoverContent.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { reactiveOmit } from '@vueuse/core'\nimport {\n  PopoverContent,\n  PopoverPortal,\n  useDirection,\n  useForwardPropsEmits,\n  type PopoverContentEmits,\n  type PopoverContentProps,\n} from 'reka-ui'\nimport type { HTMLAttributes } from 'vue'\nimport { cn } from '../../lib/utils'\n\nconst props = withDefaults(\n  defineProps<PopoverContentProps & { class?: HTMLAttributes['class'] }>(),\n  { align: 'center', sideOffset: 4 },\n)\n// The root is the portal, so extra attributes (data-slot, role, data-*) would be lost:\n// forward them to the content element. `class` is a prop and is merged, never replaced.\ndefineOptions({ inheritAttrs: false })\n\nconst emits = defineEmits<PopoverContentEmits>()\nconst forwarded = useForwardPropsEmits(reactiveOmit(props, 'class'), emits)\n// Portaled outside Alfakit's root: carry the reading direction (starter kit pages and\n// standalone components leave <html dir> to the host).\nconst dir = useDirection()\n</script>\n\n<template>\n  <PopoverPortal>\n    <PopoverContent\n      data-slot=\"popover-content\"\n      v-bind=\"{ ...forwarded, dir: forwarded.dir ?? dir, ...$attrs }\"\n      :class=\"\n        cn(\n          'bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 origin-(--reka-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden',\n          props.class,\n        )\n      \"\n    >\n      <slot />\n    </PopoverContent>\n  </PopoverPortal>\n</template>\n"],"mappings":""}

package/dist/components/ui/PopoverContent.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PopoverContent.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ui/PopoverContent.vue"],"names":[],"mappings":"AA2CA,OAAO,EAKL,KAAK,mBAAmB,EACzB,MAAM,SAAS,CAAA;AAChB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAA;AAGzC,KAAK,WAAW,GAAG,mBAAmB,GAAG;IAAE,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAA;CAAE,CAAC;AA4D7E,QAAA,IAAI,QAAQ,IAAW,CAAE;AACzB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAyBhD,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;6EAQnB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAa1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"PopoverContent.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ui/PopoverContent.vue"],"names":[],"mappings":"AA+CA,OAAO,EAML,KAAK,mBAAmB,EACzB,MAAM,SAAS,CAAA;AAChB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAA;AAGzC,KAAK,WAAW,GAAG,mBAAmB,GAAG;IAAE,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAA;CAAE,CAAC;AA+D7E,QAAA,IAAI,QAAQ,IAAW,CAAE;AACzB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AA0BhD,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;6EAQnB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAa1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/ui/PopoverContent.vue_vue_type_script_setup_true_lang.js

@@ -1,9 +1,9 @@
 import { cn as e } from "../../lib/utils.js";
 import { createBlock as t, createVNode as n, defineComponent as r, mergeProps as i, openBlock as a, renderSlot as o, unref as s, withCtx as c } from "vue";
-import { PopoverContent as l, PopoverPortal as u, useForwardPropsEmits as d } from "reka-ui";
-import { reactiveOmit as f } from "@vueuse/core";
+import { PopoverContent as l, PopoverPortal as u, useDirection as d, useForwardPropsEmits as f } from "reka-ui";
+import { reactiveOmit as p } from "@vueuse/core";
 //#region src/components/ui/PopoverContent.vue?vue&type=script&setup=true&lang.ts
-var p = /*@__PURE__*/ r({
+var m = /*@__PURE__*/ r({
 	inheritAttrs: !1,
 	__name: "PopoverContent",
 	props: {
@@ -47,13 +47,14 @@ var p = /*@__PURE__*/ r({
 		"openAutoFocus",
 		"closeAutoFocus"
 	],
-	setup(r, { emit: p }) {
-		let m = r, h = p, g = d(f(m, "class"), h);
+	setup(r, { emit: m }) {
+		let h = r, g = m, _ = f(p(h, "class"), g), v = d();
 		return (r, d) => (a(), t(s(u), null, {
 			default: c(() => [n(s(l), i({ "data-slot": "popover-content" }, {
-				...s(g),
+				...s(_),
+				dir: s(_).dir ?? s(v),
 				...r.$attrs
-			}, { class: s(e)("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 origin-(--reka-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden", m.class) }), {
+			}, { class: s(e)("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 origin-(--reka-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden", h.class) }), {
 				default: c(() => [o(r.$slots, "default")]),
 				_: 3
 			}, 16, ["class"])]),
@@ -62,6 +63,6 @@ var p = /*@__PURE__*/ r({
 	}
 });
 //#endregion
-export { p as default };
+export { m as default };
 
 //# sourceMappingURL=PopoverContent.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/ui/PopoverContent.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"PopoverContent.vue_vue_type_script_setup_true_lang.js","names":["$attrs","_openBlock","_createBlock","_unref","_withCtx","_createVNode","_mergeProps","_renderSlot","PopoverContent_vue_vue_type_script_setup_true_lang_default","__emit","props","__props","emits","forwarded","useForwardPropsEmits","reactiveOmit","openBlock","createBlock","unref","PopoverPortal","withCtx","createVNode","PopoverContent","mergeProps","_ctx","cn","renderSlot"],"sources":["../../../src/components/ui/PopoverContent.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { reactiveOmit } from '@vueuse/core'\nimport {\n  PopoverContent,\n  PopoverPortal,\n  useForwardPropsEmits,\n  type PopoverContentEmits,\n  type PopoverContentProps,\n} from 'reka-ui'\nimport type { HTMLAttributes } from 'vue'\nimport { cn } from '../../lib/utils'\n\nconst props = withDefaults(\n  defineProps<PopoverContentProps & { class?: HTMLAttributes['class'] }>(),\n  { align: 'center', sideOffset: 4 },\n)\n// The root is the portal, so extra attributes (data-slot, role, data-*) would be lost:\n// forward them to the content element. `class` is a prop and is merged, never replaced.\ndefineOptions({ inheritAttrs: false })\n\nconst emits = defineEmits<PopoverContentEmits>()\nconst forwarded = useForwardPropsEmits(reactiveOmit(props, 'class'), emits)\n</script>\n\n<template>\n  <PopoverPortal>\n    <PopoverContent\n      data-slot=\"popover-content\"\n      v-bind=\"{ ...forwarded, ...$attrs }\"\n      :class=\"\n        cn(\n          'bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 origin-(--reka-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden',\n          props.class,\n        )\n      \"\n    >\n      <slot />\n    </PopoverContent>\n  </PopoverPortal>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAYA,IAAMU,IAAQC,GAQRC,IAAQH,GACRI,IAAYC,EAAqBC,EAAaL,GAAO,OAAO,GAAGE,CAAK;oBAIxEX,EAAA,GAAAC,EAagBC,EAAAgB,CAAA,GAAA,MAAA;GAZd,SAAAf,QAWiB,CAXjBC,EAWiBF,EAAAmB,CAAA,GAXjBhB,EAWiB,EAVf,aAAU,kBAAiB,GAAA;IAAA,GACdH,EAAAU,CAAA;IAAS,GAAKb,EAAAA;GAAM,GAAA,EAChC,OAAgBG,EAAAsB,CAAA,CAAE,CAAA,ieAAuff,EAAM,KAAA,EAAA,CAAA,GAAA;IAOhhB,SAAAN,QAAQ,CAARG,EAAQiB,EAAA,QAAA,SAAA,CAAA,CAAA"}
+{"version":3,"file":"PopoverContent.vue_vue_type_script_setup_true_lang.js","names":["$attrs","_openBlock","_createBlock","_unref","_withCtx","_createVNode","_mergeProps","_renderSlot","PopoverContent_vue_vue_type_script_setup_true_lang_default","__emit","props","__props","emits","forwarded","useForwardPropsEmits","reactiveOmit","dir","useDirection","openBlock","createBlock","unref","PopoverPortal","withCtx","createVNode","PopoverContent","mergeProps","_ctx","cn","renderSlot"],"sources":["../../../src/components/ui/PopoverContent.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { reactiveOmit } from '@vueuse/core'\nimport {\n  PopoverContent,\n  PopoverPortal,\n  useDirection,\n  useForwardPropsEmits,\n  type PopoverContentEmits,\n  type PopoverContentProps,\n} from 'reka-ui'\nimport type { HTMLAttributes } from 'vue'\nimport { cn } from '../../lib/utils'\n\nconst props = withDefaults(\n  defineProps<PopoverContentProps & { class?: HTMLAttributes['class'] }>(),\n  { align: 'center', sideOffset: 4 },\n)\n// The root is the portal, so extra attributes (data-slot, role, data-*) would be lost:\n// forward them to the content element. `class` is a prop and is merged, never replaced.\ndefineOptions({ inheritAttrs: false })\n\nconst emits = defineEmits<PopoverContentEmits>()\nconst forwarded = useForwardPropsEmits(reactiveOmit(props, 'class'), emits)\n// Portaled outside Alfakit's root: carry the reading direction (starter kit pages and\n// standalone components leave <html dir> to the host).\nconst dir = useDirection()\n</script>\n\n<template>\n  <PopoverPortal>\n    <PopoverContent\n      data-slot=\"popover-content\"\n      v-bind=\"{ ...forwarded, dir: forwarded.dir ?? dir, ...$attrs }\"\n      :class=\"\n        cn(\n          'bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 origin-(--reka-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden',\n          props.class,\n        )\n      \"\n    >\n      <slot />\n    </PopoverContent>\n  </PopoverPortal>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAaA,IAAMU,IAAQC,GAQRC,IAAQH,GACRI,IAAYC,EAAqBC,EAAaL,GAAO,OAAO,GAAGE,CAAK,GAGpEI,IAAMC,EAAa;oBAIvBhB,EAAA,GAAAC,EAagBC,EAAAkB,CAAA,GAAA,MAAA;GAZd,SAAAjB,QAWiB,CAXjBC,EAWiBF,EAAAqB,CAAA,GAXjBlB,EAWiB,EAVf,aAAU,kBAAiB,GAAA;IAAA,GACdH,EAAAU,CAAA;IAAS,KAAOV,EAAAU,CAAA,CAAS,CAAC,OAAOV,EAAAa,CAAA;IAAG,GAAKhB,EAAAA;GAAM,GAAA,EAC3D,OAAgBG,EAAAwB,CAAA,CAAE,CAAA,ieAAufjB,EAAM,KAAA,EAAA,CAAA,GAAA;IAOhhB,SAAAN,QAAQ,CAARG,EAAQmB,EAAA,QAAA,SAAA,CAAA,CAAA"}

package/dist/components/ui/SheetContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"SheetContent.js","names":["_sfc_main","SheetContent_vue_vue_type_script_setup_true_lang_default","SheetContent_default"],"sources":["../../../src/components/ui/SheetContent.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { XIcon } from '@lucide/vue'\nimport { reactiveOmit } from '@vueuse/core'\nimport {\n  DialogClose,\n  DialogContent,\n  DialogOverlay,\n  DialogPortal,\n  useForwardPropsEmits,\n  type DialogContentEmits,\n  type DialogContentProps,\n} from 'reka-ui'\nimport type { HTMLAttributes } from 'vue'\nimport { Icon } from '../../lib/icons'\nimport { cn } from '../../lib/utils'\nimport { useT } from '../../context'\n\nconst props = withDefaults(\n  defineProps<\n    DialogContentProps & {\n      class?: HTMLAttributes['class']\n      side?: 'top' | 'right' | 'bottom' | 'left'\n      showCloseButton?: boolean\n    }\n  >(),\n  { side: 'right', showCloseButton: true },\n)\n// The root is the portal, so extra attributes (data-slot, role, data-*) would be lost:\n// forward them to the content element like the React and Svelte wrappers. `class` is a prop\n// and is merged below, never replaced.\ndefineOptions({ inheritAttrs: false })\n\nconst emits = defineEmits<DialogContentEmits>()\nconst forwarded = useForwardPropsEmits(\n  reactiveOmit(props, 'class', 'side', 'showCloseButton'),\n  emits,\n)\nconst t = useT()\n</script>\n\n<template>\n  <DialogPortal>\n    <DialogOverlay\n      data-slot=\"sheet-overlay\"\n      class=\"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50\"\n    />\n    <DialogContent\n      data-slot=\"sheet-content\"\n      v-bind=\"{ ...forwarded, ...$attrs }\"\n      :class=\"\n        cn(\n          'bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500',\n          props.side === 'right' &&\n            'data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm',\n          props.side === 'left' &&\n            'data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm',\n          props.side === 'top' &&\n            'data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b',\n          props.side === 'bottom' &&\n            'data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t',\n          props.class,\n        )\n      \"\n    >\n      <slot />\n      <DialogClose\n        v-if=\"props.showCloseButton\"\n        class=\"ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute end-4 top-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none\"\n      >\n        <Icon name=\"alfakit::support.modal.close-button\" :fallback=\"XIcon\" class=\"size-4\" />\n        <span class=\"sr-only\">{{ t('close', {}, 'Close') }}</span>\n      </DialogClose>\n    </DialogContent>\n  </DialogPortal>\n</template>\n"],"mappings":""}
+{"version":3,"file":"SheetContent.js","names":["_sfc_main","SheetContent_vue_vue_type_script_setup_true_lang_default","SheetContent_default"],"sources":["../../../src/components/ui/SheetContent.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { XIcon } from '@lucide/vue'\nimport { reactiveOmit } from '@vueuse/core'\nimport {\n  DialogClose,\n  DialogContent,\n  DialogOverlay,\n  DialogPortal,\n  useDirection,\n  useForwardPropsEmits,\n  type DialogContentEmits,\n  type DialogContentProps,\n} from 'reka-ui'\nimport type { HTMLAttributes } from 'vue'\nimport { Icon } from '../../lib/icons'\nimport { cn } from '../../lib/utils'\nimport { useT } from '../../context'\n\nconst props = withDefaults(\n  defineProps<\n    DialogContentProps & {\n      class?: HTMLAttributes['class']\n      side?: 'top' | 'right' | 'bottom' | 'left'\n      showCloseButton?: boolean\n    }\n  >(),\n  { side: 'right', showCloseButton: true },\n)\n// The root is the portal, so extra attributes (data-slot, role, data-*) would be lost:\n// forward them to the content element like the React and Svelte wrappers. `class` is a prop\n// and is merged below, never replaced.\ndefineOptions({ inheritAttrs: false })\n\nconst emits = defineEmits<DialogContentEmits>()\nconst forwarded = useForwardPropsEmits(\n  reactiveOmit(props, 'class', 'side', 'showCloseButton'),\n  emits,\n)\n// Portaled outside Alfakit's root: carry the reading direction (starter kit pages and\n// standalone components leave <html dir> to the host).\nconst dir = useDirection()\nconst t = useT()\n</script>\n\n<template>\n  <DialogPortal>\n    <DialogOverlay\n      data-slot=\"sheet-overlay\"\n      class=\"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50\"\n    />\n    <DialogContent\n      data-slot=\"sheet-content\"\n      v-bind=\"{ dir, ...forwarded, ...$attrs }\"\n      :class=\"\n        cn(\n          'bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500',\n          props.side === 'right' &&\n            'data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm',\n          props.side === 'left' &&\n            'data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm',\n          props.side === 'top' &&\n            'data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b',\n          props.side === 'bottom' &&\n            'data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t',\n          props.class,\n        )\n      \"\n    >\n      <slot />\n      <DialogClose\n        v-if=\"props.showCloseButton\"\n        class=\"ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute end-4 top-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none\"\n      >\n        <Icon name=\"alfakit::support.modal.close-button\" :fallback=\"XIcon\" class=\"size-4\" />\n        <span class=\"sr-only\">{{ t('close', {}, 'Close') }}</span>\n      </DialogClose>\n    </DialogContent>\n  </DialogPortal>\n</template>\n"],"mappings":""}

package/dist/components/ui/SheetContent.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SheetContent.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ui/SheetContent.vue"],"names":[],"mappings":"AA+EA,OAAO,EAOL,KAAK,kBAAkB,EACxB,MAAM,SAAS,CAAA;AAChB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAA;AAKzC,KAAK,WAAW,GAAG,kBAAkB,GAAG;IAClC,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAA;IAC/B,IAAI,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAA;IAC1C,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B,CAAC;AAoJN,QAAA,IAAI,QAAQ,IAAY,CAAE;AAC1B,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AA8BhD,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;qBArLG,OAAO;UADlB,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM;6EA8L9C,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAa1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"SheetContent.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ui/SheetContent.vue"],"names":[],"mappings":"AAmFA,OAAO,EAQL,KAAK,kBAAkB,EACxB,MAAM,SAAS,CAAA;AAChB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAA;AAKzC,KAAK,WAAW,GAAG,kBAAkB,GAAG;IAClC,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAA;IAC/B,IAAI,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAA;IAC1C,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B,CAAC;AAuJN,QAAA,IAAI,QAAQ,IAAY,CAAE;AAC1B,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AA+BhD,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;qBAzLG,OAAO;UADlB,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM;6EAkM9C,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAa1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/ui/SheetContent.vue_vue_type_script_setup_true_lang.js

@@ -2,11 +2,11 @@ import { useT as e } from "../../context.js";
 import { cn as t } from "../../lib/utils.js";
 import n from "../../lib/Icon.js";
 import { createBlock as r, createCommentVNode as i, createElementVNode as a, createVNode as o, defineComponent as s, mergeProps as c, openBlock as l, renderSlot as u, toDisplayString as d, unref as f, withCtx as p } from "vue";
-import { DialogClose as m, DialogContent as h, DialogOverlay as g, DialogPortal as _, useForwardPropsEmits as v } from "reka-ui";
-import { XIcon as y } from "@lucide/vue";
-import { reactiveOmit as b } from "@vueuse/core";
+import { DialogClose as m, DialogContent as h, DialogOverlay as g, DialogPortal as _, useDirection as v, useForwardPropsEmits as y } from "reka-ui";
+import { XIcon as b } from "@lucide/vue";
+import { reactiveOmit as x } from "@vueuse/core";
 //#region src/components/ui/SheetContent.vue?vue&type=script&setup=true&lang.ts
-var x = { class: "sr-only" }, S = /*@__PURE__*/ s({
+var S = { class: "sr-only" }, C = /*@__PURE__*/ s({
 	inheritAttrs: !1,
 	__name: "SheetContent",
 	props: {
@@ -35,25 +35,26 @@ var x = { class: "sr-only" }, S = /*@__PURE__*/ s({
 		"openAutoFocus",
 		"closeAutoFocus"
 	],
-	setup(s, { emit: S }) {
-		let C = s, w = S, T = v(b(C, "class", "side", "showCloseButton"), w), E = e();
+	setup(s, { emit: C }) {
+		let w = s, T = C, E = y(x(w, "class", "side", "showCloseButton"), T), D = v(), O = e();
 		return (e, s) => (l(), r(f(_), null, {
 			default: p(() => [o(f(g), {
 				"data-slot": "sheet-overlay",
 				class: "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50"
 			}), o(f(h), c({ "data-slot": "sheet-content" }, {
-				...f(T),
+				dir: f(D),
+				...f(E),
 				...e.$attrs
-			}, { class: f(t)("bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500", C.side === "right" && "data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm", C.side === "left" && "data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm", C.side === "top" && "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b", C.side === "bottom" && "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t", C.class) }), {
-				default: p(() => [u(e.$slots, "default"), C.showCloseButton ? (l(), r(f(m), {
+			}, { class: f(t)("bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500", w.side === "right" && "data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm", w.side === "left" && "data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm", w.side === "top" && "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b", w.side === "bottom" && "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t", w.class) }), {
+				default: p(() => [u(e.$slots, "default"), w.showCloseButton ? (l(), r(f(m), {
 					key: 0,
 					class: "ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute end-4 top-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none"
 				}, {
 					default: p(() => [o(f(n), {
 						name: "alfakit::support.modal.close-button",
-						fallback: f(y),
+						fallback: f(b),
 						class: "size-4"
-					}, null, 8, ["fallback"]), a("span", x, d(f(E)("close", {}, "Close")), 1)]),
+					}, null, 8, ["fallback"]), a("span", S, d(f(O)("close", {}, "Close")), 1)]),
 					_: 1
 				})) : i("", !0)]),
 				_: 3
@@ -63,6 +64,6 @@ var x = { class: "sr-only" }, S = /*@__PURE__*/ s({
 	}
 });
 //#endregion
-export { S as default };
+export { C as default };
 
 //# sourceMappingURL=SheetContent.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/ui/SheetContent.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"SheetContent.vue_vue_type_script_setup_true_lang.js","names":["$attrs","_openBlock","_createBlock","_unref","_withCtx","_createVNode","_mergeProps","_renderSlot","Icon","_createElementVNode","_toDisplayString","_createCommentVNode","Icon_default","_hoisted_1","SheetContent_vue_vue_type_script_setup_true_lang_default","__emit","props","__props","emits","forwarded","useForwardPropsEmits","reactiveOmit","t","useT","openBlock","createBlock","unref","DialogPortal","withCtx","createVNode","DialogOverlay","DialogContent","mergeProps","_ctx","cn","renderSlot","DialogClose","XIcon","createElementVNode","toDisplayString","createCommentVNode"],"sources":["../../../src/components/ui/SheetContent.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { XIcon } from '@lucide/vue'\nimport { reactiveOmit } from '@vueuse/core'\nimport {\n  DialogClose,\n  DialogContent,\n  DialogOverlay,\n  DialogPortal,\n  useForwardPropsEmits,\n  type DialogContentEmits,\n  type DialogContentProps,\n} from 'reka-ui'\nimport type { HTMLAttributes } from 'vue'\nimport { Icon } from '../../lib/icons'\nimport { cn } from '../../lib/utils'\nimport { useT } from '../../context'\n\nconst props = withDefaults(\n  defineProps<\n    DialogContentProps & {\n      class?: HTMLAttributes['class']\n      side?: 'top' | 'right' | 'bottom' | 'left'\n      showCloseButton?: boolean\n    }\n  >(),\n  { side: 'right', showCloseButton: true },\n)\n// The root is the portal, so extra attributes (data-slot, role, data-*) would be lost:\n// forward them to the content element like the React and Svelte wrappers. `class` is a prop\n// and is merged below, never replaced.\ndefineOptions({ inheritAttrs: false })\n\nconst emits = defineEmits<DialogContentEmits>()\nconst forwarded = useForwardPropsEmits(\n  reactiveOmit(props, 'class', 'side', 'showCloseButton'),\n  emits,\n)\nconst t = useT()\n</script>\n\n<template>\n  <DialogPortal>\n    <DialogOverlay\n      data-slot=\"sheet-overlay\"\n      class=\"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50\"\n    />\n    <DialogContent\n      data-slot=\"sheet-content\"\n      v-bind=\"{ ...forwarded, ...$attrs }\"\n      :class=\"\n        cn(\n          'bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500',\n          props.side === 'right' &&\n            'data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm',\n          props.side === 'left' &&\n            'data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm',\n          props.side === 'top' &&\n            'data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b',\n          props.side === 'bottom' &&\n            'data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t',\n          props.class,\n        )\n      \"\n    >\n      <slot />\n      <DialogClose\n        v-if=\"props.showCloseButton\"\n        class=\"ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute end-4 top-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none\"\n      >\n        <Icon name=\"alfakit::support.modal.close-button\" :fallback=\"XIcon\" class=\"size-4\" />\n        <span class=\"sr-only\">{{ t('close', {}, 'Close') }}</span>\n      </DialogClose>\n    </DialogContent>\n  </DialogPortal>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiBA,IAAMgB,IAAQC,GAeRC,IAAQH,GACRI,IAAYC,EAChBC,EAAaL,GAAO,SAAS,QAAQ,iBAAiB,GACtDE,CACF,GACMI,IAAIC,EAAK;oBAIbtB,EAAA,GAAAC,EAgCeC,EAAAwB,CAAA,GAAA,MAAA;GA/Bb,SAAAvB,QAGE,CAHFC,EAGEF,EAAA2B,CAAA,GAAA;IAFA,aAAU;IACV,OAAM;GAERzB,CAAAA,GAAAA,EA0BgBF,EAAA4B,CAAA,GA1BhBzB,EA0BgB,EAzBd,aAAU,gBAAe,GAAA;IAAA,GACZH,EAAAgB,CAAA;IAAS,GAAKnB,EAAAA;GAAM,GAAA,EAChC,OAAgBG,EAAA+B,CAAA,CAAE,CAAA,8MAAoOlB,EAAM,SAAI,WAAA,oIAA0KA,EAAM,SAAI,UAAA,iIAAsKA,EAAM,SAAI,SAAA,4GAAgJA,EAAM,SAAI,YAAA,qHAA4JA,EAAM,KAAA,EAAA,CAAA,GAAA;IAej6B,SAAAZ,QAAQ,CAARG,EAAQ0B,EAAA,QAAA,SAAA,GAEAjB,EAAM,mBADdf,EAAA,GAAAC,EAMcC,EAAAiC,CAAA,GAAA;;KAJZ,OAAM;;KAEN,SAAAhC,QAAoF,CAApFC,EAAoFF,EAAAK,CAAA,GAAA;MAA9E,MAAK;MAAuC,UAAUL,EAAAkC,CAAA;MAAO,OAAM;KACzE5B,GAAAA,MAAAA,GAAAA,CAAAA,UAAAA,CAAAA,GAAAA,EAA0D,QAA1DI,GAA0DH,EAAjCP,EAAAmB,CAAA,CAAC,CAAA,SAAA,CAAA,GAAA,OAAA,CAAA,GAAA,CAAA,CAAA,CAAA"}
+{"version":3,"file":"SheetContent.vue_vue_type_script_setup_true_lang.js","names":["$attrs","_openBlock","_createBlock","_unref","_withCtx","_createVNode","_mergeProps","_renderSlot","Icon","_createElementVNode","_toDisplayString","_createCommentVNode","Icon_default","_hoisted_1","SheetContent_vue_vue_type_script_setup_true_lang_default","__emit","props","__props","emits","forwarded","useForwardPropsEmits","reactiveOmit","dir","useDirection","t","useT","openBlock","createBlock","unref","DialogPortal","withCtx","createVNode","DialogOverlay","DialogContent","mergeProps","_ctx","cn","renderSlot","DialogClose","XIcon","createElementVNode","toDisplayString","createCommentVNode"],"sources":["../../../src/components/ui/SheetContent.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { XIcon } from '@lucide/vue'\nimport { reactiveOmit } from '@vueuse/core'\nimport {\n  DialogClose,\n  DialogContent,\n  DialogOverlay,\n  DialogPortal,\n  useDirection,\n  useForwardPropsEmits,\n  type DialogContentEmits,\n  type DialogContentProps,\n} from 'reka-ui'\nimport type { HTMLAttributes } from 'vue'\nimport { Icon } from '../../lib/icons'\nimport { cn } from '../../lib/utils'\nimport { useT } from '../../context'\n\nconst props = withDefaults(\n  defineProps<\n    DialogContentProps & {\n      class?: HTMLAttributes['class']\n      side?: 'top' | 'right' | 'bottom' | 'left'\n      showCloseButton?: boolean\n    }\n  >(),\n  { side: 'right', showCloseButton: true },\n)\n// The root is the portal, so extra attributes (data-slot, role, data-*) would be lost:\n// forward them to the content element like the React and Svelte wrappers. `class` is a prop\n// and is merged below, never replaced.\ndefineOptions({ inheritAttrs: false })\n\nconst emits = defineEmits<DialogContentEmits>()\nconst forwarded = useForwardPropsEmits(\n  reactiveOmit(props, 'class', 'side', 'showCloseButton'),\n  emits,\n)\n// Portaled outside Alfakit's root: carry the reading direction (starter kit pages and\n// standalone components leave <html dir> to the host).\nconst dir = useDirection()\nconst t = useT()\n</script>\n\n<template>\n  <DialogPortal>\n    <DialogOverlay\n      data-slot=\"sheet-overlay\"\n      class=\"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50\"\n    />\n    <DialogContent\n      data-slot=\"sheet-content\"\n      v-bind=\"{ dir, ...forwarded, ...$attrs }\"\n      :class=\"\n        cn(\n          'bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500',\n          props.side === 'right' &&\n            'data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm',\n          props.side === 'left' &&\n            'data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm',\n          props.side === 'top' &&\n            'data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b',\n          props.side === 'bottom' &&\n            'data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t',\n          props.class,\n        )\n      \"\n    >\n      <slot />\n      <DialogClose\n        v-if=\"props.showCloseButton\"\n        class=\"ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute end-4 top-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none\"\n      >\n        <Icon name=\"alfakit::support.modal.close-button\" :fallback=\"XIcon\" class=\"size-4\" />\n        <span class=\"sr-only\">{{ t('close', {}, 'Close') }}</span>\n      </DialogClose>\n    </DialogContent>\n  </DialogPortal>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkBA,IAAMgB,IAAQC,GAeRC,IAAQH,GACRI,IAAYC,EAChBC,EAAaL,GAAO,SAAS,QAAQ,iBAAiB,GACtDE,CACF,GAGMI,IAAMC,EAAa,GACnBC,IAAIC,EAAK;oBAIbxB,EAAA,GAAAC,EAgCeC,EAAA0B,CAAA,GAAA,MAAA;GA/Bb,SAAAzB,QAGE,CAHFC,EAGEF,EAAA6B,CAAA,GAAA;IAFA,aAAU;IACV,OAAM;GAER3B,CAAAA,GAAAA,EA0BgBF,EAAA8B,CAAA,GA1BhB3B,EA0BgB,EAzBd,aAAU,gBAAe,GAAA;IAAA,KACfH,EAAAmB,CAAA;IAAG,GAAKnB,EAAAgB,CAAA;IAAS,GAAKnB,EAAAA;GAAM,GAAA,EACrC,OAAgBG,EAAAiC,CAAA,CAAE,CAAA,8MAAoOpB,EAAM,SAAI,WAAA,oIAA0KA,EAAM,SAAI,UAAA,iIAAsKA,EAAM,SAAI,SAAA,4GAAgJA,EAAM,SAAI,YAAA,qHAA4JA,EAAM,KAAA,EAAA,CAAA,GAAA;IAej6B,SAAAZ,QAAQ,CAARG,EAAQ4B,EAAA,QAAA,SAAA,GAEAnB,EAAM,mBADdf,EAAA,GAAAC,EAMcC,EAAAmC,CAAA,GAAA;;KAJZ,OAAM;;KAEN,SAAAlC,QAAoF,CAApFC,EAAoFF,EAAAK,CAAA,GAAA;MAA9E,MAAK;MAAuC,UAAUL,EAAAoC,CAAA;MAAO,OAAM;KACzE9B,GAAAA,MAAAA,GAAAA,CAAAA,UAAAA,CAAAA,GAAAA,EAA0D,QAA1DI,GAA0DH,EAAjCP,EAAAqB,CAAA,CAAC,CAAA,SAAA,CAAA,GAAA,OAAA,CAAA,GAAA,CAAA,CAAA,CAAA"}

package/dist/components/ui/TooltipContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipContent.js","names":["_sfc_main","TooltipContent_vue_vue_type_script_setup_true_lang_default","TooltipContent_default"],"sources":["../../../src/components/ui/TooltipContent.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { reactiveOmit } from '@vueuse/core'\nimport {\n  TooltipArrow,\n  TooltipContent,\n  TooltipPortal,\n  useForwardPropsEmits,\n  type TooltipContentEmits,\n  type TooltipContentProps,\n} from 'reka-ui'\nimport type { HTMLAttributes } from 'vue'\nimport { cn } from '../../lib/utils'\n\nconst props = withDefaults(\n  defineProps<TooltipContentProps & { class?: HTMLAttributes['class'] }>(),\n  { sideOffset: 4 },\n)\n// The root is the portal, so extra attributes (data-slot, role, data-*) would be lost:\n// forward them to the content element. `class` is a prop and is merged, never replaced.\ndefineOptions({ inheritAttrs: false })\n\nconst emits = defineEmits<TooltipContentEmits>()\nconst forwarded = useForwardPropsEmits(reactiveOmit(props, 'class'), emits)\n</script>\n\n<template>\n  <TooltipPortal>\n    <TooltipContent\n      data-slot=\"tooltip-content\"\n      v-bind=\"{ ...forwarded, ...$attrs }\"\n      :class=\"\n        cn(\n          'bg-foreground text-background animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--reka-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance',\n          props.class,\n        )\n      \"\n    >\n      <slot />\n      <TooltipArrow\n        class=\"bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]\"\n      />\n    </TooltipContent>\n  </TooltipPortal>\n</template>\n"],"mappings":""}
+{"version":3,"file":"TooltipContent.js","names":["_sfc_main","TooltipContent_vue_vue_type_script_setup_true_lang_default","TooltipContent_default"],"sources":["../../../src/components/ui/TooltipContent.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { reactiveOmit } from '@vueuse/core'\nimport {\n  TooltipArrow,\n  TooltipContent,\n  TooltipPortal,\n  useDirection,\n  useForwardPropsEmits,\n  type TooltipContentEmits,\n  type TooltipContentProps,\n} from 'reka-ui'\nimport type { HTMLAttributes } from 'vue'\nimport { cn } from '../../lib/utils'\n\nconst props = withDefaults(\n  defineProps<TooltipContentProps & { class?: HTMLAttributes['class'] }>(),\n  { sideOffset: 4 },\n)\n// The root is the portal, so extra attributes (data-slot, role, data-*) would be lost:\n// forward them to the content element. `class` is a prop and is merged, never replaced.\ndefineOptions({ inheritAttrs: false })\n\nconst emits = defineEmits<TooltipContentEmits>()\nconst forwarded = useForwardPropsEmits(reactiveOmit(props, 'class'), emits)\n// Portaled outside Alfakit's root: carry the reading direction (starter kit pages and\n// standalone components leave <html dir> to the host).\nconst dir = useDirection()\n</script>\n\n<template>\n  <TooltipPortal>\n    <TooltipContent\n      data-slot=\"tooltip-content\"\n      v-bind=\"{ dir, ...forwarded, ...$attrs }\"\n      :class=\"\n        cn(\n          'bg-foreground text-background animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--reka-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance',\n          props.class,\n        )\n      \"\n    >\n      <slot />\n      <TooltipArrow\n        class=\"bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]\"\n      />\n    </TooltipContent>\n  </TooltipPortal>\n</template>\n"],"mappings":""}

package/dist/components/ui/TooltipContent.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipContent.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ui/TooltipContent.vue"],"names":[],"mappings":"AA+CA,OAAO,EAML,KAAK,mBAAmB,EACzB,MAAM,SAAS,CAAA;AAChB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAA;AAGzC,KAAK,WAAW,GAAG,mBAAmB,GAAG;IAAE,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAA;CAAE,CAAC;AA4E7E,QAAA,IAAI,QAAQ,IAAW,CAAE;AACzB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AA0BhD,QAAA,MAAM,eAAe;;;;;;;;6EAQnB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAa1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"TooltipContent.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ui/TooltipContent.vue"],"names":[],"mappings":"AAmDA,OAAO,EAOL,KAAK,mBAAmB,EACzB,MAAM,SAAS,CAAA;AAChB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAA;AAGzC,KAAK,WAAW,GAAG,mBAAmB,GAAG;IAAE,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAA;CAAE,CAAC;AA+E7E,QAAA,IAAI,QAAQ,IAAW,CAAE;AACzB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AA2BhD,QAAA,MAAM,eAAe;;;;;;;;6EAQnB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAa1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/ui/TooltipContent.vue_vue_type_script_setup_true_lang.js

@@ -1,9 +1,9 @@
 import { cn as e } from "../../lib/utils.js";
 import { createBlock as t, createVNode as n, defineComponent as r, mergeProps as i, openBlock as a, renderSlot as o, unref as s, withCtx as c } from "vue";
-import { TooltipArrow as l, TooltipContent as u, TooltipPortal as d, useForwardPropsEmits as f } from "reka-ui";
-import { reactiveOmit as p } from "@vueuse/core";
+import { TooltipArrow as l, TooltipContent as u, TooltipPortal as d, useDirection as f, useForwardPropsEmits as p } from "reka-ui";
+import { reactiveOmit as m } from "@vueuse/core";
 //#region src/components/ui/TooltipContent.vue?vue&type=script&setup=true&lang.ts
-var m = /*@__PURE__*/ r({
+var h = /*@__PURE__*/ r({
 	inheritAttrs: !1,
 	__name: "TooltipContent",
 	props: {
@@ -32,13 +32,14 @@ var m = /*@__PURE__*/ r({
 		] }
 	},
 	emits: ["escapeKeyDown", "pointerDownOutside"],
-	setup(r, { emit: m }) {
-		let h = r, g = m, _ = f(p(h, "class"), g);
+	setup(r, { emit: h }) {
+		let g = r, _ = h, v = p(m(g, "class"), _), y = f();
 		return (r, f) => (a(), t(s(d), null, {
 			default: c(() => [n(s(u), i({ "data-slot": "tooltip-content" }, {
-				...s(_),
+				dir: s(y),
+				...s(v),
 				...r.$attrs
-			}, { class: s(e)("bg-foreground text-background animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--reka-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance", h.class) }), {
+			}, { class: s(e)("bg-foreground text-background animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--reka-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance", g.class) }), {
 				default: c(() => [o(r.$slots, "default"), n(s(l), { class: "bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })]),
 				_: 3
 			}, 16, ["class"])]),
@@ -47,6 +48,6 @@ var m = /*@__PURE__*/ r({
 	}
 });
 //#endregion
-export { m as default };
+export { h as default };
 
 //# sourceMappingURL=TooltipContent.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/ui/TooltipContent.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipContent.vue_vue_type_script_setup_true_lang.js","names":["$attrs","_openBlock","_createBlock","_unref","_withCtx","_createVNode","_mergeProps","_renderSlot","TooltipContent_vue_vue_type_script_setup_true_lang_default","__emit","props","__props","emits","forwarded","useForwardPropsEmits","reactiveOmit","openBlock","createBlock","unref","TooltipPortal","withCtx","createVNode","TooltipContent","mergeProps","_ctx","cn","renderSlot","TooltipArrow"],"sources":["../../../src/components/ui/TooltipContent.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { reactiveOmit } from '@vueuse/core'\nimport {\n  TooltipArrow,\n  TooltipContent,\n  TooltipPortal,\n  useForwardPropsEmits,\n  type TooltipContentEmits,\n  type TooltipContentProps,\n} from 'reka-ui'\nimport type { HTMLAttributes } from 'vue'\nimport { cn } from '../../lib/utils'\n\nconst props = withDefaults(\n  defineProps<TooltipContentProps & { class?: HTMLAttributes['class'] }>(),\n  { sideOffset: 4 },\n)\n// The root is the portal, so extra attributes (data-slot, role, data-*) would be lost:\n// forward them to the content element. `class` is a prop and is merged, never replaced.\ndefineOptions({ inheritAttrs: false })\n\nconst emits = defineEmits<TooltipContentEmits>()\nconst forwarded = useForwardPropsEmits(reactiveOmit(props, 'class'), emits)\n</script>\n\n<template>\n  <TooltipPortal>\n    <TooltipContent\n      data-slot=\"tooltip-content\"\n      v-bind=\"{ ...forwarded, ...$attrs }\"\n      :class=\"\n        cn(\n          'bg-foreground text-background animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--reka-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance',\n          props.class,\n        )\n      \"\n    >\n      <slot />\n      <TooltipArrow\n        class=\"bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]\"\n      />\n    </TooltipContent>\n  </TooltipPortal>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAaA,IAAMU,IAAQC,GAQRC,IAAQH,GACRI,IAAYC,EAAqBC,EAAaL,GAAO,OAAO,GAAGE,CAAK;oBAIxEX,EAAA,GAAAC,EAgBgBC,EAAAgB,CAAA,GAAA,MAAA;GAfd,SAAAf,QAciB,CAdjBC,EAciBF,EAAAmB,CAAA,GAdjBhB,EAciB,EAbf,aAAU,kBAAiB,GAAA;IAAA,GACdH,EAAAU,CAAA;IAAS,GAAKb,EAAAA;GAAM,GAAA,EAChC,OAAgBG,EAAAsB,CAAA,CAAE,CAAA,oaAA0bf,EAAM,KAAA,EAAA,CAAA,GAAA;IAOnd,SAAAN,QAAQ,CAARG,EAAQiB,EAAA,QAAA,SAAA,GACRnB,EAEEF,EAAAwB,CAAA,GAAA,EADA,OAAM,qGAAoG,CAAA,CAAA,CAAA"}
+{"version":3,"file":"TooltipContent.vue_vue_type_script_setup_true_lang.js","names":["$attrs","_openBlock","_createBlock","_unref","_withCtx","_createVNode","_mergeProps","_renderSlot","TooltipContent_vue_vue_type_script_setup_true_lang_default","__emit","props","__props","emits","forwarded","useForwardPropsEmits","reactiveOmit","dir","useDirection","openBlock","createBlock","unref","TooltipPortal","withCtx","createVNode","TooltipContent","mergeProps","_ctx","cn","renderSlot","TooltipArrow"],"sources":["../../../src/components/ui/TooltipContent.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { reactiveOmit } from '@vueuse/core'\nimport {\n  TooltipArrow,\n  TooltipContent,\n  TooltipPortal,\n  useDirection,\n  useForwardPropsEmits,\n  type TooltipContentEmits,\n  type TooltipContentProps,\n} from 'reka-ui'\nimport type { HTMLAttributes } from 'vue'\nimport { cn } from '../../lib/utils'\n\nconst props = withDefaults(\n  defineProps<TooltipContentProps & { class?: HTMLAttributes['class'] }>(),\n  { sideOffset: 4 },\n)\n// The root is the portal, so extra attributes (data-slot, role, data-*) would be lost:\n// forward them to the content element. `class` is a prop and is merged, never replaced.\ndefineOptions({ inheritAttrs: false })\n\nconst emits = defineEmits<TooltipContentEmits>()\nconst forwarded = useForwardPropsEmits(reactiveOmit(props, 'class'), emits)\n// Portaled outside Alfakit's root: carry the reading direction (starter kit pages and\n// standalone components leave <html dir> to the host).\nconst dir = useDirection()\n</script>\n\n<template>\n  <TooltipPortal>\n    <TooltipContent\n      data-slot=\"tooltip-content\"\n      v-bind=\"{ dir, ...forwarded, ...$attrs }\"\n      :class=\"\n        cn(\n          'bg-foreground text-background animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--reka-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance',\n          props.class,\n        )\n      \"\n    >\n      <slot />\n      <TooltipArrow\n        class=\"bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]\"\n      />\n    </TooltipContent>\n  </TooltipPortal>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAcA,IAAMU,IAAQC,GAQRC,IAAQH,GACRI,IAAYC,EAAqBC,EAAaL,GAAO,OAAO,GAAGE,CAAK,GAGpEI,IAAMC,EAAa;oBAIvBhB,EAAA,GAAAC,EAgBgBC,EAAAkB,CAAA,GAAA,MAAA;GAfd,SAAAjB,QAciB,CAdjBC,EAciBF,EAAAqB,CAAA,GAdjBlB,EAciB,EAbf,aAAU,kBAAiB,GAAA;IAAA,KACjBH,EAAAa,CAAA;IAAG,GAAKb,EAAAU,CAAA;IAAS,GAAKb,EAAAA;GAAM,GAAA,EACrC,OAAgBG,EAAAwB,CAAA,CAAE,CAAA,oaAA0bjB,EAAM,KAAA,EAAA,CAAA,GAAA;IAOnd,SAAAN,QAAQ,CAARG,EAAQmB,EAAA,QAAA,SAAA,GACRrB,EAEEF,EAAA0B,CAAA,GAAA,EADA,OAAM,qGAAoG,CAAA,CAAA,CAAA"}