@alfakit/vue 0.0.0-stage → 0.1.1

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

@@ -0,0 +1,96 @@
+import { useActionRunner as e, useFormatter as t, usePageSchema as n, useT as r } from "../../context.js";
+import i from "../../lib/Icon.js";
+import a from "../ui/Badge2.js";
+import o from "../ui/Button2.js";
+import { useHydrated as s } from "../../composables/use-hydrated.js";
+import { Fragment as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createTextVNode as p, createVNode as m, defineComponent as h, openBlock as g, renderList as _, toDisplayString as v, unref as y, withCtx as b } from "vue";
+import { ArrowRightIcon as x } from "@lucide/vue";
+//#region src/components/versions/RecordVersionsComponent.vue?vue&type=script&setup=true&lang.ts
+var S = {
+	key: 0,
+	"data-slot": "record-versions",
+	class: "text-muted-foreground text-sm"
+}, C = ["aria-label"], w = ["data-event"], T = { class: "flex items-start justify-between gap-3" }, E = { class: "flex min-w-0 flex-col gap-0.5" }, D = { class: "flex flex-wrap items-center gap-2 text-sm font-medium" }, O = { class: "text-muted-foreground text-xs" }, k = {
+	key: 0,
+	class: "mt-3 flex flex-col gap-2 text-sm"
+}, A = ["data-attribute"], j = { class: "text-muted-foreground text-xs font-medium" }, M = { class: "mt-0.5 break-words" }, N = {
+	key: 0,
+	"data-slot": "record-version-diff",
+	class: "whitespace-pre-wrap"
+}, P = {
+	key: 0,
+	class: "rounded-sm bg-emerald-500/15 text-emerald-700 no-underline dark:text-emerald-300"
+}, F = { class: "sr-only" }, I = {
+	key: 1,
+	class: "bg-destructive/10 text-destructive rounded-sm"
+}, L = { class: "sr-only" }, R = { key: 2 }, z = {
+	key: 1,
+	class: "flex flex-wrap items-center gap-1.5"
+}, B = { class: "text-muted-foreground" }, V = { class: "sr-only" }, H = { class: "no-underline" }, U = { class: "sr-only" }, W = {
+	key: 1,
+	class: "text-muted-foreground mt-2 text-xs"
+}, G = /*@__PURE__*/ h({
+	__name: "RecordVersionsComponent",
+	props: { component: {} },
+	setup(h) {
+		let G = h, K = r(), q = e(), J = n(), Y = t(), X = s(), Z = (e) => e && X.value ? Y.value.dateTime(e) : "", Q = (e) => {
+			let t = G.component.restoreAction;
+			t && q.trigger(t, {
+				token: J.value?.token ?? "",
+				component: G.component.actionComponent ?? "page",
+				parents: G.component.actionPath ?? [],
+				arguments: { version: e }
+			});
+		};
+		return (e, t) => G.component.versions.length === 0 ? (g(), d("p", S, v(G.component.emptyLabel), 1)) : (g(), d("ol", {
+			key: 1,
+			"data-slot": "record-versions",
+			"aria-label": y(K)("versions.list", {}, "Versions"),
+			class: "flex flex-col gap-3"
+		}, [(g(!0), d(c, null, _(G.component.versions, (e) => (g(), d("li", {
+			key: e.id,
+			"data-slot": "record-version",
+			"data-event": e.event,
+			class: "bg-card rounded-lg border p-3"
+		}, [f("div", T, [f("div", E, [f("span", D, [p(v(e.eventLabel) + " ", 1), e.current ? (g(), l(a, {
+			key: 0,
+			variant: "secondary"
+		}, {
+			default: b(() => [p(v(y(K)("versions.current", {}, "Current")), 1)]),
+			_: 1
+		})) : u("", !0)]), f("span", O, v(e.author ? y(K)("versions.by", {
+			author: e.author,
+			time: Z(e.createdAt)
+		}, `${e.author} · ${Z(e.createdAt)}`) : Z(e.createdAt)), 1)]), G.component.restoreAction && !e.current ? (g(), l(o, {
+			key: 0,
+			type: "button",
+			variant: "outline",
+			size: "sm",
+			class: "shrink-0",
+			"aria-label": y(K)("versions.restore_label", { time: Z(e.createdAt) }, `Restore the version of ${Z(e.createdAt)}`),
+			onClick: (t) => Q(e.id)
+		}, {
+			default: b(() => [G.component.restoreAction.icon ? (g(), l(y(i), {
+				key: 0,
+				name: G.component.restoreAction.icon,
+				class: "size-3.5"
+			}, null, 8, ["name"])) : u("", !0), p(" " + v(G.component.restoreAction.label), 1)]),
+			_: 1
+		}, 8, ["aria-label", "onClick"])) : u("", !0)]), e.changes.length > 0 ? (g(), d("dl", k, [(g(!0), d(c, null, _(e.changes, (e) => (g(), d("div", {
+			key: e.attribute,
+			"data-slot": "record-version-change",
+			"data-attribute": e.attribute
+		}, [f("dt", j, v(e.label), 1), f("dd", M, [e.diff ? (g(), d("p", N, [(g(!0), d(c, null, _(e.diff, (e, t) => (g(), d(c, { key: t }, [e.type === "insert" ? (g(), d("ins", P, [f("span", F, v(`${y(K)("versions.added", {}, "Added:")} `), 1), p(v(e.text), 1)])) : e.type === "delete" ? (g(), d("del", I, [f("span", L, v(`${y(K)("versions.removed", {}, "Removed:")} `), 1), p(v(e.text), 1)])) : (g(), d("span", R, v(e.text), 1))], 64))), 128))])) : (g(), d("p", z, [
+			f("del", B, [f("span", V, v(`${y(K)("versions.old_value", {}, "Before:")} `), 1), p(v(e.old ?? y(K)("versions.empty_value", {}, "Empty")), 1)]),
+			m(y(x), {
+				class: "text-muted-foreground size-3.5 shrink-0 rtl:rotate-180",
+				"aria-hidden": "true"
+			}),
+			f("ins", H, [f("span", U, v(`${y(K)("versions.new_value", {}, "After:")} `), 1), p(v(e.new ?? y(K)("versions.empty_value", {}, "Empty")), 1)])
+		]))])], 8, A))), 128))])) : (g(), d("p", W, v(y(K)("versions.no_changes", {}, "No tracked fields changed.")), 1))], 8, w))), 128))], 8, C));
+	}
+});
+//#endregion
+export { G as default };
+
+//# sourceMappingURL=RecordVersionsComponent.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +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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"}

