@alfakit/vue 0.1.2 → 0.1.6

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"}

package/dist/context.d.ts

@@ -12,6 +12,11 @@ export interface AlfakitContextValue {
      * their own schemas by token.
      */
     poll?: (target: string, interval: string | number | null | undefined) => () => void;
+    /**
+     * Fetches fresh schemas of components now (`live()` tables and widgets after a record
+     * change). Panels leave it out (a partial reload); components outside panels fetch theirs.
+     */
+    refresh?: (targets: string[]) => Promise<void>;
 }
 export declare const ALFAKIT_KEY: InjectionKey<AlfakitContextValue>;
 /**
@@ -29,6 +34,8 @@ export declare function useStandalone(): StandaloneContextValue | null;
 export declare function useOptionalAlfakit(): AlfakitContextValue | null;
 /** Poll a component (`table`, `widget:<id>`); the returned function stops it. */
 export declare function usePollComponent(): NonNullable<AlfakitContextValue['poll']>;
+/** How `live()` components refresh: their own fetch outside panels, else a partial reload. */
+export declare function useRefreshComponents(): AlfakitContextValue['refresh'];
 export declare function provideAlfakit(value: AlfakitContextValue): void;
 export declare function useAlfakit(): AlfakitContextValue;
 /** The shared `alfakit` prop (panel, navigation, user, endpoints…). */

package/dist/context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../src/context.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,eAAe,EAGf,KAAK,YAAY,EACjB,KAAK,gBAAgB,EACrB,KAAK,iBAAiB,EACtB,KAAK,kBAAkB,EACvB,KAAK,UAAU,EACf,KAAK,WAAW,EAChB,KAAK,UAAU,EAChB,MAAM,eAAe,CAAA;AAEtB,OAAO,EAIL,KAAK,SAAS,EACd,KAAK,WAAW,EAChB,KAAK,YAAY,EACjB,KAAK,GAAG,EACT,MAAM,KAAK,CAAA;AAGZ,MAAM,MAAM,YAAY,GAAG,SAAS,CAAC,GAAG,CAAC,CAAA;AAEzC,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,iBAAiB,CAAC,YAAY,CAAC,CAAA;IACzC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,CAAA;IACnC,OAAO,EAAE,YAAY,CAAA;IACrB,UAAU,EAAE,UAAU,CAAA;IACtB;;;;OAIG;IACH,IAAI,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,KAAK,MAAM,IAAI,CAAA;CACpF;AAED,eAAO,MAAM,WAAW,EAAE,YAAY,CAAC,mBAAmB,CAAqB,CAAA;AAE/E;;;GAGG;AACH,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,GAAG,CAAC,WAAW,CAAC,CAAA;IACvB,IAAI,EAAE,GAAG,CAAC,UAAU,CAAC,CAAA;CACtB;AAED,eAAO,MAAM,cAAc,EAAE,YAAY,CAAC,sBAAsB,CAAgC,CAAA;AAEhG,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,GAAG,IAAI,CAErE;AAED,wBAAgB,aAAa,IAAI,sBAAsB,GAAG,IAAI,CAE7D;AAED,wGAAwG;AACxG,wBAAgB,kBAAkB,IAAI,mBAAmB,GAAG,IAAI,CAE/D;AAED,iFAAiF;AACjF,wBAAgB,gBAAgB,IAAI,WAAW,CAAC,mBAAmB,CAAC,MAAM,CAAC,CAAC,CAE3E;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,GAAG,IAAI,CAE/D;AAED,wBAAgB,UAAU,IAAI,mBAAmB,CAQhD;AAQD,uEAAuE;AACvE,wBAAgB,QAAQ,IAAI,WAAW,CAAC,WAAW,CAAC,CAWnD;AAED,wBAAgB,aAAa,IAAI,WAAW,CAAC,UAAU,GAAG,SAAS,CAAC,CAKnE;AAED,wBAAgB,eAAe,IAAI,WAAW,CAAC,gBAAgB,CAAC,CAE/D;AAQD,0EAA0E;AAC1E,wBAAgB,IAAI,IAAI,UAAU,CAAC,GAAG,CAAC,CAItC;AAED,yFAAyF;AACzF,wBAAgB,SAAS,IAAI,UAAU,CAAC,QAAQ,CAAC,CAIhD;AASD,6EAA6E;AAC7E,wBAAgB,eAAe,IAAI,WAAW,CAAC,kBAAkB,CAAC,CAOjE;AAED,wBAAgB,YAAY,IAAI,WAAW,CAAC,KAAK,GAAG,KAAK,CAAC,CAOzD;AAED,yGAAyG;AACzG,wBAAgB,YAAY,IAAI,WAAW,CAAC,eAAe,CAAC,CAoB3D;AAED,wBAAgB,eAAe,IAAI,YAAY,CAE9C;AAED,wBAAgB,WAAW,IAAI,iBAAiB,CAAC,YAAY,CAAC,CAE7D;AAED;;;GAGG;AACH,wBAAgB,mBAAmB,IAAI,iBAAiB,CAAC,YAAY,CAAC,GAAG,IAAI,CAE5E"}
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../src/context.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,eAAe,EAGf,KAAK,YAAY,EACjB,KAAK,gBAAgB,EACrB,KAAK,iBAAiB,EACtB,KAAK,kBAAkB,EACvB,KAAK,UAAU,EACf,KAAK,WAAW,EAChB,KAAK,UAAU,EAChB,MAAM,eAAe,CAAA;AAEtB,OAAO,EAIL,KAAK,SAAS,EACd,KAAK,WAAW,EAChB,KAAK,YAAY,EACjB,KAAK,GAAG,EACT,MAAM,KAAK,CAAA;AAGZ,MAAM,MAAM,YAAY,GAAG,SAAS,CAAC,GAAG,CAAC,CAAA;AAEzC,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,iBAAiB,CAAC,YAAY,CAAC,CAAA;IACzC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,CAAA;IACnC,OAAO,EAAE,YAAY,CAAA;IACrB,UAAU,EAAE,UAAU,CAAA;IACtB;;;;OAIG;IACH,IAAI,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,KAAK,MAAM,IAAI,CAAA;IACnF;;;OAGG;IACH,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;CAC/C;AAED,eAAO,MAAM,WAAW,EAAE,YAAY,CAAC,mBAAmB,CAAqB,CAAA;AAE/E;;;GAGG;AACH,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,GAAG,CAAC,WAAW,CAAC,CAAA;IACvB,IAAI,EAAE,GAAG,CAAC,UAAU,CAAC,CAAA;CACtB;AAED,eAAO,MAAM,cAAc,EAAE,YAAY,CAAC,sBAAsB,CAAgC,CAAA;AAEhG,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,GAAG,IAAI,CAErE;AAED,wBAAgB,aAAa,IAAI,sBAAsB,GAAG,IAAI,CAE7D;AAED,wGAAwG;AACxG,wBAAgB,kBAAkB,IAAI,mBAAmB,GAAG,IAAI,CAE/D;AAED,iFAAiF;AACjF,wBAAgB,gBAAgB,IAAI,WAAW,CAAC,mBAAmB,CAAC,MAAM,CAAC,CAAC,CAE3E;AAED,8FAA8F;AAC9F,wBAAgB,oBAAoB,IAAI,mBAAmB,CAAC,SAAS,CAAC,CAErE;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,GAAG,IAAI,CAE/D;AAED,wBAAgB,UAAU,IAAI,mBAAmB,CAQhD;AAQD,uEAAuE;AACvE,wBAAgB,QAAQ,IAAI,WAAW,CAAC,WAAW,CAAC,CAWnD;AAED,wBAAgB,aAAa,IAAI,WAAW,CAAC,UAAU,GAAG,SAAS,CAAC,CAKnE;AAED,wBAAgB,eAAe,IAAI,WAAW,CAAC,gBAAgB,CAAC,CAE/D;AAQD,0EAA0E;AAC1E,wBAAgB,IAAI,IAAI,UAAU,CAAC,GAAG,CAAC,CAItC;AAED,yFAAyF;AACzF,wBAAgB,SAAS,IAAI,UAAU,CAAC,QAAQ,CAAC,CAIhD;AASD,6EAA6E;AAC7E,wBAAgB,eAAe,IAAI,WAAW,CAAC,kBAAkB,CAAC,CAOjE;AAED,wBAAgB,YAAY,IAAI,WAAW,CAAC,KAAK,GAAG,KAAK,CAAC,CAOzD;AAED,yGAAyG;AACzG,wBAAgB,YAAY,IAAI,WAAW,CAAC,eAAe,CAAC,CAoB3D;AAED,wBAAgB,eAAe,IAAI,YAAY,CAE9C;AAED,wBAAgB,WAAW,IAAI,iBAAiB,CAAC,YAAY,CAAC,CAE7D;AAED;;;GAGG;AACH,wBAAgB,mBAAmB,IAAI,iBAAiB,CAAC,YAAY,CAAC,GAAG,IAAI,CAE5E"}

