@alfakit/vue 0.1.9 → 0.1.11

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

@@ -1 +1 @@
-{"version":3,"file":"TabsTrigger.js","names":["_sfc_main","TabsTrigger_vue_vue_type_script_setup_true_lang_default","TabsTrigger_default"],"sources":["../../../src/components/ui/TabsTrigger.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { reactiveOmit } from '@vueuse/core'\nimport { TabsTrigger, useForwardProps, type TabsTriggerProps } from 'reka-ui'\nimport type { HTMLAttributes } from 'vue'\nimport { cn } from '../../lib/utils'\n\nconst props = defineProps<TabsTriggerProps & { class?: HTMLAttributes['class'] }>()\nconst forwarded = useForwardProps(reactiveOmit(props, 'class'))\n</script>\n\n<template>\n  <TabsTrigger\n    v-bind=\"forwarded\"\n    data-slot=\"tabs-trigger\"\n    :class=\"\n      cn(\n        'data-[state=active]:bg-background dark:data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 text-foreground dark:text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=\\'size-\\'])]:size-4',\n        props.class,\n      )\n    \"\n  >\n    <slot />\n  </TabsTrigger>\n</template>\n"],"mappings":""}
+{"version":3,"file":"TabsTrigger.js","names":["_sfc_main","TabsTrigger_vue_vue_type_script_setup_true_lang_default","TabsTrigger_default"],"sources":["../../../src/components/ui/TabsTrigger.vue"],"mappings":""}

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

@@ -1 +1 @@
-{"version":3,"file":"TabsTrigger.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","_unref","_mergeProps","_withCtx","_renderSlot","TabsTrigger_vue_vue_type_script_setup_true_lang_default","props","__props","forwarded","useForwardProps","reactiveOmit","openBlock","createBlock","unref","TabsTrigger","mergeProps","cn","withCtx","renderSlot","_ctx"],"sources":["../../../src/components/ui/TabsTrigger.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { reactiveOmit } from '@vueuse/core'\nimport { TabsTrigger, useForwardProps, type TabsTriggerProps } from 'reka-ui'\nimport type { HTMLAttributes } from 'vue'\nimport { cn } from '../../lib/utils'\n\nconst props = defineProps<TabsTriggerProps & { class?: HTMLAttributes['class'] }>()\nconst forwarded = useForwardProps(reactiveOmit(props, 'class'))\n</script>\n\n<template>\n  <TabsTrigger\n    v-bind=\"forwarded\"\n    data-slot=\"tabs-trigger\"\n    :class=\"\n      cn(\n        'data-[state=active]:bg-background dark:data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 text-foreground dark:text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=\\'size-\\'])]:size-4',\n        props.class,\n      )\n    \"\n  >\n    <slot />\n  </TabsTrigger>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;EAMA,IAAMO,IAAQC,GACRC,IAAYC,EAAgBC,EAAaJ,GAAO,OAAO,CAAC;oBAI5DP,EAAA,GAAAC,EAWcC,EAAAa,CAAA,GAXdZ,EACUD,EAUIO,CAAA,GAVK;GACjB,aAAU;GACT,OAAcP,EAAAe,CAAA,CAAE,CAAA,mqBAAurBV,EAAM,KAAA;;GAO9sB,SAAAH,QAAQ,CAARC,EAAQe,EAAA,QAAA,SAAA,CAAA,CAAA"}
+{"version":3,"file":"TabsTrigger.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","_unref","_mergeProps","_withCtx","_renderSlot","TabsTrigger_vue_vue_type_script_setup_true_lang_default","props","__props","forwarded","useForwardProps","reactiveOmit","openBlock","createBlock","unref","TabsTrigger","mergeProps","cn","withCtx","renderSlot","_ctx"],"sources":["../../../src/components/ui/TabsTrigger.vue"],"mappings":";;;;;;;;;;;;;;;;;;;;;EAMA,IAAMO,IAAQC,GACRC,IAAYC,EAAgBC,EAAaJ,GAAO,OAAO,CAAC;oBAI5DP,EAAA,GAAAC,EAWcC,EAAAa,CAAA,GAXdZ,EACUD,EAUIO,CAAA,GAVK;GACjB,aAAU;GACT,OAAcP,EAAAe,CAAA,CAAE,CAAA,mqBAAurBV,EAAM,KAAA;;GAO9sB,SAAAH,QAAQ,CAARC,EAAQe,EAAA,QAAA,SAAA,CAAA,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"Textarea.js","names":["_sfc_main","Textarea_vue_vue_type_script_setup_true_lang_default","Textarea_default"],"sources":["../../../src/components/ui/Textarea.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { HTMLAttributes } from 'vue'\nimport { cn } from '../../lib/utils'\n\nconst props = defineProps<{ class?: HTMLAttributes['class']; modelValue?: string | null }>()\nconst emit = defineEmits<{ 'update:modelValue': [value: string] }>()\n\ndefineOptions({ inheritAttrs: false })\n</script>\n\n<template>\n  <textarea\n    v-bind=\"$attrs\"\n    data-slot=\"textarea\"\n    :value=\"props.modelValue ?? ''\"\n    :class=\"\n      cn(\n        'border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm',\n        props.class,\n      )\n    \"\n    @input=\"emit('update:modelValue', ($event.target as HTMLTextAreaElement).value)\"\n  />\n</template>\n"],"mappings":""}
+{"version":3,"file":"Textarea.js","names":["_sfc_main","Textarea_vue_vue_type_script_setup_true_lang_default","Textarea_default"],"sources":["../../../src/components/ui/Textarea.vue"],"mappings":""}

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

@@ -1 +1 @@
-{"version":3,"file":"Textarea.vue_vue_type_script_setup_true_lang.js","names":["$attrs","_openBlock","_createElementBlock","_mergeProps","_unref","_hoisted_1","Textarea_vue_vue_type_script_setup_true_lang_default","__emit","props","__props","emit","openBlock","createElementBlock","mergeProps","_ctx","unref","cn","_cache","$event"],"sources":["../../../src/components/ui/Textarea.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { HTMLAttributes } from 'vue'\nimport { cn } from '../../lib/utils'\n\nconst props = defineProps<{ class?: HTMLAttributes['class']; modelValue?: string | null }>()\nconst emit = defineEmits<{ 'update:modelValue': [value: string] }>()\n\ndefineOptions({ inheritAttrs: false })\n</script>\n\n<template>\n  <textarea\n    v-bind=\"$attrs\"\n    data-slot=\"textarea\"\n    :value=\"props.modelValue ?? ''\"\n    :class=\"\n      cn(\n        'border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm',\n        props.class,\n      )\n    \"\n    @input=\"emit('update:modelValue', ($event.target as HTMLTextAreaElement).value)\"\n  />\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;EAIA,IAAMQ,IAAQC,GACRC,IAAOH;oBAMXN,EAAA,GAAAC,EAWE,YAXFC,EACUH,EAUR,QAVc;GACd,aAAU;GACT,OAAOQ,EAAM,cAAU;GACvB,OAAcJ,EAAAY,CAAA,CAAE,CAAA,ucAAydR,EAAM,KAAA;GAM/e,SAAK,AAAAS,EAAA,QAAA,MAAEP,EAAI,qBAAuBQ,EAAO,OAA+B,KAAK"}
+{"version":3,"file":"Textarea.vue_vue_type_script_setup_true_lang.js","names":["$attrs","_openBlock","_createElementBlock","_mergeProps","_unref","_hoisted_1","Textarea_vue_vue_type_script_setup_true_lang_default","__emit","props","__props","emit","openBlock","createElementBlock","mergeProps","_ctx","unref","cn","_cache","$event"],"sources":["../../../src/components/ui/Textarea.vue"],"mappings":";;;;;;;;;;;;;;;;;;EAIA,IAAMQ,IAAQC,GACRC,IAAOH;oBAMXN,EAAA,GAAAC,EAWE,YAXFC,EACUH,EAUR,QAVc;GACd,aAAU;GACT,OAAOQ,EAAM,cAAU;GACvB,OAAcJ,EAAAY,CAAA,CAAE,CAAA,ucAAydR,EAAM,KAAA;GAM/e,SAAK,AAAAS,EAAA,QAAA,MAAEP,EAAI,qBAAuBQ,EAAO,OAA+B,KAAK"}

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

@@ -1 +1 @@
-{"version":3,"file":"Toaster.js","names":["_sfc_main","Toaster_vue_vue_type_script_setup_true_lang_default","Toaster_default"],"sources":["../../../src/components/ui/Toaster.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { CircleCheckIcon, CircleXIcon, InfoIcon, Loader2Icon, TriangleAlertIcon } from '@lucide/vue'\nimport { Toaster as Sonner, type ToasterProps } from 'vue-sonner'\nimport { useT } from '../../context'\n\nconst props = withDefaults(defineProps<ToasterProps>(), { theme: 'system' })\nconst t = useT()\n</script>\n\n<template>\n  <!-- vue-sonner appends the hotkey to the container label: \"Notifications alt+T\". -->\n  <Sonner\n    class=\"toaster group\"\n    v-bind=\"props\"\n    :container-aria-label=\"props.containerAriaLabel ?? t('notifications', {}, 'Notifications')\"\n    :toast-options=\"{\n      closeButtonAriaLabel: t('close_notification', {}, 'Close notification'),\n      ...props.toastOptions,\n    }\"\n    :style=\"{\n      '--normal-bg': 'var(--popover)',\n      '--normal-text': 'var(--popover-foreground)',\n      '--normal-border': 'var(--border)',\n    }\"\n  >\n    <template #success-icon><CircleCheckIcon class=\"size-4\" /></template>\n    <template #info-icon><InfoIcon class=\"size-4\" /></template>\n    <template #warning-icon><TriangleAlertIcon class=\"size-4\" /></template>\n    <template #error-icon><CircleXIcon class=\"size-4\" /></template>\n    <template #loading-icon><Loader2Icon class=\"size-4 animate-spin\" /></template>\n  </Sonner>\n</template>\n"],"mappings":""}
+{"version":3,"file":"Toaster.js","names":["_sfc_main","Toaster_vue_vue_type_script_setup_true_lang_default","Toaster_default"],"sources":["../../../src/components/ui/Toaster.vue"],"mappings":""}

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

@@ -1 +1 @@
-{"version":3,"file":"Toaster.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","_unref","Sonner","_mergeProps","_withCtx","_createVNode","Toaster_vue_vue_type_script_setup_true_lang_default","props","__props","t","useT","openBlock","createBlock","unref","Toaster","mergeProps","withCtx","createVNode","CircleCheckIcon","InfoIcon","TriangleAlertIcon","CircleXIcon","Loader2Icon"],"sources":["../../../src/components/ui/Toaster.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { CircleCheckIcon, CircleXIcon, InfoIcon, Loader2Icon, TriangleAlertIcon } from '@lucide/vue'\nimport { Toaster as Sonner, type ToasterProps } from 'vue-sonner'\nimport { useT } from '../../context'\n\nconst props = withDefaults(defineProps<ToasterProps>(), { theme: 'system' })\nconst t = useT()\n</script>\n\n<template>\n  <!-- vue-sonner appends the hotkey to the container label: \"Notifications alt+T\". -->\n  <Sonner\n    class=\"toaster group\"\n    v-bind=\"props\"\n    :container-aria-label=\"props.containerAriaLabel ?? t('notifications', {}, 'Notifications')\"\n    :toast-options=\"{\n      closeButtonAriaLabel: t('close_notification', {}, 'Close notification'),\n      ...props.toastOptions,\n    }\"\n    :style=\"{\n      '--normal-bg': 'var(--popover)',\n      '--normal-text': 'var(--popover-foreground)',\n      '--normal-border': 'var(--border)',\n    }\"\n  >\n    <template #success-icon><CircleCheckIcon class=\"size-4\" /></template>\n    <template #info-icon><InfoIcon class=\"size-4\" /></template>\n    <template #warning-icon><TriangleAlertIcon class=\"size-4\" /></template>\n    <template #error-icon><CircleXIcon class=\"size-4\" /></template>\n    <template #loading-icon><Loader2Icon class=\"size-4 animate-spin\" /></template>\n  </Sonner>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAKA,IAAMQ,IAAQC,GACRC,IAAIC,EAAK;oBAKbX,EAAA,GAAAC,EAmBSC,EAAAC,CAAA,GAnBTC,EAmBS,EAlBP,OAAM,gBAAe,GACbI,GAAK;GACZ,wBAAsBA,EAAM,sBAAsBN,EAAAQ,CAAA,CAAC,CAAA,iBAAA,CAAA,GAAA,eAAA;GACnD,iBAAa;IAAgC,sBAAAR,EAAAQ,CAAA,CAAC,CAAA,sBAAA,CAAA,GAAA,oBAAA;IAA2D,GAAAF,EAAM;;GAI/G,OAAO;;;;GAIP;;GAEU,gBAAYH,QAAmC,CAAlCC,EAAkCJ,EAAAiB,CAAA,GAAA,EAAjB,OAAM,SAAQ,CAAA,CAAA,CAAA;GAC5C,aAASd,QAA4B,CAA3BC,EAA2BJ,EAAAkB,CAAA,GAAA,EAAjB,OAAM,SAAQ,CAAA,CAAA,CAAA;GAClC,gBAAYf,QAAqC,CAApCC,EAAoCJ,EAAAmB,CAAA,GAAA,EAAjB,OAAM,SAAQ,CAAA,CAAA,CAAA;GAC9C,cAAUhB,QAA+B,CAA9BC,EAA8BJ,EAAAoB,CAAA,GAAA,EAAjB,OAAM,SAAQ,CAAA,CAAA,CAAA;GACtC,gBAAYjB,QAA4C,CAA3CC,EAA2CJ,EAAAqB,CAAA,GAAA,EAA9B,OAAM,sBAAqB,CAAA,CAAA,CAAA"}
+{"version":3,"file":"Toaster.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","_unref","Sonner","_mergeProps","_withCtx","_createVNode","Toaster_vue_vue_type_script_setup_true_lang_default","props","__props","t","useT","openBlock","createBlock","unref","Toaster","mergeProps","withCtx","createVNode","CircleCheckIcon","InfoIcon","TriangleAlertIcon","CircleXIcon","Loader2Icon"],"sources":["../../../src/components/ui/Toaster.vue"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAKA,IAAMQ,IAAQC,GACRC,IAAIC,EAAK;oBAKbX,EAAA,GAAAC,EAmBSC,EAAAC,CAAA,GAnBTC,EAmBS,EAlBP,OAAM,gBAAe,GACbI,GAAK;GACZ,wBAAsBA,EAAM,sBAAsBN,EAAAQ,CAAA,CAAC,CAAA,iBAAA,CAAA,GAAA,eAAA;GACnD,iBAAa;IAAgC,sBAAAR,EAAAQ,CAAA,CAAC,CAAA,sBAAA,CAAA,GAAA,oBAAA;IAA2D,GAAAF,EAAM;;GAI/G,OAAO;;;;GAIP;;GAEU,gBAAYH,QAAmC,CAAlCC,EAAkCJ,EAAAiB,CAAA,GAAA,EAAjB,OAAM,SAAQ,CAAA,CAAA,CAAA;GAC5C,aAASd,QAA4B,CAA3BC,EAA2BJ,EAAAkB,CAAA,GAAA,EAAjB,OAAM,SAAQ,CAAA,CAAA,CAAA;GAClC,gBAAYf,QAAqC,CAApCC,EAAoCJ,EAAAmB,CAAA,GAAA,EAAjB,OAAM,SAAQ,CAAA,CAAA,CAAA;GAC9C,cAAUhB,QAA+B,CAA9BC,EAA8BJ,EAAAoB,CAAA,GAAA,EAAjB,OAAM,SAAQ,CAAA,CAAA,CAAA;GACtC,gBAAYjB,QAA4C,CAA3CC,EAA2CJ,EAAAqB,CAAA,GAAA,EAA9B,OAAM,sBAAqB,CAAA,CAAA,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","names":["_sfc_main","Tooltip_vue_vue_type_script_setup_true_lang_default","Tooltip_default"],"sources":["../../../src/components/ui/Tooltip.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  TooltipRoot,\n  useForwardPropsEmits,\n  type TooltipRootEmits,\n  type TooltipRootProps,\n} from 'reka-ui'\n\nconst props = defineProps<TooltipRootProps>()\nconst emits = defineEmits<TooltipRootEmits>()\nconst forwarded = useForwardPropsEmits(props, emits)\n</script>\n\n<template>\n  <TooltipRoot v-bind=\"forwarded\" data-slot=\"tooltip\">\n    <slot />\n  </TooltipRoot>\n</template>\n"],"mappings":""}
+{"version":3,"file":"Tooltip.js","names":["_sfc_main","Tooltip_vue_vue_type_script_setup_true_lang_default","Tooltip_default"],"sources":["../../../src/components/ui/Tooltip.vue"],"mappings":""}

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

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.vue_vue_type_script_setup_true_lang.js","names":["props","emits","_openBlock","_createBlock","_unref","_mergeProps","_withCtx","_renderSlot","Tooltip_vue_vue_type_script_setup_true_lang_default","__emit","forwarded","useForwardPropsEmits","__props","openBlock","createBlock","unref","TooltipRoot","mergeProps","withCtx","renderSlot","_ctx"],"sources":["../../../src/components/ui/Tooltip.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  TooltipRoot,\n  useForwardPropsEmits,\n  type TooltipRootEmits,\n  type TooltipRootProps,\n} from 'reka-ui'\n\nconst props = defineProps<TooltipRootProps>()\nconst emits = defineEmits<TooltipRootEmits>()\nconst forwarded = useForwardPropsEmits(props, emits)\n</script>\n\n<template>\n  <TooltipRoot v-bind=\"forwarded\" data-slot=\"tooltip\">\n    <slot />\n  </TooltipRoot>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;EAUA,IAAMU,IAAYC,EAAqBX,GAAOC,CAAK;oBAIjDC,EAAA,GAAAC,EAEcC,EAAAY,CAAA,GAFdX,EAAqBD,EAEPM,CAAA,GAFgB,EAAE,aAAU,UAAS,CAAA,GAAA;GACjD,SAAAJ,QAAQ,CAARC,EAAQa,EAAA,QAAA,SAAA,CAAA,CAAA"}
+{"version":3,"file":"Tooltip.vue_vue_type_script_setup_true_lang.js","names":["props","emits","_openBlock","_createBlock","_unref","_mergeProps","_withCtx","_renderSlot","Tooltip_vue_vue_type_script_setup_true_lang_default","__emit","forwarded","useForwardPropsEmits","__props","openBlock","createBlock","unref","TooltipRoot","mergeProps","withCtx","renderSlot","_ctx"],"sources":["../../../src/components/ui/Tooltip.vue"],"mappings":";;;;;;;;;;;;;;;;EAUA,IAAMU,IAAYC,EAAqBX,GAAOC,CAAK;oBAIjDC,EAAA,GAAAC,EAEcC,EAAAY,CAAA,GAFdX,EAAqBD,EAEPM,CAAA,GAFgB,EAAE,aAAU,UAAS,CAAA,GAAA;GACjD,SAAAJ,QAAQ,CAARC,EAAQa,EAAA,QAAA,SAAA,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  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":""}
+{"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"],"mappings":""}

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","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"}
+{"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"],"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/components/ui/TooltipProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipProvider.js","names":["_sfc_main","TooltipProvider_vue_vue_type_script_setup_true_lang_default","TooltipProvider_default"],"sources":["../../../src/components/ui/TooltipProvider.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { TooltipProvider, type TooltipProviderProps } from 'reka-ui'\n\nconst props = withDefaults(defineProps<TooltipProviderProps>(), { delayDuration: 0 })\n</script>\n\n<template>\n  <TooltipProvider v-bind=\"props\">\n    <slot />\n  </TooltipProvider>\n</template>\n"],"mappings":""}
+{"version":3,"file":"TooltipProvider.js","names":["_sfc_main","TooltipProvider_vue_vue_type_script_setup_true_lang_default","TooltipProvider_default"],"sources":["../../../src/components/ui/TooltipProvider.vue"],"mappings":""}

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

