@alfakit/vue 0.1.1 → 0.1.2

package/dist/eject-manifest.json

@@ -1,8 +1,8 @@
 {
   "package": "@alfakit/vue",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "adapter": "vue",
-  "generatedAt": "2026-10-19T06:40:49.122Z",
+  "generatedAt": "2026-10-19T11:54:13.615Z",
   "components": {
     "TextInput": {
       "file": "src/components/fields/TextInputField.vue",

package/dist/standalone/AlfakitToaster.js.map

@@ -1 +1 @@
-{"version":3,"file":"AlfakitToaster.js","names":["_sfc_main","AlfakitToaster_vue_vue_type_script_setup_true_lang_default","AlfakitToaster_default"],"sources":["../../src/standalone/AlfakitToaster.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { resolveToastPosition, type ToastPosition } from '@alfakit/core'\nimport { onMounted, onUnmounted } from 'vue'\nimport Toaster from '../components/ui/Toaster.vue'\nimport { useOptionalAlfakit } from '../context'\nimport { claimToaster, createStandaloneContext, ensureFlashToasts } from './runtime'\n\n/**\n * Shows notifications flashed by standalone components (`Notification::make()->send()`\n * from `submit()` or an action) as toasts. Place it once in your app layout; a page whose\n * layout has none gets one from its first `<AlfakitComponent>`.\n *\n * Flash data comes from the `flash` Inertia event after each visit and from the initial\n * page (already fired before the app mounted), so it works in any layout.\n */\nconst props = withDefaults(\n  defineProps<{\n    /** Where toasts appear; `start`/`end` follow the reading direction. */\n    position?: ToastPosition\n    dir?: 'ltr' | 'rtl'\n    /**\n     * Render vue-sonner's `<Toaster>` too (default). Pass `false` when your layout already\n     * mounts one: flashed Alfakit notifications are then shown through it.\n     */\n    toaster?: boolean\n    /** @internal Set by `<AlfakitComponent>` when it takes the toaster role. */\n    claimed?: boolean\n  }>(),\n  { dir: 'ltr', toaster: true, claimed: false },\n)\n\n// Outside <AlfakitComponent> the flash reader needs a registry for custom toast views.\nconst context =\n  useOptionalAlfakit() ?? createStandaloneContext({ action: '', modal: '' }, undefined, undefined)\n\nlet release: (() => void) | null = null\n\nonMounted(() => {\n  if (!props.claimed) release = claimToaster()\n\n  ensureFlashToasts(context.registry)\n})\n\nonUnmounted(() => release?.())\n</script>\n\n<template>\n  <Toaster\n    v-if=\"props.toaster\"\n    :position=\"resolveToastPosition(props.position, props.dir)\"\n    :dir=\"props.dir\"\n    rich-colors\n    close-button\n  />\n</template>\n"],"mappings":""}
+{"version":3,"file":"AlfakitToaster.js","names":["_sfc_main","AlfakitToaster_vue_vue_type_script_setup_true_lang_default","AlfakitToaster_default"],"sources":["../../src/standalone/AlfakitToaster.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { resolveToastPosition, STARTER_KIT_TOASTER_ID, type ToastPosition } from '@alfakit/core'\nimport { onMounted, onUnmounted } from 'vue'\nimport { setToasterId } from '../components/notifications/flash-toasts'\nimport Toaster from '../components/ui/Toaster.vue'\nimport { useOptionalAlfakit } from '../context'\nimport { claimToaster, createStandaloneContext, ensureFlashToasts } from './runtime'\n\n/**\n * Shows notifications flashed by standalone components (`Notification::make()->send()`\n * from `submit()` or an action) as toasts. Place it once in your app layout; a page whose\n * layout has none gets one from its first `<AlfakitComponent>`.\n *\n * Flash data comes from the `flash` Inertia event after each visit and from the initial\n * page (already fired before the app mounted), so it works in any layout.\n */\nconst props = withDefaults(\n  defineProps<{\n    /** Where toasts appear; `start`/`end` follow the reading direction. */\n    position?: ToastPosition\n    dir?: 'ltr' | 'rtl'\n    /**\n     * Render vue-sonner's `<Toaster>` too (default). Pass `false` when your layout already\n     * mounts one: flashed Alfakit notifications are then shown through it.\n     */\n    toaster?: boolean\n    /** @internal Set by `<AlfakitComponent>` when it takes the toaster role. */\n    claimed?: boolean\n  }>(),\n  { dir: 'ltr', toaster: true, claimed: false },\n)\n\n// Outside <AlfakitComponent> the flash reader needs a registry for custom toast views.\nconst context =\n  useOptionalAlfakit() ?? createStandaloneContext({ action: '', modal: '' }, undefined, undefined)\n\nlet release: (() => void) | null = null\n\nonMounted(() => {\n  if (!props.claimed) release = claimToaster()\n\n  // Our own toaster gets an id, so a `<Toaster />` the app's layout already mounts (the\n  // starter kits have one) doesn't show every Alfakit toast a second time.\n  if (props.toaster) setToasterId(STARTER_KIT_TOASTER_ID)\n\n  ensureFlashToasts(context.registry)\n})\n\nonUnmounted(() => {\n  release?.()\n\n  if (props.toaster) setToasterId(undefined)\n})\n</script>\n\n<template>\n  <Toaster\n    v-if=\"props.toaster\"\n    :id=\"STARTER_KIT_TOASTER_ID\"\n    :position=\"resolveToastPosition(props.position, props.dir)\"\n    :dir=\"props.dir\"\n    rich-colors\n    close-button\n  />\n</template>\n"],"mappings":""}

package/dist/standalone/AlfakitToaster.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AlfakitToaster.vue.d.ts","sourceRoot":"","sources":["../../src/standalone/AlfakitToaster.vue"],"names":[],"mappings":"AAyDA,OAAO,EAAwB,KAAK,aAAa,EAAE,MAAM,eAAe,CAAA;AAMxE;;;;;;;GAOG;AACH,KAAK,WAAW,GAAG;IACf,uEAAuE;IACvE,QAAQ,CAAC,EAAE,aAAa,CAAA;IACxB,GAAG,CAAC,EAAE,KAAK,GAAG,KAAK,CAAA;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,4EAA4E;IAC5E,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAC;;SARM,KAAK,GAAG,KAAK;aAKT,OAAO;aAEP,OAAO;;AAsErB,wBAOG"}
+{"version":3,"file":"AlfakitToaster.vue.d.ts","sourceRoot":"","sources":["../../src/standalone/AlfakitToaster.vue"],"names":[],"mappings":"AAmEA,OAAO,EAAgD,KAAK,aAAa,EAAE,MAAM,eAAe,CAAA;AAOhG;;;;;;;GAOG;AACH,KAAK,WAAW,GAAG;IACf,uEAAuE;IACvE,QAAQ,CAAC,EAAE,aAAa,CAAA;IACxB,GAAG,CAAC,EAAE,KAAK,GAAG,KAAK,CAAA;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,4EAA4E;IAC5E,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAC;;SARM,KAAK,GAAG,KAAK;aAKT,OAAO;aAEP,OAAO;;AAiFrB,wBAOG"}

package/dist/standalone/AlfakitToaster.vue_vue_type_script_setup_true_lang.js

@@ -1,10 +1,11 @@
 import { useOptionalAlfakit as e } from "../context.js";
-import { claimToaster as t, createStandaloneContext as n, ensureFlashToasts as r } from "./runtime.js";
-import i from "../components/ui/Toaster.js";
-import { resolveToastPosition as a } from "@alfakit/core";
-import { createBlock as o, createCommentVNode as s, defineComponent as c, onMounted as l, onUnmounted as u, openBlock as d, unref as f } from "vue";
+import { setToasterId as t } from "../components/notifications/flash-toasts.js";
+import { claimToaster as n, createStandaloneContext as r, ensureFlashToasts as i } from "./runtime.js";
+import a from "../components/ui/Toaster.js";
+import { STARTER_KIT_TOASTER_ID as o, resolveToastPosition as s } from "@alfakit/core";
+import { createBlock as c, createCommentVNode as l, defineComponent as u, onMounted as d, onUnmounted as f, openBlock as p, unref as m } from "vue";
 //#region src/standalone/AlfakitToaster.vue?vue&type=script&setup=true&lang.ts
-var p = /*@__PURE__*/ c({
+var h = /*@__PURE__*/ u({
 	__name: "AlfakitToaster",
 	props: {
 		position: {},
@@ -18,23 +19,30 @@ var p = /*@__PURE__*/ c({
 			default: !1
 		}
 	},
-	setup(c) {
-		let p = c, m = e() ?? n({
+	setup(u) {
+		let h = u, g = e() ?? r({
 			action: "",
 			modal: ""
-		}, void 0, void 0), h = null;
-		return l(() => {
-			p.claimed || (h = t()), r(m.registry);
-		}), u(() => h?.()), (e, t) => p.toaster ? (d(), o(i, {
+		}, void 0, void 0), _ = null;
+		return d(() => {
+			h.claimed || (_ = n()), h.toaster && t(o), i(g.registry);
+		}), f(() => {
+			_?.(), h.toaster && t(void 0);
+		}), (e, t) => h.toaster ? (p(), c(a, {
 			key: 0,
-			position: f(a)(p.position, p.dir),
-			dir: p.dir,
+			id: m(o),
+			position: m(s)(h.position, h.dir),
+			dir: h.dir,
 			"rich-colors": "",
 			"close-button": ""
-		}, null, 8, ["position", "dir"])) : s("", !0);
+		}, null, 8, [
+			"id",
+			"position",
+			"dir"
+		])) : l("", !0);
 	}
 });
 //#endregion
-export { p as default };
+export { h as default };
 
 //# sourceMappingURL=AlfakitToaster.vue_vue_type_script_setup_true_lang.js.map

package/dist/standalone/AlfakitToaster.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"AlfakitToaster.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","Toaster","_unref","_createCommentVNode","Toaster_default","AlfakitToaster_vue_vue_type_script_setup_true_lang_default","props","__props","context","useOptionalAlfakit","createStandaloneContext","release","onMounted","claimToaster","ensureFlashToasts","onUnmounted","openBlock","createBlock","unref","resolveToastPosition","createCommentVNode"],"sources":["../../src/standalone/AlfakitToaster.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { resolveToastPosition, type ToastPosition } from '@alfakit/core'\nimport { onMounted, onUnmounted } from 'vue'\nimport Toaster from '../components/ui/Toaster.vue'\nimport { useOptionalAlfakit } from '../context'\nimport { claimToaster, createStandaloneContext, ensureFlashToasts } from './runtime'\n\n/**\n * Shows notifications flashed by standalone components (`Notification::make()->send()`\n * from `submit()` or an action) as toasts. Place it once in your app layout; a page whose\n * layout has none gets one from its first `<AlfakitComponent>`.\n *\n * Flash data comes from the `flash` Inertia event after each visit and from the initial\n * page (already fired before the app mounted), so it works in any layout.\n */\nconst props = withDefaults(\n  defineProps<{\n    /** Where toasts appear; `start`/`end` follow the reading direction. */\n    position?: ToastPosition\n    dir?: 'ltr' | 'rtl'\n    /**\n     * Render vue-sonner's `<Toaster>` too (default). Pass `false` when your layout already\n     * mounts one: flashed Alfakit notifications are then shown through it.\n     */\n    toaster?: boolean\n    /** @internal Set by `<AlfakitComponent>` when it takes the toaster role. */\n    claimed?: boolean\n  }>(),\n  { dir: 'ltr', toaster: true, claimed: false },\n)\n\n// Outside <AlfakitComponent> the flash reader needs a registry for custom toast views.\nconst context =\n  useOptionalAlfakit() ?? createStandaloneContext({ action: '', modal: '' }, undefined, undefined)\n\nlet release: (() => void) | null = null\n\nonMounted(() => {\n  if (!props.claimed) release = claimToaster()\n\n  ensureFlashToasts(context.registry)\n})\n\nonUnmounted(() => release?.())\n</script>\n\n<template>\n  <Toaster\n    v-if=\"props.toaster\"\n    :position=\"resolveToastPosition(props.position, props.dir)\"\n    :dir=\"props.dir\"\n    rich-colors\n    close-button\n  />\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;EAeA,IAAMO,IAAQC,GAiBRC,IACJC,EAAmB,KAAKC,EAAwB;GAAE,QAAQ;GAAI,OAAO;EAAG,GAAG,KAAA,GAAW,KAAA,CAAS,GAE7FC,IAA+B;SAEnCC,QAAgB;GAGd,AAFKN,EAAM,YAAS,IAAUO,EAAa,IAE3CC,EAAkBN,EAAQ,QAAQ;EACpC,CAAC,GAEDO,QAAkBJ,IAAU,CAAC,aAKnBL,EAAM,WADdP,EAAA,GAAAC,EAMEC,GAAA;;GAJC,UAAUC,EAAAiB,CAAA,CAAoB,CAACb,EAAM,UAAUA,EAAM,GAAG;GACxD,KAAKA,EAAM;GACZ,eAAA;GACA,gBAAA"}
+{"version":3,"file":"AlfakitToaster.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","Toaster","_unref","_createCommentVNode","Toaster_default","AlfakitToaster_vue_vue_type_script_setup_true_lang_default","props","__props","context","useOptionalAlfakit","createStandaloneContext","release","onMounted","claimToaster","setToasterId","STARTER_KIT_TOASTER_ID","ensureFlashToasts","onUnmounted","openBlock","createBlock","unref","resolveToastPosition","createCommentVNode"],"sources":["../../src/standalone/AlfakitToaster.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { resolveToastPosition, STARTER_KIT_TOASTER_ID, type ToastPosition } from '@alfakit/core'\nimport { onMounted, onUnmounted } from 'vue'\nimport { setToasterId } from '../components/notifications/flash-toasts'\nimport Toaster from '../components/ui/Toaster.vue'\nimport { useOptionalAlfakit } from '../context'\nimport { claimToaster, createStandaloneContext, ensureFlashToasts } from './runtime'\n\n/**\n * Shows notifications flashed by standalone components (`Notification::make()->send()`\n * from `submit()` or an action) as toasts. Place it once in your app layout; a page whose\n * layout has none gets one from its first `<AlfakitComponent>`.\n *\n * Flash data comes from the `flash` Inertia event after each visit and from the initial\n * page (already fired before the app mounted), so it works in any layout.\n */\nconst props = withDefaults(\n  defineProps<{\n    /** Where toasts appear; `start`/`end` follow the reading direction. */\n    position?: ToastPosition\n    dir?: 'ltr' | 'rtl'\n    /**\n     * Render vue-sonner's `<Toaster>` too (default). Pass `false` when your layout already\n     * mounts one: flashed Alfakit notifications are then shown through it.\n     */\n    toaster?: boolean\n    /** @internal Set by `<AlfakitComponent>` when it takes the toaster role. */\n    claimed?: boolean\n  }>(),\n  { dir: 'ltr', toaster: true, claimed: false },\n)\n\n// Outside <AlfakitComponent> the flash reader needs a registry for custom toast views.\nconst context =\n  useOptionalAlfakit() ?? createStandaloneContext({ action: '', modal: '' }, undefined, undefined)\n\nlet release: (() => void) | null = null\n\nonMounted(() => {\n  if (!props.claimed) release = claimToaster()\n\n  // Our own toaster gets an id, so a `<Toaster />` the app's layout already mounts (the\n  // starter kits have one) doesn't show every Alfakit toast a second time.\n  if (props.toaster) setToasterId(STARTER_KIT_TOASTER_ID)\n\n  ensureFlashToasts(context.registry)\n})\n\nonUnmounted(() => {\n  release?.()\n\n  if (props.toaster) setToasterId(undefined)\n})\n</script>\n\n<template>\n  <Toaster\n    v-if=\"props.toaster\"\n    :id=\"STARTER_KIT_TOASTER_ID\"\n    :position=\"resolveToastPosition(props.position, props.dir)\"\n    :dir=\"props.dir\"\n    rich-colors\n    close-button\n  />\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;EAgBA,IAAMO,IAAQC,GAiBRC,IACJC,EAAmB,KAAKC,EAAwB;GAAE,QAAQ;GAAI,OAAO;EAAG,GAAG,KAAA,GAAW,KAAA,CAAS,GAE7FC,IAA+B;SAEnCC,QAAgB;GAOd,AANKN,EAAM,YAAS,IAAUO,EAAa,IAIvCP,EAAM,WAASQ,EAAaC,CAAsB,GAEtDC,EAAkBR,EAAQ,QAAQ;EACpC,CAAC,GAEDS,QAAkB;GAGhB,AAFAN,IAAU,GAENL,EAAM,WAASQ,EAAa,KAAA,CAAS;EAC3C,CAAC,aAKSR,EAAM,WADdP,EAAA,GAAAC,EAOEC,GAAA;;GALC,IAAIC,EAAAa,CAAA;GACJ,UAAUb,EAAAmB,CAAA,CAAoB,CAACf,EAAM,UAAUA,EAAM,GAAG;GACxD,KAAKA,EAAM;GACZ,eAAA;GACA,gBAAA"}

package/dist/standalone.css

@@ -13,6 +13,8 @@
  * your own `:root`. Shared by the React, Vue and Svelte renderers (copied into each dist).
  */
 
+@import './components.css';
+
 @custom-variant dark (&:is(.dark *));
 
 /*
@@ -148,3 +150,48 @@
   content: attr(data-placeholder);
   @apply text-muted-foreground pointer-events-none float-left;
 }
+
+/*
+ * "Developed by Alfa Six" (`[data-slot='credit']`) in the footer of panel pages. Starter-kit
+ * panels load this stylesheet instead of `themes.css`, so its rules are repeated here
+ * (keep them in step with the Credit section of themes.css).
+ */
+[data-slot='credit'] {
+  display: flex;
+  justify-content: center;
+  padding: 0.75rem 1rem 1rem;
+  font-size: 0.75rem;
+  line-height: 1rem;
+  color: var(--muted-foreground);
+}
+
+[data-slot='credit'] a {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.375rem;
+  color: inherit;
+  text-decoration: none;
+  transition: color 150ms;
+}
+
+[data-slot='credit'] svg {
+  width: auto;
+  height: 1.125rem;
+  flex-shrink: 0;
+  color: #073b78;
+}
+
+.dark [data-slot='credit'] svg {
+  color: #ffffff;
+}
+
+[data-slot='credit'] a:hover,
+[data-slot='credit'] a:focus-visible {
+  color: var(--foreground);
+  text-decoration: underline;
+  text-underline-offset: 4px;
+}
+
+[data-slot='credit'] strong {
+  font-weight: 600;
+}

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/TenantChooser.js.map

@@ -1 +1 @@
-{"version":3,"file":"TenantChooser.js","names":["_sfc_main","TenantChooser_vue_vue_type_script_setup_true_lang_default","TenantChooser_default"],"sources":["../../../src/starter-kit/widgets/TenantChooser.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { initials, tenantNameText } from '@alfakit/core'\nimport { router } from '@inertiajs/vue3'\nimport { ChevronsUpDownIcon, PlusIcon } from '@lucide/vue'\nimport { computed } from 'vue'\nimport NavLabel from '../../components/panel/NavLabel.vue'\nimport Avatar from '../../components/ui/Avatar.vue'\nimport AvatarFallback from '../../components/ui/AvatarFallback.vue'\nimport AvatarImage from '../../components/ui/AvatarImage.vue'\nimport DropdownMenu from '../../components/ui/DropdownMenu.vue'\nimport DropdownMenuContent from '../../components/ui/DropdownMenuContent.vue'\nimport DropdownMenuItem from '../../components/ui/DropdownMenuItem.vue'\nimport DropdownMenuLabel from '../../components/ui/DropdownMenuLabel.vue'\nimport DropdownMenuSeparator from '../../components/ui/DropdownMenuSeparator.vue'\nimport DropdownMenuTrigger from '../../components/ui/DropdownMenuTrigger.vue'\nimport { usePanel, useT } from '../../context'\nimport { Icon } from '../../lib/icons'\n\n/** The user's tenants on a page outside the panel (no current tenant). */\nconst t = useT()\nconst panel = usePanel()\nconst tenancy = computed(() => panel.value.tenancy)\nconst label = computed(() => t('starter_kit.choose_tenant', {}, 'Choose a tenant'))\nconst visible = computed(\n  () => !!tenancy.value && (tenancy.value.tenants.length > 0 || !!tenancy.value.registrationUrl),\n)\n</script>\n\n<template>\n  <DropdownMenu v-if=\"tenancy && visible\">\n    <DropdownMenuTrigger as-child>\n      <button\n        type=\"button\"\n        data-slot=\"tenant-menu\"\n        class=\"hover:bg-accent data-[state=open]:bg-accent inline-flex h-9 max-w-60 shrink-0 items-center gap-2 rounded-md px-2 text-sm font-medium\"\n      >\n        <span class=\"sr-only lg:not-sr-only lg:truncate\">{{ label }}</span>\n        <Icon\n          name=\"alfakit::panels.tenant-menu.toggle-button\"\n          :fallback=\"ChevronsUpDownIcon\"\n          class=\"text-muted-foreground size-4 shrink-0\"\n        />\n      </button>\n    </DropdownMenuTrigger>\n    <DropdownMenuContent class=\"min-w-56 rounded-lg\" side=\"bottom\" align=\"end\" :side-offset=\"4\">\n      <DropdownMenuLabel v-if=\"tenancy.tenants.length > 0\" class=\"text-muted-foreground text-xs\">{{\n        label\n      }}</DropdownMenuLabel>\n      <DropdownMenuItem\n        v-for=\"tenant in tenancy.tenants\"\n        :key=\"String(tenant.id)\"\n        @select=\"router.visit(tenant.url)\"\n      >\n        <Avatar class=\"size-6 rounded-sm\">\n          <AvatarImage v-if=\"tenant.avatar\" :src=\"tenant.avatar\" alt=\"\" />\n          <AvatarFallback class=\"rounded-sm text-[10px]\">{{\n            initials(tenantNameText(tenant))\n          }}</AvatarFallback>\n        </Avatar>\n        <NavLabel class=\"flex-1 truncate\" :text=\"tenant.name\" :html=\"tenant.nameHtml\" />\n      </DropdownMenuItem>\n      <template v-if=\"tenancy.registrationUrl\">\n        <DropdownMenuSeparator v-if=\"tenancy.tenants.length > 0\" />\n        <DropdownMenuItem @select=\"router.visit(tenancy.registrationUrl!)\">\n          <Icon name=\"alfakit::panels.tenant-menu.registration-button\" :fallback=\"PlusIcon\" />\n          {{ t('tenancy.register', {}, 'New') }}\n        </DropdownMenuItem>\n      </template>\n    </DropdownMenuContent>\n  </DropdownMenu>\n</template>\n"],"mappings":""}
+{"version":3,"file":"TenantChooser.js","names":["_sfc_main","TenantChooser_vue_vue_type_script_setup_true_lang_default","TenantChooser_default"],"sources":["../../../src/starter-kit/widgets/TenantChooser.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { initials, tenantNameText } from '@alfakit/core'\nimport { router } from '@inertiajs/vue3'\nimport { ChevronsUpDownIcon, PlusIcon } from '@lucide/vue'\nimport { computed } from 'vue'\nimport NavLabel from '../../components/panel/NavLabel.vue'\nimport Avatar from '../../components/ui/Avatar.vue'\nimport AvatarFallback from '../../components/ui/AvatarFallback.vue'\nimport AvatarImage from '../../components/ui/AvatarImage.vue'\nimport DropdownMenu from '../../components/ui/DropdownMenu.vue'\nimport DropdownMenuContent from '../../components/ui/DropdownMenuContent.vue'\nimport DropdownMenuItem from '../../components/ui/DropdownMenuItem.vue'\nimport DropdownMenuLabel from '../../components/ui/DropdownMenuLabel.vue'\nimport DropdownMenuSeparator from '../../components/ui/DropdownMenuSeparator.vue'\nimport DropdownMenuTrigger from '../../components/ui/DropdownMenuTrigger.vue'\nimport { usePanel, useT } from '../../context'\nimport { Icon } from '../../lib/icons'\n\n/** The user's tenants on a page outside the panel (no current tenant). */\nconst t = useT()\nconst panel = usePanel()\nconst tenancy = computed(() => panel.value.tenancy)\nconst label = computed(() => t('starter_kit.choose_tenant', {}, 'Choose a tenant'))\nconst visible = computed(\n  () => !!tenancy.value && (tenancy.value.tenants.length > 0 || !!tenancy.value.registrationUrl),\n)\n</script>\n\n<template>\n  <DropdownMenu v-if=\"tenancy && visible\">\n    <DropdownMenuTrigger as-child>\n      <button\n        type=\"button\"\n        data-slot=\"tenant-menu\"\n        class=\"hover:bg-accent data-[state=open]:bg-accent inline-flex h-9 max-w-60 shrink-0 items-center gap-2 rounded-md px-2 text-sm font-medium\"\n      >\n        <span class=\"sr-only lg:not-sr-only lg:truncate\">{{ label }}</span>\n        <Icon\n          name=\"alfakit::panels.tenant-menu.toggle-button\"\n          :fallback=\"ChevronsUpDownIcon\"\n          class=\"text-muted-foreground size-4 shrink-0\"\n        />\n      </button>\n    </DropdownMenuTrigger>\n    <DropdownMenuContent class=\"min-w-56 rounded-lg\" side=\"bottom\" align=\"end\" :side-offset=\"4\">\n      <DropdownMenuLabel v-if=\"tenancy.tenants.length > 0\" class=\"text-muted-foreground text-xs\">{{\n        label\n      }}</DropdownMenuLabel>\n      <DropdownMenuItem\n        v-for=\"tenant in tenancy.tenants\"\n        :key=\"String(tenant.id)\"\n        @select=\"router.visit(tenant.url)\"\n      >\n        <Avatar class=\"size-6 rounded-sm\">\n          <AvatarImage v-if=\"tenant.avatar\" :src=\"tenant.avatar\" alt=\"\" />\n          <AvatarFallback class=\"rounded-sm text-[10px]\">{{\n            initials(tenantNameText(tenant))\n          }}</AvatarFallback>\n        </Avatar>\n        <NavLabel class=\"flex-1 truncate\" :text=\"tenant.name\" :html=\"tenant.nameHtml\" />\n      </DropdownMenuItem>\n      <template v-if=\"tenancy.registrationUrl\">\n        <DropdownMenuSeparator v-if=\"tenancy.tenants.length > 0\" />\n        <DropdownMenuItem @select=\"router.visit(tenancy.registrationUrl!)\">\n          <Icon name=\"alfakit::panels.tenant-menu.registration-button\" :fallback=\"PlusIcon\" />\n          {{ tenancy.registrationLabel ?? t('tenancy.register', {}, 'New') }}\n        </DropdownMenuItem>\n      </template>\n    </DropdownMenuContent>\n  </DropdownMenu>\n</template>\n"],"mappings":""}

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

@@ -70,7 +70,7 @@ var M = {
 						default: k(() => [C(O(n), {
 							name: "alfakit::panels.tenant-menu.registration-button",
 							fallback: O(j)
-						}, null, 8, ["fallback"]), S(" " + D(O(P)("tenancy.register", {}, "New")), 1)]),
+						}, null, 8, ["fallback"]), S(" " + D(I.value.registrationLabel ?? O(P)("tenancy.register", {}, "New")), 1)]),
 						_: 1
 					})], 64)) : y("", !0)
 				]),

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