package/dist/context.js

@@ -15,54 +15,57 @@ function f() {
 function p() {
 	return o(c, null)?.poll ?? t;
 }
-function m(e) {
+function m() {
+	return o(c, null)?.refresh;
+}
+function h(e) {
 	s(c, e);
 }
-function h() {
+function g() {
 	let e = o(c, null);
 	if (!e) throw Error("Alfakit components must be rendered inside createAlfakit().");
 	return e;
 }
-function g() {
+function _() {
 	let e = i();
 	return a(() => e.props);
 }
-function _() {
-	let e = o(l, null), t = g();
-	return a(() => n(e?.panel.value ?? t.value.alfakit, t.value.alfakitNavigationBadges));
-}
 function v() {
-	let e = o(l, null), t = g();
-	return a(() => e?.page.value ?? t.value.page);
+	let e = o(l, null), t = _();
+	return a(() => n(e?.panel.value ?? t.value.alfakit, t.value.alfakitNavigationBadges));
 }
 function y() {
-	return g();
+	let e = o(l, null), t = _();
+	return a(() => e?.page.value ?? t.value.page);
 }
 function b() {
-	return o(c, null)?.translator ?? r;
+	return _();
 }
 function x() {
-	let e = b();
-	return e.t.bind(e);
+	return o(c, null)?.translator ?? r;
 }
 function S() {
-	let e = b();
-	return e.choice.bind(e);
+	let e = x();
+	return e.t.bind(e);
 }
 function C() {
+	let e = x();
+	return e.choice.bind(e);
+}
+function w() {
 	let e = i();
 	return a(() => e.props);
 }
-function w() {
-	let e = o(l, null), t = C();
+function T() {
+	let e = o(l, null), t = w();
 	return a(() => (e?.panel.value ?? t.value?.alfakit)?.localization);
 }
-function T() {
-	let e = o(l, null), t = C();
+function E() {
+	let e = o(l, null), t = w();
 	return a(() => (e?.panel.value ?? t.value?.alfakit)?.localization?.direction ?? "ltr");
 }
-function E() {
-	let t = o(l, null), n = C(), r = a(() => {
+function D() {
+	let t = o(l, null), n = w(), r = a(() => {
 		let e = (t?.panel.value ?? n.value?.alfakit)?.localization;
 		return [
 			e?.tag ?? "en",
@@ -78,16 +81,16 @@ function E() {
 		}), i.formatter;
 	});
 }
-function D() {
-	return h().actions;
-}
 function O() {
-	return h().registry;
+	return g().actions;
 }
 function k() {
+	return g().registry;
+}
+function A() {
 	return o(c, null)?.registry ?? null;
 }
 //#endregion
-export { c as ALFAKIT_KEY, l as STANDALONE_KEY, m as provideAlfakit, u as provideStandalone, D as useActionRunner, h as useAlfakit, y as useAlfakitProps, S as useChoice, T as useDirection, E as useFormatter, w as useLocalization, f as useOptionalAlfakit, k as useOptionalRegistry, v as usePageSchema, _ as usePanel, p as usePollComponent, O as useRegistry, d as useStandalone, x as useT };
+export { c as ALFAKIT_KEY, l as STANDALONE_KEY, h as provideAlfakit, u as provideStandalone, O as useActionRunner, g as useAlfakit, b as useAlfakitProps, C as useChoice, E as useDirection, D as useFormatter, T as useLocalization, f as useOptionalAlfakit, A as useOptionalRegistry, y as usePageSchema, v as usePanel, p as usePollComponent, m as useRefreshComponents, k as useRegistry, d as useStandalone, S as useT };
 
 //# sourceMappingURL=context.js.map

package/dist/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":["globalTranslator","ALFAKIT_KEY","STANDALONE_KEY","provideStandalone","value","useStandalone","inject","useOptionalAlfakit","usePollComponent","pollComponent","provideAlfakit","useAlfakit","context","pageProps","page","usePage","computed","usePanel","standalone","props","resolvePanelNavigation","usePageSchema","useAlfakitProps","useTranslator","translator","useT","useChoice","optionalPageProps","useLocalization","useDirection","useFormatter","key","localization","cached","tag","currency","timezone","id","LocaleFormatter","useActionRunner","useRegistry","useOptionalRegistry"],"sources":["../src/context.ts"],"sourcesContent":["import {\n  translator as globalTranslator,\n  LocaleFormatter,\n  pollComponent,\n  resolvePanelNavigation,\n  type ActionRunner,\n  type AlfakitPageProps,\n  type ComponentRegistry,\n  type LocalizationSchema,\n  type PageSchema,\n  type PanelSchema,\n  type Translator,\n} from '@alfakit/core'\nimport { usePage } from '@inertiajs/vue3'\nimport {\n  computed,\n  inject,\n  provide,\n  type Component,\n  type ComputedRef,\n  type InjectionKey,\n  type Ref,\n} from 'vue'\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport type AnyComponent = Component<any>\n\nexport interface AlfakitContextValue {\n  registry: ComponentRegistry<AnyComponent>\n  pages: Record<string, AnyComponent>\n  actions: ActionRunner\n  translator: Translator\n  /**\n   * Polls a component (`table`, `widget:<id>`) and returns an unsubscribe. Panels use the\n   * shared `pollComponent()` (an Inertia partial reload); components outside panels fetch\n   * their own schemas by token.\n   */\n  poll?: (target: string, interval: string | number | null | undefined) => () => void\n}\n\nexport const ALFAKIT_KEY: InjectionKey<AlfakitContextValue> = Symbol('alfakit')\n\n/**\n * Outside panels there is no shared `alfakit` prop and no `page` prop: `<AlfakitComponent>`\n * provides both from its payload, and the composables below read them first.\n */\nexport interface StandaloneContextValue {\n  panel: Ref<PanelSchema>\n  page: Ref<PageSchema>\n}\n\nexport const STANDALONE_KEY: InjectionKey<StandaloneContextValue> = Symbol('alfakit.standalone')\n\nexport function provideStandalone(value: StandaloneContextValue): void {\n  provide(STANDALONE_KEY, value)\n}\n\nexport function useStandalone(): StandaloneContextValue | null {\n  return inject(STANDALONE_KEY, null)\n}\n\n/** The context the component renders in, or null outside `createAlfakit()` and `<AlfakitComponent>`. */\nexport function useOptionalAlfakit(): AlfakitContextValue | null {\n  return inject(ALFAKIT_KEY, null)\n}\n\n/** Poll a component (`table`, `widget:<id>`); the returned function stops it. */\nexport function usePollComponent(): NonNullable<AlfakitContextValue['poll']> {\n  return inject(ALFAKIT_KEY, null)?.poll ?? pollComponent\n}\n\nexport function provideAlfakit(value: AlfakitContextValue): void {\n  provide(ALFAKIT_KEY, value)\n}\n\nexport function useAlfakit(): AlfakitContextValue {\n  const context = inject(ALFAKIT_KEY, null)\n\n  if (!context) {\n    throw new Error('Alfakit components must be rendered inside createAlfakit().')\n  }\n\n  return context\n}\n\nfunction pageProps(): ComputedRef<AlfakitPageProps> {\n  const page = usePage<AlfakitPageProps>()\n\n  return computed(() => page.props)\n}\n\n/** The shared `alfakit` prop (panel, navigation, user, endpoints…). */\nexport function usePanel(): ComputedRef<PanelSchema> {\n  const standalone = inject(STANDALONE_KEY, null)\n  const props = pageProps()\n\n  // The navigation structure is a once prop; its active items and badges are merged in here.\n  return computed(() =>\n    resolvePanelNavigation(\n      standalone?.panel.value ?? props.value.alfakit,\n      props.value.alfakitNavigationBadges,\n    ),\n  )\n}\n\nexport function usePageSchema(): ComputedRef<PageSchema | undefined> {\n  const standalone = inject(STANDALONE_KEY, null)\n  const props = pageProps()\n\n  return computed(() => standalone?.page.value ?? props.value.page)\n}\n\nexport function useAlfakitProps(): ComputedRef<AlfakitPageProps> {\n  return pageProps()\n}\n\nfunction useTranslator(): Translator {\n  // Primitives may render outside createAlfakit() (tests, Storybook); fall back to the\n  // shared translator so they still show their English defaults.\n  return inject(ALFAKIT_KEY, null)?.translator ?? globalTranslator\n}\n\n/** `t('table.showing', { first: 1, last: 10, total: 42 }, 'Fallback')` */\nexport function useT(): Translator['t'] {\n  const translator = useTranslator()\n\n  return translator.t.bind(translator)\n}\n\n/** Plural-aware lines: `choice('table.selected', 3)` (Laravel `trans_choice` syntax). */\nexport function useChoice(): Translator['choice'] {\n  const translator = useTranslator()\n\n  return translator.choice.bind(translator)\n}\n\n/** The page's Inertia props; undefined when rendered outside an Inertia app (tests). */\nfunction optionalPageProps(): ComputedRef<AlfakitPageProps | undefined> {\n  const page = usePage<AlfakitPageProps>()\n\n  return computed(() => page.props as AlfakitPageProps | undefined)\n}\n\n/** The current language, direction, currency, timezone and language list. */\nexport function useLocalization(): ComputedRef<LocalizationSchema> {\n  const standalone = inject(STANDALONE_KEY, null)\n  const props = optionalPageProps()\n\n  return computed(\n    () => (standalone?.panel.value ?? props.value?.alfakit)?.localization as LocalizationSchema,\n  )\n}\n\nexport function useDirection(): ComputedRef<'ltr' | 'rtl'> {\n  const standalone = inject(STANDALONE_KEY, null)\n  const props = optionalPageProps()\n\n  return computed(\n    () => (standalone?.panel.value ?? props.value?.alfakit)?.localization?.direction ?? 'ltr',\n  )\n}\n\n/** `Intl` formatting in the user's locale: `format.value.money(12.5)`, `format.value.relative(date)`. */\nexport function useFormatter(): ComputedRef<LocaleFormatter> {\n  const standalone = inject(STANDALONE_KEY, null)\n  const props = optionalPageProps()\n  const key = computed(() => {\n    const localization = (standalone?.panel.value ?? props.value?.alfakit)?.localization\n\n    return [localization?.tag ?? 'en', localization?.currency ?? 'USD', localization?.timezone]\n  })\n  let cached: { key: string; formatter: LocaleFormatter } | null = null\n\n  return computed(() => {\n    const [tag, currency, timezone] = key.value\n    const id = `${tag}|${currency}|${timezone ?? ''}`\n\n    if (cached?.key !== id) {\n      cached = { key: id, formatter: new LocaleFormatter(tag, currency, timezone) }\n    }\n\n    return cached.formatter\n  })\n}\n\nexport function useActionRunner(): ActionRunner {\n  return useAlfakit().actions\n}\n\nexport function useRegistry(): ComponentRegistry<AnyComponent> {\n  return useAlfakit().registry\n}\n\n/**\n * The component registry when rendered inside `createAlfakit()`, otherwise null (primitives\n * rendered on their own in tests or Storybook).\n */\nexport function useOptionalRegistry(): ComponentRegistry<AnyComponent> | null {\n  return inject(ALFAKIT_KEY, null)?.registry ?? null\n}\n"],"mappings":"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"}
+{"version":3,"file":"context.js","names":["globalTranslator","ALFAKIT_KEY","STANDALONE_KEY","provideStandalone","value","useStandalone","inject","useOptionalAlfakit","usePollComponent","pollComponent","useRefreshComponents","provideAlfakit","useAlfakit","context","pageProps","page","usePage","computed","usePanel","standalone","props","resolvePanelNavigation","usePageSchema","useAlfakitProps","useTranslator","translator","useT","useChoice","optionalPageProps","useLocalization","useDirection","useFormatter","key","localization","cached","tag","currency","timezone","id","LocaleFormatter","useActionRunner","useRegistry","useOptionalRegistry"],"sources":["../src/context.ts"],"sourcesContent":["import {\n  translator as globalTranslator,\n  LocaleFormatter,\n  pollComponent,\n  resolvePanelNavigation,\n  type ActionRunner,\n  type AlfakitPageProps,\n  type ComponentRegistry,\n  type LocalizationSchema,\n  type PageSchema,\n  type PanelSchema,\n  type Translator,\n} from '@alfakit/core'\nimport { usePage } from '@inertiajs/vue3'\nimport {\n  computed,\n  inject,\n  provide,\n  type Component,\n  type ComputedRef,\n  type InjectionKey,\n  type Ref,\n} from 'vue'\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport type AnyComponent = Component<any>\n\nexport interface AlfakitContextValue {\n  registry: ComponentRegistry<AnyComponent>\n  pages: Record<string, AnyComponent>\n  actions: ActionRunner\n  translator: Translator\n  /**\n   * Polls a component (`table`, `widget:<id>`) and returns an unsubscribe. Panels use the\n   * shared `pollComponent()` (an Inertia partial reload); components outside panels fetch\n   * their own schemas by token.\n   */\n  poll?: (target: string, interval: string | number | null | undefined) => () => void\n  /**\n   * Fetches fresh schemas of components now (`live()` tables and widgets after a record\n   * change). Panels leave it out (a partial reload); components outside panels fetch theirs.\n   */\n  refresh?: (targets: string[]) => Promise<void>\n}\n\nexport const ALFAKIT_KEY: InjectionKey<AlfakitContextValue> = Symbol('alfakit')\n\n/**\n * Outside panels there is no shared `alfakit` prop and no `page` prop: `<AlfakitComponent>`\n * provides both from its payload, and the composables below read them first.\n */\nexport interface StandaloneContextValue {\n  panel: Ref<PanelSchema>\n  page: Ref<PageSchema>\n}\n\nexport const STANDALONE_KEY: InjectionKey<StandaloneContextValue> = Symbol('alfakit.standalone')\n\nexport function provideStandalone(value: StandaloneContextValue): void {\n  provide(STANDALONE_KEY, value)\n}\n\nexport function useStandalone(): StandaloneContextValue | null {\n  return inject(STANDALONE_KEY, null)\n}\n\n/** The context the component renders in, or null outside `createAlfakit()` and `<AlfakitComponent>`. */\nexport function useOptionalAlfakit(): AlfakitContextValue | null {\n  return inject(ALFAKIT_KEY, null)\n}\n\n/** Poll a component (`table`, `widget:<id>`); the returned function stops it. */\nexport function usePollComponent(): NonNullable<AlfakitContextValue['poll']> {\n  return inject(ALFAKIT_KEY, null)?.poll ?? pollComponent\n}\n\n/** How `live()` components refresh: their own fetch outside panels, else a partial reload. */\nexport function useRefreshComponents(): AlfakitContextValue['refresh'] {\n  return inject(ALFAKIT_KEY, null)?.refresh\n}\n\nexport function provideAlfakit(value: AlfakitContextValue): void {\n  provide(ALFAKIT_KEY, value)\n}\n\nexport function useAlfakit(): AlfakitContextValue {\n  const context = inject(ALFAKIT_KEY, null)\n\n  if (!context) {\n    throw new Error('Alfakit components must be rendered inside createAlfakit().')\n  }\n\n  return context\n}\n\nfunction pageProps(): ComputedRef<AlfakitPageProps> {\n  const page = usePage<AlfakitPageProps>()\n\n  return computed(() => page.props)\n}\n\n/** The shared `alfakit` prop (panel, navigation, user, endpoints…). */\nexport function usePanel(): ComputedRef<PanelSchema> {\n  const standalone = inject(STANDALONE_KEY, null)\n  const props = pageProps()\n\n  // The navigation structure is a once prop; its active items and badges are merged in here.\n  return computed(() =>\n    resolvePanelNavigation(\n      standalone?.panel.value ?? props.value.alfakit,\n      props.value.alfakitNavigationBadges,\n    ),\n  )\n}\n\nexport function usePageSchema(): ComputedRef<PageSchema | undefined> {\n  const standalone = inject(STANDALONE_KEY, null)\n  const props = pageProps()\n\n  return computed(() => standalone?.page.value ?? props.value.page)\n}\n\nexport function useAlfakitProps(): ComputedRef<AlfakitPageProps> {\n  return pageProps()\n}\n\nfunction useTranslator(): Translator {\n  // Primitives may render outside createAlfakit() (tests, Storybook); fall back to the\n  // shared translator so they still show their English defaults.\n  return inject(ALFAKIT_KEY, null)?.translator ?? globalTranslator\n}\n\n/** `t('table.showing', { first: 1, last: 10, total: 42 }, 'Fallback')` */\nexport function useT(): Translator['t'] {\n  const translator = useTranslator()\n\n  return translator.t.bind(translator)\n}\n\n/** Plural-aware lines: `choice('table.selected', 3)` (Laravel `trans_choice` syntax). */\nexport function useChoice(): Translator['choice'] {\n  const translator = useTranslator()\n\n  return translator.choice.bind(translator)\n}\n\n/** The page's Inertia props; undefined when rendered outside an Inertia app (tests). */\nfunction optionalPageProps(): ComputedRef<AlfakitPageProps | undefined> {\n  const page = usePage<AlfakitPageProps>()\n\n  return computed(() => page.props as AlfakitPageProps | undefined)\n}\n\n/** The current language, direction, currency, timezone and language list. */\nexport function useLocalization(): ComputedRef<LocalizationSchema> {\n  const standalone = inject(STANDALONE_KEY, null)\n  const props = optionalPageProps()\n\n  return computed(\n    () => (standalone?.panel.value ?? props.value?.alfakit)?.localization as LocalizationSchema,\n  )\n}\n\nexport function useDirection(): ComputedRef<'ltr' | 'rtl'> {\n  const standalone = inject(STANDALONE_KEY, null)\n  const props = optionalPageProps()\n\n  return computed(\n    () => (standalone?.panel.value ?? props.value?.alfakit)?.localization?.direction ?? 'ltr',\n  )\n}\n\n/** `Intl` formatting in the user's locale: `format.value.money(12.5)`, `format.value.relative(date)`. */\nexport function useFormatter(): ComputedRef<LocaleFormatter> {\n  const standalone = inject(STANDALONE_KEY, null)\n  const props = optionalPageProps()\n  const key = computed(() => {\n    const localization = (standalone?.panel.value ?? props.value?.alfakit)?.localization\n\n    return [localization?.tag ?? 'en', localization?.currency ?? 'USD', localization?.timezone]\n  })\n  let cached: { key: string; formatter: LocaleFormatter } | null = null\n\n  return computed(() => {\n    const [tag, currency, timezone] = key.value\n    const id = `${tag}|${currency}|${timezone ?? ''}`\n\n    if (cached?.key !== id) {\n      cached = { key: id, formatter: new LocaleFormatter(tag, currency, timezone) }\n    }\n\n    return cached.formatter\n  })\n}\n\nexport function useActionRunner(): ActionRunner {\n  return useAlfakit().actions\n}\n\nexport function useRegistry(): ComponentRegistry<AnyComponent> {\n  return useAlfakit().registry\n}\n\n/**\n * The component registry when rendered inside `createAlfakit()`, otherwise null (primitives\n * rendered on their own in tests or Storybook).\n */\nexport function useOptionalRegistry(): ComponentRegistry<AnyComponent> | null {\n  return inject(ALFAKIT_KEY, null)?.registry ?? null\n}\n"],"mappings":";;;;AA6CA,IAAaC,IAAiD,OAAO,SAAS,GAWjEC,IAAuD,OAAO,oBAAoB;AAE/F,SAAgBC,EAAkB,GAAqC;CACrE,EAAQD,GAAgBE,CAAK;AAC/B;AAEA,SAAgBC,IAA+C;CAC7D,OAAOC,EAAOJ,GAAgB,IAAI;AACpC;AAGA,SAAgBK,IAAiD;CAC/D,OAAOD,EAAOL,GAAa,IAAI;AACjC;AAGA,SAAgBO,IAA6D;CAC3E,OAAOF,EAAOL,GAAa,IAAI,CAAC,EAAE,QAAQQ;AAC5C;AAGA,SAAgBC,IAAuD;CACrE,OAAOJ,EAAOL,GAAa,IAAI,CAAC,EAAE;AACpC;AAEA,SAAgBU,EAAe,GAAkC;CAC/D,EAAQV,GAAaG,CAAK;AAC5B;AAEA,SAAgBQ,IAAkC;CAChD,IAAMC,IAAUP,EAAOL,GAAa,IAAI;CAExC,IAAI,CAACY,GACH,MAAU,MAAM,6DAA6D;CAG/E,OAAOA;AACT;AAEA,SAASC,IAA2C;CAClD,IAAMC,IAAOC,EAA0B;CAEvC,OAAOC,QAAeF,EAAK,KAAK;AAClC;AAGA,SAAgBG,IAAqC;CACnD,IAAMC,IAAab,EAAOJ,GAAgB,IAAI,GACxCkB,IAAQN,EAAU;CAGxB,OAAOG,QACLI,EACEF,GAAY,MAAM,SAASC,EAAM,MAAM,SACvCA,EAAM,MAAM,uBACd,CACF;AACF;AAEA,SAAgBE,IAAqD;CACnE,IAAMH,IAAab,EAAOJ,GAAgB,IAAI,GACxCkB,IAAQN,EAAU;CAExB,OAAOG,QAAeE,GAAY,KAAK,SAASC,EAAM,MAAM,IAAI;AAClE;AAEA,SAAgBG,IAAiD;CAC/D,OAAOT,EAAU;AACnB;AAEA,SAASU,IAA4B;CAGnC,OAAOlB,EAAOL,GAAa,IAAI,CAAC,EAAE,cAAcD;AAClD;AAGA,SAAgB0B,IAAwB;CACtC,IAAMD,IAAaD,EAAc;CAEjC,OAAOC,EAAW,EAAE,KAAKA,CAAU;AACrC;AAGA,SAAgBE,IAAkC;CAChD,IAAMF,IAAaD,EAAc;CAEjC,OAAOC,EAAW,OAAO,KAAKA,CAAU;AAC1C;AAGA,SAASG,IAA+D;CACtE,IAAMb,IAAOC,EAA0B;CAEvC,OAAOC,QAAeF,EAAK,KAAqC;AAClE;AAGA,SAAgBc,IAAmD;CACjE,IAAMV,IAAab,EAAOJ,GAAgB,IAAI,GACxCkB,IAAQQ,EAAkB;CAEhC,OAAOX,SACEE,GAAY,MAAM,SAASC,EAAM,OAAO,QAAA,EAAU,YAC3D;AACF;AAEA,SAAgBU,IAA2C;CACzD,IAAMX,IAAab,EAAOJ,GAAgB,IAAI,GACxCkB,IAAQQ,EAAkB;CAEhC,OAAOX,SACEE,GAAY,MAAM,SAASC,EAAM,OAAO,QAAA,EAAU,cAAc,aAAa,KACtF;AACF;AAGA,SAAgBW,IAA6C;CAC3D,IAAMZ,IAAab,EAAOJ,GAAgB,IAAI,GACxCkB,IAAQQ,EAAkB,GAC1BI,IAAMf,QAAe;EACzB,IAAMgB,KAAgBd,GAAY,MAAM,SAASC,EAAM,OAAO,QAAA,EAAU;EAExE,OAAO;GAACa,GAAc,OAAO;GAAMA,GAAc,YAAY;GAAOA,GAAc;EAAQ;CAC5F,CAAC,GACGC,IAA6D;CAEjE,OAAOjB,QAAe;EACpB,IAAM,CAACkB,GAAKC,GAAUC,KAAYL,EAAI,OAChCM,IAAK,GAAGH,EAAI,GAAGC,EAAS,GAAGC,KAAY;EAM7C,OAJIH,GAAQ,QAAQI,MAClB,IAAS;GAAE,KAAKA;GAAI,WAAW,IAAIC,EAAgBJ,GAAKC,GAAUC,CAAQ;EAAE,IAGvEH,EAAO;CAChB,CAAC;AACH;AAEA,SAAgBM,IAAgC;CAC9C,OAAO5B,EAAW,CAAC,CAAC;AACtB;AAEA,SAAgB6B,IAA+C;CAC7D,OAAO7B,EAAW,CAAC,CAAC;AACtB;AAMA,SAAgB8B,IAA8D;CAC5E,OAAOpC,EAAOL,GAAa,IAAI,CAAC,EAAE,YAAY;AAChD"}

package/dist/create-alfakit.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"create-alfakit.d.ts","sourceRoot":"","sources":["../src/create-alfakit.ts"],"names":[],"mappings":"AAAA,OAAO,EAkBL,KAAK,cAAc,EAIpB,MAAM,eAAe,CAAA;AACtB,OAAO,KAAK,EAAE,qBAAqB,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAA;AAElE,OAAO,KAAK,EAAE,GAAG,EAAmB,MAAM,KAAK,CAAA;AAG/C,OAAO,EAAyC,KAAK,YAAY,EAAE,MAAM,WAAW,CAAA;AAMpF,MAAM,WAAW,oBAAqB,SAAQ,cAAc,CAAC,YAAY,CAAC;IACxE,2FAA2F;IAC3F,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAA;CAC7B;AAED,uFAAuF;AACvF,MAAM,MAAM,qBAAqB,GAAG,CAClC,IAAI,EAAE,IAAI,EACV,cAAc,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,OAAO,CAAC,MAAM,CAAC,KAC1C,OAAO,CAAC,qBAAqB,CAAC,CAAA;AAEnC;;;;GAIG;AACH,wBAAgB,WAAW,CACzB,OAAO,GAAE,oBAAyB,GACjC,OAAO,CAAC,IAAI,GAAG,qBAAqB,CAAC,CAoJvC;AAED;;;;;;;;;;;GAWG;AACH,wBAAsB,aAAa,CAAC,OAAO,GAAE,oBAAyB,GAAG,OAAO,CAAC,IAAI,CAAC,CAKrF"}
+{"version":3,"file":"create-alfakit.d.ts","sourceRoot":"","sources":["../src/create-alfakit.ts"],"names":[],"mappings":"AAAA,OAAO,EAmBL,KAAK,cAAc,EAIpB,MAAM,eAAe,CAAA;AACtB,OAAO,KAAK,EAAE,qBAAqB,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAA;AAElE,OAAO,KAAK,EAAE,GAAG,EAAmB,MAAM,KAAK,CAAA;AAG/C,OAAO,EAAyC,KAAK,YAAY,EAAE,MAAM,WAAW,CAAA;AAOpF,MAAM,WAAW,oBAAqB,SAAQ,cAAc,CAAC,YAAY,CAAC;IACxE,2FAA2F;IAC3F,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAA;CAC7B;AAED,uFAAuF;AACvF,MAAM,MAAM,qBAAqB,GAAG,CAClC,IAAI,EAAE,IAAI,EACV,cAAc,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,OAAO,CAAC,MAAM,CAAC,KAC1C,OAAO,CAAC,qBAAqB,CAAC,CAAA;AAEnC;;;;GAIG;AACH,wBAAgB,WAAW,CACzB,OAAO,GAAE,oBAAyB,GACjC,OAAO,CAAC,IAAI,GAAG,qBAAqB,CAAC,CAuJvC;AAED;;;;;;;;;;;GAWG;AACH,wBAAsB,aAAa,CAAC,OAAO,GAAE,oBAAyB,GAAG,OAAO,CAAC,IAAI,CAAC,CAKrF"}

package/dist/create-alfakit.js

@@ -4,66 +4,68 @@ import { showToast as n } from "./components/notifications/flash-toasts.js";
 import { discoverComponents as r } from "./lib/discovery.js";
 import { builtInComponents as i, createDefaultRegistry as a } from "./registry.js";
 import o from "./AlfakitRoot.js";
-import s from "./pages/AlfakitPage.js";
-import { ActionRunner as c, Translator as l, applyDocumentLocale as u, applyPanelTheme as d, configureCharts as f, configureRealtime as p, debugRecorder as m, effectiveErrorNotifications as h, initializeAppearance as g, installErrorNotifications as _, installPrefetchInvalidation as v, installSpaUrlExceptions as y, registerRichEditorExtensions as b, reloadOnExpiredPage as x, resolveRequestErrorNotification as S, setRequestErrorReporter as C, whenIdle as w } from "@alfakit/core";
-import { createInertiaApp as T, router as E } from "@inertiajs/vue3";
+import { panelLayouts as s } from "./layouts/panel-layouts.js";
+import c from "./pages/AlfakitPage.js";
+import { ActionRunner as l, Translator as u, applyDocumentLocale as d, applyPanelTheme as f, configureCharts as p, configureRealtime as m, debugRecorder as h, documentNonce as g, effectiveErrorNotifications as _, initializeAppearance as v, installErrorNotifications as y, installPrefetchInvalidation as b, installSpaUrlExceptions as x, registerRichEditorExtensions as S, reloadOnExpiredPage as C, resolveRequestErrorNotification as w, setRequestErrorReporter as T, whenIdle as E } from "@alfakit/core";
+import { createInertiaApp as D, router as O } from "@inertiajs/vue3";
 //#region src/create-alfakit.ts
-function D(w = {}) {
-	let D = r(w.discover), O = a().registerMany(D.components).registerMany(w.components ?? {}), k = {
-		"Alfakit/Page": s,
-		...D.pages,
-		...w.pages
-	}, A = typeof window > "u";
-	t(), f(w), w.echo !== void 0 && !A && p(null, { echo: w.echo }), b(w.richEditorExtensions ?? {});
-	let j = null, M, N = () => {
-		let e = new l();
+function k(E = {}) {
+	let k = r(E.discover), A = a().registerMany(s).registerMany(k.components).registerMany(E.components ?? {}), j = {
+		"Alfakit/Page": c,
+		...k.pages,
+		...E.pages
+	}, M = typeof window > "u";
+	t(), p(E), E.echo !== void 0 && !M && m(null, { echo: E.echo }), S(E.richEditorExtensions ?? {});
+	let N = null, P, F = () => {
+		let e = new u();
 		return {
-			registry: O,
-			pages: k,
+			registry: A,
+			pages: j,
 			translator: e,
-			actions: new c({
+			actions: new l({
 				endpoints: {
 					action: "",
 					modal: ""
 				},
 				onError: (t) => {
-					let r = S(t, M, (t, n, r) => e.t(t, n, r));
+					let r = w(t, P, (t, n, r) => e.t(t, n, r));
 					r && n(r);
 				}
 			})
 		};
-	}, P = A ? null : N(), F = (e, t, n) => {
+	}, I = M ? null : F(), L = (e, t, n) => {
 		let r = t.props, i = r.alfakit;
-		i && (e === P && (j = i, M = h(i, r.page)), e.translator.setTranslations(i.translations ?? {}), e.translator.setLocale(i.localization?.tag ?? "en"), e.actions.setEndpoints({
+		i && (e === I && (N = i, P = _(i, r.page)), e.translator.setTranslations(i.translations ?? {}), e.translator.setLocale(i.localization?.tag ?? "en"), e.actions.setEndpoints({
 			action: i.endpoints.action ?? "",
 			modal: i.endpoints.modal ?? ""
-		}), n && (u(i.localization), d(i), m.setEnabled(r.alfakitDebug !== void 0)));
+		}), n && (d(i.localization), f(i), h.setEnabled(r.alfakitDebug !== void 0)));
 	};
-	return P && (E.on("navigate", (e) => F(P, e.detail.page, !0)), x(), v(), y(() => j), _(() => ({ errorNotifications: M }), (e) => n(e)), C((e) => {
-		let t = S(e, M, (e, t, n) => P.translator.t(e, t, n));
+	return I && (O.on("navigate", (e) => L(I, e.detail.page, !0)), C(), b(), x(() => N), y(() => ({ errorNotifications: P }), (e) => n(e)), T((e) => {
+		let t = w(e, P, (e, t, n) => I.translator.t(e, t, n));
 		t && n(t);
-	})), T({
+	})), D({
 		title: (e) => e,
-		progress: w.progress === void 0 ? { color: "var(--primary)" } : w.progress,
+		progress: E.progress === void 0 ? { color: "var(--primary)" } : E.progress,
+		nonce: g(),
 		resolve: (e, t) => {
-			let n = k[e];
+			let n = j[e];
 			if (!n) throw Error(`Alfakit: page component "${e}" is not registered. Pass it to createAlfakit({ pages }).`);
-			let r = [i.preloadFor(t), D.discovery.preloadFor(t)].filter((e) => e !== void 0), a = r.length > 0 ? Promise.all(r) : void 0;
+			let r = [i.preloadFor(t), k.discovery.preloadFor(t)].filter((e) => e !== void 0), a = r.length > 0 ? Promise.all(r) : void 0;
 			return a ? a.then(() => n) : n;
 		},
 		layout: () => o,
 		withApp: (t, { page: n, ssr: r }) => {
-			let i = P ?? N();
-			F(i, n, !r);
+			let i = I ?? F();
+			L(i, n, !r);
 			let a = n.props.alfakit;
-			!r && a && g(a), t.provide(e, i), w.withApp?.(t);
+			!r && a && v(a), t.provide(e, i), E.withApp?.(t);
 		}
 	});
 }
-async function O(e = {}) {
-	await D(e), w(() => void i.preloadAll());
+async function A(e = {}) {
+	await k(e), E(() => void i.preloadAll());
 }
 //#endregion
-export { D as bootAlfakit, O as createAlfakit };
+export { k as bootAlfakit, A as createAlfakit };
 
 //# sourceMappingURL=create-alfakit.js.map