@alfakit/vue 0.0.0-stage → 0.1.0

package/dist/components/notifications/flash-toasts.js

@@ -0,0 +1,52 @@
+import { cn as e } from "../../lib/utils.js";
+import { cssColor as t, textColorClasses as n } from "../../lib/colors.js";
+import r from "../../lib/Icon.js";
+import i from "./NotificationActionButton.js";
+import a from "./UndoButton.js";
+import { notificationTintStyles as o, onCloseNotification as s } from "@alfakit/core";
+import { defineComponent as c, h as l, markRaw as u } from "vue";
+import { toast as d } from "vue-sonner";
+//#region src/components/notifications/flash-toasts.ts
+var f = !1, p;
+function m(e) {
+	p = e;
+}
+function h() {
+	f || typeof window > "u" || (f = !0, s((e) => d.dismiss(e)));
+}
+function g(s, f) {
+	h();
+	let m = s.duration === "persistent" ? Infinity : s.duration ?? 6e3;
+	if (f) {
+		d.custom(u(c({ setup: () => () => l(f, { notification: s }) })), {
+			id: s.id,
+			duration: m,
+			toasterId: p
+		});
+		return;
+	}
+	let g = s.status === "success" ? d.success : s.status === "danger" ? d.error : s.status === "warning" ? d.warning : s.status === "info" ? d.info : d, _ = (s.actions?.length ?? 0) > 0 || !!s.undo;
+	g(s.title ?? "", {
+		id: s.id,
+		duration: m,
+		toasterId: p,
+		style: s.color ? o(t(s.color)).toast : void 0,
+		description: s.body || _ ? u(c({ setup: () => () => l("div", { class: "flex flex-col gap-1" }, [s.body ? l("span", { innerHTML: s.body }) : null, _ ? l("div", { class: "mt-1 flex flex-wrap items-center gap-1" }, [s.undo ? l(a, {
+			key: "undo",
+			undo: s.undo,
+			toastId: s.id
+		}) : null, ...(s.actions ?? []).map((e) => l(i, {
+			key: e.name,
+			action: e,
+			toastId: s.id
+		}))]) : null]) })) : void 0,
+		icon: s.icon ? u(c({ setup: () => () => l(r, {
+			name: s.icon,
+			class: e("size-4", s.iconColor && n[s.iconColor])
+		}) })) : void 0
+	});
+}
+//#endregion
+export { h as listenForClosedNotifications, m as setToasterId, g as showToast };
+
+//# sourceMappingURL=flash-toasts.js.map

package/dist/components/notifications/flash-toasts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flash-toasts.js","names":["UndoButton","NotificationActionButton","Icon","Icon_default","NotificationActionButton_default","UndoButton_default","closeListening","toasterId","setToasterId","id","listenForClosedNotifications","onCloseNotification","toast","showToast","duration","notification","Custom","markRaw","defineComponent","h","method","hasActions","notificationTintStyles","cssColor","action","cn","textColorClasses"],"sources":["../../../src/components/notifications/flash-toasts.ts"],"sourcesContent":["import type { NotificationSchema } from '@alfakit/core'\nimport { notificationTintStyles, onCloseNotification } from '@alfakit/core'\nimport { defineComponent, h, markRaw, type Component } from 'vue'\nimport { toast } from 'vue-sonner'\nimport { cssColor, textColorClasses } from '../../lib/colors'\nimport { Icon } from '../../lib/icons'\nimport { cn } from '../../lib/utils'\nimport NotificationActionButton from './NotificationActionButton.vue'\nimport UndoButton from './UndoButton.vue'\n\nlet closeListening = false\n\n// Starter kit mode: toasts go to Alfakit's own toaster (`STARTER_KIT_TOASTER_ID`).\nlet toasterId: string | undefined\n\n/** Send Alfakit's toasts to the `<Toaster id>` with this id (undefined: the id-less one). */\nexport function setToasterId(id: string | undefined): void {\n  toasterId = id\n}\n\n/** `closeNotification(id)` (or a `close-notification` event) dismisses that toast. */\nexport function listenForClosedNotifications(): void {\n  if (closeListening || typeof window === 'undefined') return\n\n  closeListening = true\n  onCloseNotification((id) => toast.dismiss(id))\n}\n\nexport function showToast(notification: NotificationSchema, Custom?: Component): void {\n  listenForClosedNotifications()\n\n  const duration =\n    notification.duration === 'persistent' ? Infinity : (notification.duration ?? 6000)\n\n  if (Custom) {\n    toast.custom(markRaw(defineComponent({ setup: () => () => h(Custom, { notification }) })), {\n      id: notification.id,\n      duration,\n      toasterId,\n    })\n\n    return\n  }\n\n  const method =\n    notification.status === 'success'\n      ? toast.success\n      : notification.status === 'danger'\n        ? toast.error\n        : notification.status === 'warning'\n          ? toast.warning\n          : notification.status === 'info'\n            ? toast.info\n            : toast\n\n  const hasActions = (notification.actions?.length ?? 0) > 0 || Boolean(notification.undo)\n\n  method(notification.title ?? '', {\n    id: notification.id,\n    duration,\n    toasterId,\n    // `color()`: tints the toast's background.\n    style: notification.color\n      ? notificationTintStyles(cssColor(notification.color)).toast\n      : undefined,\n    // vue-sonner renders a component `action` as text (\"{}\"), so the notification's action\n    // buttons go below the body inside the description, like the React and Svelte toasts.\n    description:\n      notification.body || hasActions\n        ? markRaw(\n            defineComponent({\n              setup: () => () =>\n                h('div', { class: 'flex flex-col gap-1' }, [\n                  notification.body ? h('span', { innerHTML: notification.body }) : null,\n                  hasActions\n                    ? h('div', { class: 'mt-1 flex flex-wrap items-center gap-1' }, [\n                        notification.undo\n                          ? h(UndoButton, {\n                              key: 'undo',\n                              undo: notification.undo,\n                              toastId: notification.id,\n                            })\n                          : null,\n                        ...(notification.actions ?? []).map((action) =>\n                          h(NotificationActionButton, {\n                            key: action.name,\n                            action,\n                            toastId: notification.id,\n                          }),\n                        ),\n                      ])\n                    : null,\n                ]),\n            }),\n          )\n        : undefined,\n    icon: notification.icon\n      ? markRaw(\n          defineComponent({\n            setup: () => () =>\n              h(Icon, {\n                name: notification.icon,\n                class: cn(\n                  'size-4',\n                  notification.iconColor && textColorClasses[notification.iconColor],\n                ),\n              }),\n          }),\n        )\n      : undefined,\n  })\n}\n"],"mappings":";;;;;;;;;AAUA,IAAIM,IAAiB,IAGjBC;AAGJ,SAAgBC,EAAa,GAA8B;CACzD,IAAYC;AACd;AAGA,SAAgBC,IAAqC;CACnD,AAAIJ,KAAkB,OAAO,SAAW,QAExC,IAAiB,IACjBK,GAAqB,MAAOC,EAAM,QAAQH,CAAE,CAAC;AAC/C;AAEA,SAAgBI,EAAU,GAAkC,GAA0B;CACpF,EAA6B;CAE7B,IAAMC,IACJC,EAAa,aAAa,eAAe,WAAYA,EAAa,YAAY;CAEhF,IAAIC,GAAQ;EACV,EAAM,OAAOC,EAAQC,EAAgB,EAAE,mBAAmBC,EAAEH,GAAQ,EAAE,gBAAa,CAAC,EAAE,CAAC,CAAC,GAAG;GACzF,IAAID,EAAa;GACjB;GACA;EACF,CAAC;EAED;CACF;CAEA,IAAMK,IACJL,EAAa,WAAW,YACpBH,EAAM,UACNG,EAAa,WAAW,WACtBH,EAAM,QACNG,EAAa,WAAW,YACtBH,EAAM,UACNG,EAAa,WAAW,SACtBH,EAAM,OACNA,GAENS,KAAcN,EAAa,SAAS,UAAU,KAAK,KAAK,EAAQA,EAAa;CAEnF,EAAOA,EAAa,SAAS,IAAI;EAC/B,IAAIA,EAAa;EACjB;EACA;EAEA,OAAOA,EAAa,QAChBO,EAAuBC,EAASR,EAAa,KAAK,CAAC,CAAC,CAAC,QACrD,KAAA;EAGJ,aACEA,EAAa,QAAQM,IACjBJ,EACEC,EAAgB,EACd,mBACEC,EAAE,OAAO,EAAE,OAAO,sBAAsB,GAAG,CACzCJ,EAAa,OAAOI,EAAE,QAAQ,EAAE,WAAWJ,EAAa,KAAK,CAAC,IAAI,MAClEM,IACIF,EAAE,OAAO,EAAE,OAAO,yCAAyC,GAAG,CAC5DJ,EAAa,OACTI,EAAEnB,GAAY;GACZ,KAAK;GACL,MAAMe,EAAa;GACnB,SAASA,EAAa;EACxB,CAAC,IACD,MACJ,IAAIA,EAAa,WAAW,CAAC,EAAA,CAAG,KAAK,MACnCI,EAAElB,GAA0B;GAC1B,KAAKuB,EAAO;GACZ;GACA,SAAST,EAAa;EACxB,CAAC,CACH,CACF,CAAC,IACD,IACN,CAAC,EACL,CAAC,CACH,IACA,KAAA;EACN,MAAMA,EAAa,OACfE,EACEC,EAAgB,EACd,mBACEC,EAAEjB,GAAM;GACN,MAAMa,EAAa;GACnB,OAAOU,EACL,UACAV,EAAa,aAAaW,EAAiBX,EAAa,UAC1D;EACF,CAAC,EACL,CAAC,CACH,IACA,KAAA;CACN,CAAC;AACH"}