package/dist/components/widgets/CalendarSkeleton.js

@@ -0,0 +1,7 @@
+import e from "./CalendarSkeleton.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/widgets/CalendarSkeleton.vue
+var t = e;
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=CalendarSkeleton.js.map

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

@@ -0,0 +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":""}

package/dist/components/widgets/CalendarSkeleton.vue.d.ts

@@ -0,0 +1,8 @@
+import type { CalendarWidgetSchema } from '@alfakit/core';
+/** The server render and the first paint: the calendar's outline, without FullCalendar. */
+type __VLS_Props = {
+    widget: CalendarWidgetSchema;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=CalendarSkeleton.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarSkeleton.vue.d.ts","sourceRoot":"","sources":["../../../src/components/widgets/CalendarSkeleton.vue"],"names":[],"mappings":"AA4BA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAA;AAMzD,2FAA2F;AAC3F,KAAK,WAAW,GAAG;IAAE,MAAM,EAAE,oBAAoB,CAAA;CAAE,CAAC;;AAsIpD,wBAMG"}

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

@@ -0,0 +1,47 @@
+import { useT as e } from "../../context.js";
+import t from "../ui/Skeleton.js";
+import n from "../ui/Card.js";
+import r from "../ui/CardContent.js";
+import { createBlock as i, createCommentVNode as a, createElementVNode as o, createVNode as s, defineComponent as c, openBlock as l, toDisplayString as u, unref as d, withCtx as f } from "vue";
+//#region src/components/widgets/CalendarSkeleton.vue?vue&type=script&setup=true&lang.ts
+var p = { class: "sr-only" }, m = {
+	class: "flex items-center justify-between gap-3",
+	"aria-hidden": "true"
+}, h = /*@__PURE__*/ c({
+	__name: "CalendarSkeleton",
+	props: { widget: {} },
+	setup(c) {
+		let h = c, g = e();
+		return (e, c) => (l(), i(n, {
+			class: "gap-4 py-4",
+			"aria-busy": "true",
+			"data-slot": "calendar-widget"
+		}, {
+			default: f(() => [s(r, { class: "flex flex-col gap-4 px-5" }, {
+				default: f(() => [
+					o("span", p, u(d(g)("calendar.loading", {}, "Loading calendar")), 1),
+					h.widget.heading ? (l(), i(t, {
+						key: 0,
+						class: "h-5 w-1/3",
+						"aria-hidden": "true"
+					})) : a("", !0),
+					o("div", m, [
+						s(t, { class: "h-8 w-28" }),
+						s(t, { class: "h-6 w-40" }),
+						s(t, { class: "h-8 w-40" })
+					]),
+					s(t, {
+						class: "h-[28rem]",
+						"aria-hidden": "true"
+					})
+				]),
+				_: 1
+			})]),
+			_: 1
+		}));
+	}
+});
+//#endregion
+export { h as default };
+
+//# sourceMappingURL=CalendarSkeleton.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +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"}

package/dist/components/widgets/CalendarWidget.js

@@ -0,0 +1,7 @@
+import e from "./CalendarWidget.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/widgets/CalendarWidget.vue
+var t = e;
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=CalendarWidget.js.map

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

@@ -0,0 +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":""}

package/dist/components/widgets/CalendarWidget.vue.d.ts

@@ -0,0 +1,12 @@
+import type { CalendarWidgetSchema } from '@alfakit/core';
+/**
+ * The calendar widget (alfasix/alfakit-calendar, registry key `widget:calendar`). Events
+ * are fetched for the visible range through the widget's actions; FullCalendar loads with
+ * this component's own chunk.
+ */
+type __VLS_Props = {
+    widget: CalendarWidgetSchema;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=CalendarWidget.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarWidget.vue.d.ts","sourceRoot":"","sources":["../../../src/components/widgets/CalendarWidget.vue"],"names":[],"mappings":"AAmHA,OAAO,KAAK,EAAuB,oBAAoB,EAAsB,MAAM,eAAe,CAAA;AAkBlG;;;;GAIG;AACH,KAAK,WAAW,GAAG;IAAE,MAAM,EAAE,oBAAoB,CAAA;CAAE,CAAC;;AA4LpD,wBAMG"}

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

@@ -0,0 +1,92 @@
+import { useActionRunner as e, useDirection as t, useLocalization as n, useT as r } from "../../context.js";
+import { usePageActionContext as i } from "../actions/action-context.js";
+import a from "../actions/ActionList.js";
+import { showToast as o } from "../notifications/flash-toasts.js";
+import s from "../ui/Card.js";
+import c from "../ui/CardContent.js";
+import l from "../ui/CardHeader.js";
+import u from "../ui/CardTitle.js";
+import { calendarIdentity as d, calendarOptions as f, clientErrorNotification as p } from "@alfakit/core";
+import { router as m } from "@inertiajs/vue3";
+import { createBlock as h, createCommentVNode as g, createElementVNode as _, createTextVNode as v, createVNode as y, defineComponent as b, onBeforeUnmount as x, onMounted as S, openBlock as C, ref as w, toDisplayString as T, toRaw as E, unref as D, watch as O, withCtx as k } from "vue";
+import { Calendar as A } from "@fullcalendar/core";
+import j from "@fullcalendar/daygrid";
+import M from "@fullcalendar/interaction";
+import N from "@fullcalendar/list";
+import P from "@fullcalendar/timegrid";
+//#region src/components/widgets/CalendarWidget.vue?vue&type=script&setup=true&lang.ts
+var F = { class: "flex flex-wrap items-center justify-between gap-3" }, I = ["dir", "aria-label"], L = /*@__PURE__*/ b({
+	__name: "CalendarWidget",
+	props: { widget: {} },
+	setup(b) {
+		let L = b, R = [
+			j,
+			P,
+			N,
+			M
+		], z = w(null), B = e(), V = i(), H = r(), U = t(), W = n(), G = null, K = () => ({
+			runner: B,
+			token: V.token,
+			t: H,
+			locale: W.value?.tag ?? "en",
+			direction: U.value,
+			firstDayOfWeek: W.value?.firstDayOfWeek ?? 0,
+			visit: (e, t) => t ? window.open(e, "_blank", "noopener") : m.visit(e),
+			notify: (e) => e.forEach((e) => o(e)),
+			error: (e) => o(p(`calendar-${L.widget.id}`, e))
+		}), q = () => {
+			if (G?.destroy(), G = null, !z.value) return;
+			let e = f(E(L.widget), K());
+			G = new A(z.value, {
+				...e,
+				plugins: R,
+				height: "auto"
+			}), G.render();
+		};
+		return S(q), x(() => {
+			G?.destroy(), G = null;
+		}), O(() => d(L.widget, K()), () => q()), O(() => L.widget, () => G?.refetchEvents()), (e, t) => (C(), h(s, {
+			class: "gap-4 py-4",
+			"data-slot": "calendar-widget"
+		}, {
+			default: k(() => [L.widget.heading || L.widget.headerActions?.length ? (C(), h(l, {
+				key: 0,
+				class: "px-5"
+			}, {
+				default: k(() => [_("div", F, [L.widget.heading ? (C(), h(u, {
+					key: 0,
+					class: "text-base"
+				}, {
+					default: k(() => [v(T(L.widget.heading), 1)]),
+					_: 1
+				})) : g("", !0), L.widget.headerActions ? (C(), h(a, {
+					key: 1,
+					actions: L.widget.headerActions,
+					context: {
+						token: D(V).token,
+						component: `widget:${L.widget.id}`
+					},
+					size: "sm",
+					align: "end",
+					class: "ms-auto"
+				}, null, 8, ["actions", "context"])) : g("", !0)])]),
+				_: 1
+			})) : g("", !0), y(c, { class: "px-5" }, {
+				default: k(() => [_("div", {
+					ref_key: "element",
+					ref: z,
+					"data-slot": "calendar",
+					dir: D(U),
+					role: "region",
+					"aria-label": L.widget.heading ?? D(H)("calendar.label", {}, "Calendar")
+				}, null, 8, I)]),
+				_: 1
+			})]),
+			_: 1
+		}));
+	}
+});
+//#endregion
+export { L as default };
+
+//# sourceMappingURL=CalendarWidget.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +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"}

package/dist/components/widgets/ChartEmptyState.js

@@ -0,0 +1,7 @@
+import e from "./ChartEmptyState.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/widgets/ChartEmptyState.vue
+var t = e;
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=ChartEmptyState.js.map

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

@@ -0,0 +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":""}

package/dist/components/widgets/ChartEmptyState.vue.d.ts

@@ -0,0 +1,11 @@
+import type { ChartWidgetSchema } from '@alfakit/core';
+/**
+ * Shown when `getData()` returns nothing: a registered `$emptyStateView` component, or the
+ * icon, texts and `getEmptyStateActions()` (run through the widget, `widget:<id>`).
+ */
+type __VLS_Props = {
+    widget: ChartWidgetSchema;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=ChartEmptyState.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChartEmptyState.vue.d.ts","sourceRoot":"","sources":["../../../src/components/widgets/ChartEmptyState.vue"],"names":[],"mappings":"AA6DA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAQtD;;;GAGG;AACH,KAAK,WAAW,GAAG;IAAE,MAAM,EAAE,iBAAiB,CAAA;CAAE,CAAC;;AAoJjD,wBAMG"}

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

@@ -0,0 +1,54 @@
+import { useRegistry as e, useT as t } from "../../context.js";
+import { usePageActionContext as n } from "../actions/action-context.js";
+import r from "../../lib/Icon.js";
+import i from "../actions/ActionList.js";
+import { computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, defineComponent as u, mergeProps as d, normalizeStyle as f, openBlock as p, resolveDynamicComponent as m, toDisplayString as h, unref as g } from "vue";
+import { ChartColumnIcon as _ } from "@lucide/vue";
+//#region src/components/widgets/ChartEmptyState.vue?vue&type=script&setup=true&lang.ts
+var v = { class: "bg-muted text-muted-foreground flex size-10 items-center justify-center rounded-full" }, y = { class: "text-sm font-medium" }, b = {
+	key: 0,
+	class: "text-muted-foreground text-sm"
+}, x = /*@__PURE__*/ u({
+	__name: "ChartEmptyState",
+	props: { widget: {} },
+	setup(u) {
+		let x = u, S = t(), C = e(), w = n(), T = a(() => x.widget.emptyState), E = a(() => T.value?.view ? C.resolve(T.value.view) : void 0), D = a(() => ({
+			token: w.token,
+			component: `widget:${x.widget.id}`
+		})), O = a(() => x.widget.maxHeight ?? "18rem");
+		return (e, t) => E.value ? (p(), c("div", {
+			key: 0,
+			"data-slot": "chart-empty-state",
+			style: f({ minHeight: O.value })
+		}, [(p(), o(m(E.value), d(T.value?.viewData ?? {}, { widget: x.widget }), null, 16, ["widget"]))], 4)) : (p(), c("div", {
+			key: 1,
+			"data-slot": "chart-empty-state",
+			class: "flex flex-col items-center justify-center gap-2 py-10 text-center",
+			style: f({ minHeight: O.value })
+		}, [
+			l("div", v, [T.value?.icon ? (p(), o(g(r), {
+				key: 0,
+				name: T.value.icon,
+				class: "size-5"
+			}, null, 8, ["name"])) : (p(), o(g(r), {
+				key: 1,
+				name: "alfakit::widgets.chart.empty-state",
+				fallback: g(_),
+				class: "size-5"
+			}, null, 8, ["fallback"]))]),
+			l("p", y, h(T.value?.heading ?? g(S)("chart_empty", {}, "No data to show")), 1),
+			T.value?.description ? (p(), c("p", b, h(T.value.description), 1)) : s("", !0),
+			T.value?.actions && T.value.actions.length > 0 ? (p(), o(i, {
+				key: 1,
+				actions: T.value.actions,
+				context: D.value,
+				size: "sm",
+				class: "mt-2 justify-center"
+			}, null, 8, ["actions", "context"])) : s("", !0)
+		], 4));
+	}
+});
+//#endregion
+export { x as default };
+
+//# sourceMappingURL=ChartEmptyState.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +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"}

package/dist/components/widgets/ChartFilters.js

@@ -0,0 +1,7 @@
+import e from "./ChartFilters.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/widgets/ChartFilters.vue
+var t = e;
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=ChartFilters.js.map

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

@@ -0,0 +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":""}

package/dist/components/widgets/ChartFilters.vue.d.ts

@@ -0,0 +1,13 @@
+import type { ChartFiltersFormSchema } from '@alfakit/core';
+/**
+ * The `filtersSchema()` form of a chart widget, in a popover. Values live in the query
+ * string; the chart reloads on every change, or on "Apply" with deferred filters. The
+ * parent re-mounts it (by key) when the server sends new filter state.
+ */
+type __VLS_Props = {
+    form: ChartFiltersFormSchema;
+    widgetId: string;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=ChartFilters.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChartFilters.vue.d.ts","sourceRoot":"","sources":["../../../src/components/widgets/ChartFilters.vue"],"names":[],"mappings":"AA+GA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAA;AAgB3D;;;;GAIG;AACH,KAAK,WAAW,GAAG;IAAE,IAAI,EAAE,sBAAsB,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAA;CAAE,CAAC;;AAkOtE,wBAMG"}

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

@@ -0,0 +1,97 @@
+import { useT as e } from "../../context.js";
+import { useStore as t } from "../../composables/use-store.js";
+import n from "../../lib/Icon.js";
+import r from "../ui/Button2.js";
+import { provideForm as i } from "../form/form-context.js";
+import a from "../schema/SchemaRenderer.js";
+import o from "../ui/Popover.js";
+import s from "../ui/PopoverContent.js";
+import c from "../ui/PopoverTrigger.js";
+import l from "../table/TableTriggerButton.js";
+import { FormStore as u, chartFiltersUrl as d, resolvePartialProps as f, triggerButtonView as p } from "@alfakit/core";
+import { router as m } from "@inertiajs/vue3";
+import { computed as h, createBlock as g, createCommentVNode as _, createElementBlock as v, createElementVNode as y, createVNode as b, defineComponent as x, onScopeDispose as S, openBlock as C, ref as w, unref as T, watch as E, withCtx as D } from "vue";
+import { FilterIcon as O } from "@lucide/vue";
+//#region src/components/widgets/ChartFilters.vue?vue&type=script&setup=true&lang.ts
+var k = { class: "flex items-center justify-between gap-2" }, A = { key: 1 }, j = /*@__PURE__*/ x({
+	__name: "ChartFilters",
+	props: {
+		form: {},
+		widgetId: {}
+	},
+	setup(x) {
+		let j = x, M = e(), N = w(!1), P = new u(j.form, {
+			token: "",
+			component: `chartFilters:${j.widgetId}`
+		}), F = t(P.store), I = JSON.stringify(j.form.state);
+		i(P), S(() => P.destroy());
+		let L = (e) => {
+			typeof window < "u" && (I = JSON.stringify(e ?? {}), m.visit(d(window.location.href, j.form.queryKey, j.widgetId, e), {
+				only: f(["page"]),
+				preserveScroll: !0,
+				preserveState: !0,
+				replace: !0
+			}));
+		};
+		E(() => F.value.values, (e) => {
+			!j.form.deferred && JSON.stringify(e) !== I && L(e);
+		});
+		let R = () => {
+			L(null), N.value = !1;
+		}, z = () => {
+			L(F.value.values), N.value = !1;
+		}, B = h(() => p(j.form, "filtersReset", {
+			label: M("table.reset_filters", {}, "Reset"),
+			variant: "ghost"
+		})), V = h(() => p(j.form, "filtersApply", {
+			label: M("table_filters.apply", {}, "Apply"),
+			variant: "default"
+		}));
+		return (e, t) => (C(), g(o, {
+			open: N.value,
+			"onUpdate:open": t[0] ||= (e) => N.value = e
+		}, {
+			default: D(() => [b(c, { "as-child": "" }, {
+				default: D(() => [b(r, {
+					type: "button",
+					variant: "ghost",
+					size: "icon-sm",
+					"data-slot": "chart-filters-trigger",
+					"aria-label": T(M)("table.filters", {}, "Filters")
+				}, {
+					default: D(() => [b(T(n), {
+						name: "alfakit::widgets.chart.filter",
+						fallback: T(O)
+					}, null, 8, ["fallback"])]),
+					_: 1
+				}, 8, ["aria-label"])]),
+				_: 1
+			}), b(s, {
+				align: "end",
+				class: "flex w-80 flex-col gap-4",
+				"data-slot": "chart-filters"
+			}, {
+				default: D(() => [b(a, {
+					components: T(F).components,
+					columns: T(F).columns
+				}, null, 8, ["components", "columns"]), y("div", k, [B.value ? (C(), g(l, {
+					key: 0,
+					view: B.value,
+					"data-slot": "chart-filters-reset",
+					onClick: R
+				}, null, 8, ["view"])) : (C(), v("span", A)), j.form.deferred && V.value ? (C(), g(l, {
+					key: 2,
+					view: V.value,
+					"data-slot": "chart-filters-apply",
+					onClick: z
+				}, null, 8, ["view"])) : _("", !0)])]),
+				_: 1
+			})]),
+			_: 1
+		}, 8, ["open"]));
+	}
+});
+//#endregion
+export { j as default };
+
+//# sourceMappingURL=ChartFilters.vue_vue_type_script_setup_true_lang.js.map