@@ -1 +1 @@
-{"version":3,"file":"TenantChooser.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","DropdownMenu","_withCtx","_createVNode","DropdownMenuTrigger","_createElementVNode","_toDisplayString","_unref","Icon","DropdownMenuContent","DropdownMenuLabel","_createTextVNode","_createCommentVNode","_createElementBlock","_Fragment","_renderList","DropdownMenuItem","Avatar","AvatarImage","AvatarFallback","NavLabel","DropdownMenuSeparator","Icon_default","DropdownMenu_default","DropdownMenuContent_default","DropdownMenuItem_default","DropdownMenuSeparator_default","DropdownMenuTrigger_default","DropdownMenuLabel_default","NavLabel_default","Avatar_default","AvatarFallback_default","AvatarImage_default","_hoisted_1","_hoisted_2","TenantChooser_vue_vue_type_script_setup_true_lang_default","t","useT","panel","usePanel","tenancy","computed","label","visible","openBlock","createBlock","withCtx","createVNode","createElementVNode","toDisplayString","unref","ChevronsUpDownIcon","createTextVNode","createCommentVNode","createElementBlock","Fragment","renderList","tenant","router","initials","tenantNameText","_cache","PlusIcon"],"sources":["../../../src/starter-kit/widgets/TenantChooser.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { initials, tenantNameText } from '@alfakit/core'\nimport { router } from '@inertiajs/vue3'\nimport { ChevronsUpDownIcon, PlusIcon } from '@lucide/vue'\nimport { computed } from 'vue'\nimport NavLabel from '../../components/panel/NavLabel.vue'\nimport Avatar from '../../components/ui/Avatar.vue'\nimport AvatarFallback from '../../components/ui/AvatarFallback.vue'\nimport AvatarImage from '../../components/ui/AvatarImage.vue'\nimport DropdownMenu from '../../components/ui/DropdownMenu.vue'\nimport DropdownMenuContent from '../../components/ui/DropdownMenuContent.vue'\nimport DropdownMenuItem from '../../components/ui/DropdownMenuItem.vue'\nimport DropdownMenuLabel from '../../components/ui/DropdownMenuLabel.vue'\nimport DropdownMenuSeparator from '../../components/ui/DropdownMenuSeparator.vue'\nimport DropdownMenuTrigger from '../../components/ui/DropdownMenuTrigger.vue'\nimport { usePanel, useT } from '../../context'\nimport { Icon } from '../../lib/icons'\n\n/** The user's tenants on a page outside the panel (no current tenant). */\nconst t = useT()\nconst panel = usePanel()\nconst tenancy = computed(() => panel.value.tenancy)\nconst label = computed(() => t('starter_kit.choose_tenant', {}, 'Choose a tenant'))\nconst visible = computed(\n  () => !!tenancy.value && (tenancy.value.tenants.length > 0 || !!tenancy.value.registrationUrl),\n)\n</script>\n\n<template>\n  <DropdownMenu v-if=\"tenancy && visible\">\n    <DropdownMenuTrigger as-child>\n      <button\n        type=\"button\"\n        data-slot=\"tenant-menu\"\n        class=\"hover:bg-accent data-[state=open]:bg-accent inline-flex h-9 max-w-60 shrink-0 items-center gap-2 rounded-md px-2 text-sm font-medium\"\n      >\n        <span class=\"sr-only lg:not-sr-only lg:truncate\">{{ label }}</span>\n        <Icon\n          name=\"alfakit::panels.tenant-menu.toggle-button\"\n          :fallback=\"ChevronsUpDownIcon\"\n          class=\"text-muted-foreground size-4 shrink-0\"\n        />\n      </button>\n    </DropdownMenuTrigger>\n    <DropdownMenuContent class=\"min-w-56 rounded-lg\" side=\"bottom\" align=\"end\" :side-offset=\"4\">\n      <DropdownMenuLabel v-if=\"tenancy.tenants.length > 0\" class=\"text-muted-foreground text-xs\">{{\n        label\n      }}</DropdownMenuLabel>\n      <DropdownMenuItem\n        v-for=\"tenant in tenancy.tenants\"\n        :key=\"String(tenant.id)\"\n        @select=\"router.visit(tenant.url)\"\n      >\n        <Avatar class=\"size-6 rounded-sm\">\n          <AvatarImage v-if=\"tenant.avatar\" :src=\"tenant.avatar\" alt=\"\" />\n          <AvatarFallback class=\"rounded-sm text-[10px]\">{{\n            initials(tenantNameText(tenant))\n          }}</AvatarFallback>\n        </Avatar>\n        <NavLabel class=\"flex-1 truncate\" :text=\"tenant.name\" :html=\"tenant.nameHtml\" />\n      </DropdownMenuItem>\n      <template v-if=\"tenancy.registrationUrl\">\n        <DropdownMenuSeparator v-if=\"tenancy.tenants.length > 0\" />\n        <DropdownMenuItem @select=\"router.visit(tenancy.registrationUrl!)\">\n          <Icon name=\"alfakit::panels.tenant-menu.registration-button\" :fallback=\"PlusIcon\" />\n          {{ t('tenancy.register', {}, 'New') }}\n        </DropdownMenuItem>\n      </template>\n    </DropdownMenuContent>\n  </DropdownMenu>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;EAmBA,IAAMqC,IAAIC,EAAK,GACTC,IAAQC,EAAS,GACjBC,IAAUC,QAAeH,EAAM,MAAM,OAAO,GAC5CI,IAAQD,QAAeL,EAAE,6BAA6B,CAAC,GAAG,iBAAiB,CAAC,GAC5EO,IAAUF,QACR,CAAC,CAACD,EAAQ,UAAUA,EAAQ,MAAM,QAAQ,SAAS,KAAK,CAAC,CAACA,EAAQ,MAAM,gBAChF;mBAIsBA,EAAA,SAAWG,EAAA,SAA/B5C,EAAA,GAAAC,EAwCeC,GAAA,EAAA,KAAA,EAAA,GAAA;GAvCb,SAAAC,QAasB,CAbtBC,EAasBC,GAAA,EAbD,YAAA,GAAQ,GAAA;IAC3B,SAAAF,QAWS,CAXTG,EAWS,UAXT4B,GAWS,CANP5B,EAAmE,QAAnE6B,GAAmE5B,EAAfoC,EAAA,KAAK,GAAA,CAAA,GACzDvC,EAIEI,EAAAC,CAAA,GAAA;KAHA,MAAK;KACJ,UAAUD,EAAA4C,CAAA;KACX,OAAM;;;GAIZhD,CAAAA,GAAAA,EAwBsBM,GAAA;IAxBD,OAAM;IAAsB,MAAK;IAAS,OAAM;IAAO,eAAa;;IACvF,SAAAP,QAEsB;KAFGsC,EAAA,MAAQ,QAAQ,SAAM,KAA/CzC,EAAA,GAAAC,EAEsBU,GAAA;;MAF+B,OAAM;;MAAgC,SAAAR,QAEzF,CADAS,EAAAL,EAAAoC,EAAA,KAAK,GAAA,CAAA,CAAA,CAAA;;;MAEP3C,EAAA,EAAA,GAAAc,EAYmBC,GAAA,MAAAC,EAXAyB,EAAA,MAAQ,UAAlB,OADTzC,EAAA,GAAAC,EAYmBgB,GAAA;MAVhB,KAAK,OAAOyC,EAAO,EAAE;MACrB,WAAM,MAAElD,EAAAmD,CAAA,CAAM,CAAC,MAAMD,EAAO,GAAG;;MAEhC,SAAAvD,QAKS,CALTC,EAKSc,GAAA,EALD,OAAM,oBAAmB,GAAA;OAC/B,SAAAf,QAAgE,CAA7CuD,EAAO,UAA1B1D,EAAA,GAAAC,EAAgEkB,GAAA;;QAA7B,KAAKuC,EAAO;QAAQ,KAAI;OAC3DtD,GAAAA,MAAAA,GAAAA,CAAAA,KAAAA,CAAAA,KAAAA,EAAAA,IAAAA,EAAAA,GAAAA,EAEmBgB,GAAA,EAFH,OAAM,yBAAwB,GAAA;QAAC,SAAAjB,QAE7C,CADAS,EAAAL,EAAAC,EAAAoD,CAAA,CAAQ,CAACpD,EAAAqD,CAAA,CAAc,CAACH,CAAM,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA;;;;MAGlCtD,GAAAA,IAAAA,GAAAA,EAAgFiB,GAAA;OAAtE,OAAM;OAAmB,MAAMqC,EAAO;OAAO,MAAMA,EAAO;;;;KAEtDjB,EAAA,MAAQ,mBAAxBzC,EAAA,GAAAc,EAMWC,GAAA,EAAA,KAAA,EAAA,GAAA,CALoB0B,EAAA,MAAQ,QAAQ,SAAM,KAAnDzC,EAAA,GAAAC,EAA2DqB,GAAA,EAAA,KAAA,EAAA,CAAA,KAAAgC,EAAA,IAAA,EAAA,GAC3DlD,EAGmBa,GAAA,EAHA,UAAM,AAAA6C,EAAA,QAAA,MAAEtD,EAAAmD,CAAA,CAAM,CAAC,MAAMlB,EAAA,MAAQ,eAAe,EAAA,GAAA;MAC7D,SAAAtC,QAAoF,CAApFC,EAAoFI,EAAAC,CAAA,GAAA;OAA9E,MAAK;OAAmD,UAAUD,EAAAuD,CAAA;MAAYnD,GAAAA,MAAAA,GAAAA,CAAAA,UAAAA,CAAAA,GAAAA,EAAA,MACpFL,EAAGC,EAAA6B,CAAA,CAAC,CAAA,oBAAA,CAAA,GAAA,KAAA,CAAA,GAAA,CAAA,CAAA,CAAA"}
+{"version":3,"file":"TenantChooser.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","DropdownMenu","_withCtx","_createVNode","DropdownMenuTrigger","_createElementVNode","_toDisplayString","_unref","Icon","DropdownMenuContent","DropdownMenuLabel","_createTextVNode","_createCommentVNode","_createElementBlock","_Fragment","_renderList","DropdownMenuItem","Avatar","AvatarImage","AvatarFallback","NavLabel","DropdownMenuSeparator","Icon_default","DropdownMenu_default","DropdownMenuContent_default","DropdownMenuItem_default","DropdownMenuSeparator_default","DropdownMenuTrigger_default","DropdownMenuLabel_default","NavLabel_default","Avatar_default","AvatarFallback_default","AvatarImage_default","_hoisted_1","_hoisted_2","TenantChooser_vue_vue_type_script_setup_true_lang_default","t","useT","panel","usePanel","tenancy","computed","label","visible","openBlock","createBlock","withCtx","createVNode","createElementVNode","toDisplayString","unref","ChevronsUpDownIcon","createTextVNode","createCommentVNode","createElementBlock","Fragment","renderList","tenant","router","initials","tenantNameText","_cache","PlusIcon"],"sources":["../../../src/starter-kit/widgets/TenantChooser.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { initials, tenantNameText } from '@alfakit/core'\nimport { router } from '@inertiajs/vue3'\nimport { ChevronsUpDownIcon, PlusIcon } from '@lucide/vue'\nimport { computed } from 'vue'\nimport NavLabel from '../../components/panel/NavLabel.vue'\nimport Avatar from '../../components/ui/Avatar.vue'\nimport AvatarFallback from '../../components/ui/AvatarFallback.vue'\nimport AvatarImage from '../../components/ui/AvatarImage.vue'\nimport DropdownMenu from '../../components/ui/DropdownMenu.vue'\nimport DropdownMenuContent from '../../components/ui/DropdownMenuContent.vue'\nimport DropdownMenuItem from '../../components/ui/DropdownMenuItem.vue'\nimport DropdownMenuLabel from '../../components/ui/DropdownMenuLabel.vue'\nimport DropdownMenuSeparator from '../../components/ui/DropdownMenuSeparator.vue'\nimport DropdownMenuTrigger from '../../components/ui/DropdownMenuTrigger.vue'\nimport { usePanel, useT } from '../../context'\nimport { Icon } from '../../lib/icons'\n\n/** The user's tenants on a page outside the panel (no current tenant). */\nconst t = useT()\nconst panel = usePanel()\nconst tenancy = computed(() => panel.value.tenancy)\nconst label = computed(() => t('starter_kit.choose_tenant', {}, 'Choose a tenant'))\nconst visible = computed(\n  () => !!tenancy.value && (tenancy.value.tenants.length > 0 || !!tenancy.value.registrationUrl),\n)\n</script>\n\n<template>\n  <DropdownMenu v-if=\"tenancy && visible\">\n    <DropdownMenuTrigger as-child>\n      <button\n        type=\"button\"\n        data-slot=\"tenant-menu\"\n        class=\"hover:bg-accent data-[state=open]:bg-accent inline-flex h-9 max-w-60 shrink-0 items-center gap-2 rounded-md px-2 text-sm font-medium\"\n      >\n        <span class=\"sr-only lg:not-sr-only lg:truncate\">{{ label }}</span>\n        <Icon\n          name=\"alfakit::panels.tenant-menu.toggle-button\"\n          :fallback=\"ChevronsUpDownIcon\"\n          class=\"text-muted-foreground size-4 shrink-0\"\n        />\n      </button>\n    </DropdownMenuTrigger>\n    <DropdownMenuContent class=\"min-w-56 rounded-lg\" side=\"bottom\" align=\"end\" :side-offset=\"4\">\n      <DropdownMenuLabel v-if=\"tenancy.tenants.length > 0\" class=\"text-muted-foreground text-xs\">{{\n        label\n      }}</DropdownMenuLabel>\n      <DropdownMenuItem\n        v-for=\"tenant in tenancy.tenants\"\n        :key=\"String(tenant.id)\"\n        @select=\"router.visit(tenant.url)\"\n      >\n        <Avatar class=\"size-6 rounded-sm\">\n          <AvatarImage v-if=\"tenant.avatar\" :src=\"tenant.avatar\" alt=\"\" />\n          <AvatarFallback class=\"rounded-sm text-[10px]\">{{\n            initials(tenantNameText(tenant))\n          }}</AvatarFallback>\n        </Avatar>\n        <NavLabel class=\"flex-1 truncate\" :text=\"tenant.name\" :html=\"tenant.nameHtml\" />\n      </DropdownMenuItem>\n      <template v-if=\"tenancy.registrationUrl\">\n        <DropdownMenuSeparator v-if=\"tenancy.tenants.length > 0\" />\n        <DropdownMenuItem @select=\"router.visit(tenancy.registrationUrl!)\">\n          <Icon name=\"alfakit::panels.tenant-menu.registration-button\" :fallback=\"PlusIcon\" />\n          {{ tenancy.registrationLabel ?? t('tenancy.register', {}, 'New') }}\n        </DropdownMenuItem>\n      </template>\n    </DropdownMenuContent>\n  </DropdownMenu>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;EAmBA,IAAMqC,IAAIC,EAAK,GACTC,IAAQC,EAAS,GACjBC,IAAUC,QAAeH,EAAM,MAAM,OAAO,GAC5CI,IAAQD,QAAeL,EAAE,6BAA6B,CAAC,GAAG,iBAAiB,CAAC,GAC5EO,IAAUF,QACR,CAAC,CAACD,EAAQ,UAAUA,EAAQ,MAAM,QAAQ,SAAS,KAAK,CAAC,CAACA,EAAQ,MAAM,gBAChF;mBAIsBA,EAAA,SAAWG,EAAA,SAA/B5C,EAAA,GAAAC,EAwCeC,GAAA,EAAA,KAAA,EAAA,GAAA;GAvCb,SAAAC,QAasB,CAbtBC,EAasBC,GAAA,EAbD,YAAA,GAAQ,GAAA;IAC3B,SAAAF,QAWS,CAXTG,EAWS,UAXT4B,GAWS,CANP5B,EAAmE,QAAnE6B,GAAmE5B,EAAfoC,EAAA,KAAK,GAAA,CAAA,GACzDvC,EAIEI,EAAAC,CAAA,GAAA;KAHA,MAAK;KACJ,UAAUD,EAAA4C,CAAA;KACX,OAAM;;;GAIZhD,CAAAA,GAAAA,EAwBsBM,GAAA;IAxBD,OAAM;IAAsB,MAAK;IAAS,OAAM;IAAO,eAAa;;IACvF,SAAAP,QAEsB;KAFGsC,EAAA,MAAQ,QAAQ,SAAM,KAA/CzC,EAAA,GAAAC,EAEsBU,GAAA;;MAF+B,OAAM;;MAAgC,SAAAR,QAEzF,CADAS,EAAAL,EAAAoC,EAAA,KAAK,GAAA,CAAA,CAAA,CAAA;;;MAEP3C,EAAA,EAAA,GAAAc,EAYmBC,GAAA,MAAAC,EAXAyB,EAAA,MAAQ,UAAlB,OADTzC,EAAA,GAAAC,EAYmBgB,GAAA;MAVhB,KAAK,OAAOyC,EAAO,EAAE;MACrB,WAAM,MAAElD,EAAAmD,CAAA,CAAM,CAAC,MAAMD,EAAO,GAAG;;MAEhC,SAAAvD,QAKS,CALTC,EAKSc,GAAA,EALD,OAAM,oBAAmB,GAAA;OAC/B,SAAAf,QAAgE,CAA7CuD,EAAO,UAA1B1D,EAAA,GAAAC,EAAgEkB,GAAA;;QAA7B,KAAKuC,EAAO;QAAQ,KAAI;OAC3DtD,GAAAA,MAAAA,GAAAA,CAAAA,KAAAA,CAAAA,KAAAA,EAAAA,IAAAA,EAAAA,GAAAA,EAEmBgB,GAAA,EAFH,OAAM,yBAAwB,GAAA;QAAC,SAAAjB,QAE7C,CADAS,EAAAL,EAAAC,EAAAoD,CAAA,CAAQ,CAACpD,EAAAqD,CAAA,CAAc,CAACH,CAAM,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA;;;;MAGlCtD,GAAAA,IAAAA,GAAAA,EAAgFiB,GAAA;OAAtE,OAAM;OAAmB,MAAMqC,EAAO;OAAO,MAAMA,EAAO;;;;KAEtDjB,EAAA,MAAQ,mBAAxBzC,EAAA,GAAAc,EAMWC,GAAA,EAAA,KAAA,EAAA,GAAA,CALoB0B,EAAA,MAAQ,QAAQ,SAAM,KAAnDzC,EAAA,GAAAC,EAA2DqB,GAAA,EAAA,KAAA,EAAA,CAAA,KAAAgC,EAAA,IAAA,EAAA,GAC3DlD,EAGmBa,GAAA,EAHA,UAAM,AAAA6C,EAAA,QAAA,MAAEtD,EAAAmD,CAAA,CAAM,CAAC,MAAMlB,EAAA,MAAQ,eAAe,EAAA,GAAA;MAC7D,SAAAtC,QAAoF,CAApFC,EAAoFI,EAAAC,CAAA,GAAA;OAA9E,MAAK;OAAmD,UAAUD,EAAAuD,CAAA;MAAYnD,GAAAA,MAAAA,GAAAA,CAAAA,UAAAA,CAAAA,GAAAA,EAAA,MACpFL,EAAGkC,EAAA,MAAQ,qBAAqBjC,EAAA6B,CAAA,CAAC,CAAA,oBAAA,CAAA,GAAA,KAAA,CAAA,GAAA,CAAA,CAAA,CAAA"}