@@ -1 +1 @@
-{"version":3,"file":"TooltipProvider.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","_unref","_normalizeProps","_guardReactiveProps","_withCtx","_renderSlot","TooltipProvider_vue_vue_type_script_setup_true_lang_default","props","__props","openBlock","createBlock","unref","TooltipProvider","normalizeProps","guardReactiveProps","withCtx","renderSlot","_ctx"],"sources":["../../../src/components/ui/TooltipProvider.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { TooltipProvider, type TooltipProviderProps } from 'reka-ui'\n\nconst props = withDefaults(defineProps<TooltipProviderProps>(), { delayDuration: 0 })\n</script>\n\n<template>\n  <TooltipProvider v-bind=\"props\">\n    <slot />\n  </TooltipProvider>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;EAGA,IAAMQ,IAAQC;oBAIZT,EAAA,GAAAC,EAEkBC,EAAAW,CAAA,GAAAV,EAAAC,EAFOI,CAAK,CAAA,GAAA;GAC5B,SAAAH,QAAQ,CAARC,EAAQY,EAAA,QAAA,SAAA,CAAA,CAAA"}
+{"version":3,"file":"TooltipProvider.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","_unref","_normalizeProps","_guardReactiveProps","_withCtx","_renderSlot","TooltipProvider_vue_vue_type_script_setup_true_lang_default","props","__props","openBlock","createBlock","unref","TooltipProvider","normalizeProps","guardReactiveProps","withCtx","renderSlot","_ctx"],"sources":["../../../src/components/ui/TooltipProvider.vue"],"mappings":";;;;;;;;;;;;;;;EAGA,IAAMQ,IAAQC;oBAIZT,EAAA,GAAAC,EAEkBC,EAAAW,CAAA,GAAAV,EAAAC,EAFOI,CAAK,CAAA,GAAA;GAC5B,SAAAH,QAAQ,CAARC,EAAQY,EAAA,QAAA,SAAA,CAAA,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"TooltipTrigger.js","names":["_sfc_main","TooltipTrigger_vue_vue_type_script_setup_true_lang_default","TooltipTrigger_default"],"sources":["../../../src/components/ui/TooltipTrigger.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { TooltipTrigger, type TooltipTriggerProps } from 'reka-ui'\n\nconst props = defineProps<TooltipTriggerProps>()\n</script>\n\n<template>\n  <!-- With as-child the child keeps its own data-slot (an action's `button`). -->\n  <TooltipTrigger\n    v-bind=\"{ ...(props.asChild ? {} : { 'data-slot': 'tooltip-trigger' }), ...props }\"\n  >\n    <slot />\n  </TooltipTrigger>\n</template>\n"],"mappings":""}
+{"version":3,"file":"TooltipTrigger.js","names":["_sfc_main","TooltipTrigger_vue_vue_type_script_setup_true_lang_default","TooltipTrigger_default"],"sources":["../../../src/components/ui/TooltipTrigger.vue"],"mappings":""}

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

@@ -1 +1 @@
-{"version":3,"file":"TooltipTrigger.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","_unref","_normalizeProps","_guardReactiveProps","_withCtx","_renderSlot","TooltipTrigger_vue_vue_type_script_setup_true_lang_default","props","__props","openBlock","createBlock","unref","TooltipTrigger","normalizeProps","guardReactiveProps","withCtx","renderSlot","_ctx"],"sources":["../../../src/components/ui/TooltipTrigger.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { TooltipTrigger, type TooltipTriggerProps } from 'reka-ui'\n\nconst props = defineProps<TooltipTriggerProps>()\n</script>\n\n<template>\n  <!-- With as-child the child keeps its own data-slot (an action's `button`). -->\n  <TooltipTrigger\n    v-bind=\"{ ...(props.asChild ? {} : { 'data-slot': 'tooltip-trigger' }), ...props }\"\n  >\n    <slot />\n  </TooltipTrigger>\n</template>\n"],"mappings":";;;;;;;;;;;EAGA,IAAMQ,IAAQC;oBAKZT,EAAA,GAAAC,EAIiBC,EAAAW,CAAA,GAAAV,EAAAC,EAAA;GAAA,GAHDI,EAAM,UAAO,CAAA,IAAA,EAAA,aAAA,kBAAA;GAAA,GAAgDA;EAAK,CAAA,CAAA,GAAA;GAEhF,SAAAH,QAAQ,CAARC,EAAQY,EAAA,QAAA,SAAA,CAAA,CAAA"}
+{"version":3,"file":"TooltipTrigger.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","_unref","_normalizeProps","_guardReactiveProps","_withCtx","_renderSlot","TooltipTrigger_vue_vue_type_script_setup_true_lang_default","props","__props","openBlock","createBlock","unref","TooltipTrigger","normalizeProps","guardReactiveProps","withCtx","renderSlot","_ctx"],"sources":["../../../src/components/ui/TooltipTrigger.vue"],"mappings":";;;;;;;;;;;EAGA,IAAMQ,IAAQC;oBAKZT,EAAA,GAAAC,EAIiBC,EAAAW,CAAA,GAAAV,EAAAC,EAAA;GAAA,GAHDI,EAAM,UAAO,CAAA,IAAA,EAAA,aAAA,kBAAA;GAAA,GAAgDA;EAAK,CAAA,CAAA,GAAA;GAEhF,SAAAH,QAAQ,CAARC,EAAQY,EAAA,QAAA,SAAA,CAAA,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"badge.js","names":["badgeVariants","cva"],"sources":["../../../src/components/ui/badge.ts"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority'\n\nexport const badgeVariants = cva(\n  'focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-md border px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] [&>svg]:pointer-events-none [&>svg]:size-3',\n  {\n    variants: {\n      variant: {\n        default: 'bg-primary text-primary-foreground [a&]:hover:bg-primary/90 border-transparent',\n        secondary:\n          'bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90 border-transparent',\n        destructive: 'bg-destructive [a&]:hover:bg-destructive/90 border-transparent text-white',\n        outline: 'text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground',\n      },\n    },\n    defaultVariants: { variant: 'default' },\n  },\n)\n\nexport type BadgeVariants = VariantProps<typeof badgeVariants>\n"],"mappings":";;AAEA,IAAaA,IAAgBC,EAC3B,kZACA;CACE,UAAU,EACR,SAAS;EACP,SAAS;EACT,WACE;EACF,aAAa;EACb,SAAS;CACX,EACF;CACA,iBAAiB,EAAE,SAAS,UAAU;AACxC,CACF"}
+{"version":3,"file":"badge.js","names":["badgeVariants","cva"],"sources":["../../../src/components/ui/badge.ts"],"mappings":";;AAEA,IAAaA,IAAgBC,EAC3B,kZACA;CACE,UAAU,EACR,SAAS;EACP,SAAS;EACT,WACE;EACF,aAAa;EACb,SAAS;CACX,EACF;CACA,iBAAiB,EAAE,SAAS,UAAU;AACxC,CACF"}

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

@@ -1 +1 @@
-{"version":3,"file":"button.js","names":["buttonVariants","cva"],"sources":["../../../src/components/ui/button.ts"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority'\n\nexport const buttonVariants = cva(\n  \"focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive inline-flex shrink-0 cursor-pointer items-center justify-center gap-2 rounded-md text-sm font-medium whitespace-nowrap transition-all outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n  {\n    variants: {\n      variant: {\n        default: 'bg-primary text-primary-foreground hover:bg-primary/90 shadow-xs',\n        destructive:\n          'bg-destructive text-destructive-foreground hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 shadow-xs',\n        outline:\n          'bg-background hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 border shadow-xs',\n        secondary: 'bg-secondary text-secondary-foreground hover:bg-secondary/80 shadow-xs',\n        ghost: 'hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50',\n        // No colours of its own: Alfakit action buttons add theirs from `lib/colors.ts`.\n        plain: '',\n        link: 'text-primary underline-offset-4 hover:underline',\n      },\n      size: {\n        default: 'h-9 px-4 py-2 has-[>svg]:px-3',\n        xs: 'h-7 gap-1 rounded-md px-2 text-xs has-[>svg]:px-1.5',\n        sm: 'h-8 gap-1.5 rounded-md px-3 has-[>svg]:px-2.5',\n        lg: 'h-10 rounded-md px-6 has-[>svg]:px-4',\n        icon: 'size-9',\n        'icon-sm': 'size-8',\n        'icon-xs': 'size-7',\n      },\n    },\n    defaultVariants: { variant: 'default', size: 'default' },\n  },\n)\n\nexport type ButtonVariants = VariantProps<typeof buttonVariants>\n"],"mappings":";;AAEA,IAAaA,IAAiBC,EAC5B,8cACA;CACE,UAAU;EACR,SAAS;GACP,SAAS;GACT,aACE;GACF,SACE;GACF,WAAW;GACX,OAAO;GAEP,OAAO;GACP,MAAM;EACR;EACA,MAAM;GACJ,SAAS;GACT,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,MAAM;GACN,WAAW;GACX,WAAW;EACb;CACF;CACA,iBAAiB;EAAE,SAAS;EAAW,MAAM;CAAU;AACzD,CACF"}
+{"version":3,"file":"button.js","names":["buttonVariants","cva"],"sources":["../../../src/components/ui/button.ts"],"mappings":";;AAEA,IAAaA,IAAiBC,EAC5B,8cACA;CACE,UAAU;EACR,SAAS;GACP,SAAS;GACT,aACE;GACF,SACE;GACF,WAAW;GACX,OAAO;GAEP,OAAO;GACP,MAAM;EACR;EACA,MAAM;GACJ,SAAS;GACT,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,MAAM;GACN,WAAW;GACX,WAAW;EACb;CACF;CACA,iBAAiB;EAAE,SAAS;EAAW,MAAM;CAAU;AACzD,CACF"}

package/dist/components/ui/sidebar-menu-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar-menu-button.js","names":["sidebarMenuButtonVariants","cva"],"sources":["../../../src/components/ui/sidebar-menu-button.ts"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority'\n\nexport const sidebarMenuButtonVariants = cva(\n  'peer/menu-button ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-start text-sm outline-hidden transition-[width,height,padding] group-has-data-[sidebar=menu-action]/menu-item:pe-8 group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:font-medium [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0',\n  {\n    variants: {\n      variant: {\n        default: 'hover:bg-sidebar-accent hover:text-sidebar-accent-foreground',\n        outline:\n          'bg-background hover:bg-sidebar-accent hover:text-sidebar-accent-foreground shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]',\n      },\n      size: {\n        default: 'h-8 text-sm',\n        sm: 'h-7 text-xs',\n        lg: 'h-12 text-sm group-data-[collapsible=icon]:p-0!',\n      },\n    },\n    defaultVariants: { variant: 'default', size: 'default' },\n  },\n)\n\nexport type SidebarMenuButtonVariants = VariantProps<typeof sidebarMenuButtonVariants>\n"],"mappings":";;AAEA,IAAaA,IAA4BC,EACvC,szBACA;CACE,UAAU;EACR,SAAS;GACP,SAAS;GACT,SACE;EACJ;EACA,MAAM;GACJ,SAAS;GACT,IAAI;GACJ,IAAI;EACN;CACF;CACA,iBAAiB;EAAE,SAAS;EAAW,MAAM;CAAU;AACzD,CACF"}
+{"version":3,"file":"sidebar-menu-button.js","names":["sidebarMenuButtonVariants","cva"],"sources":["../../../src/components/ui/sidebar-menu-button.ts"],"mappings":";;AAEA,IAAaA,IAA4BC,EACvC,szBACA;CACE,UAAU;EACR,SAAS;GACP,SAAS;GACT,SACE;EACJ;EACA,MAAM;GACJ,SAAS;GACT,IAAI;GACJ,IAAI;EACN;CACF;CACA,iBAAiB;EAAE,SAAS;EAAW,MAAM;CAAU;AACzD,CACF"}

package/dist/components/ui/use-sidebar.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-sidebar.js","names":["SIDEBAR_COOKIE_NAME","SIDEBAR_COOKIE_MAX_AGE","SIDEBAR_WIDTH","SIDEBAR_WIDTH_MOBILE","SIDEBAR_WIDTH_ICON","SIDEBAR_KEY","provideSidebar","context","useSidebar","inject"],"sources":["../../../src/components/ui/use-sidebar.ts"],"sourcesContent":["import { inject, provide, type ComputedRef, type InjectionKey, type Ref } from 'vue'\n\nexport const SIDEBAR_COOKIE_NAME = 'alfakit_sidebar_state'\nexport const SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7\nexport const SIDEBAR_WIDTH = '16rem'\nexport const SIDEBAR_WIDTH_MOBILE = '18rem'\nexport const SIDEBAR_WIDTH_ICON = '3rem'\nexport const SIDEBAR_KEYBOARD_SHORTCUT = 'b'\n\nexport interface SidebarContext {\n  state: ComputedRef<'expanded' | 'collapsed'>\n  open: Ref<boolean>\n  setOpen: (open: boolean) => void\n  openMobile: Ref<boolean>\n  setOpenMobile: (open: boolean) => void\n  isMobile: Ref<boolean>\n  toggleSidebar: () => void\n}\n\nexport const SIDEBAR_KEY: InjectionKey<SidebarContext> = Symbol('alfakit.sidebar')\n\nexport function provideSidebar(context: SidebarContext): void {\n  provide(SIDEBAR_KEY, context)\n}\n\nexport function useSidebar(): SidebarContext {\n  const context = inject(SIDEBAR_KEY, null)\n\n  if (!context) {\n    throw new Error('useSidebar must be used within a SidebarProvider.')\n  }\n\n  return context\n}\n"],"mappings":";;AAEA,IAAaA,IAAsB,yBACtBC,IAAyB,QACzBC,IAAgB,SAChBC,IAAuB,SACvBC,IAAqB,QAarBC,IAA4C,OAAO,iBAAiB;AAEjF,SAAgBC,EAAe,GAA+B;CAC5D,EAAQD,GAAaE,CAAO;AAC9B;AAEA,SAAgBC,IAA6B;CAC3C,IAAMD,IAAUE,EAAOJ,GAAa,IAAI;CAExC,IAAI,CAACE,GACH,MAAU,MAAM,mDAAmD;CAGrE,OAAOA;AACT"}
+{"version":3,"file":"use-sidebar.js","names":["SIDEBAR_COOKIE_NAME","SIDEBAR_COOKIE_MAX_AGE","SIDEBAR_WIDTH","SIDEBAR_WIDTH_MOBILE","SIDEBAR_WIDTH_ICON","SIDEBAR_KEY","provideSidebar","context","useSidebar","inject"],"sources":["../../../src/components/ui/use-sidebar.ts"],"mappings":";;AAEA,IAAaA,IAAsB,yBACtBC,IAAyB,QACzBC,IAAgB,SAChBC,IAAuB,SACvBC,IAAqB,QAarBC,IAA4C,OAAO,iBAAiB;AAEjF,SAAgBC,EAAe,GAA+B;CAC5D,EAAQD,GAAaE,CAAO;AAC9B;AAEA,SAAgBC,IAA6B;CAC3C,IAAMD,IAAUE,EAAOJ,GAAa,IAAI;CAExC,IAAI,CAACE,GACH,MAAU,MAAM,mDAAmD;CAGrE,OAAOA;AACT"}