package/dist/components/notifications/index.d.ts

@@ -0,0 +1,7 @@
+export { showToast } from './flash-toasts';
+export { default as FlashToasts } from './FlashToasts.vue';
+export { default as NotificationActionButton } from './NotificationActionButton.vue';
+export { default as NotificationsMenu } from './NotificationsMenu.vue';
+export { default as RealtimeNotifications } from './RealtimeNotifications.vue';
+export { default as UndoButton } from './UndoButton.vue';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/notifications/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/notifications/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAC1C,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAC1D,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,gCAAgC,CAAA;AACpF,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,yBAAyB,CAAA;AACtE,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,6BAA6B,CAAA;AAC9E,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAA"}

package/dist/components/panel/AppSidebar.js

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

package/dist/components/panel/AppSidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppSidebar.js","names":["_sfc_main","AppSidebar_vue_vue_type_script_setup_true_lang_default","AppSidebar_default"],"sources":["../../../src/components/panel/AppSidebar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useDirection, usePanel, useT } from '../../context'\nimport NotificationsMenu from '../notifications/NotificationsMenu.vue'\nimport Sidebar from '../ui/Sidebar.vue'\nimport SidebarContent from '../ui/SidebarContent.vue'\nimport SidebarFooter from '../ui/SidebarFooter.vue'\nimport SidebarHeader from '../ui/SidebarHeader.vue'\nimport SidebarMenu from '../ui/SidebarMenu.vue'\nimport SidebarMenuButton from '../ui/SidebarMenuButton.vue'\nimport SidebarMenuItem from '../ui/SidebarMenuItem.vue'\nimport SidebarRail from '../ui/SidebarRail.vue'\nimport Brand from './Brand.vue'\nimport GlobalSearch from './GlobalSearch.vue'\nimport NavGroup from './NavGroup.vue'\nimport Slot from './Slot.vue'\nimport TenantMenu from './TenantMenu.vue'\nimport UserMenu from './UserMenu.vue'\n\nconst panel = usePanel()\nconst t = useT()\nconst direction = useDirection()\n</script>\n\n<template>\n  <Sidebar\n    :side=\"direction === 'rtl' ? 'right' : 'left'\"\n    :collapsible=\"\n      panel.theme?.design?.layout === 'rail'\n        ? 'icon'\n        : panel.sidebarFullyCollapsibleOnDesktop\n          ? 'offcanvas'\n          : panel.sidebarCollapsibleOnDesktop\n            ? 'icon'\n            : 'none'\n    \"\n    :variant=\"panel.theme?.sidebar === 'flush' ? 'sidebar' : (panel.theme?.sidebar ?? 'inset')\"\n  >\n    <SidebarHeader>\n      <Slot name=\"sidebar.start\" />\n      <Slot name=\"sidebar.logo.before\" />\n      <SidebarMenu>\n        <SidebarMenuItem>\n          <template v-if=\"panel.tenancy?.current\">\n            <Slot name=\"tenant-menu.before\" />\n            <TenantMenu />\n            <Slot name=\"tenant-menu.after\" />\n          </template>\n          <SidebarMenuButton v-else size=\"lg\" as-child>\n            <div><Brand /></div>\n          </SidebarMenuButton>\n        </SidebarMenuItem>\n      </SidebarMenu>\n      <Slot name=\"sidebar.logo.after\" />\n      <!-- `databaseNotifications(position: 'sidebar')` or `topbar(false)`. -->\n      <SidebarMenu v-if=\"panel.databaseNotifications?.position === 'sidebar'\">\n        <SidebarMenuItem>\n          <NotificationsMenu variant=\"sidebar\" />\n        </SidebarMenuItem>\n      </SidebarMenu>\n      <!-- `globalSearch(position: GlobalSearchPosition::Sidebar)` or `topbar(false)`. -->\n      <SidebarMenu v-if=\"panel.globalSearch?.position === 'sidebar'\">\n        <SidebarMenuItem>\n          <GlobalSearch variant=\"sidebar\" />\n        </SidebarMenuItem>\n      </SidebarMenu>\n      <Slot name=\"sidebar.header\" />\n    </SidebarHeader>\n    <SidebarContent>\n      <Slot name=\"sidebar.nav.start\" />\n      <nav :aria-label=\"t('sidebar', {}, 'Sidebar')\" class=\"contents\">\n        <NavGroup\n          v-for=\"(group, index) in panel.navigation\"\n          :key=\"group.label ?? `group-${index}`\"\n          :group=\"group\"\n        />\n      </nav>\n      <Slot name=\"sidebar.nav.end\" />\n    </SidebarContent>\n    <SidebarFooter>\n      <Slot name=\"sidebar.footer\" />\n      <!-- `userMenu(position: UserMenuPosition::Topbar)` shows it in the top bar instead. -->\n      <SidebarMenu v-if=\"panel.userMenu?.position !== 'topbar'\">\n        <SidebarMenuItem>\n          <UserMenu />\n        </SidebarMenuItem>\n      </SidebarMenu>\n      <Slot name=\"sidebar.end\" />\n    </SidebarFooter>\n    <SidebarRail />\n  </Sidebar>\n</template>\n"],"mappings":""}

package/dist/components/panel/AppSidebar.vue.d.ts

@@ -0,0 +1,3 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;
+//# sourceMappingURL=AppSidebar.vue.d.ts.map

package/dist/components/panel/AppSidebar.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppSidebar.vue.d.ts","sourceRoot":"","sources":["../../../src/components/panel/AppSidebar.vue"],"names":[],"mappings":";AAsbA,wBAKG"}