package/dist/themes.css

@@ -1,3 +1,5 @@
+@import './components.css';
+
 /*
  * Alfakit themes. Shared by every renderer and imported by their `styles.css`.
  *
@@ -1004,337 +1006,3 @@
   box-shadow: none;
   outline: none;
 }
-
-/* ------------------------------------------------------------------ Charts */
-
-/*
- * Chart.js paints axes, legends and tooltips on the canvas, so chart widgets read these
- * properties from <html> (re-read when the theme or dark mode changes). Colours take any
- * CSS colour; the widths and radius are unitless numbers. Override them in a theme:
- *   :root[data-alfakit-theme~='acme'] { --chart-tooltip-bg: oklch(0.2 0 0); }
- * Stat sparklines (`[data-slot='stat-chart']`) use the `--stat-chart-*` properties.
- */
-:root {
-  --chart-text: var(--muted-foreground);
-  --chart-grid: var(--border);
-  --chart-legend-foreground: var(--muted-foreground);
-  --chart-tooltip-bg: var(--popover);
-  --chart-tooltip-foreground: var(--popover-foreground);
-  --chart-tooltip-border: var(--border);
-  --chart-tooltip-border-width: 1;
-  --chart-tooltip-radius: 6;
-  --stat-chart-stroke-width: 2;
-  --stat-chart-fill-opacity: 0.12;
-}
-
-/*
- * RichEditor `grid` column blocks and `lead` / `small` text, in the editor and in rendered
- * content (`RichContentRenderer`). Columns stack on small screens. Stored as
- * `<div data-type="grid" class="alfakit-grid alfakit-grid-cols-2"><div data-type="gridColumn">`
- * and `<p class="alfakit-lead">`; copy these rules when showing content outside a panel.
- */
-:where(.alfakit-grid) {
-  display: grid;
-  gap: 1rem;
-  grid-template-columns: minmax(0, 1fr);
-  margin-block: 0.5rem;
-}
-:where(.alfakit-grid-column) {
-  min-width: 0;
-}
-:where(.alfakit-grid-column) > :first-child {
-  margin-block-start: 0;
-}
-@media (min-width: 768px) {
-  :where(.alfakit-grid-cols-2) {
-    grid-template-columns: repeat(2, minmax(0, 1fr));
-  }
-  :where(.alfakit-grid-cols-3) {
-    grid-template-columns: repeat(3, minmax(0, 1fr));
-  }
-  :where(.alfakit-grid-cols-4) {
-    grid-template-columns: repeat(4, minmax(0, 1fr));
-  }
-  :where(.alfakit-grid-cols-5) {
-    grid-template-columns: repeat(5, minmax(0, 1fr));
-  }
-  :where(.alfakit-grid-cols-6) {
-    grid-template-columns: repeat(6, minmax(0, 1fr));
-  }
-}
-:where([contenteditable] .alfakit-grid-column) {
-  border: 1px dashed var(--border);
-  border-radius: 0.375rem;
-  padding: 0.25rem 0.5rem;
-}
-:where(.alfakit-lead) {
-  font-size: 1.125em;
-  line-height: 1.6;
-}
-:where(.alfakit-prose small) {
-  font-size: 0.8125em;
-}
-
-/* ---------------------------------------------------------- Calendar and tree */
-
-/*
- * The calendar widget (alfasix/alfakit-calendar) draws FullCalendar inside
- * `[data-slot="calendar"]`; FullCalendar reads these `--fc-*` variables, so every theme's
- * tokens (and dark mode) apply. Override them on the slot to restyle one calendar.
- */
-:where(.fc[data-slot='calendar']) {
-  --fc-small-font-size: 0.75rem;
-  --fc-page-bg-color: var(--card);
-  --fc-neutral-bg-color: var(--muted);
-  --fc-neutral-text-color: var(--muted-foreground);
-  --fc-border-color: var(--border);
-  --fc-button-text-color: var(--foreground);
-  --fc-button-bg-color: var(--background);
-  --fc-button-border-color: var(--border);
-  --fc-button-hover-bg-color: var(--accent);
-  --fc-button-hover-border-color: var(--border);
-  --fc-button-active-bg-color: var(--secondary);
-  --fc-button-active-border-color: var(--border);
-  --fc-event-bg-color: var(--primary);
-  --fc-event-border-color: var(--primary);
-  --fc-event-text-color: var(--primary-foreground);
-  --fc-event-selected-overlay-color: color-mix(in oklab, var(--foreground) 25%, transparent);
-  --fc-more-link-bg-color: var(--muted);
-  --fc-more-link-text-color: var(--foreground);
-  --fc-non-business-color: color-mix(in oklab, var(--muted) 60%, transparent);
-  --fc-bg-event-color: var(--primary);
-  --fc-bg-event-opacity: 0.2;
-  --fc-highlight-color: color-mix(in oklab, var(--primary) 15%, transparent);
-  --fc-today-bg-color: color-mix(in oklab, var(--primary) 6%, transparent);
-  --fc-now-indicator-color: var(--destructive);
-  --fc-list-event-hover-bg-color: var(--accent);
-  color: var(--card-foreground);
-}
-/*
- * FullCalendar puts its `fc` class on the slot element itself and injects its own CSS
- * (`.fc .fc-button`, two classes), so these rules are plain selectors anchored on
- * `.fc[data-slot='calendar']` (three) rather than `:where()`, which would always lose.
- * Restyle one calendar with a more specific selector or with the `--fc-*` variables.
- */
-.fc[data-slot='calendar'] .fc-toolbar-title {
-  font-size: 1.125rem;
-  font-weight: 600;
-  line-height: 1.75rem;
-  color: var(--foreground);
-}
-.fc[data-slot='calendar'] .fc-button {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  min-height: 2.25rem;
-  padding: 0.375rem 0.75rem;
-  border-radius: var(--radius);
-  font-size: 0.875rem;
-  font-weight: 500;
-  line-height: 1.25rem;
-  box-shadow: none;
-  text-transform: capitalize;
-}
-.fc[data-slot='calendar'] .fc-button .fc-icon {
-  font-size: 1.125rem;
-}
-.fc[data-slot='calendar'] .fc-button-group > .fc-button:not(:first-child) {
-  border-start-start-radius: 0;
-  border-end-start-radius: 0;
-}
-.fc[data-slot='calendar'] .fc-button-group > .fc-button:not(:last-child) {
-  border-start-end-radius: 0;
-  border-end-end-radius: 0;
-}
-.fc[data-slot='calendar'] .fc-button-primary:disabled {
-  opacity: 0.5;
-}
-.fc[data-slot='calendar'] .fc-button-primary:not(:disabled).fc-button-active,
-.fc[data-slot='calendar'] .fc-button-primary:not(:disabled):active {
-  color: var(--secondary-foreground);
-}
-.fc[data-slot='calendar'] .fc-button-primary:focus,
-.fc[data-slot='calendar'] .fc-button-primary:not(:disabled).fc-button-active:focus,
-.fc[data-slot='calendar'] .fc-button-primary:not(:disabled):active:focus {
-  box-shadow: none;
-}
-.fc[data-slot='calendar'] .fc-button:focus-visible {
-  outline: 2px solid var(--ring);
-  outline-offset: 2px;
-  z-index: 2;
-}
-.fc[data-slot='calendar'] a {
-  color: inherit;
-}
-.fc[data-slot='calendar'] .fc-daygrid-day-number,
-.fc[data-slot='calendar'] .fc-col-header-cell-cushion {
-  text-decoration: none;
-}
-.fc[data-slot='calendar'] .fc-col-header-cell-cushion {
-  padding-block: 0.375rem;
-  font-size: 0.75rem;
-  font-weight: 500;
-  color: var(--muted-foreground);
-}
-.fc[data-slot='calendar'] .fc-daygrid-day-number {
-  font-size: 0.875rem;
-}
-.fc[data-slot='calendar'] .fc-day-other .fc-daygrid-day-number {
-  color: var(--muted-foreground);
-}
-/* Today: a tinted cell (`--fc-today-bg-color`) and the date in a primary pill. */
-.fc[data-slot='calendar'] .fc-daygrid-day.fc-day-today .fc-daygrid-day-number {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  min-width: 1.75rem;
-  height: 1.75rem;
-  margin: 0.25rem;
-  padding: 0 0.375rem;
-  border-radius: 9999px;
-  background: var(--primary);
-  color: var(--primary-foreground);
-  font-weight: 600;
-}
-.fc[data-slot='calendar'] .fc-col-header-cell.fc-day-today .fc-col-header-cell-cushion {
-  color: var(--primary);
-  font-weight: 600;
-}
-.fc[data-slot='calendar'] .fc-event {
-  border-radius: min(var(--radius), 0.375rem);
-}
-.fc[data-slot='calendar'] .fc-daygrid-event,
-.fc[data-slot='calendar'] .fc-timegrid-event .fc-event-main,
-.fc[data-slot='calendar'] .fc-list-event td {
-  font-size: 0.75rem;
-}
-.fc[data-slot='calendar'] .fc-daygrid-dot-event:hover,
-.fc[data-slot='calendar'] .fc-daygrid-dot-event.fc-event-mirror {
-  background: var(--accent);
-}
-.fc[data-slot='calendar'] .fc-list-day-cushion,
-.fc[data-slot='calendar'] .fc-popover-header {
-  color: var(--foreground);
-}
-.fc[data-slot='calendar'] .fc-popover {
-  border-radius: var(--radius);
-  box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1);
-  overflow: hidden;
-}
-.fc[data-slot='calendar'] .fc-timegrid-slot-label,
-.fc[data-slot='calendar'] .fc-timegrid-axis,
-.fc[data-slot='calendar'] .fc-list-event-time {
-  color: var(--muted-foreground);
-  font-size: 0.75rem;
-}
-/*
- * The list view hides its column headers for screen readers with `left: -10000px`. Right to
- * left that is scrollable overflow: the whole page gains a 10 000 px horizontal scroll and the
- * top bar slides under the sidebar. Clip it in place instead (still read by screen readers).
- */
-.fc[data-slot='calendar'] .fc-list-table thead {
-  left: auto;
-  inset-inline-start: 0;
-  width: 1px;
-  height: 1px;
-  overflow: hidden;
-  clip-path: inset(50%);
-  white-space: nowrap;
-}
-
-/*
- * Fields contain what they position. Headless switches, checkboxes and radios render a
- * visually hidden native input beside the control, absolutely positioned (and shifted by
- * -100%); without a positioned field it lands at the page edge and, right to left, widens
- * the page on phones.
- */
-:where([data-slot='field']) {
-  position: relative;
-}
-
-/*
- * Narrow screens: FullCalendar keeps its header toolbar on one row, wider than a phone.
- * Its chunks (navigation, title, views) wrap instead, and the title shrinks. Flex gaps and
- * `justify-content` follow the writing direction, so this works right to left too. (Plain
- * selectors: FullCalendar injects its own CSS, which would beat `:where()`; the slot is
- * the `.fc` element itself.)
- */
-@media (max-width: 39.99rem) {
-  [data-slot='calendar'] .fc-toolbar.fc-header-toolbar {
-    flex-wrap: wrap;
-    gap: 0.5rem;
-  }
-  [data-slot='calendar'] .fc-toolbar .fc-toolbar-chunk {
-    display: flex;
-    flex-wrap: wrap;
-    align-items: center;
-    gap: 0.25rem;
-    min-width: 0;
-  }
-  [data-slot='calendar'] .fc-toolbar .fc-toolbar-title {
-    font-size: 1rem;
-    overflow-wrap: anywhere;
-  }
-  [data-slot='calendar'] .fc-toolbar .fc-button {
-    font-size: 0.8125rem;
-  }
-}
-
-/*
- * The tree (alfasix/alfakit-tree): the drop indicator while dragging. Rows carry
- * `data-drop="before|after|inside"`; lines are drawn above or below the row, so they
- * need no direction.
- */
-:where([data-slot='tree-item'][data-drop='before']) {
-  box-shadow: inset 0 2px 0 0 var(--primary);
-}
-:where([data-slot='tree-item'][data-drop='after']) {
-  box-shadow: inset 0 -2px 0 0 var(--primary);
-}
-:where([data-slot='tree-item'][data-drop='inside']) {
-  background-color: color-mix(in oklab, var(--primary) 10%, transparent);
-  outline: 1px dashed var(--primary);
-  outline-offset: -1px;
-}
-
-/*
- * The Kanban board (alfasix/alfakit-kanban). A card being dragged leaves a dashed
- * placeholder (`data-picked="pointer"`) while a copy follows the pointer
- * (`data-slot="kanban-ghost"`); a card picked up with the keyboard is lifted
- * (`data-picked="keyboard"`). A list the picked card may not enter has `data-refused`.
- */
-:where([data-slot='kanban-card'][data-picked='pointer']) {
-  opacity: 0.45;
-}
-:where([data-slot='kanban-card'][data-picked='pointer'] > [data-slot='kanban-card-body']) {
-  border-style: dashed;
-  box-shadow: none;
-}
-:where([data-slot='kanban-card'][data-picked='keyboard'] > [data-slot='kanban-card-body']) {
-  outline: 2px solid var(--primary);
-  outline-offset: 2px;
-  box-shadow: 0 10px 24px -12px color-mix(in oklab, var(--foreground) 45%, transparent);
-}
-:where([data-slot='kanban-card'][data-saving]) {
-  opacity: 0.7;
-}
-:where([data-slot='kanban-ghost']) {
-  cursor: grabbing;
-  list-style: none;
-  box-shadow: 0 18px 40px -16px color-mix(in oklab, var(--foreground) 55%, transparent);
-}
-:where([data-slot='kanban-dropzone'][data-refused]) {
-  background-color: color-mix(in oklab, var(--destructive) 8%, transparent);
-  outline: 1px dashed var(--destructive);
-  outline-offset: -1px;
-}
-:where(body[data-kanban-dragging]) {
-  cursor: grabbing;
-  user-select: none;
-  -webkit-user-select: none;
-}
-@media (prefers-reduced-motion: reduce) {
-  :where([data-slot='kanban-card'] > [data-slot='kanban-card-body']) {
-    transition: none;
-  }
-}