package/dist/components/versions/RecordVersionsComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"RecordVersionsComponent.js","names":["_sfc_main","RecordVersionsComponent_vue_vue_type_script_setup_true_lang_default","RecordVersionsComponent_default"],"sources":["../../../src/components/versions/RecordVersionsComponent.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { RecordVersionsSchema } from '@alfakit/core'\nimport { ArrowRightIcon } from '@lucide/vue'\nimport { useHydrated } from '../../composables/use-hydrated'\nimport { useActionRunner, useFormatter, usePageSchema, useT } from '../../context'\nimport { Icon } from '../../lib/icons'\nimport Badge from '../ui/Badge.vue'\nimport Button from '../ui/Button.vue'\n\n/**\n * The History slide-over's version list (`HistoryAction`): each version with its event,\n * author and time, the changed fields (old → new, long and rich text as a word diff) and\n * \"Restore this version\", which runs the nested restore action.\n */\nconst props = defineProps<{ component: RecordVersionsSchema }>()\nconst t = useT()\nconst runner = useActionRunner()\nconst page = usePageSchema()\nconst formatter = useFormatter()\n// Times follow the panel's timezone; formatted after hydration so server and client agree.\nconst hydrated = useHydrated()\n\nconst time = (createdAt?: string) =>\n  createdAt && hydrated.value ? formatter.value.dateTime(createdAt) : ''\n\nconst restore = (id: number) => {\n  const action = props.component.restoreAction\n\n  if (!action) return\n\n  void runner.trigger(action, {\n    token: page.value?.token ?? '',\n    component: props.component.actionComponent ?? 'page',\n    parents: props.component.actionPath ?? [],\n    arguments: { version: id },\n  })\n}\n</script>\n\n<template>\n  <p\n    v-if=\"props.component.versions.length === 0\"\n    data-slot=\"record-versions\"\n    class=\"text-muted-foreground text-sm\"\n  >\n    {{ props.component.emptyLabel }}\n  </p>\n  <ol\n    v-else\n    data-slot=\"record-versions\"\n    :aria-label=\"t('versions.list', {}, 'Versions')\"\n    class=\"flex flex-col gap-3\"\n  >\n    <li\n      v-for=\"version in props.component.versions\"\n      :key=\"version.id\"\n      data-slot=\"record-version\"\n      :data-event=\"version.event\"\n      class=\"bg-card rounded-lg border p-3\"\n    >\n      <div class=\"flex items-start justify-between gap-3\">\n        <div class=\"flex min-w-0 flex-col gap-0.5\">\n          <span class=\"flex flex-wrap items-center gap-2 text-sm font-medium\">\n            {{ version.eventLabel }}\n            <Badge v-if=\"version.current\" variant=\"secondary\">{{\n              t('versions.current', {}, 'Current')\n            }}</Badge>\n          </span>\n          <span class=\"text-muted-foreground text-xs\">{{\n            version.author\n              ? t(\n                  'versions.by',\n                  { author: version.author, time: time(version.createdAt) },\n                  `${version.author} · ${time(version.createdAt)}`,\n                )\n              : time(version.createdAt)\n          }}</span>\n        </div>\n        <Button\n          v-if=\"props.component.restoreAction && !version.current\"\n          type=\"button\"\n          variant=\"outline\"\n          size=\"sm\"\n          class=\"shrink-0\"\n          :aria-label=\"\n            t(\n              'versions.restore_label',\n              { time: time(version.createdAt) },\n              `Restore the version of ${time(version.createdAt)}`,\n            )\n          \"\n          @click=\"restore(version.id)\"\n        >\n          <Icon\n            v-if=\"props.component.restoreAction.icon\"\n            :name=\"props.component.restoreAction.icon\"\n            class=\"size-3.5\"\n          />\n          {{ props.component.restoreAction.label }}\n        </Button>\n      </div>\n      <dl v-if=\"version.changes.length > 0\" class=\"mt-3 flex flex-col gap-2 text-sm\">\n        <div\n          v-for=\"change in version.changes\"\n          :key=\"change.attribute\"\n          data-slot=\"record-version-change\"\n          :data-attribute=\"change.attribute\"\n        >\n          <dt class=\"text-muted-foreground text-xs font-medium\">{{ change.label }}</dt>\n          <dd class=\"mt-0.5 break-words\">\n            <p v-if=\"change.diff\" data-slot=\"record-version-diff\" class=\"whitespace-pre-wrap\">\n              <template v-for=\"(part, index) in change.diff\" :key=\"index\"\n                ><ins\n                  v-if=\"part.type === 'insert'\"\n                  class=\"rounded-sm bg-emerald-500/15 text-emerald-700 no-underline dark:text-emerald-300\"\n                  ><span class=\"sr-only\">{{ `${t('versions.added', {}, 'Added:')} ` }}</span\n                  >{{ part.text }}</ins\n                ><del\n                  v-else-if=\"part.type === 'delete'\"\n                  class=\"bg-destructive/10 text-destructive rounded-sm\"\n                  ><span class=\"sr-only\">{{ `${t('versions.removed', {}, 'Removed:')} ` }}</span\n                  >{{ part.text }}</del\n                ><span v-else>{{ part.text }}</span></template\n              >\n            </p>\n            <p v-else class=\"flex flex-wrap items-center gap-1.5\">\n              <del class=\"text-muted-foreground\"\n                ><span class=\"sr-only\">{{ `${t('versions.old_value', {}, 'Before:')} ` }}</span\n                >{{ change.old ?? t('versions.empty_value', {}, 'Empty') }}</del\n              >\n              <ArrowRightIcon\n                class=\"text-muted-foreground size-3.5 shrink-0 rtl:rotate-180\"\n                aria-hidden=\"true\"\n              />\n              <ins class=\"no-underline\"\n                ><span class=\"sr-only\">{{ `${t('versions.new_value', {}, 'After:')} ` }}</span\n                >{{ change.new ?? t('versions.empty_value', {}, 'Empty') }}</ins\n              >\n            </p>\n          </dd>\n        </div>\n      </dl>\n      <p v-else class=\"text-muted-foreground mt-2 text-xs\">\n        {{ t('versions.no_changes', {}, 'No tracked fields changed.') }}\n      </p>\n    </li>\n  </ol>\n</template>\n"],"mappings":""}
+{"version":3,"file":"RecordVersionsComponent.js","names":["_sfc_main","RecordVersionsComponent_vue_vue_type_script_setup_true_lang_default","RecordVersionsComponent_default"],"sources":["../../../src/components/versions/RecordVersionsComponent.vue"],"mappings":""}

package/dist/components/versions/RecordVersionsComponent.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"RecordVersionsComponent.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_toDisplayString","_unref","_Fragment","_renderList","_createElementVNode","_createTextVNode","_createBlock","Badge","_withCtx","_createCommentVNode","Button","Icon","_createVNode","Icon_default","Badge_default","Button_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","_hoisted_13","_hoisted_14","_hoisted_15","_hoisted_16","_hoisted_17","_hoisted_18","_hoisted_19","_hoisted_20","_hoisted_21","_hoisted_22","_hoisted_23","RecordVersionsComponent_vue_vue_type_script_setup_true_lang_default","props","__props","t","useT","runner","useActionRunner","page","usePageSchema","formatter","useFormatter","hydrated","useHydrated","time","createdAt","restore","action","id","openBlock","createElementBlock","toDisplayString","unref","Fragment","renderList","version","createElementVNode","createTextVNode","createBlock","withCtx","createCommentVNode","change","index","part","createVNode","ArrowRightIcon"],"sources":["../../../src/components/versions/RecordVersionsComponent.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { RecordVersionsSchema } from '@alfakit/core'\nimport { ArrowRightIcon } from '@lucide/vue'\nimport { useHydrated } from '../../composables/use-hydrated'\nimport { useActionRunner, useFormatter, usePageSchema, useT } from '../../context'\nimport { Icon } from '../../lib/icons'\nimport Badge from '../ui/Badge.vue'\nimport Button from '../ui/Button.vue'\n\n/**\n * The History slide-over's version list (`HistoryAction`): each version with its event,\n * author and time, the changed fields (old → new, long and rich text as a word diff) and\n * \"Restore this version\", which runs the nested restore action.\n */\nconst props = defineProps<{ component: RecordVersionsSchema }>()\nconst t = useT()\nconst runner = useActionRunner()\nconst page = usePageSchema()\nconst formatter = useFormatter()\n// Times follow the panel's timezone; formatted after hydration so server and client agree.\nconst hydrated = useHydrated()\n\nconst time = (createdAt?: string) =>\n  createdAt && hydrated.value ? formatter.value.dateTime(createdAt) : ''\n\nconst restore = (id: number) => {\n  const action = props.component.restoreAction\n\n  if (!action) return\n\n  void runner.trigger(action, {\n    token: page.value?.token ?? '',\n    component: props.component.actionComponent ?? 'page',\n    parents: props.component.actionPath ?? [],\n    arguments: { version: id },\n  })\n}\n</script>\n\n<template>\n  <p\n    v-if=\"props.component.versions.length === 0\"\n    data-slot=\"record-versions\"\n    class=\"text-muted-foreground text-sm\"\n  >\n    {{ props.component.emptyLabel }}\n  </p>\n  <ol\n    v-else\n    data-slot=\"record-versions\"\n    :aria-label=\"t('versions.list', {}, 'Versions')\"\n    class=\"flex flex-col gap-3\"\n  >\n    <li\n      v-for=\"version in props.component.versions\"\n      :key=\"version.id\"\n      data-slot=\"record-version\"\n      :data-event=\"version.event\"\n      class=\"bg-card rounded-lg border p-3\"\n    >\n      <div class=\"flex items-start justify-between gap-3\">\n        <div class=\"flex min-w-0 flex-col gap-0.5\">\n          <span class=\"flex flex-wrap items-center gap-2 text-sm font-medium\">\n            {{ version.eventLabel }}\n            <Badge v-if=\"version.current\" variant=\"secondary\">{{\n              t('versions.current', {}, 'Current')\n            }}</Badge>\n          </span>\n          <span class=\"text-muted-foreground text-xs\">{{\n            version.author\n              ? t(\n                  'versions.by',\n                  { author: version.author, time: time(version.createdAt) },\n                  `${version.author} · ${time(version.createdAt)}`,\n                )\n              : time(version.createdAt)\n          }}</span>\n        </div>\n        <Button\n          v-if=\"props.component.restoreAction && !version.current\"\n          type=\"button\"\n          variant=\"outline\"\n          size=\"sm\"\n          class=\"shrink-0\"\n          :aria-label=\"\n            t(\n              'versions.restore_label',\n              { time: time(version.createdAt) },\n              `Restore the version of ${time(version.createdAt)}`,\n            )\n          \"\n          @click=\"restore(version.id)\"\n        >\n          <Icon\n            v-if=\"props.component.restoreAction.icon\"\n            :name=\"props.component.restoreAction.icon\"\n            class=\"size-3.5\"\n          />\n          {{ props.component.restoreAction.label }}\n        </Button>\n      </div>\n      <dl v-if=\"version.changes.length > 0\" class=\"mt-3 flex flex-col gap-2 text-sm\">\n        <div\n          v-for=\"change in version.changes\"\n          :key=\"change.attribute\"\n          data-slot=\"record-version-change\"\n          :data-attribute=\"change.attribute\"\n        >\n          <dt class=\"text-muted-foreground text-xs font-medium\">{{ change.label }}</dt>\n          <dd class=\"mt-0.5 break-words\">\n            <p v-if=\"change.diff\" data-slot=\"record-version-diff\" class=\"whitespace-pre-wrap\">\n              <template v-for=\"(part, index) in change.diff\" :key=\"index\"\n                ><ins\n                  v-if=\"part.type === 'insert'\"\n                  class=\"rounded-sm bg-emerald-500/15 text-emerald-700 no-underline dark:text-emerald-300\"\n                  ><span class=\"sr-only\">{{ `${t('versions.added', {}, 'Added:')} ` }}</span\n                  >{{ part.text }}</ins\n                ><del\n                  v-else-if=\"part.type === 'delete'\"\n                  class=\"bg-destructive/10 text-destructive rounded-sm\"\n                  ><span class=\"sr-only\">{{ `${t('versions.removed', {}, 'Removed:')} ` }}</span\n                  >{{ part.text }}</del\n                ><span v-else>{{ part.text }}</span></template\n              >\n            </p>\n            <p v-else class=\"flex flex-wrap items-center gap-1.5\">\n              <del class=\"text-muted-foreground\"\n                ><span class=\"sr-only\">{{ `${t('versions.old_value', {}, 'Before:')} ` }}</span\n                >{{ change.old ?? t('versions.empty_value', {}, 'Empty') }}</del\n              >\n              <ArrowRightIcon\n                class=\"text-muted-foreground size-3.5 shrink-0 rtl:rotate-180\"\n                aria-hidden=\"true\"\n              />\n              <ins class=\"no-underline\"\n                ><span class=\"sr-only\">{{ `${t('versions.new_value', {}, 'After:')} ` }}</span\n                >{{ change.new ?? t('versions.empty_value', {}, 'Empty') }}</ins\n              >\n            </p>\n          </dd>\n        </div>\n      </dl>\n      <p v-else class=\"text-muted-foreground mt-2 text-xs\">\n        {{ t('versions.no_changes', {}, 'No tracked fields changed.') }}\n      </p>\n    </li>\n  </ol>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"RecordVersionsComponent.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_toDisplayString","_unref","_Fragment","_renderList","_createElementVNode","_createTextVNode","_createBlock","Badge","_withCtx","_createCommentVNode","Button","Icon","_createVNode","Icon_default","Badge_default","Button_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","_hoisted_13","_hoisted_14","_hoisted_15","_hoisted_16","_hoisted_17","_hoisted_18","_hoisted_19","_hoisted_20","_hoisted_21","_hoisted_22","_hoisted_23","RecordVersionsComponent_vue_vue_type_script_setup_true_lang_default","props","__props","t","useT","runner","useActionRunner","page","usePageSchema","formatter","useFormatter","hydrated","useHydrated","time","createdAt","restore","action","id","openBlock","createElementBlock","toDisplayString","unref","Fragment","renderList","version","createElementVNode","createTextVNode","createBlock","withCtx","createCommentVNode","change","index","part","createVNode","ArrowRightIcon"],"sources":["../../../src/components/versions/RecordVersionsComponent.vue"],"mappings":"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"}

package/dist/components/widgets/CalendarSkeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarSkeleton.js","names":["_sfc_main","CalendarSkeleton_vue_vue_type_script_setup_true_lang_default","CalendarSkeleton_default"],"sources":["../../../src/components/widgets/CalendarSkeleton.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { CalendarWidgetSchema } from '@alfakit/core'\nimport { useT } from '../../context'\nimport Card from '../ui/Card.vue'\nimport CardContent from '../ui/CardContent.vue'\nimport Skeleton from '../ui/Skeleton.vue'\n\n/** The server render and the first paint: the calendar's outline, without FullCalendar. */\nconst props = defineProps<{ widget: CalendarWidgetSchema }>()\nconst t = useT()\n</script>\n\n<template>\n  <Card class=\"gap-4 py-4\" aria-busy=\"true\" data-slot=\"calendar-widget\">\n    <CardContent class=\"flex flex-col gap-4 px-5\">\n      <span class=\"sr-only\">{{ t('calendar.loading', {}, 'Loading calendar') }}</span>\n      <Skeleton v-if=\"props.widget.heading\" class=\"h-5 w-1/3\" aria-hidden=\"true\" />\n      <div class=\"flex items-center justify-between gap-3\" aria-hidden=\"true\">\n        <Skeleton class=\"h-8 w-28\" />\n        <Skeleton class=\"h-6 w-40\" />\n        <Skeleton class=\"h-8 w-40\" />\n      </div>\n      <Skeleton class=\"h-[28rem]\" aria-hidden=\"true\" />\n    </CardContent>\n  </Card>\n</template>\n"],"mappings":""}
+{"version":3,"file":"CalendarSkeleton.js","names":["_sfc_main","CalendarSkeleton_vue_vue_type_script_setup_true_lang_default","CalendarSkeleton_default"],"sources":["../../../src/components/widgets/CalendarSkeleton.vue"],"mappings":""}

package/dist/components/widgets/CalendarSkeleton.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarSkeleton.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","Card","_withCtx","_createVNode","CardContent","_createElementVNode","_toDisplayString","_unref","Skeleton","_createCommentVNode","Skeleton_default","Card_default","CardContent_default","_hoisted_1","_hoisted_2","CalendarSkeleton_vue_vue_type_script_setup_true_lang_default","props","__props","t","useT","openBlock","createBlock","withCtx","createVNode","createElementVNode","toDisplayString","unref","createCommentVNode"],"sources":["../../../src/components/widgets/CalendarSkeleton.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { CalendarWidgetSchema } from '@alfakit/core'\nimport { useT } from '../../context'\nimport Card from '../ui/Card.vue'\nimport CardContent from '../ui/CardContent.vue'\nimport Skeleton from '../ui/Skeleton.vue'\n\n/** The server render and the first paint: the calendar's outline, without FullCalendar. */\nconst props = defineProps<{ widget: CalendarWidgetSchema }>()\nconst t = useT()\n</script>\n\n<template>\n  <Card class=\"gap-4 py-4\" aria-busy=\"true\" data-slot=\"calendar-widget\">\n    <CardContent class=\"flex flex-col gap-4 px-5\">\n      <span class=\"sr-only\">{{ t('calendar.loading', {}, 'Loading calendar') }}</span>\n      <Skeleton v-if=\"props.widget.heading\" class=\"h-5 w-1/3\" aria-hidden=\"true\" />\n      <div class=\"flex items-center justify-between gap-3\" aria-hidden=\"true\">\n        <Skeleton class=\"h-8 w-28\" />\n        <Skeleton class=\"h-6 w-40\" />\n        <Skeleton class=\"h-8 w-40\" />\n      </div>\n      <Skeleton class=\"h-[28rem]\" aria-hidden=\"true\" />\n    </CardContent>\n  </Card>\n</template>\n"],"mappings":";;;;;;;;;;;;;EAQA,IAAMiB,IAAQC,GACRC,IAAIC,EAAK;oBAIbpB,EAAA,GAAAC,EAWOC,GAAA;GAXD,OAAM;GAAa,aAAU;GAAO,aAAU;;GAClD,SAAAC,QASc,CATdC,EAScC,GAAA,EATD,OAAM,2BAA0B,GAAA;IAC3C,SAAAF,QAAgF;KAAhFG,EAAgF,QAAhFQ,GAAgFP,EAAvDC,EAAAW,CAAA,CAAC,CAAA,oBAAA,CAAA,GAAA,kBAAA,CAAA,GAAA,CAAA;KACVF,EAAM,OAAO,WAA7BjB,EAAA,GAAAC,EAA6EQ,GAAA;;MAAvC,OAAM;MAAY,eAAY;;KACpEH,EAIM,OAJNS,GAIM;MAHJX,EAA6BK,GAAA,EAAnB,OAAM,WAAU,CAAA;MAC1BL,EAA6BK,GAAA,EAAnB,OAAM,WAAU,CAAA;MAC1BL,EAA6BK,GAAA,EAAnB,OAAM,WAAU,CAAA;;KAE5BL,EAAiDK,GAAA;MAAvC,OAAM;MAAY,eAAY"}
+{"version":3,"file":"CalendarSkeleton.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","Card","_withCtx","_createVNode","CardContent","_createElementVNode","_toDisplayString","_unref","Skeleton","_createCommentVNode","Skeleton_default","Card_default","CardContent_default","_hoisted_1","_hoisted_2","CalendarSkeleton_vue_vue_type_script_setup_true_lang_default","props","__props","t","useT","openBlock","createBlock","withCtx","createVNode","createElementVNode","toDisplayString","unref","createCommentVNode"],"sources":["../../../src/components/widgets/CalendarSkeleton.vue"],"mappings":";;;;;;;;;;;;;EAQA,IAAMiB,IAAQC,GACRC,IAAIC,EAAK;oBAIbpB,EAAA,GAAAC,EAWOC,GAAA;GAXD,OAAM;GAAa,aAAU;GAAO,aAAU;;GAClD,SAAAC,QASc,CATdC,EAScC,GAAA,EATD,OAAM,2BAA0B,GAAA;IAC3C,SAAAF,QAAgF;KAAhFG,EAAgF,QAAhFQ,GAAgFP,EAAvDC,EAAAW,CAAA,CAAC,CAAA,oBAAA,CAAA,GAAA,kBAAA,CAAA,GAAA,CAAA;KACVF,EAAM,OAAO,WAA7BjB,EAAA,GAAAC,EAA6EQ,GAAA;;MAAvC,OAAM;MAAY,eAAY;;KACpEH,EAIM,OAJNS,GAIM;MAHJX,EAA6BK,GAAA,EAAnB,OAAM,WAAU,CAAA;MAC1BL,EAA6BK,GAAA,EAAnB,OAAM,WAAU,CAAA;MAC1BL,EAA6BK,GAAA,EAAnB,OAAM,WAAU,CAAA;;KAE5BL,EAAiDK,GAAA;MAAvC,OAAM;MAAY,eAAY"}