package/dist/components/panel/AppSidebar.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,111 @@
+import { useDirection as e, usePanel as t, useT as n } from "../../context.js";
+import r from "./Slot.js";
+import i from "../notifications/NotificationsMenu.js";
+import a from "../ui/Sidebar.js";
+import o from "../ui/SidebarContent.js";
+import s from "../ui/SidebarFooter.js";
+import c from "../ui/SidebarHeader.js";
+import l from "../ui/SidebarMenu.js";
+import u from "../ui/SidebarMenuButton.js";
+import d from "../ui/SidebarMenuItem.js";
+import f from "../ui/SidebarRail.js";
+import p from "./Brand.js";
+import m from "./GlobalSearch.js";
+import h from "./NavGroup.js";
+import g from "./TenantMenu.js";
+import _ from "./UserMenu.js";
+import { Fragment as v, createBlock as y, createCommentVNode as b, createElementBlock as x, createElementVNode as S, createVNode as C, defineComponent as w, openBlock as T, renderList as E, unref as D, withCtx as O } from "vue";
+//#region src/components/panel/AppSidebar.vue?vue&type=script&setup=true&lang.ts
+var k = ["aria-label"], A = /*@__PURE__*/ w({
+	__name: "AppSidebar",
+	setup(w) {
+		let A = t(), j = n(), M = e();
+		return (e, t) => (T(), y(a, {
+			side: D(M) === "rtl" ? "right" : "left",
+			collapsible: D(A).theme?.design?.layout === "rail" ? "icon" : D(A).sidebarFullyCollapsibleOnDesktop ? "offcanvas" : D(A).sidebarCollapsibleOnDesktop ? "icon" : "none",
+			variant: D(A).theme?.sidebar === "flush" ? "sidebar" : D(A).theme?.sidebar ?? "inset"
+		}, {
+			default: O(() => [
+				C(c, null, {
+					default: O(() => [
+						C(r, { name: "sidebar.start" }),
+						C(r, { name: "sidebar.logo.before" }),
+						C(l, null, {
+							default: O(() => [C(d, null, {
+								default: O(() => [D(A).tenancy?.current ? (T(), x(v, { key: 0 }, [
+									C(r, { name: "tenant-menu.before" }),
+									C(g),
+									C(r, { name: "tenant-menu.after" })
+								], 64)) : (T(), y(u, {
+									key: 1,
+									size: "lg",
+									"as-child": ""
+								}, {
+									default: O(() => [S("div", null, [C(p)])]),
+									_: 1
+								}))]),
+								_: 1
+							})]),
+							_: 1
+						}),
+						C(r, { name: "sidebar.logo.after" }),
+						D(A).databaseNotifications?.position === "sidebar" ? (T(), y(l, { key: 0 }, {
+							default: O(() => [C(d, null, {
+								default: O(() => [C(i, { variant: "sidebar" })]),
+								_: 1
+							})]),
+							_: 1
+						})) : b("", !0),
+						D(A).globalSearch?.position === "sidebar" ? (T(), y(l, { key: 1 }, {
+							default: O(() => [C(d, null, {
+								default: O(() => [C(m, { variant: "sidebar" })]),
+								_: 1
+							})]),
+							_: 1
+						})) : b("", !0),
+						C(r, { name: "sidebar.header" })
+					]),
+					_: 1
+				}),
+				C(o, null, {
+					default: O(() => [
+						C(r, { name: "sidebar.nav.start" }),
+						S("nav", {
+							"aria-label": D(j)("sidebar", {}, "Sidebar"),
+							class: "contents"
+						}, [(T(!0), x(v, null, E(D(A).navigation, (e, t) => (T(), y(h, {
+							key: e.label ?? `group-${t}`,
+							group: e
+						}, null, 8, ["group"]))), 128))], 8, k),
+						C(r, { name: "sidebar.nav.end" })
+					]),
+					_: 1
+				}),
+				C(s, null, {
+					default: O(() => [
+						C(r, { name: "sidebar.footer" }),
+						D(A).userMenu?.position === "topbar" ? b("", !0) : (T(), y(l, { key: 0 }, {
+							default: O(() => [C(d, null, {
+								default: O(() => [C(_)]),
+								_: 1
+							})]),
+							_: 1
+						})),
+						C(r, { name: "sidebar.end" })
+					]),
+					_: 1
+				}),
+				C(f)
+			]),
+			_: 1
+		}, 8, [
+			"side",
+			"collapsible",
+			"variant"
+		]));
+	}
+});
+//#endregion
+export { A as default };
+
+//# sourceMappingURL=AppSidebar.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/panel/AppSidebar.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppSidebar.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","Sidebar","_unref","_withCtx","_createVNode","SidebarHeader","Slot","SidebarMenu","SidebarMenuItem","_createElementBlock","_Fragment","TenantMenu","SidebarMenuButton","_createElementVNode","Brand","NotificationsMenu","_createCommentVNode","GlobalSearch","SidebarContent","_renderList","NavGroup","SidebarFooter","UserMenu","SidebarRail","Slot_default","NotificationsMenu_default","Sidebar_default","SidebarContent_default","SidebarFooter_default","SidebarHeader_default","SidebarMenu_default","SidebarMenuButton_default","SidebarMenuItem_default","SidebarRail_default","Brand_default","GlobalSearch_default","NavGroup_default","TenantMenu_default","UserMenu_default","_hoisted_1","AppSidebar_vue_vue_type_script_setup_true_lang_default","panel","usePanel","t","useT","direction","useDirection","openBlock","createBlock","unref","withCtx","createVNode","createElementBlock","Fragment","createElementVNode","createCommentVNode","renderList","group","index"],"sources":["../../../src/components/panel/AppSidebar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useDirection, usePanel, useT } from '../../context'\nimport NotificationsMenu from '../notifications/NotificationsMenu.vue'\nimport Sidebar from '../ui/Sidebar.vue'\nimport SidebarContent from '../ui/SidebarContent.vue'\nimport SidebarFooter from '../ui/SidebarFooter.vue'\nimport SidebarHeader from '../ui/SidebarHeader.vue'\nimport SidebarMenu from '../ui/SidebarMenu.vue'\nimport SidebarMenuButton from '../ui/SidebarMenuButton.vue'\nimport SidebarMenuItem from '../ui/SidebarMenuItem.vue'\nimport SidebarRail from '../ui/SidebarRail.vue'\nimport Brand from './Brand.vue'\nimport GlobalSearch from './GlobalSearch.vue'\nimport NavGroup from './NavGroup.vue'\nimport Slot from './Slot.vue'\nimport TenantMenu from './TenantMenu.vue'\nimport UserMenu from './UserMenu.vue'\n\nconst panel = usePanel()\nconst t = useT()\nconst direction = useDirection()\n</script>\n\n<template>\n  <Sidebar\n    :side=\"direction === 'rtl' ? 'right' : 'left'\"\n    :collapsible=\"\n      panel.theme?.design?.layout === 'rail'\n        ? 'icon'\n        : panel.sidebarFullyCollapsibleOnDesktop\n          ? 'offcanvas'\n          : panel.sidebarCollapsibleOnDesktop\n            ? 'icon'\n            : 'none'\n    \"\n    :variant=\"panel.theme?.sidebar === 'flush' ? 'sidebar' : (panel.theme?.sidebar ?? 'inset')\"\n  >\n    <SidebarHeader>\n      <Slot name=\"sidebar.start\" />\n      <Slot name=\"sidebar.logo.before\" />\n      <SidebarMenu>\n        <SidebarMenuItem>\n          <template v-if=\"panel.tenancy?.current\">\n            <Slot name=\"tenant-menu.before\" />\n            <TenantMenu />\n            <Slot name=\"tenant-menu.after\" />\n          </template>\n          <SidebarMenuButton v-else size=\"lg\" as-child>\n            <div><Brand /></div>\n          </SidebarMenuButton>\n        </SidebarMenuItem>\n      </SidebarMenu>\n      <Slot name=\"sidebar.logo.after\" />\n      <!-- `databaseNotifications(position: 'sidebar')` or `topbar(false)`. -->\n      <SidebarMenu v-if=\"panel.databaseNotifications?.position === 'sidebar'\">\n        <SidebarMenuItem>\n          <NotificationsMenu variant=\"sidebar\" />\n        </SidebarMenuItem>\n      </SidebarMenu>\n      <!-- `globalSearch(position: GlobalSearchPosition::Sidebar)` or `topbar(false)`. -->\n      <SidebarMenu v-if=\"panel.globalSearch?.position === 'sidebar'\">\n        <SidebarMenuItem>\n          <GlobalSearch variant=\"sidebar\" />\n        </SidebarMenuItem>\n      </SidebarMenu>\n      <Slot name=\"sidebar.header\" />\n    </SidebarHeader>\n    <SidebarContent>\n      <Slot name=\"sidebar.nav.start\" />\n      <nav :aria-label=\"t('sidebar', {}, 'Sidebar')\" class=\"contents\">\n        <NavGroup\n          v-for=\"(group, index) in panel.navigation\"\n          :key=\"group.label ?? `group-${index}`\"\n          :group=\"group\"\n        />\n      </nav>\n      <Slot name=\"sidebar.nav.end\" />\n    </SidebarContent>\n    <SidebarFooter>\n      <Slot name=\"sidebar.footer\" />\n      <!-- `userMenu(position: UserMenuPosition::Topbar)` shows it in the top bar instead. -->\n      <SidebarMenu v-if=\"panel.userMenu?.position !== 'topbar'\">\n        <SidebarMenuItem>\n          <UserMenu />\n        </SidebarMenuItem>\n      </SidebarMenu>\n      <Slot name=\"sidebar.end\" />\n    </SidebarFooter>\n    <SidebarRail />\n  </Sidebar>\n</template>\n"],"mappings":"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"}

