@alfakit/vue 0.1.1 → 0.1.6

package/dist/starter-kit/dashboard-widgets.d.ts

@@ -0,0 +1,54 @@
+import { type PropType } from 'vue';
+import type { AnyComponent } from '../context';
+/**
+ * The dashboard widgets of a `starterKit()` panel on the host's own dashboard. Reads the
+ * `alfakitWidgets` prop (shared on the panel's `starterKitDashboard()` pages only, the
+ * starter kit's `/dashboard` by default) and renders the widgets with the host's theme, as
+ * `<AlfakitComponent>` renders standalone widgets: lazy widgets, polling and table widget
+ * actions go through the panel's endpoints. Its code loads once mounted; the server render
+ * and hydration show placeholders. Renders its default slot (the kit's placeholder boxes)
+ * when there are no widgets to show: other pages, guests, users who may not open the panel.
+ *
+ * ```vue
+ * <script setup lang="ts">
+ * import { AlfakitWidgets } from '@alfakit/vue'
+ * </script>
+ *
+ * <template>
+ *   <AlfakitWidgets>
+ *     <MyEmptyState />
+ *   </AlfakitWidgets>
+ * </template>
+ * ```
+ */
+export declare const AlfakitWidgets: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    /** The `starterKit()` panel whose widgets to show (the first one by default). */
+    panel: {
+        type: PropType<string | undefined>;
+        default: undefined;
+    };
+    /** Frontend components of custom widgets (`{ RevenueWidget }`), as for `<AlfakitComponent>`. */
+    components: {
+        type: PropType<Record<string, AnyComponent> | undefined>;
+        default: undefined;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>[] | undefined, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /** The `starterKit()` panel whose widgets to show (the first one by default). */
+    panel: {
+        type: PropType<string | undefined>;
+        default: undefined;
+    };
+    /** Frontend components of custom widgets (`{ RevenueWidget }`), as for `<AlfakitComponent>`. */
+    components: {
+        type: PropType<Record<string, AnyComponent> | undefined>;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    components: Record<string, AnyComponent> | undefined;
+    panel: string | undefined;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=dashboard-widgets.d.ts.map

package/dist/starter-kit/dashboard-widgets.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboard-widgets.d.ts","sourceRoot":"","sources":["../../src/starter-kit/dashboard-widgets.ts"],"names":[],"mappings":"AAMA,OAAO,EAAgC,KAAK,QAAQ,EAAE,MAAM,KAAK,CAAA;AACjE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAqC9C;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,cAAc;IAIvB,iFAAiF;;cACxD,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC;;;IACrD,gGAAgG;;cAE9E,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,GAAG,SAAS,CAAC;;;;;;;;IAJpE,iFAAiF;;cACxD,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC;;;IACrD,gGAAgG;;cAE9E,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,GAAG,SAAS,CAAC;;;;;;4EAmBtE,CAAA"}

package/dist/starter-kit/dashboard-widgets.js

@@ -0,0 +1,54 @@
+import { lazyComponent as e } from "../lib/lazy.js";
+import { standaloneWidgetCount as t, starterKitDashboardWidgets as n } from "@alfakit/core";
+import { usePage as r } from "@inertiajs/vue3";
+import { computed as i, defineComponent as a, h as o } from "vue";
+//#region src/starter-kit/dashboard-widgets.ts
+var s = a({
+	name: "AlfakitWidgetsPlaceholder",
+	props: {
+		component: {
+			type: Object,
+			required: !0
+		},
+		components: {
+			type: Object,
+			default: void 0
+		}
+	},
+	setup(e) {
+		return () => o("div", {
+			"data-slot": "starter-kit-widgets-placeholder",
+			"aria-busy": "true",
+			class: "grid auto-rows-min gap-4 md:grid-cols-2"
+		}, Array.from({ length: Math.max(t(e.component), 1) }, (e, t) => o("div", {
+			key: t,
+			"aria-hidden": "true",
+			class: "bg-muted h-28 animate-pulse rounded-xl"
+		})));
+	}
+}), c = e("AlfakitLoadedWidgets", () => import("../standalone/AlfakitComponent.js").then((e) => e.default), s), l = a({
+	name: "AlfakitWidgets",
+	inheritAttrs: !1,
+	props: {
+		panel: {
+			type: String,
+			default: void 0
+		},
+		components: {
+			type: Object,
+			default: void 0
+		}
+	},
+	setup(e, { attrs: t, slots: a }) {
+		let s = r(), l = i(() => n(s.props, e.panel));
+		return () => l.value ? o("div", { "data-slot": "starter-kit-widgets" }, [o(c, {
+			component: l.value,
+			components: e.components,
+			class: t.class
+		})]) : a.default?.();
+	}
+});
+//#endregion
+export { l as AlfakitWidgets };
+
+//# sourceMappingURL=dashboard-widgets.js.map

package/dist/starter-kit/dashboard-widgets.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboard-widgets.js","names":["WidgetsPlaceholder","defineComponent","h","standaloneWidgetCount","props","index","LoadedWidgets","lazyComponent","module","AlfakitWidgets","page","usePage","component","computed","starterKitDashboardWidgets","attrs","slots"],"sources":["../../src/starter-kit/dashboard-widgets.ts"],"sourcesContent":["import {\n  standaloneWidgetCount,\n  starterKitDashboardWidgets,\n  type StandaloneComponentSchema,\n} from '@alfakit/core'\nimport { usePage } from '@inertiajs/vue3'\nimport { computed, defineComponent, h, type PropType } from 'vue'\nimport type { AnyComponent } from '../context'\nimport { lazyComponent } from '../lib/lazy'\n\n/** Widget-sized boxes until the widgets' code has loaded (also during SSR). */\nconst WidgetsPlaceholder = defineComponent({\n  name: 'AlfakitWidgetsPlaceholder',\n  props: {\n    component: { type: Object as PropType<StandaloneComponentSchema>, required: true },\n    // Declared so it does not fall through as an attribute.\n    components: { type: Object as PropType<Record<string, AnyComponent>>, default: undefined },\n  },\n  setup(props) {\n    return () =>\n      h(\n        'div',\n        {\n          'data-slot': 'starter-kit-widgets-placeholder',\n          'aria-busy': 'true',\n          class: 'grid auto-rows-min gap-4 md:grid-cols-2',\n        },\n        Array.from({ length: Math.max(standaloneWidgetCount(props.component), 1) }, (_, index) =>\n          h('div', {\n            key: index,\n            'aria-hidden': 'true',\n            class: 'bg-muted h-28 animate-pulse rounded-xl',\n          }),\n        ),\n      )\n  },\n})\n\nconst LoadedWidgets = lazyComponent(\n  'AlfakitLoadedWidgets',\n  () => import('../standalone/AlfakitComponent.vue').then((module) => module.default),\n  WidgetsPlaceholder,\n)\n\n/**\n * The dashboard widgets of a `starterKit()` panel on the host's own dashboard. Reads the\n * `alfakitWidgets` prop (shared on the panel's `starterKitDashboard()` pages only, the\n * starter kit's `/dashboard` by default) and renders the widgets with the host's theme, as\n * `<AlfakitComponent>` renders standalone widgets: lazy widgets, polling and table widget\n * actions go through the panel's endpoints. Its code loads once mounted; the server render\n * and hydration show placeholders. Renders its default slot (the kit's placeholder boxes)\n * when there are no widgets to show: other pages, guests, users who may not open the panel.\n *\n * ```vue\n * <script setup lang=\"ts\">\n * import { AlfakitWidgets } from '@alfakit/vue'\n * </script>\n *\n * <template>\n *   <AlfakitWidgets>\n *     <MyEmptyState />\n *   </AlfakitWidgets>\n * </template>\n * ```\n */\nexport const AlfakitWidgets = defineComponent({\n  name: 'AlfakitWidgets',\n  inheritAttrs: false,\n  props: {\n    /** The `starterKit()` panel whose widgets to show (the first one by default). */\n    panel: { type: String as PropType<string | undefined>, default: undefined },\n    /** Frontend components of custom widgets (`{ RevenueWidget }`), as for `<AlfakitComponent>`. */\n    components: {\n      type: Object as PropType<Record<string, AnyComponent> | undefined>,\n      default: undefined,\n    },\n  },\n  setup(props, { attrs, slots }) {\n    const page = usePage()\n    const component = computed(() => starterKitDashboardWidgets(page.props, props.panel))\n\n    return () =>\n      component.value\n        ? h('div', { 'data-slot': 'starter-kit-widgets' }, [\n            h(LoadedWidgets, {\n              component: component.value,\n              components: props.components,\n              class: attrs.class,\n            }),\n          ])\n        : slots.default?.()\n  },\n})\n"],"mappings":";;;;;AAWA,IAAMA,IAAqBC,EAAgB;CACzC,MAAM;CACN,OAAO;EACL,WAAW;GAAE,MAAM;GAA+C,UAAU;EAAK;EAEjF,YAAY;GAAE,MAAM;GAAkD,SAAS,KAAA;EAAU;CAC3F;CACA,MAAM,GAAO;EACX,aACEC,EACE,OACA;GACE,aAAa;GACb,aAAa;GACb,OAAO;EACT,GACA,MAAM,KAAK,EAAE,QAAQ,KAAK,IAAIC,EAAsBC,EAAM,SAAS,GAAG,CAAC,EAAE,IAAI,GAAG,MAC9EF,EAAE,OAAO;GACP,KAAKG;GACL,eAAe;GACf,OAAO;EACT,CAAC,CACH,CACF;CACJ;AACF,CAAC,GAEKC,IAAgBC,EACpB,8BACM,OAAO,oCAAqC,CAAC,MAAM,MAAWC,EAAO,OAAO,GAClFR,CACF,GAuBaS,IAAiBR,EAAgB;CAC5C,MAAM;CACN,cAAc;CACd,OAAO;EAEL,OAAO;GAAE,MAAM;GAAwC,SAAS,KAAA;EAAU;EAE1E,YAAY;GACV,MAAM;GACN,SAAS,KAAA;EACX;CACF;CACA,MAAM,GAAO,EAAE,UAAO,YAAS;EAC7B,IAAMS,IAAOC,EAAQ,GACfC,IAAYC,QAAeC,EAA2BJ,EAAK,OAAON,EAAM,KAAK,CAAC;EAEpF,aACEQ,EAAU,QACNV,EAAE,OAAO,EAAE,aAAa,sBAAsB,GAAG,CAC/CA,EAAEI,GAAe;GACf,WAAWM,EAAU;GACrB,YAAYR,EAAM;GAClB,OAAOW,EAAM;EACf,CAAC,CACH,CAAC,IACDC,EAAM,UAAU;CACxB;AACF,CAAC"}

package/dist/starter-kit/index.d.ts

@@ -1,6 +1,7 @@
 export { default as AlfakitStarterKitRoot } from './AlfakitStarterKitRoot.vue';
+export { AlfakitWidgets } from './dashboard-widgets';
 export { useAlfakitNavigation, type AlfakitNavigation } from './navigation';
 export { createStarterKitPage, type StarterKitPageOptions } from './starter-kit';
 export { default as StarterKitContentLayout } from './StarterKitContentLayout.vue';
-export { AlfakitNotifications, AlfakitSearch, AlfakitTenantSwitcher } from './widgets';
+export { AlfakitCopilot, AlfakitNotifications, AlfakitSearch, AlfakitTenantSwitcher, } from './widgets';
 //# sourceMappingURL=index.d.ts.map

package/dist/starter-kit/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/starter-kit/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,6BAA6B,CAAA;AAC9E,OAAO,EAAE,oBAAoB,EAAE,KAAK,iBAAiB,EAAE,MAAM,cAAc,CAAA;AAC3E,OAAO,EAAE,oBAAoB,EAAE,KAAK,qBAAqB,EAAE,MAAM,eAAe,CAAA;AAChF,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,+BAA+B,CAAA;AAClF,OAAO,EAAE,oBAAoB,EAAE,aAAa,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/starter-kit/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,6BAA6B,CAAA;AAC9E,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AACpD,OAAO,EAAE,oBAAoB,EAAE,KAAK,iBAAiB,EAAE,MAAM,cAAc,CAAA;AAC3E,OAAO,EAAE,oBAAoB,EAAE,KAAK,qBAAqB,EAAE,MAAM,eAAe,CAAA;AAChF,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,+BAA+B,CAAA;AAClF,OAAO,EACL,cAAc,EACd,oBAAoB,EACpB,aAAa,EACb,qBAAqB,GACtB,MAAM,WAAW,CAAA"}

package/dist/starter-kit/index.js

@@ -1,6 +1,7 @@
 import e from "./StarterKitContentLayout.js";
 import t from "./AlfakitStarterKitRoot.js";
-import { useAlfakitNavigation as n } from "./navigation.js";
-import { createStarterKitPage as r } from "./starter-kit.js";
-import { AlfakitNotifications as i, AlfakitSearch as a, AlfakitTenantSwitcher as o } from "./widgets/index.js";
-export { i as AlfakitNotifications, a as AlfakitSearch, t as AlfakitStarterKitRoot, o as AlfakitTenantSwitcher, e as StarterKitContentLayout, r as createStarterKitPage, n as useAlfakitNavigation };
+import { AlfakitWidgets as n } from "./dashboard-widgets.js";
+import { useAlfakitNavigation as r } from "./navigation.js";
+import { createStarterKitPage as i } from "./starter-kit.js";
+import { AlfakitCopilot as a, AlfakitNotifications as o, AlfakitSearch as s, AlfakitTenantSwitcher as c } from "./widgets/index.js";
+export { a as AlfakitCopilot, o as AlfakitNotifications, s as AlfakitSearch, t as AlfakitStarterKitRoot, c as AlfakitTenantSwitcher, n as AlfakitWidgets, e as StarterKitContentLayout, i as createStarterKitPage, r as useAlfakitNavigation };

package/dist/starter-kit/runtime.d.ts

@@ -7,6 +7,12 @@ export interface StarterKitPageOptions extends Pick<AlfakitOptions<AnyComponent>
      * `null` renders the pages without a host layout.
      */
     layout?: AnyComponent | null;
+    /**
+     * Auto-registered custom components, as for `createAlfakit({ discover })`: pass
+     * `import.meta.glob('../../alfakit/{fields,columns,entries,widgets,pages,components,blocks}/**\/*.vue')`
+     * from `resources/js/pages/Alfakit/Page.vue` and every file there registers under its name.
+     */
+    discover?: AlfakitOptions<AnyComponent>['discover'];
 }
 /** @internal The context of the starter kit root (shared by the browser session). */
 export declare function starterKitContext(options: StarterKitPageOptions): AlfakitContextValue;

package/dist/starter-kit/runtime.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"runtime.d.ts","sourceRoot":"","sources":["../../src/starter-kit/runtime.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,cAAc,EACpB,MAAM,eAAe,CAAA;AAEtB,OAAO,KAAK,EAAE,mBAAmB,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAMnE,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CACjD,cAAc,CAAC,YAAY,CAAC,EAC5B,YAAY,GAAG,OAAO,GAAG,iBAAiB,GAAG,cAAc,GAAG,sBAAsB,CACrF;IACC;;;;OAIG;IACH,MAAM,CAAC,EAAE,YAAY,GAAG,IAAI,CAAA;CAC7B;AAgCD,qFAAqF;AACrF,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,qBAAqB,GAAG,mBAAmB,CASrF"}
+{"version":3,"file":"runtime.d.ts","sourceRoot":"","sources":["../../src/starter-kit/runtime.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,cAAc,EACpB,MAAM,eAAe,CAAA;AAEtB,OAAO,KAAK,EAAE,mBAAmB,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AASnE,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CACjD,cAAc,CAAC,YAAY,CAAC,EAC5B,YAAY,GAAG,OAAO,GAAG,iBAAiB,GAAG,cAAc,GAAG,sBAAsB,CACrF;IACC;;;;OAIG;IACH,MAAM,CAAC,EAAE,YAAY,GAAG,IAAI,CAAA;IAC5B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,cAAc,CAAC,YAAY,CAAC,CAAC,UAAU,CAAC,CAAA;CACpD;AAuCD,qFAAqF;AACrF,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,qBAAqB,GAAG,mBAAmB,CASrF"}

package/dist/starter-kit/runtime.js

@@ -1,36 +1,40 @@
 import { preloadIcons as e } from "../lib/icons.js";
 import { showToast as t } from "../components/notifications/flash-toasts.js";
-import { createDefaultRegistry as n } from "../registry.js";
-import r from "../pages/AlfakitPage.js";
-import i from "./StarterKitContentLayout.js";
-import { ActionRunner as a, Translator as o, resolveRequestErrorNotification as s } from "@alfakit/core";
+import { discoverComponents as n } from "../lib/discovery.js";
+import { createDefaultRegistry as r } from "../registry.js";
+import i from "../layouts/AuthLayout.js";
+import a from "../pages/AlfakitPage.js";
+import { lazyPanelLayouts as o } from "../layouts/lazy-layouts.js";
+import s from "./StarterKitContentLayout.js";
+import { ActionRunner as c, Translator as l, resolveRequestErrorNotification as u } from "@alfakit/core";
 //#region src/starter-kit/runtime.ts
-var c = null;
-function l(e) {
-	let c = n().register("layout:app", i).registerMany(e.components ?? {}), l = new o();
+var d = null;
+function f(e) {
+	let d = n(e.discover), f = r().registerMany(o).register("layout:auth", i).register("layout:app", s).registerMany(d.components).registerMany(e.components ?? {}), p = new l();
 	return {
-		registry: c,
+		registry: f,
 		pages: {
-			"Alfakit/Page": r,
+			"Alfakit/Page": a,
+			...d.pages,
 			...e.pages
 		},
-		translator: l,
-		actions: new a({
+		translator: p,
+		actions: new c({
 			endpoints: {
 				action: "",
 				modal: ""
 			},
 			onError: (e) => {
-				let n = s(e, null, (e, t, n) => l.t(e, t, n));
+				let n = u(e, null, (e, t, n) => p.t(e, t, n));
 				n && t(n);
 			}
 		})
 	};
 }
-function u(t) {
-	return e(), typeof window > "u" ? l(t) : (c ??= l(t), c);
+function p(t) {
+	return e(), typeof window > "u" ? f(t) : (d ??= f(t), d);
 }
 //#endregion
-export { u as starterKitContext };
+export { p as starterKitContext };
 
 //# sourceMappingURL=runtime.js.map

package/dist/starter-kit/runtime.js.map

@@ -1 +1 @@
-{"version":3,"file":"runtime.js","names":["StarterKitContentLayout","AlfakitPage","AlfakitPage_default","StarterKitContentLayout_default","browserContext","createStarterKitContext","registry","createDefaultRegistry","options","translator","Translator","ActionRunner","notification","resolveRequestErrorNotification","error","key","replacements","fallback","showToast","starterKitContext","preloadIcons"],"sources":["../../src/starter-kit/runtime.ts"],"sourcesContent":["import {\n  ActionRunner,\n  Translator,\n  resolveRequestErrorNotification,\n  type AlfakitOptions,\n} from '@alfakit/core'\nimport { showToast } from '../components/notifications/flash-toasts'\nimport type { AlfakitContextValue, AnyComponent } from '../context'\nimport { preloadIcons } from '../lib/icons'\nimport AlfakitPage from '../pages/AlfakitPage.vue'\nimport { createDefaultRegistry } from '../registry'\nimport StarterKitContentLayout from './StarterKitContentLayout.vue'\n\nexport interface StarterKitPageOptions extends Pick<\n  AlfakitOptions<AnyComponent>,\n  'components' | 'pages' | 'chartFormatters' | 'chartPlugins' | 'richEditorExtensions'\n> {\n  /**\n   * The host layout Alfakit pages render in, usually the starter kit's `AppLayout`\n   * (`@/layouts/AppLayout.vue`). It receives the page's breadcrumbs as `{ title, href }`.\n   * `null` renders the pages without a host layout.\n   */\n  layout?: AnyComponent | null\n}\n\n// One context for the browser session (it survives navigations between host and Alfakit\n// pages); a server render builds one per request so concurrent renders never share a locale.\nlet browserContext: AlfakitContextValue | null = null\n\nfunction createStarterKitContext(options: StarterKitPageOptions): AlfakitContextValue {\n  const registry = createDefaultRegistry()\n    .register('layout:app', StarterKitContentLayout)\n    .registerMany(options.components ?? {})\n  const translator = new Translator()\n\n  return {\n    registry,\n    pages: { 'Alfakit/Page': AlfakitPage, ...options.pages },\n    translator,\n    actions: new ActionRunner({\n      endpoints: { action: '', modal: '' },\n      // A failed action request is a toast, never a silent no-op.\n      onError: (error) => {\n        const notification = resolveRequestErrorNotification(\n          error,\n          null,\n          (key, replacements, fallback) => translator.t(key, replacements, fallback),\n        )\n\n        if (notification) showToast(notification)\n      },\n    }),\n  }\n}\n\n/** @internal The context of the starter kit root (shared by the browser session). */\nexport function starterKitContext(options: StarterKitPageOptions): AlfakitContextValue {\n  // Panel pages draw named icons: fetch the name → chunk map with the page.\n  preloadIcons()\n\n  if (typeof window === 'undefined') return createStarterKitContext(options)\n\n  browserContext ??= createStarterKitContext(options)\n\n  return browserContext\n}\n"],"mappings":";;;;;;;AA2BA,IAAII,IAA6C;AAEjD,SAASC,EAAwB,GAAqD;CACpF,IAAMC,IAAWC,EAAsB,CAAC,CACrC,SAAS,cAAcP,CAAuB,CAAC,CAC/C,aAAaQ,EAAQ,cAAc,CAAC,CAAC,GAClCC,IAAa,IAAIC,EAAW;CAElC,OAAO;EACL;EACA,OAAO;GAAE,gBAAgBT;GAAa,GAAGO,EAAQ;EAAM;EACvD;EACA,SAAS,IAAIG,EAAa;GACxB,WAAW;IAAE,QAAQ;IAAI,OAAO;GAAG;GAEnC,UAAU,MAAU;IAClB,IAAMC,IAAeC,EACnBC,GACA,OACC,GAAK,GAAc,MAAaL,EAAW,EAAEM,GAAKC,GAAcC,CAAQ,CAC3E;IAEA,AAAIL,KAAcM,EAAUN,CAAY;GAC1C;EACF,CAAC;CACH;AACF;AAGA,SAAgBO,EAAkB,GAAqD;CAQrF,OANAC,EAAa,GAET,OAAO,SAAW,MAAoBf,EAAwBG,CAAO,KAEzE,MAAmBH,EAAwBG,CAAO,GAE3CJ;AACT"}
+{"version":3,"file":"runtime.js","names":["AuthLayout","StarterKitContentLayout","AlfakitPage","AuthLayout_default","AlfakitPage_default","StarterKitContentLayout_default","browserContext","createStarterKitContext","discovered","discoverComponents","options","registry","createDefaultRegistry","lazyPanelLayouts","translator","Translator","ActionRunner","notification","resolveRequestErrorNotification","error","key","replacements","fallback","showToast","starterKitContext","preloadIcons"],"sources":["../../src/starter-kit/runtime.ts"],"sourcesContent":["import {\n  ActionRunner,\n  Translator,\n  resolveRequestErrorNotification,\n  type AlfakitOptions,\n} from '@alfakit/core'\nimport { showToast } from '../components/notifications/flash-toasts'\nimport type { AlfakitContextValue, AnyComponent } from '../context'\nimport AuthLayout from '../layouts/AuthLayout.vue'\nimport { lazyPanelLayouts } from '../layouts/lazy-layouts'\nimport { discoverComponents } from '../lib/discovery'\nimport { preloadIcons } from '../lib/icons'\nimport AlfakitPage from '../pages/AlfakitPage.vue'\nimport { createDefaultRegistry } from '../registry'\nimport StarterKitContentLayout from './StarterKitContentLayout.vue'\n\nexport interface StarterKitPageOptions extends Pick<\n  AlfakitOptions<AnyComponent>,\n  'components' | 'pages' | 'chartFormatters' | 'chartPlugins' | 'richEditorExtensions'\n> {\n  /**\n   * The host layout Alfakit pages render in, usually the starter kit's `AppLayout`\n   * (`@/layouts/AppLayout.vue`). It receives the page's breadcrumbs as `{ title, href }`.\n   * `null` renders the pages without a host layout.\n   */\n  layout?: AnyComponent | null\n  /**\n   * Auto-registered custom components, as for `createAlfakit({ discover })`: pass\n   * `import.meta.glob('../../alfakit/{fields,columns,entries,widgets,pages,components,blocks}/**\\/*.vue')`\n   * from `resources/js/pages/Alfakit/Page.vue` and every file there registers under its name.\n   */\n  discover?: AlfakitOptions<AnyComponent>['discover']\n}\n\n// One context for the browser session (it survives navigations between host and Alfakit\n// pages); a server render builds one per request so concurrent renders never share a locale.\nlet browserContext: AlfakitContextValue | null = null\n\nfunction createStarterKitContext(options: StarterKitPageOptions): AlfakitContextValue {\n  // The host's layout replaces the panel's. Auth pages (invitations, tenant registration)\n  // keep the panel's card; the fullscreen layout loads on demand.\n  // Auto-registered files sit between the built-ins and the explicit `components` / `pages`.\n  const discovered = discoverComponents(options.discover)\n  const registry = createDefaultRegistry()\n    .registerMany(lazyPanelLayouts)\n    .register('layout:auth', AuthLayout)\n    .register('layout:app', StarterKitContentLayout)\n    .registerMany(discovered.components)\n    .registerMany(options.components ?? {})\n  const translator = new Translator()\n\n  return {\n    registry,\n    pages: { 'Alfakit/Page': AlfakitPage, ...discovered.pages, ...options.pages },\n    translator,\n    actions: new ActionRunner({\n      endpoints: { action: '', modal: '' },\n      // A failed action request is a toast, never a silent no-op.\n      onError: (error) => {\n        const notification = resolveRequestErrorNotification(\n          error,\n          null,\n          (key, replacements, fallback) => translator.t(key, replacements, fallback),\n        )\n\n        if (notification) showToast(notification)\n      },\n    }),\n  }\n}\n\n/** @internal The context of the starter kit root (shared by the browser session). */\nexport function starterKitContext(options: StarterKitPageOptions): AlfakitContextValue {\n  // Panel pages draw named icons: fetch the name → chunk map with the page.\n  preloadIcons()\n\n  if (typeof window === 'undefined') return createStarterKitContext(options)\n\n  browserContext ??= createStarterKitContext(options)\n\n  return browserContext\n}\n"],"mappings":";;;;;;;;;;AAoCA,IAAIM,IAA6C;AAEjD,SAASC,EAAwB,GAAqD;CAIpF,IAAMC,IAAaC,EAAmBC,EAAQ,QAAQ,GAChDC,IAAWC,EAAsB,CAAC,CACrC,aAAaC,CAAgB,CAAC,CAC9B,SAAS,eAAeb,CAAU,CAAC,CACnC,SAAS,cAAcC,CAAuB,CAAC,CAC/C,aAAaO,EAAW,UAAU,CAAC,CACnC,aAAaE,EAAQ,cAAc,CAAC,CAAC,GAClCI,IAAa,IAAIC,EAAW;CAElC,OAAO;EACL;EACA,OAAO;GAAE,gBAAgBb;GAAa,GAAGM,EAAW;GAAO,GAAGE,EAAQ;EAAM;EAC5E;EACA,SAAS,IAAIM,EAAa;GACxB,WAAW;IAAE,QAAQ;IAAI,OAAO;GAAG;GAEnC,UAAU,MAAU;IAClB,IAAMC,IAAeC,EACnBC,GACA,OACC,GAAK,GAAc,MAAaL,EAAW,EAAEM,GAAKC,GAAcC,CAAQ,CAC3E;IAEA,AAAIL,KAAcM,EAAUN,CAAY;GAC1C;EACF,CAAC;CACH;AACF;AAGA,SAAgBO,EAAkB,GAAqD;CAQrF,OANAC,EAAa,GAET,OAAO,SAAW,MAAoBlB,EAAwBG,CAAO,KAEzE,MAAmBH,EAAwBG,CAAO,GAE3CJ;AACT"}

package/dist/starter-kit/starter-kit.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"starter-kit.d.ts","sourceRoot":"","sources":["../../src/starter-kit/starter-kit.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAA;AAEtD,YAAY,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAA;AAEtD;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,oBAAoB,CAAC,OAAO,GAAE,qBAA0B;;;;;;;;;;;;;;;;;;;oBAYpD,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;EAO1C"}
+{"version":3,"file":"starter-kit.d.ts","sourceRoot":"","sources":["../../src/starter-kit/starter-kit.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAA;AAEtD,YAAY,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAA;AAEtD;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,oBAAoB,CAAC,OAAO,GAAE,qBAA0B;;;;;;;;;;;;;;;;;;;oBAYpD,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;EAO1C"}

package/dist/starter-kit/starter-kit.js

@@ -1,17 +1,17 @@
 import e from "../pages/AlfakitPage.js";
 import t from "./AlfakitStarterKitRoot.js";
-import { configureCharts as n, registerRichEditorExtensions as r, starterKitBreadcrumbsFromProps as i } from "@alfakit/core";
-import { defineComponent as a, h as o, markRaw as s } from "vue";
+import { configureCharts as n, registerRichEditorExtensions as r, starterKitBreadcrumbsFromProps as i, usesStarterKitHostLayout as a } from "@alfakit/core";
+import { defineComponent as o, h as s, markRaw as c } from "vue";
 //#region src/starter-kit/starter-kit.ts
-function c(c = {}) {
-	n(c), r(c.richEditorExtensions ?? {});
-	let l = a({
+function l(l = {}) {
+	n(l), r(l.richEditorExtensions ?? {});
+	let u = o({
 		name: "AlfakitStarterKitPage",
-		setup: () => () => o(e)
+		setup: () => () => s(e)
 	});
-	return Object.assign(l, { layout: (e) => [...c.layout ? [[s(c.layout), { breadcrumbs: i(e) }]] : [], [t, { options: c }]] });
+	return Object.assign(u, { layout: (e) => [...l.layout && a(e) ? [[c(l.layout), { breadcrumbs: i(e) }]] : [], [t, { options: l }]] });
 }
 //#endregion
-export { c as createStarterKitPage };
+export { l as createStarterKitPage };
 
 //# sourceMappingURL=starter-kit.js.map

package/dist/starter-kit/starter-kit.js.map

@@ -1 +1 @@
-{"version":3,"file":"starter-kit.js","names":["AlfakitPage","AlfakitStarterKitRoot","AlfakitPage_default","AlfakitStarterKitRoot_default","createStarterKitPage","configureCharts","options","registerRichEditorExtensions","page","defineComponent","h","markRaw","starterKitBreadcrumbsFromProps","props"],"sources":["../../src/starter-kit/starter-kit.ts"],"sourcesContent":["import {\n  configureCharts,\n  registerRichEditorExtensions,\n  starterKitBreadcrumbsFromProps,\n} from '@alfakit/core'\nimport { defineComponent, h, markRaw } from 'vue'\nimport AlfakitPage from '../pages/AlfakitPage.vue'\nimport AlfakitStarterKitRoot from './AlfakitStarterKitRoot.vue'\nimport type { StarterKitPageOptions } from './runtime'\n\nexport type { StarterKitPageOptions } from './runtime'\n\n/**\n * The page component for `Alfakit/Page` in a starter kit app: the host's\n * `resources/js/pages/Alfakit/Page.vue` (written by `alfakit:install --starter-kit`) exports\n * it, so Inertia's page resolution, the root view's page preload and SSR all find it like any\n * other host page.\n *\n * ```vue\n * <script lang=\"ts\">\n * import { createStarterKitPage } from '@alfakit/vue'\n * import AppLayout from '@/layouts/AppLayout.vue'\n *\n * export default createStarterKitPage({ layout: AppLayout })\n * </script>\n * ```\n */\nexport function createStarterKitPage(options: StarterKitPageOptions = {}) {\n  // `'js:name'` chart option callbacks, Chart.js plugins and rich editor extensions.\n  configureCharts(options)\n  registerRichEditorExtensions(options.richEditorExtensions ?? {})\n\n  const page = defineComponent({\n    name: 'AlfakitStarterKitPage',\n    setup: () => () => h(AlfakitPage),\n  })\n\n  // A layout callback: the host layout (with the page's breadcrumbs), then Alfakit's root.\n  return Object.assign(page, {\n    layout: (props: Record<string, unknown>) => [\n      ...(options.layout\n        ? [[markRaw(options.layout), { breadcrumbs: starterKitBreadcrumbsFromProps(props) }]]\n        : []),\n      [AlfakitStarterKitRoot, { options }],\n    ],\n  })\n}\n"],"mappings":";;;;;AA2BA,SAAgBI,EAAqB,IAAiC,CAAC,GAAG;CAGxE,AADAC,EAAgBC,CAAO,GACvBC,EAA6BD,EAAQ,wBAAwB,CAAC,CAAC;CAE/D,IAAME,IAAOC,EAAgB;EAC3B,MAAM;EACN,mBAAmBC,EAAEV,CAAW;CAClC,CAAC;CAGD,OAAO,OAAO,OAAOQ,GAAM,EACzB,SAAS,MAAmC,CAC1C,GAAIF,EAAQ,SACR,CAAC,CAACK,EAAQL,EAAQ,MAAM,GAAG,EAAE,aAAaM,EAA+BC,CAAK,EAAE,CAAC,CAAC,IAClF,CAAC,GACL,CAACZ,GAAuB,EAAE,WAAQ,CAAC,CACrC,EACF,CAAC;AACH"}
+{"version":3,"file":"starter-kit.js","names":["AlfakitPage","AlfakitStarterKitRoot","AlfakitPage_default","AlfakitStarterKitRoot_default","createStarterKitPage","configureCharts","options","registerRichEditorExtensions","page","defineComponent","h","usesStarterKitHostLayout","props","markRaw","starterKitBreadcrumbsFromProps"],"sources":["../../src/starter-kit/starter-kit.ts"],"sourcesContent":["import {\n  configureCharts,\n  registerRichEditorExtensions,\n  starterKitBreadcrumbsFromProps,\n  usesStarterKitHostLayout,\n} from '@alfakit/core'\nimport { defineComponent, h, markRaw } from 'vue'\nimport AlfakitPage from '../pages/AlfakitPage.vue'\nimport AlfakitStarterKitRoot from './AlfakitStarterKitRoot.vue'\nimport type { StarterKitPageOptions } from './runtime'\n\nexport type { StarterKitPageOptions } from './runtime'\n\n/**\n * The page component for `Alfakit/Page` in a starter kit app: the host's\n * `resources/js/pages/Alfakit/Page.vue` (written by `alfakit:install --starter-kit`) exports\n * it, so Inertia's page resolution, the root view's page preload and SSR all find it like any\n * other host page.\n *\n * ```vue\n * <script lang=\"ts\">\n * import { createStarterKitPage } from '@alfakit/vue'\n * import AppLayout from '@/layouts/AppLayout.vue'\n *\n * export default createStarterKitPage({ layout: AppLayout })\n * </script>\n * ```\n */\nexport function createStarterKitPage(options: StarterKitPageOptions = {}) {\n  // `'js:name'` chart option callbacks, Chart.js plugins and rich editor extensions.\n  configureCharts(options)\n  registerRichEditorExtensions(options.richEditorExtensions ?? {})\n\n  const page = defineComponent({\n    name: 'AlfakitStarterKitPage',\n    setup: () => () => h(AlfakitPage),\n  })\n\n  // A layout callback: the host layout (with the page's breadcrumbs), then Alfakit's root.\n  return Object.assign(page, {\n    layout: (props: Record<string, unknown>) => [\n      ...(options.layout && usesStarterKitHostLayout(props)\n        ? [[markRaw(options.layout), { breadcrumbs: starterKitBreadcrumbsFromProps(props) }]]\n        : []),\n      [AlfakitStarterKitRoot, { options }],\n    ],\n  })\n}\n"],"mappings":";;;;;AA4BA,SAAgBI,EAAqB,IAAiC,CAAC,GAAG;CAGxE,AADAC,EAAgBC,CAAO,GACvBC,EAA6BD,EAAQ,wBAAwB,CAAC,CAAC;CAE/D,IAAME,IAAOC,EAAgB;EAC3B,MAAM;EACN,mBAAmBC,EAAEV,CAAW;CAClC,CAAC;CAGD,OAAO,OAAO,OAAOQ,GAAM,EACzB,SAAS,MAAmC,CAC1C,GAAIF,EAAQ,UAAUK,EAAyBC,CAAK,IAChD,CAAC,CAACC,EAAQP,EAAQ,MAAM,GAAG,EAAE,aAAaQ,EAA+BF,CAAK,EAAE,CAAC,CAAC,IAClF,CAAC,GACL,CAACX,GAAuB,EAAE,WAAQ,CAAC,CACrC,EACF,CAAC;AACH"}

package/dist/starter-kit/widgets/CopilotTrigger.js

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

package/dist/starter-kit/widgets/CopilotTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CopilotTrigger.js","names":["_sfc_main","CopilotTrigger_vue_vue_type_script_setup_true_lang_default","CopilotTrigger_default"],"sources":["../../../src/starter-kit/widgets/CopilotTrigger.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  registerStarterKitCopilotShortcut,\n  requestStarterKitCopilot,\n  type StarterKitWidgets,\n} from '@alfakit/core'\nimport { computed, watch } from 'vue'\n\n/**\n * The AI copilot's button until its code has loaded: the same look, from the shared prop\n * alone (its code loads once mounted). A click and its key bindings (`mod+j`) are\n * remembered and open it once loaded.\n */\nconst props = defineProps<{ source: StarterKitWidgets }>()\n\nconst copilot = computed(() => props.source.widgets.copilot)\n\nif (typeof window !== 'undefined') {\n  watch(\n    copilot,\n    (value, _old, onCleanup) =>\n      onCleanup(registerStarterKitCopilotShortcut(value?.keyBindings ?? [], value?.label ?? '')),\n    { immediate: true },\n  )\n}\n</script>\n\n<template>\n  <button\n    type=\"button\"\n    data-slot=\"ai-copilot-trigger\"\n    :aria-label=\"copilot?.label\"\n    aria-haspopup=\"dialog\"\n    :title=\"copilot?.label\"\n    class=\"hover:bg-accent hover:text-accent-foreground inline-flex size-9 items-center justify-center rounded-md\"\n    @click=\"requestStarterKitCopilot()\"\n  >\n    <!-- Lucide's \"sparkles\", inline: the loaded copilot draws the same icon. -->\n    <svg\n      class=\"size-4\"\n      aria-hidden=\"true\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      stroke-width=\"2\"\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\"\n    >\n      <path\n        d=\"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z\"\n      />\n      <path d=\"M20 2v4\" />\n      <path d=\"M22 4h-4\" />\n      <circle cx=\"4\" cy=\"20\" r=\"2\" />\n    </svg>\n  </button>\n</template>\n"],"mappings":""}

package/dist/starter-kit/widgets/CopilotTrigger.vue.d.ts

@@ -0,0 +1,12 @@
+import { type StarterKitWidgets } from '@alfakit/core';
+/**
+ * The AI copilot's button until its code has loaded: the same look, from the shared prop
+ * alone (its code loads once mounted). A click and its key bindings (`mod+j`) are
+ * remembered and open it once loaded.
+ */
+type __VLS_Props = {
+    source: StarterKitWidgets;
+};
+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=CopilotTrigger.vue.d.ts.map

package/dist/starter-kit/widgets/CopilotTrigger.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CopilotTrigger.vue.d.ts","sourceRoot":"","sources":["../../../src/starter-kit/widgets/CopilotTrigger.vue"],"names":[],"mappings":"AA4DA,OAAO,EAGL,KAAK,iBAAiB,EACvB,MAAM,eAAe,CAAA;AAGtB;;;;GAIG;AACH,KAAK,WAAW,GAAG;IAAE,MAAM,EAAE,iBAAiB,CAAA;CAAE,CAAC;;AAuFjD,wBAMG"}

package/dist/starter-kit/widgets/CopilotTrigger.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,23 @@
+import { registerStarterKitCopilotShortcut as e, requestStarterKitCopilot as t } from "@alfakit/core";
+import { computed as n, createElementBlock as r, createStaticVNode as i, defineComponent as a, openBlock as o, unref as s, watch as c } from "vue";
+//#region src/starter-kit/widgets/CopilotTrigger.vue?vue&type=script&setup=true&lang.ts
+var l = ["aria-label", "title"], u = /*@__PURE__*/ a({
+	__name: "CopilotTrigger",
+	props: { source: {} },
+	setup(a) {
+		let u = a, d = n(() => u.source.widgets.copilot);
+		return typeof window < "u" && c(d, (t, n, r) => r(e(t?.keyBindings ?? [], t?.label ?? "")), { immediate: !0 }), (e, n) => (o(), r("button", {
+			type: "button",
+			"data-slot": "ai-copilot-trigger",
+			"aria-label": d.value?.label,
+			"aria-haspopup": "dialog",
+			title: d.value?.label,
+			class: "hover:bg-accent hover:text-accent-foreground inline-flex size-9 items-center justify-center rounded-md",
+			onClick: n[0] ||= (e) => s(t)()
+		}, [...n[1] ||= [i("<svg class=\"size-4\" aria-hidden=\"true\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z\"></path><path d=\"M20 2v4\"></path><path d=\"M22 4h-4\"></path><circle cx=\"4\" cy=\"20\" r=\"2\"></circle></svg>", 1)]], 8, l));
+	}
+});
+//#endregion
+export { u as default };
+
+//# sourceMappingURL=CopilotTrigger.vue_vue_type_script_setup_true_lang.js.map

package/dist/starter-kit/widgets/CopilotTrigger.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CopilotTrigger.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_unref","_createStaticVNode","_hoisted_1","CopilotTrigger_vue_vue_type_script_setup_true_lang_default","props","__props","copilot","computed","watch","onCleanup","registerStarterKitCopilotShortcut","value","openBlock","createElementBlock","_cache","unref","requestStarterKitCopilot","createStaticVNode"],"sources":["../../../src/starter-kit/widgets/CopilotTrigger.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  registerStarterKitCopilotShortcut,\n  requestStarterKitCopilot,\n  type StarterKitWidgets,\n} from '@alfakit/core'\nimport { computed, watch } from 'vue'\n\n/**\n * The AI copilot's button until its code has loaded: the same look, from the shared prop\n * alone (its code loads once mounted). A click and its key bindings (`mod+j`) are\n * remembered and open it once loaded.\n */\nconst props = defineProps<{ source: StarterKitWidgets }>()\n\nconst copilot = computed(() => props.source.widgets.copilot)\n\nif (typeof window !== 'undefined') {\n  watch(\n    copilot,\n    (value, _old, onCleanup) =>\n      onCleanup(registerStarterKitCopilotShortcut(value?.keyBindings ?? [], value?.label ?? '')),\n    { immediate: true },\n  )\n}\n</script>\n\n<template>\n  <button\n    type=\"button\"\n    data-slot=\"ai-copilot-trigger\"\n    :aria-label=\"copilot?.label\"\n    aria-haspopup=\"dialog\"\n    :title=\"copilot?.label\"\n    class=\"hover:bg-accent hover:text-accent-foreground inline-flex size-9 items-center justify-center rounded-md\"\n    @click=\"requestStarterKitCopilot()\"\n  >\n    <!-- Lucide's \"sparkles\", inline: the loaded copilot draws the same icon. -->\n    <svg\n      class=\"size-4\"\n      aria-hidden=\"true\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      stroke-width=\"2\"\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\"\n    >\n      <path\n        d=\"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z\"\n      />\n      <path d=\"M20 2v4\" />\n      <path d=\"M22 4h-4\" />\n      <circle cx=\"4\" cy=\"20\" r=\"2\" />\n    </svg>\n  </button>\n</template>\n"],"mappings":";;;;;;;EAaA,IAAMM,IAAQC,GAERC,IAAUC,QAAeH,EAAM,OAAO,QAAQ,OAAO;SAEvD,OAAO,SAAW,OACpBI,EACEF,IACC,GAAO,GAAM,MACZG,EAAUC,EAAkCC,GAAO,eAAe,CAAC,GAAGA,GAAO,SAAS,EAAE,CAAC,GAC3F,EAAE,WAAW,GAAK,CACpB,cAKAb,EAAA,GAAAC,EA4BS,UAAA;GA3BP,MAAK;GACL,aAAU;GACT,cAAYO,EAAA,OAAS;GACtB,iBAAc;GACb,OAAOA,EAAA,OAAS;GACjB,OAAM;GACL,SAAK,AAAAQ,EAAA,QAAA,MAAEd,EAAAgB,CAAA,CAAwB,CAAA"}

package/dist/starter-kit/widgets/LoadedCopilot.js

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

package/dist/starter-kit/widgets/LoadedCopilot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadedCopilot.js","names":["_sfc_main","LoadedCopilot_vue_vue_type_script_setup_true_lang_default","LoadedCopilot_default"],"sources":["../../../src/starter-kit/widgets/LoadedCopilot.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  starterKitCopilot,\n  takeRequestedStarterKitCopilot,\n  type StarterKitWidgets,\n} from '@alfakit/core'\nimport { computed, toRef } from 'vue'\nimport AiCopilot from '../../components/ai/AiCopilot.vue'\nimport CopilotTrigger from './CopilotTrigger.vue'\nimport { useWidgetsPanel } from './use-widgets'\nimport WidgetShell from './WidgetShell.vue'\n\n/** The AI copilot (the panel pages' `topbar.end` slot component), once its data has loaded. */\nconst props = defineProps<{ source: StarterKitWidgets }>()\n\nconst panel = useWidgetsPanel(toRef(props, 'source'))\nconst component = computed(() => (panel.value ? starterKitCopilot(panel.value) : null))\n// A click or the key bindings before the copilot loaded open it at once.\nconst autoOpen = computed(() => component.value !== null && takeRequestedStarterKitCopilot())\n</script>\n\n<template>\n  <template v-if=\"panel\">\n    <WidgetShell v-if=\"component\" :panel=\"panel\">\n      <AiCopilot :component=\"component\" :auto-open=\"autoOpen\" />\n    </WidgetShell>\n  </template>\n  <CopilotTrigger v-else :source=\"props.source\" />\n</template>\n"],"mappings":""}

package/dist/starter-kit/widgets/LoadedCopilot.vue.d.ts

@@ -0,0 +1,8 @@
+import { type StarterKitWidgets } from '@alfakit/core';
+/** The AI copilot (the panel pages' `topbar.end` slot component), once its data has loaded. */
+type __VLS_Props = {
+    source: StarterKitWidgets;
+};
+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=LoadedCopilot.vue.d.ts.map

package/dist/starter-kit/widgets/LoadedCopilot.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadedCopilot.vue.d.ts","sourceRoot":"","sources":["../../../src/starter-kit/widgets/LoadedCopilot.vue"],"names":[],"mappings":"AA+BA,OAAO,EAGL,KAAK,iBAAiB,EACvB,MAAM,eAAe,CAAA;AAOtB,+FAA+F;AAC/F,KAAK,WAAW,GAAG;IAAE,MAAM,EAAE,iBAAiB,CAAA;CAAE,CAAC;;AA+EjD,wBAMG"}

package/dist/starter-kit/widgets/LoadedCopilot.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,31 @@
+import e from "../../components/ai/AiCopilot.js";
+import t from "./CopilotTrigger.js";
+import { useWidgetsPanel as n } from "./use-widgets.js";
+import r from "./WidgetShell.js";
+import { starterKitCopilot as i, takeRequestedStarterKitCopilot as a } from "@alfakit/core";
+import { Fragment as o, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createVNode as d, defineComponent as f, openBlock as p, toRef as m, unref as h, withCtx as g } from "vue";
+//#region src/starter-kit/widgets/LoadedCopilot.vue?vue&type=script&setup=true&lang.ts
+var _ = /*@__PURE__*/ f({
+	__name: "LoadedCopilot",
+	props: { source: {} },
+	setup(f) {
+		let _ = f, v = n(m(_, "source")), y = s(() => v.value ? i(v.value) : null), b = s(() => y.value !== null && a());
+		return (n, i) => h(v) ? (p(), u(o, { key: 0 }, [y.value ? (p(), c(r, {
+			key: 0,
+			panel: h(v)
+		}, {
+			default: g(() => [d(e, {
+				component: y.value,
+				"auto-open": b.value
+			}, null, 8, ["component", "auto-open"])]),
+			_: 1
+		}, 8, ["panel"])) : l("", !0)], 64)) : (p(), c(t, {
+			key: 1,
+			source: _.source
+		}, null, 8, ["source"]));
+	}
+});
+//#endregion
+export { _ as default };
+
+//# sourceMappingURL=LoadedCopilot.vue_vue_type_script_setup_true_lang.js.map

package/dist/starter-kit/widgets/LoadedCopilot.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadedCopilot.vue_vue_type_script_setup_true_lang.js","names":["_unref","_openBlock","_createElementBlock","_Fragment","_createBlock","WidgetShell","_withCtx","_createVNode","AiCopilot","_createCommentVNode","CopilotTrigger","AiCopilot_default","CopilotTrigger_default","WidgetShell_default","LoadedCopilot_vue_vue_type_script_setup_true_lang_default","props","__props","panel","useWidgetsPanel","toRef","component","computed","starterKitCopilot","autoOpen","takeRequestedStarterKitCopilot","unref","openBlock","createElementBlock","Fragment","createBlock","withCtx","createVNode","createCommentVNode"],"sources":["../../../src/starter-kit/widgets/LoadedCopilot.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  starterKitCopilot,\n  takeRequestedStarterKitCopilot,\n  type StarterKitWidgets,\n} from '@alfakit/core'\nimport { computed, toRef } from 'vue'\nimport AiCopilot from '../../components/ai/AiCopilot.vue'\nimport CopilotTrigger from './CopilotTrigger.vue'\nimport { useWidgetsPanel } from './use-widgets'\nimport WidgetShell from './WidgetShell.vue'\n\n/** The AI copilot (the panel pages' `topbar.end` slot component), once its data has loaded. */\nconst props = defineProps<{ source: StarterKitWidgets }>()\n\nconst panel = useWidgetsPanel(toRef(props, 'source'))\nconst component = computed(() => (panel.value ? starterKitCopilot(panel.value) : null))\n// A click or the key bindings before the copilot loaded open it at once.\nconst autoOpen = computed(() => component.value !== null && takeRequestedStarterKitCopilot())\n</script>\n\n<template>\n  <template v-if=\"panel\">\n    <WidgetShell v-if=\"component\" :panel=\"panel\">\n      <AiCopilot :component=\"component\" :auto-open=\"autoOpen\" />\n    </WidgetShell>\n  </template>\n  <CopilotTrigger v-else :source=\"props.source\" />\n</template>\n"],"mappings":";;;;;;;;;;;EAaA,IAAMe,IAAQC,GAERC,IAAQC,EAAgBC,EAAMJ,GAAO,QAAQ,CAAC,GAC9CK,IAAYC,QAAgBJ,EAAM,QAAQK,EAAkBL,EAAM,KAAK,IAAI,IAAK,GAEhFM,IAAWF,QAAeD,EAAU,UAAU,QAAQI,EAA+B,CAAC;mBAI1ExB,EAAAiB,CAAA,KAAhBhB,EAAA,GAAAC,EAIWC,GAAA,EAAA,KAAA,EAAA,GAAA,CAHUiB,EAAA,SAAnBnB,EAAA,GAAAG,EAEcC,GAAA;;GAFiB,OAAOL,EAAAiB,CAAA;;GACpC,SAAAX,QAA0D,CAA1DC,EAA0DC,GAAA;IAA9C,WAAWY,EAAA;IAAY,aAAWG,EAAA;;;EAGlDtB,GAAAA,GAAAA,CAAAA,OAAAA,CAAAA,KAAAA,EAAAA,IAAAA,EAAAA,CAAAA,GAAAA,EAAAA,MAAAA,EAAA,GAAAG,EAAgDM,GAAA;;GAAxB,QAAQK,EAAM"}

package/dist/starter-kit/widgets/SearchTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchTrigger.js","names":["_sfc_main","SearchTrigger_vue_vue_type_script_setup_true_lang_default","SearchTrigger_default"],"sources":["../../../src/starter-kit/widgets/SearchTrigger.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  formatKeyBinding,\n  registerStarterKitSearchShortcut,\n  requestStarterKitSearch,\n  type StarterKitWidgets,\n} from '@alfakit/core'\nimport { SearchIcon } from '@lucide/vue'\nimport { computed, watch } from 'vue'\nimport { useHydrated } from '../../composables/use-hydrated'\n\n/**\n * The search field until the palette has loaded: the same look, from the shared prop\n * alone. Its key bindings and a click are remembered and open the palette once loaded.\n */\nconst props = defineProps<{ source: StarterKitWidgets; onLoad?: () => void }>()\n\nconst hydrated = useHydrated()\nconst search = computed(() => props.source.widgets.search)\nconst placeholder = computed(() => search.value?.placeholder ?? '')\nconst binding = computed(() => search.value?.keyBindings[0])\n\nif (typeof window !== 'undefined') {\n  watch(\n    () => [JSON.stringify(search.value?.keyBindings ?? ['mod+k']), placeholder.value] as const,\n    ([keys, label], _old, onCleanup) =>\n      onCleanup(\n        registerStarterKitSearchShortcut(JSON.parse(keys) as string[], label, () =>\n          props.onLoad?.(),\n        ),\n      ),\n    { immediate: true },\n  )\n}\n\nfunction request() {\n  requestStarterKitSearch()\n  props.onLoad?.()\n}\n</script>\n\n<template>\n  <button\n    type=\"button\"\n    class=\"border-input bg-background hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 focus-visible:ring-ring/50 text-muted-foreground inline-flex size-8 h-8 shrink-0 items-center justify-center gap-2 rounded-md border px-0 text-sm font-normal shadow-xs outline-none focus-visible:ring-[3px] sm:w-56 sm:justify-start sm:px-2.5\"\n    @pointerenter=\"props.onLoad?.()\"\n    @click=\"request\"\n  >\n    <SearchIcon class=\"size-4\" aria-hidden=\"true\" />\n    <span class=\"sr-only sm:not-sr-only sm:flex-1 sm:text-start\">{{ placeholder }}</span>\n    <kbd\n      v-if=\"hydrated && binding\"\n      class=\"bg-muted hidden rounded px-1 font-mono text-[10px] sm:inline\"\n      >{{ formatKeyBinding(binding) }}</kbd\n    >\n  </button>\n</template>\n"],"mappings":""}
+{"version":3,"file":"SearchTrigger.js","names":["_sfc_main","SearchTrigger_vue_vue_type_script_setup_true_lang_default","SearchTrigger_default"],"sources":["../../../src/starter-kit/widgets/SearchTrigger.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  formatKeyBinding,\n  registerStarterKitSearchShortcut,\n  requestStarterKitSearch,\n  type StarterKitWidgets,\n} from '@alfakit/core'\nimport { SearchIcon } from '@lucide/vue'\nimport { computed, watch } from 'vue'\nimport { useHydrated } from '../../composables/use-hydrated'\n\n/**\n * The search field until the palette has loaded: the same look, from the shared prop\n * alone. Its key bindings and a click are remembered and open the palette once loaded.\n */\nconst props = defineProps<{ source: StarterKitWidgets; onLoad?: () => void }>()\n\nconst hydrated = useHydrated()\nconst search = computed(() => props.source.widgets.search)\nconst placeholder = computed(() => search.value?.placeholder ?? '')\nconst binding = computed(() => search.value?.keyBindings[0])\n\nif (typeof window !== 'undefined') {\n  watch(\n    () => [JSON.stringify(search.value?.keyBindings ?? ['mod+k']), placeholder.value] as const,\n    ([keys, label], _old, onCleanup) =>\n      onCleanup(\n        registerStarterKitSearchShortcut(JSON.parse(keys) as string[], label, () =>\n          props.onLoad?.(),\n        ),\n      ),\n    { immediate: true },\n  )\n}\n\nfunction request() {\n  requestStarterKitSearch()\n  props.onLoad?.()\n}\n</script>\n\n<template>\n  <button\n    type=\"button\"\n    class=\"border-input bg-background hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 focus-visible:ring-ring/50 text-muted-foreground inline-flex size-8 h-8 shrink-0 items-center justify-center gap-2 rounded-md border px-0 text-sm font-normal shadow-xs outline-none focus-visible:ring-[3px] sm:w-56 sm:justify-start sm:px-2.5\"\n    @pointerenter=\"props.onLoad?.()\"\n    @click=\"request\"\n  >\n    <SearchIcon class=\"size-4\" aria-hidden=\"true\" />\n    <span class=\"sr-only sm:not-sr-only sm:flex-1 sm:text-start\">{{ placeholder }}</span>\n    <kbd\n      v-if=\"hydrated && binding\"\n      dir=\"ltr\"\n      class=\"bg-muted hidden rounded px-1 font-mono text-[10px] sm:inline\"\n      >{{ formatKeyBinding(binding) }}</kbd\n    >\n  </button>\n</template>\n"],"mappings":""}

package/dist/starter-kit/widgets/SearchTrigger.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SearchTrigger.vue.d.ts","sourceRoot":"","sources":["../../../src/starter-kit/widgets/SearchTrigger.vue"],"names":[],"mappings":"AA2DA,OAAO,EAIL,KAAK,iBAAiB,EACvB,MAAM,eAAe,CAAA;AAKtB;;;GAGG;AACH,KAAK,WAAW,GAAG;IAAE,MAAM,EAAE,iBAAiB,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;CAAE,CAAC;;AA+HtE,wBAMG"}
+{"version":3,"file":"SearchTrigger.vue.d.ts","sourceRoot":"","sources":["../../../src/starter-kit/widgets/SearchTrigger.vue"],"names":[],"mappings":"AA4DA,OAAO,EAIL,KAAK,iBAAiB,EACvB,MAAM,eAAe,CAAA;AAKtB;;;GAGG;AACH,KAAK,WAAW,GAAG;IAAE,MAAM,EAAE,iBAAiB,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;CAAE,CAAC;;AAgItE,wBAMG"}

package/dist/starter-kit/widgets/SearchTrigger.vue_vue_type_script_setup_true_lang.js

@@ -5,6 +5,7 @@ import { SearchIcon as m } from "@lucide/vue";
 //#region src/starter-kit/widgets/SearchTrigger.vue?vue&type=script&setup=true&lang.ts
 var h = { class: "sr-only sm:not-sr-only sm:flex-1 sm:text-start" }, g = {
 	key: 0,
+	dir: "ltr",
 	class: "bg-muted hidden rounded px-1 font-mono text-[10px] sm:inline"
 }, _ = /*@__PURE__*/ l({
 	__name: "SearchTrigger",

package/dist/starter-kit/widgets/SearchTrigger.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchTrigger.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_createVNode","_unref","_createElementVNode","_toDisplayString","_createCommentVNode","_hoisted_1","_hoisted_2","SearchTrigger_vue_vue_type_script_setup_true_lang_default","props","__props","hydrated","useHydrated","search","computed","placeholder","binding","watch","keys","label","onCleanup","registerStarterKitSearchShortcut","request","requestStarterKitSearch","openBlock","createElementBlock","_cache","createVNode","unref","SearchIcon","createElementVNode","toDisplayString","formatKeyBinding","createCommentVNode"],"sources":["../../../src/starter-kit/widgets/SearchTrigger.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  formatKeyBinding,\n  registerStarterKitSearchShortcut,\n  requestStarterKitSearch,\n  type StarterKitWidgets,\n} from '@alfakit/core'\nimport { SearchIcon } from '@lucide/vue'\nimport { computed, watch } from 'vue'\nimport { useHydrated } from '../../composables/use-hydrated'\n\n/**\n * The search field until the palette has loaded: the same look, from the shared prop\n * alone. Its key bindings and a click are remembered and open the palette once loaded.\n */\nconst props = defineProps<{ source: StarterKitWidgets; onLoad?: () => void }>()\n\nconst hydrated = useHydrated()\nconst search = computed(() => props.source.widgets.search)\nconst placeholder = computed(() => search.value?.placeholder ?? '')\nconst binding = computed(() => search.value?.keyBindings[0])\n\nif (typeof window !== 'undefined') {\n  watch(\n    () => [JSON.stringify(search.value?.keyBindings ?? ['mod+k']), placeholder.value] as const,\n    ([keys, label], _old, onCleanup) =>\n      onCleanup(\n        registerStarterKitSearchShortcut(JSON.parse(keys) as string[], label, () =>\n          props.onLoad?.(),\n        ),\n      ),\n    { immediate: true },\n  )\n}\n\nfunction request() {\n  requestStarterKitSearch()\n  props.onLoad?.()\n}\n</script>\n\n<template>\n  <button\n    type=\"button\"\n    class=\"border-input bg-background hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 focus-visible:ring-ring/50 text-muted-foreground inline-flex size-8 h-8 shrink-0 items-center justify-center gap-2 rounded-md border px-0 text-sm font-normal shadow-xs outline-none focus-visible:ring-[3px] sm:w-56 sm:justify-start sm:px-2.5\"\n    @pointerenter=\"props.onLoad?.()\"\n    @click=\"request\"\n  >\n    <SearchIcon class=\"size-4\" aria-hidden=\"true\" />\n    <span class=\"sr-only sm:not-sr-only sm:flex-1 sm:text-start\">{{ placeholder }}</span>\n    <kbd\n      v-if=\"hydrated && binding\"\n      class=\"bg-muted hidden rounded px-1 font-mono text-[10px] sm:inline\"\n      >{{ formatKeyBinding(binding) }}</kbd\n    >\n  </button>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;EAeA,IAAMU,IAAQC,GAERC,IAAWC,EAAY,GACvBC,IAASC,QAAeL,EAAM,OAAO,QAAQ,MAAM,GACnDM,IAAcD,QAAeD,EAAO,OAAO,eAAe,EAAE,GAC5DG,IAAUF,QAAeD,EAAO,OAAO,YAAY,EAAE;EAE3D,AAAI,OAAO,SAAW,OACpBI,QACQ,CAAC,KAAK,UAAUJ,EAAO,OAAO,eAAe,CAAC,OAAO,CAAC,GAAGE,EAAY,KAAK,IAC/E,CAACG,GAAMC,IAAQ,GAAM,MACpBC,EACEC,EAAiC,KAAK,MAAMH,CAAI,GAAeC,SAC7DV,EAAM,SAAS,CACjB,CACF,GACF,EAAE,WAAW,GAAK,CACpB;EAGF,SAASa,IAAU;GAEjB,AADAC,EAAwB,GACxBd,EAAM,SAAS;EACjB;oBAIEV,EAAA,GAAAC,EAaS,UAAA;GAZP,MAAK;GACL,OAAM;GACL,gBAAY,AAAA0B,EAAA,QAAA,MAAEjB,EAAM,SAAM;GAC1B,SAAOa;;GAERrB,EAAgDC,EAAA2B,CAAA,GAAA;IAApC,OAAM;IAAS,eAAY;;GACvC1B,EAAqF,QAArFG,GAAqFF,EAArBW,EAAA,KAAW,GAAA,CAAA;GAEnEb,EAAAS,CAAA,KAAYK,EAAA,SADpBjB,EAAA,GAAAC,EAIC,OAJDO,GAICH,EADKF,EAAA8B,CAAA,CAAgB,CAAChB,EAAA,KAAO,CAAA,GAAA,CAAA,KAAAiB,EAAA,IAAA,EAAA"}
+{"version":3,"file":"SearchTrigger.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_createVNode","_unref","_createElementVNode","_toDisplayString","_createCommentVNode","_hoisted_1","_hoisted_2","SearchTrigger_vue_vue_type_script_setup_true_lang_default","props","__props","hydrated","useHydrated","search","computed","placeholder","binding","watch","keys","label","onCleanup","registerStarterKitSearchShortcut","request","requestStarterKitSearch","openBlock","createElementBlock","_cache","createVNode","unref","SearchIcon","createElementVNode","toDisplayString","formatKeyBinding","createCommentVNode"],"sources":["../../../src/starter-kit/widgets/SearchTrigger.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  formatKeyBinding,\n  registerStarterKitSearchShortcut,\n  requestStarterKitSearch,\n  type StarterKitWidgets,\n} from '@alfakit/core'\nimport { SearchIcon } from '@lucide/vue'\nimport { computed, watch } from 'vue'\nimport { useHydrated } from '../../composables/use-hydrated'\n\n/**\n * The search field until the palette has loaded: the same look, from the shared prop\n * alone. Its key bindings and a click are remembered and open the palette once loaded.\n */\nconst props = defineProps<{ source: StarterKitWidgets; onLoad?: () => void }>()\n\nconst hydrated = useHydrated()\nconst search = computed(() => props.source.widgets.search)\nconst placeholder = computed(() => search.value?.placeholder ?? '')\nconst binding = computed(() => search.value?.keyBindings[0])\n\nif (typeof window !== 'undefined') {\n  watch(\n    () => [JSON.stringify(search.value?.keyBindings ?? ['mod+k']), placeholder.value] as const,\n    ([keys, label], _old, onCleanup) =>\n      onCleanup(\n        registerStarterKitSearchShortcut(JSON.parse(keys) as string[], label, () =>\n          props.onLoad?.(),\n        ),\n      ),\n    { immediate: true },\n  )\n}\n\nfunction request() {\n  requestStarterKitSearch()\n  props.onLoad?.()\n}\n</script>\n\n<template>\n  <button\n    type=\"button\"\n    class=\"border-input bg-background hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 focus-visible:ring-ring/50 text-muted-foreground inline-flex size-8 h-8 shrink-0 items-center justify-center gap-2 rounded-md border px-0 text-sm font-normal shadow-xs outline-none focus-visible:ring-[3px] sm:w-56 sm:justify-start sm:px-2.5\"\n    @pointerenter=\"props.onLoad?.()\"\n    @click=\"request\"\n  >\n    <SearchIcon class=\"size-4\" aria-hidden=\"true\" />\n    <span class=\"sr-only sm:not-sr-only sm:flex-1 sm:text-start\">{{ placeholder }}</span>\n    <kbd\n      v-if=\"hydrated && binding\"\n      dir=\"ltr\"\n      class=\"bg-muted hidden rounded px-1 font-mono text-[10px] sm:inline\"\n      >{{ formatKeyBinding(binding) }}</kbd\n    >\n  </button>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;EAeA,IAAMU,IAAQC,GAERC,IAAWC,EAAY,GACvBC,IAASC,QAAeL,EAAM,OAAO,QAAQ,MAAM,GACnDM,IAAcD,QAAeD,EAAO,OAAO,eAAe,EAAE,GAC5DG,IAAUF,QAAeD,EAAO,OAAO,YAAY,EAAE;EAE3D,AAAI,OAAO,SAAW,OACpBI,QACQ,CAAC,KAAK,UAAUJ,EAAO,OAAO,eAAe,CAAC,OAAO,CAAC,GAAGE,EAAY,KAAK,IAC/E,CAACG,GAAMC,IAAQ,GAAM,MACpBC,EACEC,EAAiC,KAAK,MAAMH,CAAI,GAAeC,SAC7DV,EAAM,SAAS,CACjB,CACF,GACF,EAAE,WAAW,GAAK,CACpB;EAGF,SAASa,IAAU;GAEjB,AADAC,EAAwB,GACxBd,EAAM,SAAS;EACjB;oBAIEV,EAAA,GAAAC,EAcS,UAAA;GAbP,MAAK;GACL,OAAM;GACL,gBAAY,AAAA0B,EAAA,QAAA,MAAEjB,EAAM,SAAM;GAC1B,SAAOa;;GAERrB,EAAgDC,EAAA2B,CAAA,GAAA;IAApC,OAAM;IAAS,eAAY;;GACvC1B,EAAqF,QAArFG,GAAqFF,EAArBW,EAAA,KAAW,GAAA,CAAA;GAEnEb,EAAAS,CAAA,KAAYK,EAAA,SADpBjB,EAAA,GAAAC,EAKC,OALDO,GAKCH,EADKF,EAAA8B,CAAA,CAAgB,CAAChB,EAAA,KAAO,CAAA,GAAA,CAAA,KAAAiB,EAAA,IAAA,EAAA"}

package/dist/starter-kit/widgets/StarterKitImpersonationBanner.js

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

package/dist/starter-kit/widgets/StarterKitImpersonationBanner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StarterKitImpersonationBanner.js","names":["_sfc_main","StarterKitImpersonationBanner_vue_vue_type_script_setup_true_lang_default","StarterKitImpersonationBanner_default"],"sources":["../../../src/starter-kit/widgets/StarterKitImpersonationBanner.vue"],"sourcesContent":["<script lang=\"ts\">\n// The header components appear in both header layouts and next to each other: the first\n// one mounted shows the banner, the others render nothing.\nlet owner: symbol | null = null\n</script>\n\n<script setup lang=\"ts\">\nimport { isAlfakitPage, type StarterKitWidgets } from '@alfakit/core'\nimport { usePage } from '@inertiajs/vue3'\nimport { computed, onBeforeUnmount, onMounted, ref, watch } from 'vue'\nimport ImpersonationBanner from '../../components/panel/ImpersonationBanner.vue'\n\n/**\n * The impersonation banner (who you are signed in as, **Leave**) on the host's own pages,\n * rendered by the header components. AlfaKit's pages render their own (`AlfakitRoot`).\n */\nconst props = defineProps<{ source: StarterKitWidgets | null }>()\nconst page = usePage()\nconst id = Symbol('impersonation-banner')\nconst owns = ref(false)\nconst impersonation = computed(() => props.source?.widgets.impersonation)\nconst active = computed(() => impersonation.value !== undefined && !isAlfakitPage(page.props))\n\nfunction release(): void {\n  if (owner === id) owner = null\n  owns.value = false\n}\n\n// Claimed once mounted, so the server render and hydration never include it.\nlet stop: (() => void) | null = null\n\nonMounted(() => {\n  stop = watch(\n    active,\n    (value) => {\n      if (!value) {\n        release()\n\n        return\n      }\n\n      if (owner === null) owner = id\n      owns.value = owner === id\n    },\n    { immediate: true },\n  )\n})\n\nonBeforeUnmount(() => {\n  stop?.()\n  release()\n})\n</script>\n\n<template>\n  <ImpersonationBanner v-if=\"active && owns\" :impersonation=\"impersonation\" />\n</template>\n"],"mappings":""}