package/dist/components/widgets/CalendarWidget.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarWidget.js","names":["_sfc_main","CalendarWidget_vue_vue_type_script_setup_true_lang_default","CalendarWidget_default"],"sources":["../../../src/components/widgets/CalendarWidget.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { CalendarEnvironment, CalendarWidgetSchema, NotificationSchema } from '@alfakit/core'\nimport { calendarIdentity, calendarOptions, clientErrorNotification } from '@alfakit/core'\nimport { Calendar, type CalendarOptions } from '@fullcalendar/core'\nimport dayGridPlugin from '@fullcalendar/daygrid'\nimport interactionPlugin from '@fullcalendar/interaction'\nimport listPlugin from '@fullcalendar/list'\nimport timeGridPlugin from '@fullcalendar/timegrid'\nimport { router } from '@inertiajs/vue3'\nimport { onBeforeUnmount, onMounted, ref, toRaw, watch } from 'vue'\nimport { useActionRunner, useDirection, useLocalization, useT } from '../../context'\nimport { usePageActionContext } from '../actions/action-context'\nimport ActionList from '../actions/ActionList.vue'\nimport { showToast } from '../notifications/flash-toasts'\nimport Card from '../ui/Card.vue'\nimport CardContent from '../ui/CardContent.vue'\nimport CardHeader from '../ui/CardHeader.vue'\nimport CardTitle from '../ui/CardTitle.vue'\n\n/**\n * The calendar widget (alfasix/alfakit-calendar, registry key `widget:calendar`). Events\n * are fetched for the visible range through the widget's actions; FullCalendar loads with\n * this component's own chunk.\n */\nconst props = defineProps<{ widget: CalendarWidgetSchema }>()\n\nconst plugins = [dayGridPlugin, timeGridPlugin, listPlugin, interactionPlugin]\nconst element = ref<HTMLDivElement | null>(null)\nconst runner = useActionRunner()\nconst page = usePageActionContext()\nconst t = useT()\nconst direction = useDirection()\nconst localization = useLocalization()\nlet calendar: Calendar | null = null\n\nconst environment = (): CalendarEnvironment => ({\n  runner,\n  token: page.token,\n  t,\n  locale: localization.value?.tag ?? 'en',\n  direction: direction.value,\n  firstDayOfWeek: localization.value?.firstDayOfWeek ?? 0,\n  visit: (url, newTab) => (newTab ? window.open(url, '_blank', 'noopener') : router.visit(url)),\n  notify: (notifications: NotificationSchema[]) =>\n    notifications.forEach((notification) => showToast(notification)),\n  error: (message) => showToast(clientErrorNotification(`calendar-${props.widget.id}`, message)),\n})\n\nconst create = () => {\n  calendar?.destroy()\n  calendar = null\n\n  if (!element.value) {\n    return\n  }\n\n  // The callbacks read the current schema, so a refetch after an action sees fresh actions.\n  const options = calendarOptions(toRaw(props.widget), environment())\n\n  calendar = new Calendar(element.value, {\n    ...(options as CalendarOptions),\n    plugins,\n    height: 'auto',\n  })\n  calendar.render()\n}\n\nonMounted(create)\nonBeforeUnmount(() => {\n  calendar?.destroy()\n  calendar = null\n})\n\n// Views, locale, direction or interactions changed: a new calendar. Anything else (an\n// action ran, a poll) only refetches the events.\nwatch(\n  () => calendarIdentity(props.widget, environment()),\n  () => create(),\n)\nwatch(\n  () => props.widget,\n  () => calendar?.refetchEvents(),\n)\n</script>\n\n<template>\n  <Card class=\"gap-4 py-4\" data-slot=\"calendar-widget\">\n    <CardHeader v-if=\"props.widget.heading || props.widget.headerActions?.length\" class=\"px-5\">\n      <div class=\"flex flex-wrap items-center justify-between gap-3\">\n        <CardTitle v-if=\"props.widget.heading\" class=\"text-base\">{{\n          props.widget.heading\n        }}</CardTitle>\n        <ActionList\n          v-if=\"props.widget.headerActions\"\n          :actions=\"props.widget.headerActions\"\n          :context=\"{ token: page.token, component: `widget:${props.widget.id}` }\"\n          size=\"sm\"\n          align=\"end\"\n          class=\"ms-auto\"\n        />\n      </div>\n    </CardHeader>\n    <CardContent class=\"px-5\">\n      <div\n        ref=\"element\"\n        data-slot=\"calendar\"\n        :dir=\"direction\"\n        role=\"region\"\n        :aria-label=\"props.widget.heading ?? t('calendar.label', {}, 'Calendar')\"\n      />\n    </CardContent>\n  </Card>\n</template>\n"],"mappings":""}
+{"version":3,"file":"CalendarWidget.js","names":["_sfc_main","CalendarWidget_vue_vue_type_script_setup_true_lang_default","CalendarWidget_default"],"sources":["../../../src/components/widgets/CalendarWidget.vue"],"mappings":""}

package/dist/components/widgets/CalendarWidget.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarWidget.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","Card","_withCtx","CardHeader","_createElementVNode","CardTitle","_createTextVNode","_toDisplayString","_createCommentVNode","ActionList","_unref","_createVNode","CardContent","ActionList_default","Card_default","CardContent_default","CardHeader_default","CardTitle_default","dayGridPlugin","interactionPlugin","listPlugin","timeGridPlugin","_hoisted_1","_hoisted_2","CalendarWidget_vue_vue_type_script_setup_true_lang_default","props","__props","plugins","element","ref","runner","useActionRunner","page","usePageActionContext","t","useT","direction","useDirection","localization","useLocalization","calendar","environment","newTab","url","router","notifications","showToast","notification","clientErrorNotification","message","create","options","calendarOptions","toRaw","Calendar","onMounted","onBeforeUnmount","watch","calendarIdentity","openBlock","createBlock","withCtx","createElementVNode","createTextVNode","toDisplayString","createCommentVNode","unref","createVNode"],"sources":["../../../src/components/widgets/CalendarWidget.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { CalendarEnvironment, CalendarWidgetSchema, NotificationSchema } from '@alfakit/core'\nimport { calendarIdentity, calendarOptions, clientErrorNotification } from '@alfakit/core'\nimport { Calendar, type CalendarOptions } from '@fullcalendar/core'\nimport dayGridPlugin from '@fullcalendar/daygrid'\nimport interactionPlugin from '@fullcalendar/interaction'\nimport listPlugin from '@fullcalendar/list'\nimport timeGridPlugin from '@fullcalendar/timegrid'\nimport { router } from '@inertiajs/vue3'\nimport { onBeforeUnmount, onMounted, ref, toRaw, watch } from 'vue'\nimport { useActionRunner, useDirection, useLocalization, useT } from '../../context'\nimport { usePageActionContext } from '../actions/action-context'\nimport ActionList from '../actions/ActionList.vue'\nimport { showToast } from '../notifications/flash-toasts'\nimport Card from '../ui/Card.vue'\nimport CardContent from '../ui/CardContent.vue'\nimport CardHeader from '../ui/CardHeader.vue'\nimport CardTitle from '../ui/CardTitle.vue'\n\n/**\n * The calendar widget (alfasix/alfakit-calendar, registry key `widget:calendar`). Events\n * are fetched for the visible range through the widget's actions; FullCalendar loads with\n * this component's own chunk.\n */\nconst props = defineProps<{ widget: CalendarWidgetSchema }>()\n\nconst plugins = [dayGridPlugin, timeGridPlugin, listPlugin, interactionPlugin]\nconst element = ref<HTMLDivElement | null>(null)\nconst runner = useActionRunner()\nconst page = usePageActionContext()\nconst t = useT()\nconst direction = useDirection()\nconst localization = useLocalization()\nlet calendar: Calendar | null = null\n\nconst environment = (): CalendarEnvironment => ({\n  runner,\n  token: page.token,\n  t,\n  locale: localization.value?.tag ?? 'en',\n  direction: direction.value,\n  firstDayOfWeek: localization.value?.firstDayOfWeek ?? 0,\n  visit: (url, newTab) => (newTab ? window.open(url, '_blank', 'noopener') : router.visit(url)),\n  notify: (notifications: NotificationSchema[]) =>\n    notifications.forEach((notification) => showToast(notification)),\n  error: (message) => showToast(clientErrorNotification(`calendar-${props.widget.id}`, message)),\n})\n\nconst create = () => {\n  calendar?.destroy()\n  calendar = null\n\n  if (!element.value) {\n    return\n  }\n\n  // The callbacks read the current schema, so a refetch after an action sees fresh actions.\n  const options = calendarOptions(toRaw(props.widget), environment())\n\n  calendar = new Calendar(element.value, {\n    ...(options as CalendarOptions),\n    plugins,\n    height: 'auto',\n  })\n  calendar.render()\n}\n\nonMounted(create)\nonBeforeUnmount(() => {\n  calendar?.destroy()\n  calendar = null\n})\n\n// Views, locale, direction or interactions changed: a new calendar. Anything else (an\n// action ran, a poll) only refetches the events.\nwatch(\n  () => calendarIdentity(props.widget, environment()),\n  () => create(),\n)\nwatch(\n  () => props.widget,\n  () => calendar?.refetchEvents(),\n)\n</script>\n\n<template>\n  <Card class=\"gap-4 py-4\" data-slot=\"calendar-widget\">\n    <CardHeader v-if=\"props.widget.heading || props.widget.headerActions?.length\" class=\"px-5\">\n      <div class=\"flex flex-wrap items-center justify-between gap-3\">\n        <CardTitle v-if=\"props.widget.heading\" class=\"text-base\">{{\n          props.widget.heading\n        }}</CardTitle>\n        <ActionList\n          v-if=\"props.widget.headerActions\"\n          :actions=\"props.widget.headerActions\"\n          :context=\"{ token: page.token, component: `widget:${props.widget.id}` }\"\n          size=\"sm\"\n          align=\"end\"\n          class=\"ms-auto\"\n        />\n      </div>\n    </CardHeader>\n    <CardContent class=\"px-5\">\n      <div\n        ref=\"element\"\n        data-slot=\"calendar\"\n        :dir=\"direction\"\n        role=\"region\"\n        :aria-label=\"props.widget.heading ?? t('calendar.label', {}, 'Calendar')\"\n      />\n    </CardContent>\n  </Card>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;EAwBA,IAAM0B,IAAQC,GAERC,IAAU;GAACT;GAAeG;GAAgBD;GAAYD;EAAiB,GACvES,IAAUC,EAA2B,IAAI,GACzCC,IAASC,EAAgB,GACzBC,IAAOC,EAAqB,GAC5BC,IAAIC,EAAK,GACTC,IAAYC,EAAa,GACzBC,IAAeC,EAAgB,GACjCC,IAA4B,MAE1BC,WAA0C;GAC9C;GACA,OAAOT,EAAK;GACZ;GACA,QAAQM,EAAa,OAAO,OAAO;GACnC,WAAWF,EAAU;GACrB,gBAAgBE,EAAa,OAAO,kBAAkB;GACtD,QAAQ,GAAK,MAAYI,IAAS,OAAO,KAAKC,GAAK,UAAU,UAAU,IAAIC,EAAO,MAAMD,CAAG;GAC3F,SAAS,MACPE,EAAc,SAAS,MAAiBC,EAAUC,CAAY,CAAC;GACjE,QAAQ,MAAYD,EAAUE,EAAwB,YAAYvB,EAAM,OAAO,MAAMwB,CAAO,CAAC;EAC/F,IAEMC,UAAe;GAInB,IAHAV,GAAU,QAAQ,GAClB,IAAW,MAEP,CAACZ,EAAQ,OACX;GAIF,IAAMuB,IAAUC,EAAgBC,EAAM5B,EAAM,MAAM,GAAGgB,EAAY,CAAC;GAOlE,AALA,IAAW,IAAIa,EAAS1B,EAAQ,OAAO;IACrC,GAAIuB;IACJ;IACA,QAAQ;GACV,CAAC,GACDX,EAAS,OAAO;EAClB;SAEAe,EAAUL,CAAM,GAChBM,QAAsB;GAEpB,AADAhB,GAAU,QAAQ,GAClB,IAAW;EACb,CAAC,GAIDiB,QACQC,EAAiBjC,EAAM,QAAQgB,EAAY,CAAC,SAC5CS,EAAO,CACf,GACAO,QACQhC,EAAM,cACNe,GAAU,cAAc,CAChC,cAIEzC,EAAA,GAAAC,EAyBOC,GAAA;GAzBD,OAAM;GAAa,aAAU;;GACjC,SAAAC,QAca,CAdKuB,EAAM,OAAO,WAAWA,EAAM,OAAO,eAAe,UAAtE1B,EAAA,GAAAC,EAcaG,GAAA;;IAdiE,OAAM;;IAClF,SAAAD,QAYM,CAZNE,EAYM,OAZNkB,GAYM,CAXaG,EAAM,OAAO,WAA9B1B,EAAA,GAAAC,EAEcK,GAAA;;KAFyB,OAAM;;KAAY,SAAAH,QAEvD,CADAI,EAAAC,EAAAkB,EAAM,OAAO,OAAO,GAAA,CAAA,CAAA,CAAA;;IAGd,CAAA,KAAAwC,EAAA,IAAA,EAAA,GAAAxC,EAAM,OAAO,iBADrB1B,EAAA,GAAAC,EAOES,GAAA;;KALC,SAASgB,EAAM,OAAO;KACtB,SAAO;MAAA,OAAWf,EAAAsB,CAAA,CAAI,CAAC;MAAK,WAAA,UAAuBP,EAAM,OAAO;KAAE;KACnE,MAAK;KACL,OAAM;KACN,OAAM;;;GAIZd,CAAAA,KAAAA,EAAAA,IAAAA,EAAAA,GAAAA,EAQcC,GAAA,EARD,OAAM,OAAM,GAAA;IACvB,SAAAV,QAME,CANFE,EAME,OAAA;KALI,SAAA;KAAJ,KAAIwB;KACJ,aAAU;KACT,KAAKlB,EAAA0B,CAAA;KACN,MAAK;KACJ,cAAYX,EAAM,OAAO,WAAWf,EAAAwB,CAAA,CAAC,CAAA,kBAAA,CAAA,GAAA,UAAA"}
+{"version":3,"file":"CalendarWidget.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","Card","_withCtx","CardHeader","_createElementVNode","CardTitle","_createTextVNode","_toDisplayString","_createCommentVNode","ActionList","_unref","_createVNode","CardContent","ActionList_default","Card_default","CardContent_default","CardHeader_default","CardTitle_default","dayGridPlugin","interactionPlugin","listPlugin","timeGridPlugin","_hoisted_1","_hoisted_2","CalendarWidget_vue_vue_type_script_setup_true_lang_default","props","__props","plugins","element","ref","runner","useActionRunner","page","usePageActionContext","t","useT","direction","useDirection","localization","useLocalization","calendar","environment","newTab","url","router","notifications","showToast","notification","clientErrorNotification","message","create","options","calendarOptions","toRaw","Calendar","onMounted","onBeforeUnmount","watch","calendarIdentity","openBlock","createBlock","withCtx","createElementVNode","createTextVNode","toDisplayString","createCommentVNode","unref","createVNode"],"sources":["../../../src/components/widgets/CalendarWidget.vue"],"mappings":";;;;;;;;;;;;;;;;;;;;;EAwBA,IAAM0B,IAAQC,GAERC,IAAU;GAACT;GAAeG;GAAgBD;GAAYD;EAAiB,GACvES,IAAUC,EAA2B,IAAI,GACzCC,IAASC,EAAgB,GACzBC,IAAOC,EAAqB,GAC5BC,IAAIC,EAAK,GACTC,IAAYC,EAAa,GACzBC,IAAeC,EAAgB,GACjCC,IAA4B,MAE1BC,WAA0C;GAC9C;GACA,OAAOT,EAAK;GACZ;GACA,QAAQM,EAAa,OAAO,OAAO;GACnC,WAAWF,EAAU;GACrB,gBAAgBE,EAAa,OAAO,kBAAkB;GACtD,QAAQ,GAAK,MAAYI,IAAS,OAAO,KAAKC,GAAK,UAAU,UAAU,IAAIC,EAAO,MAAMD,CAAG;GAC3F,SAAS,MACPE,EAAc,SAAS,MAAiBC,EAAUC,CAAY,CAAC;GACjE,QAAQ,MAAYD,EAAUE,EAAwB,YAAYvB,EAAM,OAAO,MAAMwB,CAAO,CAAC;EAC/F,IAEMC,UAAe;GAInB,IAHAV,GAAU,QAAQ,GAClB,IAAW,MAEP,CAACZ,EAAQ,OACX;GAIF,IAAMuB,IAAUC,EAAgBC,EAAM5B,EAAM,MAAM,GAAGgB,EAAY,CAAC;GAOlE,AALA,IAAW,IAAIa,EAAS1B,EAAQ,OAAO;IACrC,GAAIuB;IACJ;IACA,QAAQ;GACV,CAAC,GACDX,EAAS,OAAO;EAClB;SAEAe,EAAUL,CAAM,GAChBM,QAAsB;GAEpB,AADAhB,GAAU,QAAQ,GAClB,IAAW;EACb,CAAC,GAIDiB,QACQC,EAAiBjC,EAAM,QAAQgB,EAAY,CAAC,SAC5CS,EAAO,CACf,GACAO,QACQhC,EAAM,cACNe,GAAU,cAAc,CAChC,cAIEzC,EAAA,GAAAC,EAyBOC,GAAA;GAzBD,OAAM;GAAa,aAAU;;GACjC,SAAAC,QAca,CAdKuB,EAAM,OAAO,WAAWA,EAAM,OAAO,eAAe,UAAtE1B,EAAA,GAAAC,EAcaG,GAAA;;IAdiE,OAAM;;IAClF,SAAAD,QAYM,CAZNE,EAYM,OAZNkB,GAYM,CAXaG,EAAM,OAAO,WAA9B1B,EAAA,GAAAC,EAEcK,GAAA;;KAFyB,OAAM;;KAAY,SAAAH,QAEvD,CADAI,EAAAC,EAAAkB,EAAM,OAAO,OAAO,GAAA,CAAA,CAAA,CAAA;;IAGd,CAAA,KAAAwC,EAAA,IAAA,EAAA,GAAAxC,EAAM,OAAO,iBADrB1B,EAAA,GAAAC,EAOES,GAAA;;KALC,SAASgB,EAAM,OAAO;KACtB,SAAO;MAAA,OAAWf,EAAAsB,CAAA,CAAI,CAAC;MAAK,WAAA,UAAuBP,EAAM,OAAO;KAAE;KACnE,MAAK;KACL,OAAM;KACN,OAAM;;;GAIZd,CAAAA,KAAAA,EAAAA,IAAAA,EAAAA,GAAAA,EAQcC,GAAA,EARD,OAAM,OAAM,GAAA;IACvB,SAAAV,QAME,CANFE,EAME,OAAA;KALI,SAAA;KAAJ,KAAIwB;KACJ,aAAU;KACT,KAAKlB,EAAA0B,CAAA;KACN,MAAK;KACJ,cAAYX,EAAM,OAAO,WAAWf,EAAAwB,CAAA,CAAC,CAAA,kBAAA,CAAA,GAAA,UAAA"}

package/dist/components/widgets/ChartEmptyState.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChartEmptyState.js","names":["_sfc_main","ChartEmptyState_vue_vue_type_script_setup_true_lang_default","ChartEmptyState_default"],"sources":["../../../src/components/widgets/ChartEmptyState.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ChartWidgetSchema } from '@alfakit/core'\nimport { ChartColumnIcon } from '@lucide/vue'\nimport { computed } from 'vue'\nimport { useRegistry, useT } from '../../context'\nimport { Icon } from '../../lib/icons'\nimport { usePageActionContext } from '../actions/action-context'\nimport ActionList from '../actions/ActionList.vue'\n\n/**\n * Shown when `getData()` returns nothing: a registered `$emptyStateView` component, or the\n * icon, texts and `getEmptyStateActions()` (run through the widget, `widget:<id>`).\n */\nconst props = defineProps<{ widget: ChartWidgetSchema }>()\nconst t = useT()\nconst registry = useRegistry()\nconst page = usePageActionContext()\nconst state = computed(() => props.widget.emptyState)\nconst view = computed(() => (state.value?.view ? registry.resolve(state.value.view) : undefined))\nconst context = computed(() => ({ token: page.token, component: `widget:${props.widget.id}` }))\nconst minHeight = computed(() => props.widget.maxHeight ?? '18rem')\n</script>\n\n<template>\n  <div v-if=\"view\" data-slot=\"chart-empty-state\" :style=\"{ minHeight }\">\n    <component :is=\"view\" v-bind=\"state?.viewData ?? {}\" :widget=\"props.widget\" />\n  </div>\n  <div\n    v-else\n    data-slot=\"chart-empty-state\"\n    class=\"flex flex-col items-center justify-center gap-2 py-10 text-center\"\n    :style=\"{ minHeight }\"\n  >\n    <div\n      class=\"bg-muted text-muted-foreground flex size-10 items-center justify-center rounded-full\"\n    >\n      <Icon v-if=\"state?.icon\" :name=\"state.icon\" class=\"size-5\" />\n      <Icon\n        v-else\n        name=\"alfakit::widgets.chart.empty-state\"\n        :fallback=\"ChartColumnIcon\"\n        class=\"size-5\"\n      />\n    </div>\n    <p class=\"text-sm font-medium\">\n      {{ state?.heading ?? t('chart_empty', {}, 'No data to show') }}\n    </p>\n    <p v-if=\"state?.description\" class=\"text-muted-foreground text-sm\">\n      {{ state.description }}\n    </p>\n    <ActionList\n      v-if=\"state?.actions && state.actions.length > 0\"\n      :actions=\"state.actions\"\n      :context=\"context\"\n      size=\"sm\"\n      class=\"mt-2 justify-center\"\n    />\n  </div>\n</template>\n"],"mappings":""}
+{"version":3,"file":"ChartEmptyState.js","names":["_sfc_main","ChartEmptyState_vue_vue_type_script_setup_true_lang_default","ChartEmptyState_default"],"sources":["../../../src/components/widgets/ChartEmptyState.vue"],"mappings":""}