package/dist/components/panel/BottomNav.js

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

package/dist/components/panel/BottomNav.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomNav.js","names":["_sfc_main","BottomNav_vue_vue_type_script_setup_true_lang_default","BottomNav_default"],"sources":["../../../src/components/panel/BottomNav.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport NavLabel from './NavLabel.vue'\nimport {\n  PREFETCH_CACHE_FOR,\n  bottomNavigationItems,\n  isNavigationItemActive,\n  navigationItemUrl,\n  type NavigationItemSchema,\n} from '@alfakit/core'\nimport { Link } from '@inertiajs/vue3'\nimport { MenuIcon } from '@lucide/vue'\nimport { computed, ref } from 'vue'\nimport { usePanel, useT } from '../../context'\nimport { Icon } from '../../lib/icons'\nimport Sheet from '../ui/Sheet.vue'\nimport SheetContent from '../ui/SheetContent.vue'\nimport SheetHeader from '../ui/SheetHeader.vue'\nimport SheetTitle from '../ui/SheetTitle.vue'\n\n/**\n * The mobile preset's bottom navigation bar (`Panel::mobile()`): the top-level items, with\n * the rest behind a \"More\" button that opens a sheet. Hidden from `md` up; replace it\n * everywhere with `createAlfakit({ components: { 'panel:bottom-nav': … } })`.\n */\nconst panel = usePanel()\nconst t = useT()\nconst open = ref(false)\nconst items = computed(() => bottomNavigationItems(panel.value.navigation))\nconst overflowActive = computed(() => items.value.overflow.some(isNavigationItemActive))\nconst overflowLinks = computed(() =>\n  items.value.overflow.flatMap((item) => [item, ...(item.children ?? [])]),\n)\nconst url = (item: NavigationItemSchema): string => navigationItemUrl(item) ?? '#'\n</script>\n\n<template>\n  <nav\n    v-if=\"items.primary.length > 0 || items.overflow.length > 0\"\n    data-slot=\"bottom-nav\"\n    :aria-label=\"t('navigation', {}, 'Navigation')\"\n    class=\"md:hidden\"\n  >\n    <template v-for=\"item in items.primary\" :key=\"item.label\">\n      <a\n        v-if=\"item.openInNewTab\"\n        v-bind=\"item.extraAttributes ?? {}\"\n        :href=\"url(item)\"\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n        data-slot=\"bottom-nav-item\"\n        class=\"min-w-0\"\n      >\n        <Icon v-if=\"item.icon\" :name=\"item.icon\" />\n        <NavLabel class=\"max-w-full truncate\" :text=\"item.label\" :html=\"item.labelHtml\" />\n      </a>\n      <Link\n        v-else\n        v-bind=\"item.extraAttributes ?? {}\"\n        :href=\"url(item)\"\n        prefetch\n        :cache-for=\"PREFETCH_CACHE_FOR\"\n        data-slot=\"bottom-nav-item\"\n        :data-active=\"isNavigationItemActive(item) ? 'true' : undefined\"\n        :aria-current=\"isNavigationItemActive(item) ? 'page' : undefined\"\n        class=\"min-w-0\"\n      >\n        <Icon v-if=\"item.icon\" :name=\"item.icon\" />\n        <NavLabel class=\"max-w-full truncate\" :text=\"item.label\" :html=\"item.labelHtml\" />\n      </Link>\n    </template>\n    <Sheet v-if=\"items.overflow.length > 0\" :open=\"open\" @update:open=\"open = $event\">\n      <button\n        type=\"button\"\n        data-slot=\"bottom-nav-item\"\n        :data-active=\"overflowActive ? 'true' : undefined\"\n        aria-haspopup=\"dialog\"\n        :aria-expanded=\"open\"\n        class=\"min-w-0 bg-transparent\"\n        @click=\"open = true\"\n      >\n        <Icon name=\"alfakit::panels.topbar.open-sidebar-button\" :fallback=\"MenuIcon\" />\n        <span class=\"max-w-full truncate\">{{ t('more', {}, 'More') }}</span>\n      </button>\n      <SheetContent side=\"bottom\" class=\"max-h-[80dvh] overflow-y-auto rounded-t-xl p-0\">\n        <SheetHeader class=\"border-b\">\n          <SheetTitle>{{ t('more', {}, 'More') }}</SheetTitle>\n        </SheetHeader>\n        <nav\n          :aria-label=\"t('navigation', {}, 'Navigation')\"\n          class=\"flex flex-col gap-1 p-3 text-sm\"\n        >\n          <Link\n            v-for=\"item in overflowLinks\"\n            :key=\"item.label\"\n            :href=\"url(item)\"\n            :data-active=\"isNavigationItemActive(item) ? 'true' : undefined\"\n            class=\"hover:bg-accent data-[active=true]:bg-accent flex min-h-11 items-center gap-3 rounded-md px-3 font-medium [&_svg]:size-4\"\n            @click=\"open = false\"\n          >\n            <Icon v-if=\"item.icon\" :name=\"item.icon\" />\n            <NavLabel :text=\"item.label\" :html=\"item.labelHtml\" />\n          </Link>\n        </nav>\n      </SheetContent>\n    </Sheet>\n  </nav>\n</template>\n"],"mappings":""}

package/dist/components/panel/BottomNav.vue.d.ts

@@ -0,0 +1,3 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;
+//# sourceMappingURL=BottomNav.vue.d.ts.map

package/dist/components/panel/BottomNav.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomNav.vue.d.ts","sourceRoot":"","sources":["../../../src/components/panel/BottomNav.vue"],"names":[],"mappings":";AA6bA,wBAKG"}