package/dist/starter-kit/widgets/StarterKitImpersonationBanner.vue.d.ts

@@ -0,0 +1,8 @@
+import { type StarterKitWidgets } from '@alfakit/core';
+declare const _default: import("vue").DefineComponent<{
+    source: StarterKitWidgets | null;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+    source: StarterKitWidgets | null;
+}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=StarterKitImpersonationBanner.vue.d.ts.map

package/dist/starter-kit/widgets/StarterKitImpersonationBanner.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StarterKitImpersonationBanner.vue.d.ts","sourceRoot":"","sources":["../../../src/starter-kit/widgets/StarterKitImpersonationBanner.vue"],"names":[],"mappings":"AA2DA,OAAO,EAAiB,KAAK,iBAAiB,EAAE,MAAM,eAAe,CAAA;;YAexC,iBAAiB,GAAG,IAAI;;YAAxB,iBAAiB,GAAG,IAAI;;AALrD,wBA6FK"}

package/dist/starter-kit/widgets/StarterKitImpersonationBanner.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,34 @@
+import e from "../../components/panel/ImpersonationBanner.js";
+import { isAlfakitPage as t } from "@alfakit/core";
+import { usePage as n } from "@inertiajs/vue3";
+import { computed as r, createBlock as i, createCommentVNode as a, defineComponent as o, onBeforeUnmount as s, onMounted as c, openBlock as l, ref as u, watch as d } from "vue";
+//#region src/starter-kit/widgets/StarterKitImpersonationBanner.vue?vue&type=script&setup=true&lang.ts
+var f = null, p = /*@__PURE__*/ o({
+	__name: "StarterKitImpersonationBanner",
+	props: { source: {} },
+	setup(o) {
+		let p = o, m = n(), h = Symbol("impersonation-banner"), g = u(!1), _ = r(() => p.source?.widgets.impersonation), v = r(() => _.value !== void 0 && !t(m.props));
+		function y() {
+			f === h && (f = null), g.value = !1;
+		}
+		let b = null;
+		return c(() => {
+			b = d(v, (e) => {
+				if (!e) {
+					y();
+					return;
+				}
+				f === null && (f = h), g.value = f === h;
+			}, { immediate: !0 });
+		}), s(() => {
+			b?.(), y();
+		}), (t, n) => v.value && g.value ? (l(), i(e, {
+			key: 0,
+			impersonation: _.value
+		}, null, 8, ["impersonation"])) : a("", !0);
+	}
+});
+//#endregion
+export { p as default };
+
+//# sourceMappingURL=StarterKitImpersonationBanner.vue_vue_type_script_setup_true_lang.js.map