package/dist/components/widgets/ChartEmptyState.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChartEmptyState.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeStyle","_createBlock","_resolveDynamicComponent","_mergeProps","_createElementVNode","_unref","Icon","_toDisplayString","_createCommentVNode","ActionList","Icon_default","ActionList_default","_hoisted_1","_hoisted_2","_hoisted_3","ChartEmptyState_vue_vue_type_script_setup_true_lang_default","props","__props","t","useT","registry","useRegistry","page","usePageActionContext","state","computed","view","context","minHeight","openBlock","createElementBlock","normalizeStyle","createBlock","resolveDynamicComponent","mergeProps","createElementVNode","unref","ChartColumnIcon","toDisplayString","createCommentVNode"],"sources":["../../../src/components/widgets/ChartEmptyState.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ChartWidgetSchema } from '@alfakit/core'\nimport { ChartColumnIcon } from '@lucide/vue'\nimport { computed } from 'vue'\nimport { useRegistry, useT } from '../../context'\nimport { Icon } from '../../lib/icons'\nimport { usePageActionContext } from '../actions/action-context'\nimport ActionList from '../actions/ActionList.vue'\n\n/**\n * Shown when `getData()` returns nothing: a registered `$emptyStateView` component, or the\n * icon, texts and `getEmptyStateActions()` (run through the widget, `widget:<id>`).\n */\nconst props = defineProps<{ widget: ChartWidgetSchema }>()\nconst t = useT()\nconst registry = useRegistry()\nconst page = usePageActionContext()\nconst state = computed(() => props.widget.emptyState)\nconst view = computed(() => (state.value?.view ? registry.resolve(state.value.view) : undefined))\nconst context = computed(() => ({ token: page.token, component: `widget:${props.widget.id}` }))\nconst minHeight = computed(() => props.widget.maxHeight ?? '18rem')\n</script>\n\n<template>\n  <div v-if=\"view\" data-slot=\"chart-empty-state\" :style=\"{ minHeight }\">\n    <component :is=\"view\" v-bind=\"state?.viewData ?? {}\" :widget=\"props.widget\" />\n  </div>\n  <div\n    v-else\n    data-slot=\"chart-empty-state\"\n    class=\"flex flex-col items-center justify-center gap-2 py-10 text-center\"\n    :style=\"{ minHeight }\"\n  >\n    <div\n      class=\"bg-muted text-muted-foreground flex size-10 items-center justify-center rounded-full\"\n    >\n      <Icon v-if=\"state?.icon\" :name=\"state.icon\" class=\"size-5\" />\n      <Icon\n        v-else\n        name=\"alfakit::widgets.chart.empty-state\"\n        :fallback=\"ChartColumnIcon\"\n        class=\"size-5\"\n      />\n    </div>\n    <p class=\"text-sm font-medium\">\n      {{ state?.heading ?? t('chart_empty', {}, 'No data to show') }}\n    </p>\n    <p v-if=\"state?.description\" class=\"text-muted-foreground text-sm\">\n      {{ state.description }}\n    </p>\n    <ActionList\n      v-if=\"state?.actions && state.actions.length > 0\"\n      :actions=\"state.actions\"\n      :context=\"context\"\n      size=\"sm\"\n      class=\"mt-2 justify-center\"\n    />\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;EAaA,IAAMkB,IAAQC,GACRC,IAAIC,EAAK,GACTC,IAAWC,EAAY,GACvBC,IAAOC,EAAqB,GAC5BC,IAAQC,QAAeT,EAAM,OAAO,UAAU,GAC9CU,IAAOD,QAAgBD,EAAM,OAAO,OAAOJ,EAAS,QAAQI,EAAM,MAAM,IAAI,IAAI,KAAA,CAAU,GAC1FG,IAAUF,SAAgB;GAAE,OAAOH,EAAK;GAAO,WAAW,UAAUN,EAAM,OAAO;EAAK,EAAE,GACxFY,IAAYH,QAAeT,EAAM,OAAO,aAAa,OAAO;mBAIrDU,EAAA,SAAX5B,EAAA,GAAAC,EAEM,OAAA;;GAFW,aAAU;GAAqB,OAAKC,EAAA,EAAA,WAAI4B,EAAA,MAAS,CAAA;EAChE9B,GAAAA,EAAAA,EAAA,GAAAG,EAA8EC,EAA9DwB,EAAA,KAAI,GAApBvB,EAA8BqB,EAAgD,OAAzC,YAAQ,CAAA,GAAA,EAAS,QAAQR,EAAM,OAAA,CAAA,GAAA,MAAA,IAAA,CAAA,QAAA,CAAA,EAAA,GAAA,CAAA,MAEtElB,EAAA,GAAAC,EA8BM,OAAA;;GA5BJ,aAAU;GACV,OAAM;GACL,OAAKC,EAAA,EAAA,WAAI4B,EAAA,MAAS,CAAA;;GAEnBxB,EAUM,OAVNQ,GAUM,CAPQY,EAAA,OAAO,QAAnB1B,EAAA,GAAAG,EAA6DI,EAAAC,CAAA,GAAA;;IAAnC,MAAMkB,EAAA,MAAM;IAAM,OAAM;GAClD1B,GAAAA,MAAAA,GAAAA,CAAAA,MAAAA,CAAAA,MAAAA,EAAA,GAAAG,EAKEI,EAAAC,CAAA,GAAA;;IAHA,MAAK;IACJ,UAAUD,EAAAgC,CAAA;IACX,OAAM;;GAGVjC,EAEI,KAFJS,GAEIN,EADCiB,EAAA,OAAO,WAAWnB,EAAAa,CAAA,CAAC,CAAA,eAAA,CAAA,GAAA,iBAAA,CAAA,GAAA,CAAA;GAEfM,EAAA,OAAO,eAAhB1B,EAAA,GAAAC,EAEI,KAFJe,GAEIP,EADCiB,EAAA,MAAM,WAAW,GAAA,CAAA,KAAAe,EAAA,IAAA,EAAA;GAGdf,EAAA,OAAO,WAAWA,EAAA,MAAM,QAAQ,SAAM,KAD9C1B,EAAA,GAAAG,EAMEQ,GAAA;;IAJC,SAASe,EAAA,MAAM;IACf,SAASG,EAAA;IACV,MAAK;IACL,OAAM"}
+{"version":3,"file":"ChartEmptyState.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeStyle","_createBlock","_resolveDynamicComponent","_mergeProps","_createElementVNode","_unref","Icon","_toDisplayString","_createCommentVNode","ActionList","Icon_default","ActionList_default","_hoisted_1","_hoisted_2","_hoisted_3","ChartEmptyState_vue_vue_type_script_setup_true_lang_default","props","__props","t","useT","registry","useRegistry","page","usePageActionContext","state","computed","view","context","minHeight","openBlock","createElementBlock","normalizeStyle","createBlock","resolveDynamicComponent","mergeProps","createElementVNode","unref","ChartColumnIcon","toDisplayString","createCommentVNode"],"sources":["../../../src/components/widgets/ChartEmptyState.vue"],"mappings":";;;;;;;;;;;;;;EAaA,IAAMkB,IAAQC,GACRC,IAAIC,EAAK,GACTC,IAAWC,EAAY,GACvBC,IAAOC,EAAqB,GAC5BC,IAAQC,QAAeT,EAAM,OAAO,UAAU,GAC9CU,IAAOD,QAAgBD,EAAM,OAAO,OAAOJ,EAAS,QAAQI,EAAM,MAAM,IAAI,IAAI,KAAA,CAAU,GAC1FG,IAAUF,SAAgB;GAAE,OAAOH,EAAK;GAAO,WAAW,UAAUN,EAAM,OAAO;EAAK,EAAE,GACxFY,IAAYH,QAAeT,EAAM,OAAO,aAAa,OAAO;mBAIrDU,EAAA,SAAX5B,EAAA,GAAAC,EAEM,OAAA;;GAFW,aAAU;GAAqB,OAAKC,EAAA,EAAA,WAAI4B,EAAA,MAAS,CAAA;EAChE9B,GAAAA,EAAAA,EAAA,GAAAG,EAA8EC,EAA9DwB,EAAA,KAAI,GAApBvB,EAA8BqB,EAAgD,OAAzC,YAAQ,CAAA,GAAA,EAAS,QAAQR,EAAM,OAAA,CAAA,GAAA,MAAA,IAAA,CAAA,QAAA,CAAA,EAAA,GAAA,CAAA,MAEtElB,EAAA,GAAAC,EA8BM,OAAA;;GA5BJ,aAAU;GACV,OAAM;GACL,OAAKC,EAAA,EAAA,WAAI4B,EAAA,MAAS,CAAA;;GAEnBxB,EAUM,OAVNQ,GAUM,CAPQY,EAAA,OAAO,QAAnB1B,EAAA,GAAAG,EAA6DI,EAAAC,CAAA,GAAA;;IAAnC,MAAMkB,EAAA,MAAM;IAAM,OAAM;GAClD1B,GAAAA,MAAAA,GAAAA,CAAAA,MAAAA,CAAAA,MAAAA,EAAA,GAAAG,EAKEI,EAAAC,CAAA,GAAA;;IAHA,MAAK;IACJ,UAAUD,EAAAgC,CAAA;IACX,OAAM;;GAGVjC,EAEI,KAFJS,GAEIN,EADCiB,EAAA,OAAO,WAAWnB,EAAAa,CAAA,CAAC,CAAA,eAAA,CAAA,GAAA,iBAAA,CAAA,GAAA,CAAA;GAEfM,EAAA,OAAO,eAAhB1B,EAAA,GAAAC,EAEI,KAFJe,GAEIP,EADCiB,EAAA,MAAM,WAAW,GAAA,CAAA,KAAAe,EAAA,IAAA,EAAA;GAGdf,EAAA,OAAO,WAAWA,EAAA,MAAM,QAAQ,SAAM,KAD9C1B,EAAA,GAAAG,EAMEQ,GAAA;;IAJC,SAASe,EAAA,MAAM;IACf,SAASG,EAAA;IACV,MAAK;IACL,OAAM"}

package/dist/components/widgets/ChartFilters.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChartFilters.js","names":["_sfc_main","ChartFilters_vue_vue_type_script_setup_true_lang_default","ChartFilters_default"],"sources":["../../../src/components/widgets/ChartFilters.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ChartFiltersFormSchema } from '@alfakit/core'\nimport { FormStore, chartFiltersUrl, resolvePartialProps, triggerButtonView } from '@alfakit/core'\nimport { router } from '@inertiajs/vue3'\nimport { FilterIcon } from '@lucide/vue'\nimport { computed, onScopeDispose, ref, watch } from 'vue'\nimport { useStore } from '../../composables/use-store'\nimport { useT } from '../../context'\nimport { Icon } from '../../lib/icons'\nimport { provideForm } from '../form/form-context'\nimport SchemaRenderer from '../schema/SchemaRenderer.vue'\nimport Button from '../ui/Button.vue'\nimport Popover from '../ui/Popover.vue'\nimport PopoverContent from '../ui/PopoverContent.vue'\nimport PopoverTrigger from '../ui/PopoverTrigger.vue'\nimport TableTriggerButton from '../table/TableTriggerButton.vue'\n\n/**\n * The `filtersSchema()` form of a chart widget, in a popover. Values live in the query\n * string; the chart reloads on every change, or on \"Apply\" with deferred filters. The\n * parent re-mounts it (by key) when the server sends new filter state.\n */\nconst props = defineProps<{ form: ChartFiltersFormSchema; widgetId: string }>()\nconst t = useT()\nconst open = ref(false)\nconst store = new FormStore(props.form, { token: '', component: `chartFilters:${props.widgetId}` })\nconst state = useStore(store.store)\nlet applied = JSON.stringify(props.form.state)\n\nprovideForm(store)\nonScopeDispose(() => store.destroy())\n\nconst apply = (values: Record<string, unknown> | null) => {\n  if (typeof window === 'undefined') return\n\n  applied = JSON.stringify(values ?? {})\n  router.visit(chartFiltersUrl(window.location.href, props.form.queryKey, props.widgetId, values), {\n    only: resolvePartialProps(['page']),\n    preserveScroll: true,\n    preserveState: true,\n    replace: true,\n  })\n}\n\n// Live filters apply as the user changes them.\nwatch(\n  () => state.value.values,\n  (values) => {\n    if (!props.form.deferred && JSON.stringify(values) !== applied) apply(values)\n  },\n)\n\nconst reset = () => {\n  apply(null)\n  open.value = false\n}\n\nconst submit = () => {\n  apply(state.value.values)\n  open.value = false\n}\n\n// `filtersResetAction()` / `filtersApplyAction()` restyle the buttons.\nconst resetView = computed(() =>\n  triggerButtonView(props.form, 'filtersReset', {\n    label: t('table.reset_filters', {}, 'Reset'),\n    variant: 'ghost',\n  }),\n)\nconst applyView = computed(() =>\n  triggerButtonView(props.form, 'filtersApply', {\n    label: t('table_filters.apply', {}, 'Apply'),\n    variant: 'default',\n  }),\n)\n</script>\n\n<template>\n  <Popover v-model:open=\"open\">\n    <PopoverTrigger as-child>\n      <Button\n        type=\"button\"\n        variant=\"ghost\"\n        size=\"icon-sm\"\n        data-slot=\"chart-filters-trigger\"\n        :aria-label=\"t('table.filters', {}, 'Filters')\"\n        ><Icon name=\"alfakit::widgets.chart.filter\" :fallback=\"FilterIcon\"\n      /></Button>\n    </PopoverTrigger>\n    <PopoverContent align=\"end\" class=\"flex w-80 flex-col gap-4\" data-slot=\"chart-filters\">\n      <SchemaRenderer :components=\"state.components\" :columns=\"state.columns\" />\n      <div class=\"flex items-center justify-between gap-2\">\n        <TableTriggerButton\n          v-if=\"resetView\"\n          :view=\"resetView\"\n          data-slot=\"chart-filters-reset\"\n          @click=\"reset\"\n        />\n        <span v-else />\n        <TableTriggerButton\n          v-if=\"props.form.deferred && applyView\"\n          :view=\"applyView\"\n          data-slot=\"chart-filters-apply\"\n          @click=\"submit\"\n        />\n      </div>\n    </PopoverContent>\n  </Popover>\n</template>\n"],"mappings":""}
+{"version":3,"file":"ChartFilters.js","names":["_sfc_main","ChartFilters_vue_vue_type_script_setup_true_lang_default","ChartFilters_default"],"sources":["../../../src/components/widgets/ChartFilters.vue"],"mappings":""}