package/dist/components/panel/BottomNav.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,118 @@
+import { usePanel as e, useT as t } from "../../context.js";
+import n from "../../lib/Icon.js";
+import r from "../ui/Sheet.js";
+import i from "../ui/SheetContent.js";
+import a from "../ui/SheetHeader.js";
+import o from "../ui/SheetTitle.js";
+import s from "./NavLabel.js";
+import { PREFETCH_CACHE_FOR as c, bottomNavigationItems as l, isNavigationItemActive as u, navigationItemUrl as d } from "@alfakit/core";
+import { Link as f } from "@inertiajs/vue3";
+import { Fragment as p, computed as m, createBlock as h, createCommentVNode as g, createElementBlock as _, createElementVNode as v, createTextVNode as y, createVNode as b, defineComponent as x, mergeProps as S, openBlock as C, ref as w, renderList as T, toDisplayString as E, unref as D, withCtx as O } from "vue";
+import { MenuIcon as k } from "@lucide/vue";
+//#region src/components/panel/BottomNav.vue?vue&type=script&setup=true&lang.ts
+var A = ["aria-label"], j = ["href"], M = ["data-active", "aria-expanded"], N = { class: "max-w-full truncate" }, P = ["aria-label"], F = /*@__PURE__*/ x({
+	__name: "BottomNav",
+	setup(x) {
+		let F = e(), I = t(), L = w(!1), R = m(() => l(F.value.navigation)), z = m(() => R.value.overflow.some(u)), B = m(() => R.value.overflow.flatMap((e) => [e, ...e.children ?? []])), V = (e) => d(e) ?? "#";
+		return (e, t) => R.value.primary.length > 0 || R.value.overflow.length > 0 ? (C(), _("nav", {
+			key: 0,
+			"data-slot": "bottom-nav",
+			"aria-label": D(I)("navigation", {}, "Navigation"),
+			class: "md:hidden"
+		}, [(C(!0), _(p, null, T(R.value.primary, (e) => (C(), _(p, { key: e.label }, [e.openInNewTab ? (C(), _("a", S({
+			key: 0,
+			ref_for: !0
+		}, e.extraAttributes ?? {}, {
+			href: V(e),
+			target: "_blank",
+			rel: "noopener noreferrer",
+			"data-slot": "bottom-nav-item",
+			class: "min-w-0"
+		}), [e.icon ? (C(), h(D(n), {
+			key: 0,
+			name: e.icon
+		}, null, 8, ["name"])) : g("", !0), b(s, {
+			class: "max-w-full truncate",
+			text: e.label,
+			html: e.labelHtml
+		}, null, 8, ["text", "html"])], 16, j)) : (C(), h(D(f), S({
+			key: 1,
+			ref_for: !0
+		}, e.extraAttributes ?? {}, {
+			href: V(e),
+			prefetch: "",
+			"cache-for": D(c),
+			"data-slot": "bottom-nav-item",
+			"data-active": D(u)(e) ? "true" : void 0,
+			"aria-current": D(u)(e) ? "page" : void 0,
+			class: "min-w-0"
+		}), {
+			default: O(() => [e.icon ? (C(), h(D(n), {
+				key: 0,
+				name: e.icon
+			}, null, 8, ["name"])) : g("", !0), b(s, {
+				class: "max-w-full truncate",
+				text: e.label,
+				html: e.labelHtml
+			}, null, 8, ["text", "html"])]),
+			_: 2
+		}, 1040, [
+			"href",
+			"cache-for",
+			"data-active",
+			"aria-current"
+		]))], 64))), 128)), R.value.overflow.length > 0 ? (C(), h(r, {
+			key: 0,
+			open: L.value,
+			"onUpdate:open": t[2] ||= (e) => L.value = e
+		}, {
+			default: O(() => [v("button", {
+				type: "button",
+				"data-slot": "bottom-nav-item",
+				"data-active": z.value ? "true" : void 0,
+				"aria-haspopup": "dialog",
+				"aria-expanded": L.value,
+				class: "min-w-0 bg-transparent",
+				onClick: t[0] ||= (e) => L.value = !0
+			}, [b(D(n), {
+				name: "alfakit::panels.topbar.open-sidebar-button",
+				fallback: D(k)
+			}, null, 8, ["fallback"]), v("span", N, E(D(I)("more", {}, "More")), 1)], 8, M), b(i, {
+				side: "bottom",
+				class: "max-h-[80dvh] overflow-y-auto rounded-t-xl p-0"
+			}, {
+				default: O(() => [b(a, { class: "border-b" }, {
+					default: O(() => [b(o, null, {
+						default: O(() => [y(E(D(I)("more", {}, "More")), 1)]),
+						_: 1
+					})]),
+					_: 1
+				}), v("nav", {
+					"aria-label": D(I)("navigation", {}, "Navigation"),
+					class: "flex flex-col gap-1 p-3 text-sm"
+				}, [(C(!0), _(p, null, T(B.value, (e) => (C(), h(D(f), {
+					key: e.label,
+					href: V(e),
+					"data-active": D(u)(e) ? "true" : void 0,
+					class: "hover:bg-accent data-[active=true]:bg-accent flex min-h-11 items-center gap-3 rounded-md px-3 font-medium [&_svg]:size-4",
+					onClick: t[1] ||= (e) => L.value = !1
+				}, {
+					default: O(() => [e.icon ? (C(), h(D(n), {
+						key: 0,
+						name: e.icon
+					}, null, 8, ["name"])) : g("", !0), b(s, {
+						text: e.label,
+						html: e.labelHtml
+					}, null, 8, ["text", "html"])]),
+					_: 2
+				}, 1032, ["href", "data-active"]))), 128))], 8, P)]),
+				_: 1
+			})]),
+			_: 1
+		}, 8, ["open"])) : g("", !0)], 8, A)) : g("", !0);
+	}
+});
+//#endregion
+export { F as default };
+
+//# sourceMappingURL=BottomNav.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/panel/BottomNav.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomNav.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_unref","_Fragment","_renderList","_mergeProps","_createBlock","Icon","_createCommentVNode","_createVNode","NavLabel","_withCtx","Sheet","_createElementVNode","_toDisplayString","SheetContent","SheetHeader","SheetTitle","_createTextVNode","Icon_default","Sheet_default","SheetContent_default","SheetHeader_default","SheetTitle_default","NavLabel_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","BottomNav_vue_vue_type_script_setup_true_lang_default","panel","usePanel","t","useT","open","ref","items","computed","bottomNavigationItems","overflowActive","isNavigationItemActive","overflowLinks","item","url","navigationItemUrl","openBlock","createElementBlock","unref","Fragment","renderList","mergeProps","createBlock","createCommentVNode","createVNode","Link","PREFETCH_CACHE_FOR","withCtx","_cache","$event","createElementVNode","MenuIcon","toDisplayString","createTextVNode"],"sources":["../../../src/components/panel/BottomNav.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport NavLabel from './NavLabel.vue'\nimport {\n  PREFETCH_CACHE_FOR,\n  bottomNavigationItems,\n  isNavigationItemActive,\n  navigationItemUrl,\n  type NavigationItemSchema,\n} from '@alfakit/core'\nimport { Link } from '@inertiajs/vue3'\nimport { MenuIcon } from '@lucide/vue'\nimport { computed, ref } from 'vue'\nimport { usePanel, useT } from '../../context'\nimport { Icon } from '../../lib/icons'\nimport Sheet from '../ui/Sheet.vue'\nimport SheetContent from '../ui/SheetContent.vue'\nimport SheetHeader from '../ui/SheetHeader.vue'\nimport SheetTitle from '../ui/SheetTitle.vue'\n\n/**\n * The mobile preset's bottom navigation bar (`Panel::mobile()`): the top-level items, with\n * the rest behind a \"More\" button that opens a sheet. Hidden from `md` up; replace it\n * everywhere with `createAlfakit({ components: { 'panel:bottom-nav': … } })`.\n */\nconst panel = usePanel()\nconst t = useT()\nconst open = ref(false)\nconst items = computed(() => bottomNavigationItems(panel.value.navigation))\nconst overflowActive = computed(() => items.value.overflow.some(isNavigationItemActive))\nconst overflowLinks = computed(() =>\n  items.value.overflow.flatMap((item) => [item, ...(item.children ?? [])]),\n)\nconst url = (item: NavigationItemSchema): string => navigationItemUrl(item) ?? '#'\n</script>\n\n<template>\n  <nav\n    v-if=\"items.primary.length > 0 || items.overflow.length > 0\"\n    data-slot=\"bottom-nav\"\n    :aria-label=\"t('navigation', {}, 'Navigation')\"\n    class=\"md:hidden\"\n  >\n    <template v-for=\"item in items.primary\" :key=\"item.label\">\n      <a\n        v-if=\"item.openInNewTab\"\n        v-bind=\"item.extraAttributes ?? {}\"\n        :href=\"url(item)\"\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n        data-slot=\"bottom-nav-item\"\n        class=\"min-w-0\"\n      >\n        <Icon v-if=\"item.icon\" :name=\"item.icon\" />\n        <NavLabel class=\"max-w-full truncate\" :text=\"item.label\" :html=\"item.labelHtml\" />\n      </a>\n      <Link\n        v-else\n        v-bind=\"item.extraAttributes ?? {}\"\n        :href=\"url(item)\"\n        prefetch\n        :cache-for=\"PREFETCH_CACHE_FOR\"\n        data-slot=\"bottom-nav-item\"\n        :data-active=\"isNavigationItemActive(item) ? 'true' : undefined\"\n        :aria-current=\"isNavigationItemActive(item) ? 'page' : undefined\"\n        class=\"min-w-0\"\n      >\n        <Icon v-if=\"item.icon\" :name=\"item.icon\" />\n        <NavLabel class=\"max-w-full truncate\" :text=\"item.label\" :html=\"item.labelHtml\" />\n      </Link>\n    </template>\n    <Sheet v-if=\"items.overflow.length > 0\" :open=\"open\" @update:open=\"open = $event\">\n      <button\n        type=\"button\"\n        data-slot=\"bottom-nav-item\"\n        :data-active=\"overflowActive ? 'true' : undefined\"\n        aria-haspopup=\"dialog\"\n        :aria-expanded=\"open\"\n        class=\"min-w-0 bg-transparent\"\n        @click=\"open = true\"\n      >\n        <Icon name=\"alfakit::panels.topbar.open-sidebar-button\" :fallback=\"MenuIcon\" />\n        <span class=\"max-w-full truncate\">{{ t('more', {}, 'More') }}</span>\n      </button>\n      <SheetContent side=\"bottom\" class=\"max-h-[80dvh] overflow-y-auto rounded-t-xl p-0\">\n        <SheetHeader class=\"border-b\">\n          <SheetTitle>{{ t('more', {}, 'More') }}</SheetTitle>\n        </SheetHeader>\n        <nav\n          :aria-label=\"t('navigation', {}, 'Navigation')\"\n          class=\"flex flex-col gap-1 p-3 text-sm\"\n        >\n          <Link\n            v-for=\"item in overflowLinks\"\n            :key=\"item.label\"\n            :href=\"url(item)\"\n            :data-active=\"isNavigationItemActive(item) ? 'true' : undefined\"\n            class=\"hover:bg-accent data-[active=true]:bg-accent flex min-h-11 items-center gap-3 rounded-md px-3 font-medium [&_svg]:size-4\"\n            @click=\"open = false\"\n          >\n            <Icon v-if=\"item.icon\" :name=\"item.icon\" />\n            <NavLabel :text=\"item.label\" :html=\"item.labelHtml\" />\n          </Link>\n        </nav>\n      </SheetContent>\n    </Sheet>\n  </nav>\n</template>\n"],"mappings":"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"}