package/dist/starter-kit/widgets/StarterKitImpersonationBanner.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StarterKitImpersonationBanner.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","ImpersonationBanner","_createCommentVNode","ImpersonationBanner_default","owner","StarterKitImpersonationBanner_vue_vue_type_script_setup_true_lang_default","props","__props","page","usePage","id","owns","ref","impersonation","computed","active","isAlfakitPage","release","stop","onMounted","watch","value","onBeforeUnmount","openBlock","createBlock","createCommentVNode"],"sources":["../../../src/starter-kit/widgets/StarterKitImpersonationBanner.vue"],"sourcesContent":["<script lang=\"ts\">\n// The header components appear in both header layouts and next to each other: the first\n// one mounted shows the banner, the others render nothing.\nlet owner: symbol | null = null\n</script>\n\n<script setup lang=\"ts\">\nimport { isAlfakitPage, type StarterKitWidgets } from '@alfakit/core'\nimport { usePage } from '@inertiajs/vue3'\nimport { computed, onBeforeUnmount, onMounted, ref, watch } from 'vue'\nimport ImpersonationBanner from '../../components/panel/ImpersonationBanner.vue'\n\n/**\n * The impersonation banner (who you are signed in as, **Leave**) on the host's own pages,\n * rendered by the header components. AlfaKit's pages render their own (`AlfakitRoot`).\n */\nconst props = defineProps<{ source: StarterKitWidgets | null }>()\nconst page = usePage()\nconst id = Symbol('impersonation-banner')\nconst owns = ref(false)\nconst impersonation = computed(() => props.source?.widgets.impersonation)\nconst active = computed(() => impersonation.value !== undefined && !isAlfakitPage(page.props))\n\nfunction release(): void {\n  if (owner === id) owner = null\n  owns.value = false\n}\n\n// Claimed once mounted, so the server render and hydration never include it.\nlet stop: (() => void) | null = null\n\nonMounted(() => {\n  stop = watch(\n    active,\n    (value) => {\n      if (!value) {\n        release()\n\n        return\n      }\n\n      if (owner === null) owner = id\n      owns.value = owner === id\n    },\n    { immediate: true },\n  )\n})\n\nonBeforeUnmount(() => {\n  stop?.()\n  release()\n})\n</script>\n\n<template>\n  <ImpersonationBanner v-if=\"active && owns\" :impersonation=\"impersonation\" />\n</template>\n"],"mappings":";;;;;AAGA,IAAIK,IAAuB;;;;EAa3B,IAAME,IAAQC,GACRC,IAAOC,EAAQ,GACfC,IAAK,OAAO,sBAAsB,GAClCC,IAAOC,EAAI,EAAK,GAChBC,IAAgBC,QAAeR,EAAM,QAAQ,QAAQ,aAAa,GAClES,IAASD,QAAeD,EAAc,UAAU,KAAA,KAAa,CAACG,EAAcR,EAAK,KAAK,CAAC;EAE7F,SAASS,IAAgB;GAEvB,AADIb,MAAUM,MAAI,IAAQ,OAC1B,EAAK,QAAQ;EACf;EAGA,IAAIQ,IAA4B;SAEhCC,QAAgB;GACd,IAAOC,EACLL,IACC,MAAU;IACT,IAAI,CAACM,GAAO;KACV,EAAQ;KAER;IACF;IAGA,AADIjB,MAAU,SAAM,IAAQM,IAC5B,EAAK,QAAQN,MAAUM;GACzB,GACA,EAAE,WAAW,GAAK,CACpB;EACF,CAAC,GAEDY,QAAsB;GAEpB,AADAJ,IAAO,GACPD,EAAQ;EACV,CAAC,aAI4BF,EAAA,SAAUJ,EAAA,SAArCZ,EAAA,GAAAC,EAA4EC,GAAA;;GAAhC,eAAeY,EAAA"}