package/dist/components/widgets/ChartFilters.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChartFilters.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","Popover","_withCtx","_createVNode","PopoverTrigger","Button","_unref","Icon","PopoverContent","SchemaRenderer","_createElementVNode","TableTriggerButton","_createElementBlock","_createCommentVNode","Icon_default","Button_default","SchemaRenderer_default","Popover_default","PopoverContent_default","PopoverTrigger_default","TableTriggerButton_default","_hoisted_1","_hoisted_2","ChartFilters_vue_vue_type_script_setup_true_lang_default","props","__props","t","useT","open","ref","store","FormStore","state","useStore","applied","provideForm","onScopeDispose","apply","values","router","chartFiltersUrl","resolvePartialProps","reset","submit","resetView","computed","triggerButtonView","applyView","openBlock","createBlock","_cache","$event","withCtx","createVNode","unref","FilterIcon","createElementVNode","createElementBlock","createCommentVNode"],"sources":["../../../src/components/widgets/ChartFilters.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ChartFiltersFormSchema } from '@alfakit/core'\nimport { FormStore, chartFiltersUrl, resolvePartialProps, triggerButtonView } from '@alfakit/core'\nimport { router } from '@inertiajs/vue3'\nimport { FilterIcon } from '@lucide/vue'\nimport { computed, onScopeDispose, ref, watch } from 'vue'\nimport { useStore } from '../../composables/use-store'\nimport { useT } from '../../context'\nimport { Icon } from '../../lib/icons'\nimport { provideForm } from '../form/form-context'\nimport SchemaRenderer from '../schema/SchemaRenderer.vue'\nimport Button from '../ui/Button.vue'\nimport Popover from '../ui/Popover.vue'\nimport PopoverContent from '../ui/PopoverContent.vue'\nimport PopoverTrigger from '../ui/PopoverTrigger.vue'\nimport TableTriggerButton from '../table/TableTriggerButton.vue'\n\n/**\n * The `filtersSchema()` form of a chart widget, in a popover. Values live in the query\n * string; the chart reloads on every change, or on \"Apply\" with deferred filters. The\n * parent re-mounts it (by key) when the server sends new filter state.\n */\nconst props = defineProps<{ form: ChartFiltersFormSchema; widgetId: string }>()\nconst t = useT()\nconst open = ref(false)\nconst store = new FormStore(props.form, { token: '', component: `chartFilters:${props.widgetId}` })\nconst state = useStore(store.store)\nlet applied = JSON.stringify(props.form.state)\n\nprovideForm(store)\nonScopeDispose(() => store.destroy())\n\nconst apply = (values: Record<string, unknown> | null) => {\n  if (typeof window === 'undefined') return\n\n  applied = JSON.stringify(values ?? {})\n  router.visit(chartFiltersUrl(window.location.href, props.form.queryKey, props.widgetId, values), {\n    only: resolvePartialProps(['page']),\n    preserveScroll: true,\n    preserveState: true,\n    replace: true,\n  })\n}\n\n// Live filters apply as the user changes them.\nwatch(\n  () => state.value.values,\n  (values) => {\n    if (!props.form.deferred && JSON.stringify(values) !== applied) apply(values)\n  },\n)\n\nconst reset = () => {\n  apply(null)\n  open.value = false\n}\n\nconst submit = () => {\n  apply(state.value.values)\n  open.value = false\n}\n\n// `filtersResetAction()` / `filtersApplyAction()` restyle the buttons.\nconst resetView = computed(() =>\n  triggerButtonView(props.form, 'filtersReset', {\n    label: t('table.reset_filters', {}, 'Reset'),\n    variant: 'ghost',\n  }),\n)\nconst applyView = computed(() =>\n  triggerButtonView(props.form, 'filtersApply', {\n    label: t('table_filters.apply', {}, 'Apply'),\n    variant: 'default',\n  }),\n)\n</script>\n\n<template>\n  <Popover v-model:open=\"open\">\n    <PopoverTrigger as-child>\n      <Button\n        type=\"button\"\n        variant=\"ghost\"\n        size=\"icon-sm\"\n        data-slot=\"chart-filters-trigger\"\n        :aria-label=\"t('table.filters', {}, 'Filters')\"\n        ><Icon name=\"alfakit::widgets.chart.filter\" :fallback=\"FilterIcon\"\n      /></Button>\n    </PopoverTrigger>\n    <PopoverContent align=\"end\" class=\"flex w-80 flex-col gap-4\" data-slot=\"chart-filters\">\n      <SchemaRenderer :components=\"state.components\" :columns=\"state.columns\" />\n      <div class=\"flex items-center justify-between gap-2\">\n        <TableTriggerButton\n          v-if=\"resetView\"\n          :view=\"resetView\"\n          data-slot=\"chart-filters-reset\"\n          @click=\"reset\"\n        />\n        <span v-else />\n        <TableTriggerButton\n          v-if=\"props.form.deferred && applyView\"\n          :view=\"applyView\"\n          data-slot=\"chart-filters-apply\"\n          @click=\"submit\"\n        />\n      </div>\n    </PopoverContent>\n  </Popover>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;EAsBA,IAAMyB,IAAQC,GACRC,IAAIC,EAAK,GACTC,IAAOC,EAAI,EAAK,GAChBC,IAAQ,IAAIC,EAAUP,EAAM,MAAM;GAAE,OAAO;GAAI,WAAW,gBAAgBA,EAAM;EAAW,CAAC,GAC5FQ,IAAQC,EAASH,EAAM,KAAK,GAC9BI,IAAU,KAAK,UAAUV,EAAM,KAAK,KAAK;EAG7C,AADAW,EAAYL,CAAK,GACjBM,QAAqBN,EAAM,QAAQ,CAAC;EAEpC,IAAMO,KAAS,MAA2C;GACxD,AAAI,OAAO,SAAW,QAEtB,IAAU,KAAK,UAAUC,KAAU,CAAC,CAAC,GACrCC,EAAO,MAAMC,EAAgB,OAAO,SAAS,MAAMhB,EAAM,KAAK,UAAUA,EAAM,UAAUc,CAAM,GAAG;IAC/F,MAAMG,EAAoB,CAAC,MAAM,CAAC;IAClC,gBAAgB;IAChB,eAAe;IACf,SAAS;GACX,CAAC;EACH;EAGA,QACQT,EAAM,MAAM,SACjB,MAAW;GACV,AAAI,CAACR,EAAM,KAAK,YAAY,KAAK,UAAUc,CAAM,MAAMJ,KAASG,EAAMC,CAAM;EAC9E,CACF;EAEA,IAAMI,UAAc;GAElB,AADAL,EAAM,IAAI,GACV,EAAK,QAAQ;EACf,GAEMM,UAAe;GAEnB,AADAN,EAAML,EAAM,MAAM,MAAM,GACxB,EAAK,QAAQ;EACf,GAGMY,IAAYC,QAChBC,EAAkBtB,EAAM,MAAM,gBAAgB;GAC5C,OAAOE,EAAE,uBAAuB,CAAC,GAAG,OAAO;GAC3C,SAAS;EACX,CAAC,CACH,GACMqB,IAAYF,QAChBC,EAAkBtB,EAAM,MAAM,gBAAgB;GAC5C,OAAOE,EAAE,uBAAuB,CAAC,GAAG,OAAO;GAC3C,SAAS;EACX,CAAC,CACH;oBAIE3B,EAAA,GAAAC,EA6BUC,GAAA;GA7BO,MAAM2B,EAAA;GAAA,iBAAA,AAAAsB,EAAA,QAAA,MAAA,EAAI,QAAAC;;GACzB,SAAAjD,QASiB,CATjBC,EASiBC,GAAA,EATD,YAAA,GAAQ,GAAA;IACtB,SAAAF,QAOW,CAPXC,EAOWE,GAAA;KANT,MAAK;KACL,SAAQ;KACR,MAAK;KACL,aAAU;KACT,cAAYC,EAAAoB,CAAA,CAAC,CAAA,iBAAA,CAAA,GAAA,SAAA;;KACb,SAAAxB,QACD,CADCC,EACDG,EAAAC,CAAA,GAAA;MADO,MAAK;MAAiC,UAAUD,EAAAiD,CAAA;;;;;GAG3DpD,CAAAA,GAAAA,EAiBiBK,GAAA;IAjBD,OAAM;IAAM,OAAM;IAA2B,aAAU;;IACrE,SAAAN,QAA0E,CAA1EC,EAA0EM,GAAA;KAAzD,YAAYH,EAAA0B,CAAA,CAAK,CAAC;KAAa,SAAS1B,EAAA0B,CAAA,CAAK,CAAC;IAC/DtB,GAAAA,MAAAA,GAAAA,CAAAA,cAAAA,SAAAA,CAAAA,GAAAA,EAcM,OAdNW,GAcM,CAZIuB,EAAA,SADR7C,EAAA,GAAAC,EAKEW,GAAA;;KAHC,MAAMiC,EAAA;KACP,aAAU;KACT,SAAOF;IAEV3C,GAAAA,MAAAA,GAAAA,CAAAA,MAAAA,CAAAA,MAAAA,EAAA,GAAAa,EAAe,QAAAU,CAAA,IAEPE,EAAM,KAAK,YAAYuB,EAAA,SAD/BhD,EAAA,GAAAC,EAKEW,GAAA;;KAHC,MAAMoC,EAAA;KACP,aAAU;KACT,SAAOJ"}
+{"version":3,"file":"ChartFilters.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","Popover","_withCtx","_createVNode","PopoverTrigger","Button","_unref","Icon","PopoverContent","SchemaRenderer","_createElementVNode","TableTriggerButton","_createElementBlock","_createCommentVNode","Icon_default","Button_default","SchemaRenderer_default","Popover_default","PopoverContent_default","PopoverTrigger_default","TableTriggerButton_default","_hoisted_1","_hoisted_2","ChartFilters_vue_vue_type_script_setup_true_lang_default","props","__props","t","useT","open","ref","store","FormStore","state","useStore","applied","provideForm","onScopeDispose","apply","values","router","chartFiltersUrl","resolvePartialProps","reset","submit","resetView","computed","triggerButtonView","applyView","openBlock","createBlock","_cache","$event","withCtx","createVNode","unref","FilterIcon","createElementVNode","createElementBlock","createCommentVNode"],"sources":["../../../src/components/widgets/ChartFilters.vue"],"mappings":";;;;;;;;;;;;;;;;;;;;;;EAsBA,IAAMyB,IAAQC,GACRC,IAAIC,EAAK,GACTC,IAAOC,EAAI,EAAK,GAChBC,IAAQ,IAAIC,EAAUP,EAAM,MAAM;GAAE,OAAO;GAAI,WAAW,gBAAgBA,EAAM;EAAW,CAAC,GAC5FQ,IAAQC,EAASH,EAAM,KAAK,GAC9BI,IAAU,KAAK,UAAUV,EAAM,KAAK,KAAK;EAG7C,AADAW,EAAYL,CAAK,GACjBM,QAAqBN,EAAM,QAAQ,CAAC;EAEpC,IAAMO,KAAS,MAA2C;GACxD,AAAI,OAAO,SAAW,QAEtB,IAAU,KAAK,UAAUC,KAAU,CAAC,CAAC,GACrCC,EAAO,MAAMC,EAAgB,OAAO,SAAS,MAAMhB,EAAM,KAAK,UAAUA,EAAM,UAAUc,CAAM,GAAG;IAC/F,MAAMG,EAAoB,CAAC,MAAM,CAAC;IAClC,gBAAgB;IAChB,eAAe;IACf,SAAS;GACX,CAAC;EACH;EAGA,QACQT,EAAM,MAAM,SACjB,MAAW;GACV,AAAI,CAACR,EAAM,KAAK,YAAY,KAAK,UAAUc,CAAM,MAAMJ,KAASG,EAAMC,CAAM;EAC9E,CACF;EAEA,IAAMI,UAAc;GAElB,AADAL,EAAM,IAAI,GACV,EAAK,QAAQ;EACf,GAEMM,UAAe;GAEnB,AADAN,EAAML,EAAM,MAAM,MAAM,GACxB,EAAK,QAAQ;EACf,GAGMY,IAAYC,QAChBC,EAAkBtB,EAAM,MAAM,gBAAgB;GAC5C,OAAOE,EAAE,uBAAuB,CAAC,GAAG,OAAO;GAC3C,SAAS;EACX,CAAC,CACH,GACMqB,IAAYF,QAChBC,EAAkBtB,EAAM,MAAM,gBAAgB;GAC5C,OAAOE,EAAE,uBAAuB,CAAC,GAAG,OAAO;GAC3C,SAAS;EACX,CAAC,CACH;oBAIE3B,EAAA,GAAAC,EA6BUC,GAAA;GA7BO,MAAM2B,EAAA;GAAA,iBAAA,AAAAsB,EAAA,QAAA,MAAA,EAAI,QAAAC;;GACzB,SAAAjD,QASiB,CATjBC,EASiBC,GAAA,EATD,YAAA,GAAQ,GAAA;IACtB,SAAAF,QAOW,CAPXC,EAOWE,GAAA;KANT,MAAK;KACL,SAAQ;KACR,MAAK;KACL,aAAU;KACT,cAAYC,EAAAoB,CAAA,CAAC,CAAA,iBAAA,CAAA,GAAA,SAAA;;KACb,SAAAxB,QACD,CADCC,EACDG,EAAAC,CAAA,GAAA;MADO,MAAK;MAAiC,UAAUD,EAAAiD,CAAA;;;;;GAG3DpD,CAAAA,GAAAA,EAiBiBK,GAAA;IAjBD,OAAM;IAAM,OAAM;IAA2B,aAAU;;IACrE,SAAAN,QAA0E,CAA1EC,EAA0EM,GAAA;KAAzD,YAAYH,EAAA0B,CAAA,CAAK,CAAC;KAAa,SAAS1B,EAAA0B,CAAA,CAAK,CAAC;IAC/DtB,GAAAA,MAAAA,GAAAA,CAAAA,cAAAA,SAAAA,CAAAA,GAAAA,EAcM,OAdNW,GAcM,CAZIuB,EAAA,SADR7C,EAAA,GAAAC,EAKEW,GAAA;;KAHC,MAAMiC,EAAA;KACP,aAAU;KACT,SAAOF;IAEV3C,GAAAA,MAAAA,GAAAA,CAAAA,MAAAA,CAAAA,MAAAA,EAAA,GAAAa,EAAe,QAAAU,CAAA,IAEPE,EAAM,KAAK,YAAYuB,EAAA,SAD/BhD,EAAA,GAAAC,EAKEW,GAAA;;KAHC,MAAMoC,EAAA;KACP,aAAU;KACT,SAAOJ"}

package/dist/components/widgets/ChartSkeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChartSkeleton.js","names":["_sfc_main","ChartSkeleton_vue_vue_type_script_setup_true_lang_default","ChartSkeleton_default"],"sources":["../../../src/components/widgets/ChartSkeleton.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ChartWidgetSchema } from '@alfakit/core'\nimport Card from '../ui/Card.vue'\nimport CardContent from '../ui/CardContent.vue'\nimport Skeleton from '../ui/Skeleton.vue'\n\nconst props = defineProps<{ widget: ChartWidgetSchema }>()\n</script>\n\n<template>\n  <Card class=\"gap-4 py-4\" aria-busy=\"true\">\n    <CardContent class=\"flex flex-col gap-4 px-5\">\n      <Skeleton v-if=\"props.widget.heading\" class=\"h-5 w-1/3\" aria-hidden=\"true\" />\n      <Skeleton :style=\"{ height: props.widget.maxHeight ?? '18rem' }\" aria-hidden=\"true\" />\n    </CardContent>\n  </Card>\n</template>\n"],"mappings":""}
+{"version":3,"file":"ChartSkeleton.js","names":["_sfc_main","ChartSkeleton_vue_vue_type_script_setup_true_lang_default","ChartSkeleton_default"],"sources":["../../../src/components/widgets/ChartSkeleton.vue"],"mappings":""}