package/dist/components/panel/Brand.js

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

package/dist/components/panel/Brand.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Brand.js","names":["_sfc_main","Brand_vue_vue_type_script_setup_true_lang_default","Brand_default"],"sources":["../../../src/components/panel/Brand.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { Link } from '@inertiajs/vue3'\nimport type { HTMLAttributes } from 'vue'\nimport { usePanel } from '../../context'\nimport { cn } from '../../lib/utils'\n\nconst props = defineProps<{ class?: HTMLAttributes['class'] }>()\nconst panel = usePanel()\n</script>\n\n<template>\n  <Link\n    :href=\"panel.url ?? '/'\"\n    :class=\"cn('flex items-center gap-2 overflow-hidden', props.class)\"\n  >\n    <template v-if=\"panel.brandLogo\">\n      <img\n        :src=\"panel.brandLogo\"\n        :alt=\"panel.brandName\"\n        :style=\"{ height: panel.brandLogoHeight ?? '1.75rem' }\"\n        :class=\"cn('max-w-full object-contain', panel.darkModeBrandLogo && 'dark:hidden')\"\n      />\n      <img\n        v-if=\"panel.darkModeBrandLogo\"\n        :src=\"panel.darkModeBrandLogo\"\n        :alt=\"panel.brandName\"\n        :style=\"{ height: panel.brandLogoHeight ?? '1.75rem' }\"\n        class=\"hidden max-w-full object-contain dark:block\"\n      />\n    </template>\n    <template v-else>\n      <span\n        class=\"bg-primary text-primary-foreground flex size-8 shrink-0 items-center justify-center rounded-lg text-sm font-bold\"\n        >{{ panel.brandName.charAt(0) }}</span\n      >\n      <span class=\"truncate text-sm font-semibold group-data-[collapsible=icon]:hidden\">{{\n        panel.brandName\n      }}</span>\n    </template>\n  </Link>\n</template>\n"],"mappings":""}

package/dist/components/panel/Brand.vue.d.ts

@@ -0,0 +1,7 @@
+import type { HTMLAttributes } from 'vue';
+type __VLS_Props = {
+    class?: HTMLAttributes['class'];
+};
+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=Brand.vue.d.ts.map

package/dist/components/panel/Brand.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Brand.vue.d.ts","sourceRoot":"","sources":["../../../src/components/panel/Brand.vue"],"names":[],"mappings":"AA4CA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAA;AAIzC,KAAK,WAAW,GAAG;IAAE,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAA;CAAE,CAAC;;AA8FvD,wBAMG"}

package/dist/components/panel/Brand.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,40 @@
+import { usePanel as e } from "../../context.js";
+import { cn as t } from "../../lib/utils.js";
+import { Link as n } from "@inertiajs/vue3";
+import { Fragment as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, defineComponent as c, normalizeClass as l, normalizeStyle as u, openBlock as d, toDisplayString as f, unref as p, withCtx as m } from "vue";
+//#region src/components/panel/Brand.vue?vue&type=script&setup=true&lang.ts
+var h = ["src", "alt"], g = ["src", "alt"], _ = { class: "bg-primary text-primary-foreground flex size-8 shrink-0 items-center justify-center rounded-lg text-sm font-bold" }, v = { class: "truncate text-sm font-semibold group-data-[collapsible=icon]:hidden" }, y = /*@__PURE__*/ c({
+	__name: "Brand",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(c) {
+		let y = c, b = e();
+		return (e, c) => (d(), i(p(n), {
+			href: p(b).url ?? "/",
+			class: l(p(t)("flex items-center gap-2 overflow-hidden", y.class))
+		}, {
+			default: m(() => [p(b).brandLogo ? (d(), o(r, { key: 0 }, [s("img", {
+				src: p(b).brandLogo,
+				alt: p(b).brandName,
+				style: u({ height: p(b).brandLogoHeight ?? "1.75rem" }),
+				class: l(p(t)("max-w-full object-contain", p(b).darkModeBrandLogo && "dark:hidden"))
+			}, null, 14, h), p(b).darkModeBrandLogo ? (d(), o("img", {
+				key: 0,
+				src: p(b).darkModeBrandLogo,
+				alt: p(b).brandName,
+				style: u({ height: p(b).brandLogoHeight ?? "1.75rem" }),
+				class: "hidden max-w-full object-contain dark:block"
+			}, null, 12, g)) : a("", !0)], 64)) : (d(), o(r, { key: 1 }, [s("span", _, f(p(b).brandName.charAt(0)), 1), s("span", v, f(p(b).brandName), 1)], 64))]),
+			_: 1
+		}, 8, ["href", "class"]));
+	}
+});
+//#endregion
+export { y as default };
+
+//# sourceMappingURL=Brand.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/panel/Brand.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Brand.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","_unref","_normalizeClass","_withCtx","_createElementBlock","_Fragment","_createElementVNode","_normalizeStyle","_createCommentVNode","_toDisplayString","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","Brand_vue_vue_type_script_setup_true_lang_default","props","__props","panel","usePanel","openBlock","createBlock","unref","Link","normalizeClass","cn","withCtx","createElementBlock","Fragment","createElementVNode","normalizeStyle","createCommentVNode","toDisplayString"],"sources":["../../../src/components/panel/Brand.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { Link } from '@inertiajs/vue3'\nimport type { HTMLAttributes } from 'vue'\nimport { usePanel } from '../../context'\nimport { cn } from '../../lib/utils'\n\nconst props = defineProps<{ class?: HTMLAttributes['class'] }>()\nconst panel = usePanel()\n</script>\n\n<template>\n  <Link\n    :href=\"panel.url ?? '/'\"\n    :class=\"cn('flex items-center gap-2 overflow-hidden', props.class)\"\n  >\n    <template v-if=\"panel.brandLogo\">\n      <img\n        :src=\"panel.brandLogo\"\n        :alt=\"panel.brandName\"\n        :style=\"{ height: panel.brandLogoHeight ?? '1.75rem' }\"\n        :class=\"cn('max-w-full object-contain', panel.darkModeBrandLogo && 'dark:hidden')\"\n      />\n      <img\n        v-if=\"panel.darkModeBrandLogo\"\n        :src=\"panel.darkModeBrandLogo\"\n        :alt=\"panel.brandName\"\n        :style=\"{ height: panel.brandLogoHeight ?? '1.75rem' }\"\n        class=\"hidden max-w-full object-contain dark:block\"\n      />\n    </template>\n    <template v-else>\n      <span\n        class=\"bg-primary text-primary-foreground flex size-8 shrink-0 items-center justify-center rounded-lg text-sm font-bold\"\n        >{{ panel.brandName.charAt(0) }}</span\n      >\n      <span class=\"truncate text-sm font-semibold group-data-[collapsible=icon]:hidden\">{{\n        panel.brandName\n      }}</span>\n    </template>\n  </Link>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;EAMA,IAAMgB,IAAQC,GACRC,IAAQC,EAAS;oBAIrBnB,EAAA,GAAAC,EA4BOC,EAAAqB,CAAA,GAAA;GA3BJ,MAAMrB,EAAAgB,CAAA,CAAK,CAAC,OAAG;GACf,OAAKf,EAAED,EAAAuB,CAAA,CAAE,CAAA,2CAA4CT,EAAM,KAAK,CAAA;;GAEjE,SAAAZ,QAcW,CAdKF,EAAAgB,CAAA,CAAK,CAAC,aAAtBlB,EAAA,GAAAK,EAcWC,GAAA,EAAA,KAAA,EAAA,GAAA,CAbTC,EAKE,OAAA;IAJC,KAAKL,EAAAgB,CAAA,CAAK,CAAC;IACX,KAAKhB,EAAAgB,CAAA,CAAK,CAAC;IACX,OAAKV,EAAA,EAAA,QAAYN,EAAAgB,CAAA,CAAK,CAAC,mBAAe,UAAA,CAAA;IACtC,OAAKf,EAAED,EAAAuB,CAAA,CAAE,CAAA,6BAA8BvB,EAAAgB,CAAA,CAAK,CAAC,qBAAiB,aAAA,CAAA;GAGzDhB,GAAAA,MAAAA,IAAAA,CAAAA,GAAAA,EAAAgB,CAAA,CAAK,CAAC,qBADdlB,EAAA,GAAAK,EAME,OAAA;;IAJC,KAAKH,EAAAgB,CAAA,CAAK,CAAC;IACX,KAAKhB,EAAAgB,CAAA,CAAK,CAAC;IACX,OAAKV,EAAA,EAAA,QAAYN,EAAAgB,CAAA,CAAK,CAAC,mBAAe,UAAA,CAAA;IACvC,OAAM;GAGVlB,GAAAA,MAAAA,IAAAA,CAAAA,KAAAA,EAAAA,IAAAA,EAAAA,CAAAA,GAAAA,EAAAA,MAAAA,EAAA,GAAAK,EAQWC,GAAA,EAAA,KAAA,EAAA,GAAA,CAPTC,EAGC,QAHDM,GAGCH,EADKR,EAAAgB,CAAA,CAAK,CAAC,UAAU,OAAM,CAAA,CAAA,GAAA,CAAA,GAE5BX,EAES,QAFTO,GAESJ,EADPR,EAAAgB,CAAA,CAAK,CAAC,SAAS,GAAA,CAAA,CAAA,GAAA,EAAA,EAAA,CAAA"}