package/dist/components/widgets/ChartSkeleton.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChartSkeleton.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","Card","_withCtx","_createVNode","CardContent","Skeleton","_createCommentVNode","_normalizeStyle","Skeleton_default","Card_default","CardContent_default","ChartSkeleton_vue_vue_type_script_setup_true_lang_default","props","__props","openBlock","createBlock","withCtx","createVNode","createCommentVNode","normalizeStyle"],"sources":["../../../src/components/widgets/ChartSkeleton.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ChartWidgetSchema } from '@alfakit/core'\nimport Card from '../ui/Card.vue'\nimport CardContent from '../ui/CardContent.vue'\nimport Skeleton from '../ui/Skeleton.vue'\n\nconst props = defineProps<{ widget: ChartWidgetSchema }>()\n</script>\n\n<template>\n  <Card class=\"gap-4 py-4\" aria-busy=\"true\">\n    <CardContent class=\"flex flex-col gap-4 px-5\">\n      <Skeleton v-if=\"props.widget.heading\" class=\"h-5 w-1/3\" aria-hidden=\"true\" />\n      <Skeleton :style=\"{ height: props.widget.maxHeight ?? '18rem' }\" aria-hidden=\"true\" />\n    </CardContent>\n  </Card>\n</template>\n"],"mappings":";;;;;;;;;EAMA,IAAMa,IAAQC;oBAIZd,EAAA,GAAAC,EAKOC,GAAA;GALD,OAAM;GAAa,aAAU;;GACjC,SAAAC,QAGc,CAHdC,EAGcC,GAAA,EAHD,OAAM,2BAA0B,GAAA;IAC3C,SAAAF,QAA6E,CAA7DU,EAAM,OAAO,WAA7Bb,EAAA,GAAAC,EAA6EK,GAAA;;KAAvC,OAAM;KAAY,eAAY;IACpEF,CAAAA,KAAAA,EAAAA,IAAAA,EAAAA,GAAAA,EAAsFE,GAAA;KAA3E,OAAKE,EAAA,EAAA,QAAYK,EAAM,OAAO,aAAS,QAAA,CAAA;KAAe,eAAY"}
+{"version":3,"file":"ChartSkeleton.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","Card","_withCtx","_createVNode","CardContent","Skeleton","_createCommentVNode","_normalizeStyle","Skeleton_default","Card_default","CardContent_default","ChartSkeleton_vue_vue_type_script_setup_true_lang_default","props","__props","openBlock","createBlock","withCtx","createVNode","createCommentVNode","normalizeStyle"],"sources":["../../../src/components/widgets/ChartSkeleton.vue"],"mappings":";;;;;;;;;EAMA,IAAMa,IAAQC;oBAIZd,EAAA,GAAAC,EAKOC,GAAA;GALD,OAAM;GAAa,aAAU;;GACjC,SAAAC,QAGc,CAHdC,EAGcC,GAAA,EAHD,OAAM,2BAA0B,GAAA;IAC3C,SAAAF,QAA6E,CAA7DU,EAAM,OAAO,WAA7Bb,EAAA,GAAAC,EAA6EK,GAAA;;KAAvC,OAAM;KAAY,eAAY;IACpEF,CAAAA,KAAAA,EAAAA,IAAAA,EAAAA,GAAAA,EAAsFE,GAAA;KAA3E,OAAKE,EAAA,EAAA,QAAYK,EAAM,OAAO,aAAS,QAAA,CAAA;KAAe,eAAY"}

package/dist/components/widgets/ChartWidget.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChartWidget.js","names":["_sfc_main","ChartWidget_vue_vue_type_script_setup_true_lang_default","ChartWidget_default"],"sources":["../../../src/components/widgets/ChartWidget.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ChartWidgetSchema } from '@alfakit/core'\nimport {\n  buildChartConfig,\n  getChartPlugins,\n  observeThemeChanges,\n  resolvePartialProps,\n  widgetPollTarget,\n} from '@alfakit/core'\nimport { router } from '@inertiajs/vue3'\nimport { Chart, registerables, type ChartConfiguration, type Plugin } from 'chart.js'\nimport { ChevronDownIcon } from '@lucide/vue'\nimport { onMounted, onScopeDispose, ref, toRaw, useId, watch } from 'vue'\nimport { useDirection, useLocalization, usePollComponent, useT } from '../../context'\nimport { cssColor } from '../../lib/colors'\nimport { cn } from '../../lib/utils'\nimport Button from '../ui/Button.vue'\nimport ChartEmptyState from './ChartEmptyState.vue'\nimport ChartFilters from './ChartFilters.vue'\nimport Card from '../ui/Card.vue'\nimport CardContent from '../ui/CardContent.vue'\nimport CardDescription from '../ui/CardDescription.vue'\nimport CardHeader from '../ui/CardHeader.vue'\nimport CardTitle from '../ui/CardTitle.vue'\nimport { useLiveUpdates } from '../realtime/use-live-updates'\n\nconst t = useT()\n\nChart.register(...registerables)\n\nconst props = defineProps<{ widget: ChartWidgetSchema }>()\nconst canvas = ref<HTMLCanvasElement | null>(null)\nconst direction = useDirection()\nconst localization = useLocalization()\n// Bumped when the theme or dark mode changes so colours are re-read from CSS.\nconst themeVersion = ref(0)\nlet chart: Chart | null = null\n\nconst buildConfig = (): ChartConfiguration => {\n  void themeVersion.value\n\n  return buildChartConfig({\n    type: props.widget.chartType,\n    data: toRaw(props.widget.data),\n    options: toRaw(props.widget.options),\n    rtl: direction.value === 'rtl',\n    locale: localization.value?.tag ?? 'en',\n    color: props.widget.color,\n  }) as unknown as ChartConfiguration\n}\n\nconst collapsed = ref(false)\nconst bodyId = useId()\n\nconst create = () => {\n  chart?.destroy()\n\n  // `createAlfakit({ chartPlugins })`, registered before the chart is drawn.\n  const plugins = getChartPlugins() as Plugin[]\n\n  if (plugins.length > 0) Chart.register(...plugins)\n\n  chart = canvas.value ? new Chart(canvas.value, buildConfig()) : null\n}\n\nlet stopObservingTheme: (() => void) | null = null\n\nonMounted(() => {\n  create()\n  stopObservingTheme = observeThemeChanges(() => themeVersion.value++)\n})\n\n// The chart is only re-created when its type changes or its canvas comes back (after\n// being collapsed or empty); polling, theme, direction and locale changes update it in place.\nwatch(() => props.widget.chartType, create)\nwatch(canvas, (element) => {\n  if (element) {\n    create()\n  } else {\n    chart?.destroy()\n    chart = null\n  }\n})\nwatch(\n  () => [\n    props.widget.data,\n    props.widget.options,\n    props.widget.color,\n    direction.value,\n    localization.value?.tag,\n    themeVersion.value,\n  ],\n  () => {\n    if (!chart) return\n\n    const config = buildConfig()\n    chart.data = config.data\n    chart.options = config.options ?? {}\n    chart.update()\n  },\n  { deep: true },\n)\n\n// Polls refresh only this widget, share one request with other components on the same\n// interval and pause while the tab is hidden.\nconst pollComponent = usePollComponent()\n\nwatch(\n  [() => widgetPollTarget(props.widget), () => props.widget.pollingInterval],\n  ([target, pollingInterval], _old, onCleanup) => onCleanup(pollComponent(target, pollingInterval)),\n  { immediate: true },\n)\n\n// `live()`: refresh when the followed records change (broadcast), else poll as a fallback.\nuseLiveUpdates(() => ({\n  live: props.widget.live,\n  target: widgetPollTarget(props.widget),\n  polling: Boolean(props.widget.pollingInterval),\n}))\n\nonScopeDispose(() => {\n  stopObservingTheme?.()\n  chart?.destroy()\n  chart = null\n})\n\nconst setFilter = (event: Event) => {\n  const url = new URL(window.location.href)\n  url.searchParams.set(\n    `widgetFilters[${props.widget.id}]`,\n    (event.target as HTMLSelectElement).value,\n  )\n  router.visit(url.toString(), {\n    only: resolvePartialProps(['page']),\n    preserveScroll: true,\n    preserveState: true,\n    replace: true,\n  })\n}\n</script>\n\n<template>\n  <Card class=\"gap-4 py-4\" :data-chart-type=\"props.widget.chartType\">\n    <CardHeader\n      v-if=\"\n        props.widget.heading ||\n        props.widget.description ||\n        props.widget.filters ||\n        props.widget.filtersForm ||\n        props.widget.collapsible\n      \"\n      class=\"px-5\"\n    >\n      <div class=\"flex items-start justify-between gap-3\">\n        <div class=\"min-w-0\">\n          <CardTitle v-if=\"props.widget.heading\" class=\"text-base\">{{\n            props.widget.heading\n          }}</CardTitle>\n          <CardDescription v-if=\"props.widget.description\">{{\n            props.widget.description\n          }}</CardDescription>\n        </div>\n        <div class=\"flex shrink-0 items-center gap-1\">\n          <select\n            v-if=\"props.widget.filters\"\n            :value=\"props.widget.filter ?? ''\"\n            :aria-label=\"t('chart_filter', {}, 'Chart filter')\"\n            class=\"border-input h-8 rounded-md border bg-transparent px-2 text-sm\"\n            @change=\"setFilter\"\n          >\n            <option\n              v-for=\"filter in props.widget.filters\"\n              :key=\"filter.value\"\n              :value=\"filter.value\"\n            >\n              {{ filter.label }}\n            </option>\n          </select>\n          <ChartFilters\n            v-if=\"props.widget.filtersForm\"\n            :key=\"JSON.stringify(props.widget.filtersForm.state)\"\n            :form=\"props.widget.filtersForm\"\n            :widget-id=\"props.widget.id\"\n          />\n          <Button\n            v-if=\"props.widget.collapsible\"\n            type=\"button\"\n            variant=\"ghost\"\n            size=\"icon-sm\"\n            :aria-expanded=\"!collapsed\"\n            :aria-controls=\"bodyId\"\n            :aria-label=\"t('toggle_section', {}, 'Toggle section')\"\n            @click=\"collapsed = !collapsed\"\n            ><ChevronDownIcon\n              :class=\"cn('transition-transform', collapsed && '-rotate-90 rtl:rotate-90')\"\n          /></Button>\n        </div>\n      </div>\n    </CardHeader>\n    <CardContent v-if=\"!collapsed\" :id=\"bodyId\" class=\"px-5\">\n      <ChartEmptyState v-if=\"props.widget.empty\" :widget=\"props.widget\" />\n      <div\n        v-else\n        data-slot=\"chart-canvas\"\n        :style=\"{ height: props.widget.maxHeight ?? '18rem', color: cssColor('gray') }\"\n      >\n        <canvas\n          ref=\"canvas\"\n          role=\"img\"\n          :aria-label=\"props.widget.heading ?? t('chart', {}, 'Chart')\"\n          :aria-describedby=\"props.widget.assistiveContent ? `${bodyId}-assistive` : undefined\"\n        />\n        <!-- `getChartAssistiveContent()`: the chart's values for screen readers. -->\n        <div\n          v-if=\"props.widget.assistiveContent\"\n          :id=\"`${bodyId}-assistive`\"\n          class=\"sr-only\"\n          data-slot=\"chart-assistive-content\"\n          v-html=\"props.widget.assistiveContent\"\n        />\n      </div>\n    </CardContent>\n  </Card>\n</template>\n"],"mappings":""}
+{"version":3,"file":"ChartWidget.js","names":["_sfc_main","ChartWidget_vue_vue_type_script_setup_true_lang_default","ChartWidget_default"],"sources":["../../../src/components/widgets/ChartWidget.vue"],"mappings":""}

package/dist/components/widgets/ChartWidget.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChartWidget.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","Card","_withCtx","CardHeader","_createElementVNode","CardTitle","_createTextVNode","_toDisplayString","_createCommentVNode","CardDescription","_createElementBlock","_unref","_Fragment","_renderList","ChartFilters","Button","_createVNode","_normalizeClass","CardContent","ChartEmptyState","_normalizeStyle","Button_default","Card_default","CardContent_default","CardDescription_default","CardHeader_default","CardTitle_default","ChartEmptyState_default","ChartFilters_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","ChartWidget_vue_vue_type_script_setup_true_lang_default","t","useT","registerables","props","__props","canvas","ref","direction","useDirection","localization","useLocalization","themeVersion","chart","buildConfig","buildChartConfig","toRaw","collapsed","bodyId","useId","create","plugins","getChartPlugins","Chart","stopObservingTheme","onMounted","observeThemeChanges","watch","element","config","pollComponent","usePollComponent","widgetPollTarget","target","pollingInterval","onCleanup","useLiveUpdates","onScopeDispose","setFilter","url","event","router","resolvePartialProps","openBlock","createBlock","withCtx","createElementVNode","createTextVNode","toDisplayString","createCommentVNode","createElementBlock","unref","Fragment","renderList","filter","_cache","createVNode","ChevronDownIcon","normalizeClass","cn","normalizeStyle","cssColor"],"sources":["../../../src/components/widgets/ChartWidget.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ChartWidgetSchema } from '@alfakit/core'\nimport {\n  buildChartConfig,\n  getChartPlugins,\n  observeThemeChanges,\n  resolvePartialProps,\n  widgetPollTarget,\n} from '@alfakit/core'\nimport { router } from '@inertiajs/vue3'\nimport { Chart, registerables, type ChartConfiguration, type Plugin } from 'chart.js'\nimport { ChevronDownIcon } from '@lucide/vue'\nimport { onMounted, onScopeDispose, ref, toRaw, useId, watch } from 'vue'\nimport { useDirection, useLocalization, usePollComponent, useT } from '../../context'\nimport { cssColor } from '../../lib/colors'\nimport { cn } from '../../lib/utils'\nimport Button from '../ui/Button.vue'\nimport ChartEmptyState from './ChartEmptyState.vue'\nimport ChartFilters from './ChartFilters.vue'\nimport Card from '../ui/Card.vue'\nimport CardContent from '../ui/CardContent.vue'\nimport CardDescription from '../ui/CardDescription.vue'\nimport CardHeader from '../ui/CardHeader.vue'\nimport CardTitle from '../ui/CardTitle.vue'\nimport { useLiveUpdates } from '../realtime/use-live-updates'\n\nconst t = useT()\n\nChart.register(...registerables)\n\nconst props = defineProps<{ widget: ChartWidgetSchema }>()\nconst canvas = ref<HTMLCanvasElement | null>(null)\nconst direction = useDirection()\nconst localization = useLocalization()\n// Bumped when the theme or dark mode changes so colours are re-read from CSS.\nconst themeVersion = ref(0)\nlet chart: Chart | null = null\n\nconst buildConfig = (): ChartConfiguration => {\n  void themeVersion.value\n\n  return buildChartConfig({\n    type: props.widget.chartType,\n    data: toRaw(props.widget.data),\n    options: toRaw(props.widget.options),\n    rtl: direction.value === 'rtl',\n    locale: localization.value?.tag ?? 'en',\n    color: props.widget.color,\n  }) as unknown as ChartConfiguration\n}\n\nconst collapsed = ref(false)\nconst bodyId = useId()\n\nconst create = () => {\n  chart?.destroy()\n\n  // `createAlfakit({ chartPlugins })`, registered before the chart is drawn.\n  const plugins = getChartPlugins() as Plugin[]\n\n  if (plugins.length > 0) Chart.register(...plugins)\n\n  chart = canvas.value ? new Chart(canvas.value, buildConfig()) : null\n}\n\nlet stopObservingTheme: (() => void) | null = null\n\nonMounted(() => {\n  create()\n  stopObservingTheme = observeThemeChanges(() => themeVersion.value++)\n})\n\n// The chart is only re-created when its type changes or its canvas comes back (after\n// being collapsed or empty); polling, theme, direction and locale changes update it in place.\nwatch(() => props.widget.chartType, create)\nwatch(canvas, (element) => {\n  if (element) {\n    create()\n  } else {\n    chart?.destroy()\n    chart = null\n  }\n})\nwatch(\n  () => [\n    props.widget.data,\n    props.widget.options,\n    props.widget.color,\n    direction.value,\n    localization.value?.tag,\n    themeVersion.value,\n  ],\n  () => {\n    if (!chart) return\n\n    const config = buildConfig()\n    chart.data = config.data\n    chart.options = config.options ?? {}\n    chart.update()\n  },\n  { deep: true },\n)\n\n// Polls refresh only this widget, share one request with other components on the same\n// interval and pause while the tab is hidden.\nconst pollComponent = usePollComponent()\n\nwatch(\n  [() => widgetPollTarget(props.widget), () => props.widget.pollingInterval],\n  ([target, pollingInterval], _old, onCleanup) => onCleanup(pollComponent(target, pollingInterval)),\n  { immediate: true },\n)\n\n// `live()`: refresh when the followed records change (broadcast), else poll as a fallback.\nuseLiveUpdates(() => ({\n  live: props.widget.live,\n  target: widgetPollTarget(props.widget),\n  polling: Boolean(props.widget.pollingInterval),\n}))\n\nonScopeDispose(() => {\n  stopObservingTheme?.()\n  chart?.destroy()\n  chart = null\n})\n\nconst setFilter = (event: Event) => {\n  const url = new URL(window.location.href)\n  url.searchParams.set(\n    `widgetFilters[${props.widget.id}]`,\n    (event.target as HTMLSelectElement).value,\n  )\n  router.visit(url.toString(), {\n    only: resolvePartialProps(['page']),\n    preserveScroll: true,\n    preserveState: true,\n    replace: true,\n  })\n}\n</script>\n\n<template>\n  <Card class=\"gap-4 py-4\" :data-chart-type=\"props.widget.chartType\">\n    <CardHeader\n      v-if=\"\n        props.widget.heading ||\n        props.widget.description ||\n        props.widget.filters ||\n        props.widget.filtersForm ||\n        props.widget.collapsible\n      \"\n      class=\"px-5\"\n    >\n      <div class=\"flex items-start justify-between gap-3\">\n        <div class=\"min-w-0\">\n          <CardTitle v-if=\"props.widget.heading\" class=\"text-base\">{{\n            props.widget.heading\n          }}</CardTitle>\n          <CardDescription v-if=\"props.widget.description\">{{\n            props.widget.description\n          }}</CardDescription>\n        </div>\n        <div class=\"flex shrink-0 items-center gap-1\">\n          <select\n            v-if=\"props.widget.filters\"\n            :value=\"props.widget.filter ?? ''\"\n            :aria-label=\"t('chart_filter', {}, 'Chart filter')\"\n            class=\"border-input h-8 rounded-md border bg-transparent px-2 text-sm\"\n            @change=\"setFilter\"\n          >\n            <option\n              v-for=\"filter in props.widget.filters\"\n              :key=\"filter.value\"\n              :value=\"filter.value\"\n            >\n              {{ filter.label }}\n            </option>\n          </select>\n          <ChartFilters\n            v-if=\"props.widget.filtersForm\"\n            :key=\"JSON.stringify(props.widget.filtersForm.state)\"\n            :form=\"props.widget.filtersForm\"\n            :widget-id=\"props.widget.id\"\n          />\n          <Button\n            v-if=\"props.widget.collapsible\"\n            type=\"button\"\n            variant=\"ghost\"\n            size=\"icon-sm\"\n            :aria-expanded=\"!collapsed\"\n            :aria-controls=\"bodyId\"\n            :aria-label=\"t('toggle_section', {}, 'Toggle section')\"\n            @click=\"collapsed = !collapsed\"\n            ><ChevronDownIcon\n              :class=\"cn('transition-transform', collapsed && '-rotate-90 rtl:rotate-90')\"\n          /></Button>\n        </div>\n      </div>\n    </CardHeader>\n    <CardContent v-if=\"!collapsed\" :id=\"bodyId\" class=\"px-5\">\n      <ChartEmptyState v-if=\"props.widget.empty\" :widget=\"props.widget\" />\n      <div\n        v-else\n        data-slot=\"chart-canvas\"\n        :style=\"{ height: props.widget.maxHeight ?? '18rem', color: cssColor('gray') }\"\n      >\n        <canvas\n          ref=\"canvas\"\n          role=\"img\"\n          :aria-label=\"props.widget.heading ?? t('chart', {}, 'Chart')\"\n          :aria-describedby=\"props.widget.assistiveContent ? `${bodyId}-assistive` : undefined\"\n        />\n        <!-- `getChartAssistiveContent()`: the chart's values for screen readers. -->\n        <div\n          v-if=\"props.widget.assistiveContent\"\n          :id=\"`${bodyId}-assistive`\"\n          class=\"sr-only\"\n          data-slot=\"chart-assistive-content\"\n          v-html=\"props.widget.assistiveContent\"\n        />\n      </div>\n    </CardContent>\n  </Card>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"ChartWidget.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","Card","_withCtx","CardHeader","_createElementVNode","CardTitle","_createTextVNode","_toDisplayString","_createCommentVNode","CardDescription","_createElementBlock","_unref","_Fragment","_renderList","ChartFilters","Button","_createVNode","_normalizeClass","CardContent","ChartEmptyState","_normalizeStyle","Button_default","Card_default","CardContent_default","CardDescription_default","CardHeader_default","CardTitle_default","ChartEmptyState_default","ChartFilters_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","ChartWidget_vue_vue_type_script_setup_true_lang_default","t","useT","registerables","props","__props","canvas","ref","direction","useDirection","localization","useLocalization","themeVersion","chart","buildConfig","buildChartConfig","toRaw","collapsed","bodyId","useId","create","plugins","getChartPlugins","Chart","stopObservingTheme","onMounted","observeThemeChanges","watch","element","config","pollComponent","usePollComponent","widgetPollTarget","target","pollingInterval","onCleanup","useLiveUpdates","onScopeDispose","setFilter","url","event","router","resolvePartialProps","openBlock","createBlock","withCtx","createElementVNode","createTextVNode","toDisplayString","createCommentVNode","createElementBlock","unref","Fragment","renderList","filter","_cache","createVNode","ChevronDownIcon","normalizeClass","cn","normalizeStyle","cssColor"],"sources":["../../../src/components/widgets/ChartWidget.vue"],"mappings":"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"}