package/dist/components/panel/Breadcrumbs.js

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

package/dist/components/panel/Breadcrumbs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumbs.js","names":["_sfc_main","Breadcrumbs_vue_vue_type_script_setup_true_lang_default","Breadcrumbs_default"],"sources":["../../../src/components/panel/Breadcrumbs.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { BreadcrumbSchema } from '@alfakit/core'\nimport { Link } from '@inertiajs/vue3'\nimport { useT } from '../../context'\nimport Breadcrumb from '../ui/Breadcrumb.vue'\nimport BreadcrumbItem from '../ui/BreadcrumbItem.vue'\nimport BreadcrumbLink from '../ui/BreadcrumbLink.vue'\nimport BreadcrumbList from '../ui/BreadcrumbList.vue'\nimport BreadcrumbPage from '../ui/BreadcrumbPage.vue'\nimport BreadcrumbSeparator from '../ui/BreadcrumbSeparator.vue'\n\nconst props = defineProps<{ items: BreadcrumbSchema[] }>()\nconst t = useT()\n</script>\n\n<template>\n  <Breadcrumb\n    v-if=\"props.items.length > 0\"\n    class=\"min-w-0\"\n    :aria-label=\"t('breadcrumbs', {}, 'Breadcrumb')\"\n  >\n    <BreadcrumbList class=\"flex-nowrap\">\n      <template v-for=\"(item, index) in props.items\" :key=\"`${item.label}-${index}`\">\n        <BreadcrumbItem\n          :class=\"index < props.items.length - 1 ? 'hidden md:inline-flex' : 'min-w-0'\"\n        >\n          <BreadcrumbPage\n            v-if=\"index === props.items.length - 1 || !item.url\"\n            class=\"block truncate\"\n            >{{ item.label }}</BreadcrumbPage\n          >\n          <BreadcrumbLink v-else as-child>\n            <Link :href=\"item.url\">{{ item.label }}</Link>\n          </BreadcrumbLink>\n        </BreadcrumbItem>\n        <BreadcrumbSeparator v-if=\"index !== props.items.length - 1\" :class=\"'hidden md:block'\" />\n      </template>\n    </BreadcrumbList>\n  </Breadcrumb>\n</template>\n"],"mappings":""}

package/dist/components/panel/Breadcrumbs.vue.d.ts

@@ -0,0 +1,7 @@
+import type { BreadcrumbSchema } from '@alfakit/core';
+type __VLS_Props = {
+    items: BreadcrumbSchema[];
+};
+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=Breadcrumbs.vue.d.ts.map

package/dist/components/panel/Breadcrumbs.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumbs.vue.d.ts","sourceRoot":"","sources":["../../../src/components/panel/Breadcrumbs.vue"],"names":[],"mappings":"AA0CA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAUrD,KAAK,WAAW,GAAG;IAAE,KAAK,EAAE,gBAAgB,EAAE,CAAA;CAAE,CAAC;;AAgIjD,wBAMG"}