package/dist/components/widgets/DashboardCustomizer.js.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardCustomizer.js","names":["_sfc_main","DashboardCustomizer_vue_vue_type_script_setup_true_lang_default","DashboardCustomizer_default"],"sources":["../../../src/components/widgets/DashboardCustomizer.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type {\n  DashboardCustomizeSchema,\n  LazyWidgetSchema,\n  WidgetsBlock,\n  WidgetSchema,\n} from '@alfakit/core'\nimport {\n  columnSpanClasses,\n  DashboardEditor,\n  dashboardMoveForKey,\n  gridColumnsClasses,\n  isLazyPlaceholder,\n} from '@alfakit/core'\nimport {\n  CheckIcon,\n  EyeOffIcon,\n  GripVerticalIcon,\n  LayoutDashboardIcon,\n  PlusIcon,\n  RotateCcwIcon,\n  XIcon,\n} from '@lucide/vue'\nimport { router } from '@inertiajs/vue3'\nimport { computed, nextTick, useId, watch } from 'vue'\nimport { useDirection, useT } from '../../context'\nimport { useStore } from '../../composables/use-store'\nimport { cn } from '../../lib/utils'\nimport LazyPlaceholder from '../panel/LazyPlaceholder.vue'\nimport Button from '../ui/Button.vue'\nimport WidgetRenderer from './WidgetRenderer.vue'\n\n/**\n * A customizable dashboard (`Dashboard::customizable()`): the widget grid plus an \"Edit\n * dashboard\" mode (drag or arrow keys on the handle to move, resize, hide, add from the\n * library). Mirrors the React renderer.\n */\nconst props = defineProps<{ block: WidgetsBlock; customize: DashboardCustomizeSchema }>()\n\nconst t = useT()\nconst dir = useDirection()\nconst helpId = useId()\nconst editor = new DashboardEditor(props.customize, { t, onSaved: () => router.reload() })\n\nwatch(\n  () => props.customize,\n  (customize) => editor.sync(customize),\n)\n\nconst state = useStore(editor.store)\nconst widgets = computed(() => new Map(props.block.widgets.map((widget) => [widget.id, widget])))\nconst visible = computed(() => state.value.layout.filter((item) => !item.hidden))\nconst available = computed(() => {\n  void state.value\n\n  return editor.available()\n})\n\nfunction cellSpan(id: string) {\n  const widget = widgets.value.get(id)\n  const library = editor.widget(id)\n\n  if (state.value.editing && library) {\n    const span = editor.spanOf(id)\n\n    return library.spans.find((option) => option.value === span)?.columnSpan ?? widget?.columnSpan\n  }\n\n  return widget?.columnSpan\n}\n\nfunction onHandleKeydown(event: KeyboardEvent, id: string) {\n  const move = dashboardMoveForKey(event.key, dir.value)\n\n  if (move === null) return\n\n  event.preventDefault()\n  const target = event.currentTarget as HTMLElement\n  editor.move(id, move)\n  void nextTick(() => target.focus())\n}\n\nfunction onDragStart(event: DragEvent, id: string) {\n  if (event.dataTransfer) {\n    event.dataTransfer.effectAllowed = 'move'\n    event.dataTransfer.setData('text/plain', id)\n  }\n\n  editor.dragStart(id)\n}\n\ninterface Cell {\n  id: string\n  label: string\n  widget: WidgetSchema | null\n  lazy: LazyWidgetSchema | null\n}\n\nconst cells = computed<Cell[]>(() =>\n  visible.value.map((entry) => {\n    const widget = widgets.value.get(entry.id)\n    const lazy = widget && isLazyPlaceholder(widget) ? (widget as LazyWidgetSchema) : null\n\n    return {\n      id: entry.id,\n      label: editor.label(entry.id),\n      widget: widget && !lazy ? (widget as WidgetSchema) : null,\n      lazy,\n    }\n  }),\n)\n</script>\n\n<template>\n  <div\n    data-slot=\"dashboard\"\n    :data-editing=\"state.editing ? '' : undefined\"\n    class=\"flex flex-col gap-4\"\n  >\n    <div\n      data-slot=\"dashboard-toolbar\"\n      role=\"toolbar\"\n      :aria-label=\"t('dashboard.customize.toolbar', {}, 'Dashboard layout')\"\n      class=\"flex flex-wrap items-center justify-end gap-2\"\n    >\n      <template v-if=\"state.editing\">\n        <Button\n          type=\"button\"\n          variant=\"ghost\"\n          size=\"sm\"\n          :disabled=\"state.saving\"\n          @click=\"editor.resetDraft()\"\n        >\n          <RotateCcwIcon aria-hidden=\"true\" />\n          {{ t('dashboard.customize.reset', {}, 'Reset to default') }}\n        </Button>\n        <Button\n          type=\"button\"\n          variant=\"outline\"\n          size=\"sm\"\n          :disabled=\"state.saving\"\n          @click=\"editor.cancel()\"\n        >\n          <XIcon aria-hidden=\"true\" />\n          {{ t('dashboard.customize.cancel', {}, 'Cancel') }}\n        </Button>\n        <Button type=\"button\" size=\"sm\" :disabled=\"state.saving\" @click=\"editor.save()\">\n          <CheckIcon aria-hidden=\"true\" />\n          {{ t('dashboard.customize.save', {}, 'Save') }}\n        </Button>\n      </template>\n      <Button v-else type=\"button\" variant=\"outline\" size=\"sm\" @click=\"editor.start()\">\n        <LayoutDashboardIcon aria-hidden=\"true\" />\n        {{ t('dashboard.customize.edit', {}, 'Edit dashboard') }}\n      </Button>\n    </div>\n\n    <p v-if=\"state.error\" role=\"alert\" class=\"text-destructive text-sm\">{{ state.error }}</p>\n\n    <p v-if=\"state.editing\" :id=\"helpId\" class=\"sr-only\">\n      {{\n        t(\n          'dashboard.customize.move_help',\n          {},\n          'Use the arrow keys to move the widget, Home or End to move it to the start or end.',\n        )\n      }}\n    </p>\n\n    <p\n      v-if=\"visible.length === 0\"\n      data-slot=\"dashboard-empty\"\n      class=\"text-muted-foreground rounded-xl border border-dashed p-6 text-center text-sm\"\n    >\n      {{ t('dashboard.customize.empty', {}, 'No widgets on this dashboard yet.') }}\n    </p>\n    <div\n      v-else\n      data-slot=\"widgets\"\n      :class=\"cn('grid gap-6', gridColumnsClasses(props.block.columns))\"\n    >\n      <template v-for=\"entry in cells\" :key=\"entry.id\">\n        <div v-if=\"!state.editing\" :class=\"cn('min-w-0', columnSpanClasses(cellSpan(entry.id)))\">\n          <WidgetRenderer v-if=\"entry.widget\" :widget=\"entry.widget\" />\n          <LazyPlaceholder\n            v-else-if=\"entry.lazy\"\n            :variant=\"entry.lazy.type === 'TableWidget' ? 'table' : 'widget'\"\n          />\n        </div>\n        <div\n          v-else\n          data-slot=\"dashboard-widget\"\n          :data-dragging=\"state.dragging === entry.id ? '' : undefined\"\n          role=\"group\"\n          :aria-label=\"entry.label\"\n          :class=\"\n            cn(\n              'relative min-w-0 rounded-xl border-2 border-dashed p-1',\n              state.dragging === entry.id && 'opacity-50',\n              columnSpanClasses(cellSpan(entry.id)),\n            )\n          \"\n          @dragover=\"state.dragging !== null && $event.preventDefault()\"\n          @drop.prevent=\"editor.dropOn(entry.id)\"\n        >\n          <div\n            data-slot=\"dashboard-widget-controls\"\n            class=\"bg-background/95 absolute inset-x-2 top-2 z-10 flex items-center gap-1 rounded-md border p-1 shadow-sm\"\n          >\n            <button\n              type=\"button\"\n              data-slot=\"dashboard-widget-handle\"\n              draggable=\"true\"\n              :aria-label=\"t('dashboard.customize.move', { widget: entry.label }, 'Move :widget')\"\n              :aria-describedby=\"helpId\"\n              :aria-roledescription=\"t('dashboard.customize.sortable', {}, 'sortable')\"\n              class=\"hover:bg-accent focus-visible:ring-ring/50 cursor-grab rounded p-1 outline-none focus-visible:ring-[3px] active:cursor-grabbing\"\n              @dragstart=\"onDragStart($event, entry.id)\"\n              @dragend=\"editor.dragEnd()\"\n              @keydown=\"onHandleKeydown($event, entry.id)\"\n            >\n              <GripVerticalIcon class=\"size-4\" aria-hidden=\"true\" />\n            </button>\n            <span class=\"min-w-0 flex-1 truncate text-sm font-medium\">{{ entry.label }}</span>\n            <select\n              v-if=\"(editor.widget(entry.id)?.spans.length ?? 0) > 1\"\n              data-slot=\"dashboard-widget-span\"\n              :aria-label=\"\n                t('dashboard.customize.size', { widget: entry.label }, 'Size of :widget')\n              \"\n              class=\"border-input bg-background h-7 rounded-md border px-1 text-xs\"\n              :value=\"editor.spanOf(entry.id)\"\n              @change=\"editor.setSpan(entry.id, Number(($event.target as HTMLSelectElement).value))\"\n            >\n              <option\n                v-for=\"option in editor.widget(entry.id)!.spans\"\n                :key=\"option.value\"\n                :value=\"option.value\"\n              >\n                {{ option.label }}\n              </option>\n            </select>\n            <Button\n              type=\"button\"\n              variant=\"ghost\"\n              size=\"icon-xs\"\n              :aria-label=\"t('dashboard.customize.hide', { widget: entry.label }, 'Hide :widget')\"\n              @click=\"editor.hide(entry.id)\"\n            >\n              <EyeOffIcon aria-hidden=\"true\" />\n            </Button>\n          </div>\n          <!-- The widget itself is inert while editing: focus stays on the controls. -->\n          <div inert class=\"pointer-events-none pt-12 select-none\" aria-hidden=\"true\">\n            <WidgetRenderer v-if=\"entry.widget\" :widget=\"entry.widget\" />\n            <LazyPlaceholder\n              v-else-if=\"entry.lazy\"\n              :variant=\"entry.lazy.type === 'TableWidget' ? 'table' : 'widget'\"\n            />\n            <div\n              v-else\n              class=\"bg-card text-muted-foreground flex min-h-24 items-center justify-center rounded-xl border border-dashed p-6 text-sm\"\n            >\n              {{\n                t(\n                  'dashboard.customize.pending',\n                  { widget: entry.label },\n                  ':widget appears once you save.',\n                )\n              }}\n            </div>\n          </div>\n        </div>\n      </template>\n    </div>\n\n    <section\n      v-if=\"state.editing\"\n      data-slot=\"dashboard-library\"\n      :aria-label=\"t('dashboard.customize.library', {}, 'Widget library')\"\n      class=\"bg-muted/40 flex flex-col gap-3 rounded-xl border p-4\"\n    >\n      <h2 class=\"text-sm font-medium\">{{ t('dashboard.customize.add', {}, 'Add widget') }}</h2>\n      <p v-if=\"available.length === 0\" class=\"text-muted-foreground text-sm\">\n        {{ t('dashboard.customize.library_empty', {}, 'Every widget is on the dashboard.') }}\n      </p>\n      <ul v-else class=\"flex flex-wrap gap-2\">\n        <li v-for=\"widget in available\" :key=\"widget.id\">\n          <Button\n            type=\"button\"\n            variant=\"outline\"\n            size=\"sm\"\n            :title=\"widget.description\"\n            :aria-label=\"\n              t('dashboard.customize.add_widget', { widget: widget.label }, 'Add :widget')\n            \"\n            @click=\"editor.add(widget.id)\"\n          >\n            <PlusIcon aria-hidden=\"true\" />\n            {{ widget.label }}\n          </Button>\n        </li>\n      </ul>\n    </section>\n\n    <div data-slot=\"dashboard-announcer\" role=\"status\" aria-live=\"polite\" class=\"sr-only\">\n      {{ state.announcement }}\n    </div>\n  </div>\n</template>\n"],"mappings":""}
+{"version":3,"file":"DashboardCustomizer.js","names":["_sfc_main","DashboardCustomizer_vue_vue_type_script_setup_true_lang_default","DashboardCustomizer_default"],"sources":["../../../src/components/widgets/DashboardCustomizer.vue"],"mappings":""}

package/dist/components/widgets/DashboardCustomizer.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardCustomizer.vue.d.ts","sourceRoot":"","sources":["../../../src/components/widgets/DashboardCustomizer.vue"],"names":[],"mappings":"AAwTA,OAAO,KAAK,EACV,wBAAwB,EAExB,YAAY,EAEb,MAAM,eAAe,CAAA;AA0BtB;;;;GAIG;AACH,KAAK,WAAW,GAAG;IAAE,KAAK,EAAE,YAAY,CAAC;IAAC,SAAS,EAAE,wBAAwB,CAAA;CAAE,CAAC;;AAupBhF,wBAMG"}
+{"version":3,"file":"DashboardCustomizer.vue.d.ts","sourceRoot":"","sources":["../../../src/components/widgets/DashboardCustomizer.vue"],"names":[],"mappings":"AAkTA,OAAO,KAAK,EACV,wBAAwB,EAExB,YAAY,EAEb,MAAM,eAAe,CAAA;AA0BtB;;;;GAIG;AACH,KAAK,WAAW,GAAG;IAAE,KAAK,EAAE,YAAY,CAAC;IAAC,SAAS,EAAE,wBAAwB,CAAA;CAAE,CAAC;;AAupBhF,wBAMG"}

package/dist/components/widgets/DashboardCustomizer.vue_vue_type_script_setup_true_lang.js

@@ -2,7 +2,7 @@ import { useDirection as e, useT as t } from "../../context.js";
 import { cn as n } from "../../lib/utils.js";
 import { useStore as r } from "../../composables/use-store.js";
 import i from "../ui/Button2.js";
-import a from "../panel/LazyPlaceholder.js";
+import a from "../panel/LazyWidgetPlaceholder.js";
 import o from "./WidgetRenderer.js";
 import { DashboardEditor as s, columnSpanClasses as c, dashboardMoveForKey as ee, gridColumnsClasses as te, isLazyPlaceholder as ne } from "@alfakit/core";
 import { router as re } from "@inertiajs/vue3";
@@ -204,8 +204,8 @@ var k = ["data-editing"], A = ["aria-label"], j = {
 				widget: e.widget
 			}, null, 8, ["widget"])) : e.lazy ? (y(), d(a, {
 				key: 1,
-				variant: e.lazy.type === "TableWidget" ? "table" : "widget"
-			}, null, 8, ["variant"])) : (y(), p("div", B, x(S(G)("dashboard.customize.pending", { widget: e.label }, ":widget appears once you save.")), 1))])], 42, P)) : (y(), p("div", {
+				widget: e.lazy
+			}, null, 8, ["widget"])) : (y(), p("div", B, x(S(G)("dashboard.customize.pending", { widget: e.label }, ":widget appears once you save.")), 1))])], 42, P)) : (y(), p("div", {
 				key: 0,
 				class: v(S(n)("min-w-0", S(c)($(e.id))))
 			}, [e.widget ? (y(), d(o, {
@@ -213,8 +213,8 @@ var k = ["data-editing"], A = ["aria-label"], j = {
 				widget: e.widget
 			}, null, 8, ["widget"])) : e.lazy ? (y(), d(a, {
 				key: 1,
-				variant: e.lazy.type === "TableWidget" ? "table" : "widget"
-			}, null, 8, ["variant"])) : f("", !0)], 2))], 64))), 128))], 2)),
+				widget: e.lazy
+			}, null, 8, ["widget"])) : f("", !0)], 2))], 64))), 128))], 2)),
 			S(Y).editing ? (y(), p("section", {
 				key: 4,
 				"data-slot": "dashboard-library",