package/dist/components/panel/Breadcrumbs.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,53 @@
+import { useT as e } from "../../context.js";
+import t from "../ui/Breadcrumb.js";
+import n from "../ui/BreadcrumbItem.js";
+import r from "../ui/BreadcrumbLink.js";
+import i from "../ui/BreadcrumbList.js";
+import a from "../ui/BreadcrumbPage.js";
+import o from "../ui/BreadcrumbSeparator.js";
+import { Link as s } from "@inertiajs/vue3";
+import { Fragment as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createTextVNode as f, createVNode as p, defineComponent as m, normalizeClass as h, openBlock as g, renderList as _, toDisplayString as v, unref as y, withCtx as b } from "vue";
+//#region src/components/panel/Breadcrumbs.vue?vue&type=script&setup=true&lang.ts
+var x = /*@__PURE__*/ m({
+	__name: "Breadcrumbs",
+	props: { items: {} },
+	setup(m) {
+		let x = m, S = e();
+		return (e, m) => x.items.length > 0 ? (g(), l(t, {
+			key: 0,
+			class: "min-w-0",
+			"aria-label": y(S)("breadcrumbs", {}, "Breadcrumb")
+		}, {
+			default: b(() => [p(i, { class: "flex-nowrap" }, {
+				default: b(() => [(g(!0), d(c, null, _(x.items, (e, t) => (g(), d(c, { key: `${e.label}-${t}` }, [p(n, { class: h(t < x.items.length - 1 ? "hidden md:inline-flex" : "min-w-0") }, {
+					default: b(() => [t === x.items.length - 1 || !e.url ? (g(), l(a, {
+						key: 0,
+						class: "block truncate"
+					}, {
+						default: b(() => [f(v(e.label), 1)]),
+						_: 2
+					}, 1024)) : (g(), l(r, {
+						key: 1,
+						"as-child": ""
+					}, {
+						default: b(() => [p(y(s), { href: e.url }, {
+							default: b(() => [f(v(e.label), 1)]),
+							_: 2
+						}, 1032, ["href"])]),
+						_: 2
+					}, 1024))]),
+					_: 2
+				}, 1032, ["class"]), t === x.items.length - 1 ? u("", !0) : (g(), l(o, {
+					key: 0,
+					class: h("hidden md:block")
+				}))], 64))), 128))]),
+				_: 1
+			})]),
+			_: 1
+		}, 8, ["aria-label"])) : u("", !0);
+	}
+});
+//#endregion
+export { x as default };
+
+//# sourceMappingURL=Breadcrumbs.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/panel/Breadcrumbs.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumbs.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","Breadcrumb","_unref","_withCtx","_createVNode","BreadcrumbList","_createElementBlock","_Fragment","_renderList","BreadcrumbItem","_normalizeClass","BreadcrumbPage","_createTextVNode","_toDisplayString","BreadcrumbLink","BreadcrumbSeparator","_createCommentVNode","Breadcrumb_default","BreadcrumbItem_default","BreadcrumbLink_default","BreadcrumbList_default","BreadcrumbPage_default","BreadcrumbSeparator_default","Breadcrumbs_vue_vue_type_script_setup_true_lang_default","props","__props","t","useT","openBlock","createBlock","unref","withCtx","createVNode","createElementBlock","Fragment","renderList","item","index","normalizeClass","createTextVNode","toDisplayString","Link","createCommentVNode"],"sources":["../../../src/components/panel/Breadcrumbs.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { BreadcrumbSchema } from '@alfakit/core'\nimport { Link } from '@inertiajs/vue3'\nimport { useT } from '../../context'\nimport Breadcrumb from '../ui/Breadcrumb.vue'\nimport BreadcrumbItem from '../ui/BreadcrumbItem.vue'\nimport BreadcrumbLink from '../ui/BreadcrumbLink.vue'\nimport BreadcrumbList from '../ui/BreadcrumbList.vue'\nimport BreadcrumbPage from '../ui/BreadcrumbPage.vue'\nimport BreadcrumbSeparator from '../ui/BreadcrumbSeparator.vue'\n\nconst props = defineProps<{ items: BreadcrumbSchema[] }>()\nconst t = useT()\n</script>\n\n<template>\n  <Breadcrumb\n    v-if=\"props.items.length > 0\"\n    class=\"min-w-0\"\n    :aria-label=\"t('breadcrumbs', {}, 'Breadcrumb')\"\n  >\n    <BreadcrumbList class=\"flex-nowrap\">\n      <template v-for=\"(item, index) in props.items\" :key=\"`${item.label}-${index}`\">\n        <BreadcrumbItem\n          :class=\"index < props.items.length - 1 ? 'hidden md:inline-flex' : 'min-w-0'\"\n        >\n          <BreadcrumbPage\n            v-if=\"index === props.items.length - 1 || !item.url\"\n            class=\"block truncate\"\n            >{{ item.label }}</BreadcrumbPage\n          >\n          <BreadcrumbLink v-else as-child>\n            <Link :href=\"item.url\">{{ item.label }}</Link>\n          </BreadcrumbLink>\n        </BreadcrumbItem>\n        <BreadcrumbSeparator v-if=\"index !== props.items.length - 1\" :class=\"'hidden md:block'\" />\n      </template>\n    </BreadcrumbList>\n  </Breadcrumb>\n</template>\n"],"mappings":";;;;;;;;;;;;;;EAWA,IAAMyB,IAAQC,GACRC,IAAIC,EAAK;mBAKLH,EAAM,MAAM,SAAM,KAD1BzB,EAAA,GAAAC,EAsBaC,GAAA;;GApBX,OAAM;GACL,cAAYC,EAAAwB,CAAA,CAAC,CAAA,eAAA,CAAA,GAAA,YAAA;;GAEd,SAAAvB,QAgBiB,CAhBjBC,EAgBiBC,GAAA,EAhBD,OAAM,cAAa,GAAA;IACvB,SAAAF,QAAoC,EAA9CJ,EAAA,EAAA,GAAAO,EAcWC,GAAA,MAAAC,EAduBgB,EAAM,QAAtB,GAAM,OAAgCI,EAAA,GAAAK,EAAAC,GAAA,EAAA,KAAA,GAAAE,EAAK,MAAK,GAAIC,IAAA,GAAA,CACpEjC,EAWiBK,GAAA,EAVd,OAAKC,EAAE2B,IAAQb,EAAM,MAAM,SAAM,IAAA,0BAAA,SAAA,EAAA,GAAA;KAElC,SAAArB,QAIC,CAHOkC,MAAUb,EAAM,MAAM,SAAM,KAAA,CAASY,EAAK,OADlDrC,EAAA,GAAAC,EAICW,GAAA;;MAFC,OAAM;;MACL,SAAAR,QAAgB,CAAbS,EAAAC,EAAAuB,EAAK,KAAK,GAAA,CAAA,CAAA,CAAA;;KAEhBrC,GAAAA,IAAAA,MAAAA,EAAA,GAAAC,EAEiBc,GAAA;;MAFM,YAAA;;MACrB,SAAAX,QAA8C,CAA9CC,EAA8CF,EAAAuC,CAAA,GAAA,EAAvC,MAAML,EAAK,IAAA,GAAA;OAAK,SAAAjC,QAAgB,CAAbS,EAAAC,EAAAuB,EAAK,KAAK,GAAA,CAAA,CAAA,CAAA;;;;;;IAGb,GAAA,MAAA,CAAA,OAAA,CAAA,GAAAC,MAAUb,EAAM,MAAM,SAAM,iBAAvDzB,EAAA,GAAAC,EAA0Fe,GAAA;;KAA5B,OAAKL,EAAE,iBAAiB"}

package/dist/components/panel/DebugFormState.js

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

package/dist/components/panel/DebugFormState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DebugFormState.js","names":["_sfc_main","DebugFormState_vue_vue_type_script_setup_true_lang_default","DebugFormState_default"],"sources":["../../../src/components/panel/DebugFormState.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { FormStore } from '@alfakit/core'\nimport { computed } from 'vue'\nimport { useStore } from '../../composables/use-store'\nimport { useT } from '../../context'\nimport Badge from '../ui/Badge.vue'\n\n/** The live state of one form store, for the debug panel's Form tab. */\nconst props = defineProps<{ form: FormStore }>()\nconst t = useT()\nconst state = useStore(props.form.store)\nconst dirty = computed(() => [...state.value.dirty])\nconst errors = computed(() => Object.keys(state.value.errors))\n\nconst json = (value: unknown): string => {\n  try {\n    return JSON.stringify(value, null, 2)\n  } catch {\n    return String(value)\n  }\n}\n</script>\n\n<template>\n  <section class=\"space-y-2 rounded-md border p-3\">\n    <header class=\"flex flex-wrap items-center gap-2 font-mono text-xs\">\n      <span class=\"font-semibold\">{{ props.form.component }}</span>\n      <span v-if=\"props.form.record !== null\" class=\"text-muted-foreground\"\n        >#{{ props.form.record }}</span\n      >\n      <Badge v-if=\"state.processing\" variant=\"secondary\">processing</Badge>\n      <Badge v-if=\"state.refreshing\" variant=\"secondary\">refreshing</Badge>\n    </header>\n    <h4 class=\"text-muted-foreground text-xs font-medium\">{{ t('debug.values', {}, 'Values') }}</h4>\n    <pre\n      dir=\"ltr\"\n      class=\"bg-muted/50 max-h-72 overflow-auto rounded-md p-2 text-start font-mono text-xs leading-relaxed\"\n      >{{ json(state.values) }}</pre>\n    <template v-if=\"dirty.length > 0\">\n      <h4 class=\"text-muted-foreground text-xs font-medium\">\n        {{ t('debug.dirty', {}, 'Dirty fields') }}\n      </h4>\n      <div class=\"flex flex-wrap gap-1\">\n        <Badge v-for=\"path in dirty\" :key=\"path\" variant=\"outline\" class=\"font-mono\">{{\n          path\n        }}</Badge>\n      </div>\n    </template>\n    <template v-if=\"errors.length > 0\">\n      <h4 class=\"text-destructive text-xs font-medium\">{{ t('debug.errors', {}, 'Errors') }}</h4>\n      <pre\n        dir=\"ltr\"\n        class=\"bg-muted/50 max-h-72 overflow-auto rounded-md p-2 text-start font-mono text-xs leading-relaxed\"\n        >{{ json(state.errors) }}</pre>\n    </template>\n  </section>\n</template>\n"],"mappings":""}