@alfakit/vue 0.1.1 → 0.1.6

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/starter-kit/widgets/index.d.ts

@@ -5,15 +5,17 @@ import { type PropType } from 'vue';
  * nothing for guests or without global search and a command palette.
  */
 export declare const AlfakitSearch: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    /** The `starterKit()` panel to use (the first one by default). */
+    /** The `starterKit()` panel to use (by default the open AlfaKit page's panel, else the first one that has this component). */
     panel: {
         type: PropType<string | undefined>;
         default: undefined;
     };
 }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}> | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    /** The `starterKit()` panel to use (the first one by default). */
+}> | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>[] | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /** The `starterKit()` panel to use (by default the open AlfaKit page's panel, else the first one that has this component). */
     panel: {
         type: PropType<string | undefined>;
         default: undefined;
@@ -26,15 +28,17 @@ export declare const AlfakitSearch: import("vue").DefineComponent<import("vue").
  * realtime updates as in the panel. Renders nothing for guests or without them.
  */
 export declare const AlfakitNotifications: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    /** The `starterKit()` panel to use (the first one by default). */
+    /** The `starterKit()` panel to use (by default the open AlfaKit page's panel, else the first one that has this component). */
     panel: {
         type: PropType<string | undefined>;
         default: undefined;
     };
 }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}> | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    /** The `starterKit()` panel to use (the first one by default). */
+}> | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>[] | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /** The `starterKit()` panel to use (by default the open AlfaKit page's panel, else the first one that has this component). */
     panel: {
         type: PropType<string | undefined>;
         default: undefined;
@@ -47,15 +51,42 @@ export declare const AlfakitNotifications: import("vue").DefineComponent<import(
  * to choose one on the host's own pages. Renders nothing for guests or other panels.
  */
 export declare const AlfakitTenantSwitcher: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    /** The `starterKit()` panel to use (the first one by default). */
+    /** The `starterKit()` panel to use (by default the open AlfaKit page's panel, else the first one that has this component). */
     panel: {
         type: PropType<string | undefined>;
         default: undefined;
     };
 }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}> | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    /** The `starterKit()` panel to use (the first one by default). */
+}> | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>[] | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /** The `starterKit()` panel to use (by default the open AlfaKit page's panel, else the first one that has this component). */
+    panel: {
+        type: PropType<string | undefined>;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    panel: string | undefined;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+/**
+ * The AI copilot of alfasix/alfakit-ai (`AiPlugin::copilot()`): its button and chat
+ * slide-over, opened with its key bindings (`mod+j`) from any page. Renders nothing for
+ * guests, without the plugin's copilot, for users who may not use it and (tenancy panels)
+ * outside a tenant.
+ */
+export declare const AlfakitCopilot: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    /** The `starterKit()` panel to use (by default the open AlfaKit page's panel, else the first one that has this component). */
+    panel: {
+        type: PropType<string | 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;
+}>[] | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /** The `starterKit()` panel to use (by default the open AlfaKit page's panel, else the first one that has this component). */
     panel: {
         type: PropType<string | undefined>;
         default: undefined;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/starter-kit/widgets/index.ts"],"names":[],"mappings":"AAMA,OAAO,EAAkE,KAAK,QAAQ,EAAE,MAAM,KAAK,CAAA;AA6EnG;;;;GAIG;AACH,eAAO,MAAM,aAAa;IAtBpB,kEAAkE;;cACzC,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC;;;;;;IADrD,kEAAkE;;cACzC,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC;;;;;4EA0B1D,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,oBAAoB;IAjC3B,kEAAkE;;cACzC,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC;;;;;;IADrD,kEAAkE;;cACzC,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC;;;;;4EAqC1D,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,qBAAqB;IA5C5B,kEAAkE;;cACzC,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC;;;;;;IADrD,kEAAkE;;cACzC,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC;;;;;4EAgD1D,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/starter-kit/widgets/index.ts"],"names":[],"mappings":"AAMA,OAAO,EAOL,KAAK,QAAQ,EACd,MAAM,KAAK,CAAA;AAqGZ;;;;GAIG;AACH,eAAO,MAAM,aAAa;IAhCpB,8HAA8H;;cACrG,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC;;;;;;;;IADrD,8HAA8H;;cACrG,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC;;;;;4EAoC1D,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,oBAAoB;IA3C3B,8HAA8H;;cACrG,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC;;;;;;;;IADrD,8HAA8H;;cACrG,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC;;;;;4EA+C1D,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,qBAAqB;IAtD5B,8HAA8H;;cACrG,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC;;;;;;;;IADrD,8HAA8H;;cACrG,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC;;;;;4EA0D1D,CAAA;AAED;;;;;GAKG;AACH,eAAO,MAAM,cAAc;IAnErB,8HAA8H;;cACrG,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC;;;;;;;;IADrD,8HAA8H;;cACrG,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC;;;;;4EAuE1D,CAAA"}

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

@@ -1,37 +1,40 @@
 import { lazyComponent as e } from "../../lib/lazy.js";
-import t from "./NotificationsTrigger.js";
-import n from "./SearchTrigger.js";
-import r from "./TenantSwitcherTrigger.js";
-import { starterKitWidgets as i } from "@alfakit/core";
-import { usePage as a } from "@inertiajs/vue3";
-import { computed as o, defineComponent as s, h as c } from "vue";
+import t from "./CopilotTrigger.js";
+import n from "./NotificationsTrigger.js";
+import r from "./SearchTrigger.js";
+import i from "./TenantSwitcherTrigger.js";
+import { starterKitWidgets as a } from "@alfakit/core";
+import { usePage as o } from "@inertiajs/vue3";
+import { computed as s, defineAsyncComponent as c, defineComponent as l, h as u } from "vue";
 //#region src/starter-kit/widgets/index.ts
-function l(e) {
-	let t = a();
-	return o(() => i(t.props, e()));
+function d(e, t) {
+	let n = o();
+	return s(() => a(n.props, e(), t));
 }
-var u = e("AlfakitLoadedSearch", () => import("./LoadedSearch.js").then((e) => e.default), n), d = e("AlfakitLoadedNotifications", () => import("./LoadedNotifications.js").then((e) => e.default), t), f = e("AlfakitLoadedTenantSwitcher", () => import("./LoadedTenantSwitcher.js").then((e) => e.default), r);
-function p(e, t, n, r) {
-	return s({
+var f = e("AlfakitLoadedSearch", () => import("./loaded.js").then((e) => e.LoadedSearch), r), p = e("AlfakitLoadedNotifications", () => import("./loaded.js").then((e) => e.LoadedNotifications), n), m = e("AlfakitLoadedTenantSwitcher", () => import("./loaded.js").then((e) => e.LoadedTenantSwitcher), i), h = e("AlfakitLoadedCopilot", () => import("./loaded.js").then((e) => e.LoadedCopilot), t), g = c(() => import("./StarterKitImpersonationBanner.js"));
+function _(e, t, n, r) {
+	return l({
 		name: e,
 		props: { panel: {
 			type: String,
 			default: void 0
 		} },
 		setup(e) {
-			let i = l(() => e.panel);
+			let i = d(() => e.panel, n);
 			return () => {
-				let e = i.value;
-				return e?.widgets[n] ? c("span", {
+				let e = i.value, a = e?.widgets.impersonation ? u(g, { source: e }) : null;
+				if (!e?.widgets[n]) return a;
+				let o = u("span", {
 					"data-slot": t,
 					class: "inline-flex"
-				}, [c(r, { source: e })]) : null;
+				}, [u(r, { source: e })]);
+				return a ? [a, o] : o;
 			};
 		}
 	});
 }
-var m = p("AlfakitSearch", "starter-kit-search", "search", u), h = p("AlfakitNotifications", "starter-kit-notifications", "notifications", d), g = p("AlfakitTenantSwitcher", "starter-kit-tenant-switcher", "tenancy", f);
+var v = _("AlfakitSearch", "starter-kit-search", "search", f), y = _("AlfakitNotifications", "starter-kit-notifications", "notifications", p), b = _("AlfakitTenantSwitcher", "starter-kit-tenant-switcher", "tenancy", m), x = _("AlfakitCopilot", "starter-kit-copilot", "copilot", h);
 //#endregion
-export { h as AlfakitNotifications, m as AlfakitSearch, g as AlfakitTenantSwitcher };
+export { x as AlfakitCopilot, y as AlfakitNotifications, v as AlfakitSearch, b as AlfakitTenantSwitcher };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["SearchTrigger","NotificationsTrigger","TenantSwitcherTrigger","NotificationsTrigger_default","SearchTrigger_default","TenantSwitcherTrigger_default","useStarterKitWidgets","page","usePage","computed","starterKitWidgets","panelId","LoadedSearch","lazyComponent","module","LoadedNotifications","LoadedTenantSwitcher","headerWidget","defineComponent","source","props","value","part","h","slot","loaded","AlfakitSearch","AlfakitNotifications","AlfakitTenantSwitcher"],"sources":["../../../src/starter-kit/widgets/index.ts"],"sourcesContent":["import {\n  starterKitWidgets,\n  type StarterKitWidgets,\n  type StarterKitWidgetsSchema,\n} from '@alfakit/core'\nimport { usePage } from '@inertiajs/vue3'\nimport { computed, defineComponent, h, type Component, type ComputedRef, type PropType } from 'vue'\nimport { lazyComponent } from '../../lib/lazy'\nimport NotificationsTrigger from './NotificationsTrigger.vue'\nimport SearchTrigger from './SearchTrigger.vue'\nimport TenantSwitcherTrigger from './TenantSwitcherTrigger.vue'\n\n/**\n * Drop-in header components of starter kit mode (`Panel::starterKit()`): AlfaKit's search,\n * notifications bell and tenant switcher in the host's own header, on every page of the\n * application. They read the shared `alfakitNavigation` prop, render a lightweight trigger\n * straight away, and load their code and the panel data once mounted (never during SSR).\n *\n * ```vue\n * <script setup lang=\"ts\">\n * import { AlfakitNotifications, AlfakitSearch } from '@alfakit/vue'\n * </script>\n *\n * <template>\n *   <AlfakitSearch />\n *   <AlfakitNotifications />\n * </template>\n * ```\n */\n\n/** The header components' data of a `starterKit()` panel from the shared prop, or null. */\nfunction useStarterKitWidgets(\n  panelId: () => string | undefined,\n): ComputedRef<StarterKitWidgets | null> {\n  const page = usePage()\n\n  return computed(() => starterKitWidgets(page.props, panelId()))\n}\n\nconst LoadedSearch = lazyComponent(\n  'AlfakitLoadedSearch',\n  () => import('./LoadedSearch.vue').then((module) => module.default),\n  SearchTrigger,\n)\n\nconst LoadedNotifications = lazyComponent(\n  'AlfakitLoadedNotifications',\n  () => import('./LoadedNotifications.vue').then((module) => module.default),\n  NotificationsTrigger,\n)\n\nconst LoadedTenantSwitcher = lazyComponent(\n  'AlfakitLoadedTenantSwitcher',\n  () => import('./LoadedTenantSwitcher.vue').then((module) => module.default),\n  TenantSwitcherTrigger,\n)\n\nfunction headerWidget(\n  name: string,\n  slot: string,\n  part: keyof Omit<StarterKitWidgetsSchema, 'endpoint'>,\n  loaded: Component,\n) {\n  return defineComponent({\n    name,\n    props: {\n      /** The `starterKit()` panel to use (the first one by default). */\n      panel: { type: String as PropType<string | undefined>, default: undefined },\n    },\n    setup(props) {\n      const source = useStarterKitWidgets(() => props.panel)\n\n      return () => {\n        const value: StarterKitWidgets | null = source.value\n\n        return value?.widgets[part]\n          ? h('span', { 'data-slot': slot, class: 'inline-flex' }, [h(loaded, { source: value })])\n          : null\n      }\n    },\n  })\n}\n\n/**\n * AlfaKit's command palette and global search: the search field opens it, and so do the\n * panel's key bindings (⌘K / Ctrl+K by default), registered once for the page. Renders\n * nothing for guests or without global search and a command palette.\n */\nexport const AlfakitSearch = headerWidget(\n  'AlfakitSearch',\n  'starter-kit-search',\n  'search',\n  LoadedSearch,\n)\n\n/**\n * The bell with the user's database notifications (`databaseNotifications()`), polling and\n * realtime updates as in the panel. Renders nothing for guests or without them.\n */\nexport const AlfakitNotifications = headerWidget(\n  'AlfakitNotifications',\n  'starter-kit-notifications',\n  'notifications',\n  LoadedNotifications,\n)\n\n/**\n * The tenant switcher of a tenancy panel: the current tenant inside the panel, or a menu\n * to choose one on the host's own pages. Renders nothing for guests or other panels.\n */\nexport const AlfakitTenantSwitcher = headerWidget(\n  'AlfakitTenantSwitcher',\n  'starter-kit-tenant-switcher',\n  'tenancy',\n  LoadedTenantSwitcher,\n)\n"],"mappings":";;;;;;;;AA+BA,SAASM,EACP,GACuC;CACvC,IAAMC,IAAOC,EAAQ;CAErB,OAAOC,QAAeC,EAAkBH,EAAK,OAAOI,EAAQ,CAAC,CAAC;AAChE;AAEA,IAAMC,IAAeC,EACnB,6BACM,OAAO,oBAAqB,CAAC,MAAM,MAAWC,EAAO,OAAO,GAClEd,CACF,GAEMe,IAAsBF,EAC1B,oCACM,OAAO,2BAA4B,CAAC,MAAM,MAAWC,EAAO,OAAO,GACzEb,CACF,GAEMe,IAAuBH,EAC3B,qCACM,OAAO,4BAA6B,CAAC,MAAM,MAAWC,EAAO,OAAO,GAC1EZ,CACF;AAEA,SAASe,EACP,GACA,GACA,GACA,GACA;CACA,OAAOC,EAAgB;EACrB;EACA,OAAO,EAEL,OAAO;GAAE,MAAM;GAAwC,SAAS,KAAA;EAAU,EAC5E;EACA,MAAM,GAAO;GACX,IAAMC,IAASb,QAA2Bc,EAAM,KAAK;GAErD,aAAa;IACX,IAAMC,IAAkCF,EAAO;IAE/C,OAAOE,GAAO,QAAQC,KAClBC,EAAE,QAAQ;KAAE,aAAaC;KAAM,OAAO;IAAc,GAAG,CAACD,EAAEE,GAAQ,EAAE,QAAQJ,EAAM,CAAC,CAAC,CAAC,IACrF;GACN;EACF;CACF,CAAC;AACH;AAOA,IAAaK,IAAgBT,EAC3B,iBACA,sBACA,UACAL,CACF,GAMae,IAAuBV,EAClC,wBACA,6BACA,iBACAF,CACF,GAMaa,IAAwBX,EACnC,yBACA,+BACA,WACAD,CACF"}
+{"version":3,"file":"index.js","names":["SearchTrigger","NotificationsTrigger","TenantSwitcherTrigger","CopilotTrigger","CopilotTrigger_default","NotificationsTrigger_default","SearchTrigger_default","TenantSwitcherTrigger_default","useStarterKitWidgets","page","usePage","computed","starterKitWidgets","panelId","part","LoadedSearch","lazyComponent","module","LoadedNotifications","LoadedTenantSwitcher","LoadedCopilot","StarterKitImpersonationBanner","defineAsyncComponent","headerWidget","defineComponent","source","props","value","banner","h","widget","slot","loaded","AlfakitSearch","AlfakitNotifications","AlfakitTenantSwitcher","AlfakitCopilot"],"sources":["../../../src/starter-kit/widgets/index.ts"],"sourcesContent":["import {\n  starterKitWidgets,\n  type StarterKitWidgets,\n  type StarterKitWidgetsSchema,\n} from '@alfakit/core'\nimport { usePage } from '@inertiajs/vue3'\nimport {\n  computed,\n  defineAsyncComponent,\n  defineComponent,\n  h,\n  type Component,\n  type ComputedRef,\n  type PropType,\n} from 'vue'\nimport { lazyComponent } from '../../lib/lazy'\nimport CopilotTrigger from './CopilotTrigger.vue'\nimport NotificationsTrigger from './NotificationsTrigger.vue'\nimport SearchTrigger from './SearchTrigger.vue'\nimport TenantSwitcherTrigger from './TenantSwitcherTrigger.vue'\n\n/**\n * Drop-in header components of starter kit mode (`Panel::starterKit()`): AlfaKit's search,\n * notifications bell and tenant switcher in the host's own header, on every page of the\n * application. They read the shared `alfakitNavigation` prop, render a lightweight trigger\n * straight away, and load their code and the panel data once mounted (never during SSR).\n *\n * ```vue\n * <script setup lang=\"ts\">\n * import { AlfakitCopilot, AlfakitNotifications, AlfakitSearch } from '@alfakit/vue'\n * </script>\n *\n * <template>\n *   <AlfakitSearch />\n *   <AlfakitNotifications />\n *   <AlfakitCopilot />\n * </template>\n * ```\n */\n\n/** The header components' data of a `starterKit()` panel from the shared prop, or null. */\nfunction useStarterKitWidgets(\n  panelId: () => string | undefined,\n  part: keyof StarterKitWidgetsSchema,\n): ComputedRef<StarterKitWidgets | null> {\n  const page = usePage()\n\n  return computed(() => starterKitWidgets(page.props, panelId(), part))\n}\n\nconst LoadedSearch = lazyComponent(\n  'AlfakitLoadedSearch',\n  () => import('./loaded').then((module) => module.LoadedSearch),\n  SearchTrigger,\n)\n\nconst LoadedNotifications = lazyComponent(\n  'AlfakitLoadedNotifications',\n  () => import('./loaded').then((module) => module.LoadedNotifications),\n  NotificationsTrigger,\n)\n\nconst LoadedTenantSwitcher = lazyComponent(\n  'AlfakitLoadedTenantSwitcher',\n  () => import('./loaded').then((module) => module.LoadedTenantSwitcher),\n  TenantSwitcherTrigger,\n)\n\nconst LoadedCopilot = lazyComponent(\n  'AlfakitLoadedCopilot',\n  () => import('./loaded').then((module) => module.LoadedCopilot),\n  CopilotTrigger,\n)\n\n// Only needed while impersonating: its code loads then.\nconst StarterKitImpersonationBanner = defineAsyncComponent(\n  () => import('./StarterKitImpersonationBanner.vue'),\n)\n\nfunction headerWidget(\n  name: string,\n  slot: string,\n  part: keyof Omit<StarterKitWidgetsSchema, 'endpoint' | 'impersonation'>,\n  loaded: Component,\n) {\n  return defineComponent({\n    name,\n    props: {\n      /** The `starterKit()` panel to use (by default the open AlfaKit page's panel, else the first one that has this component). */\n      panel: { type: String as PropType<string | undefined>, default: undefined },\n    },\n    setup(props) {\n      const source = useStarterKitWidgets(() => props.panel, part)\n\n      return () => {\n        const value: StarterKitWidgets | null = source.value\n\n        // While impersonating, the first header component shows the banner on host pages.\n        const banner = value?.widgets.impersonation\n          ? h(StarterKitImpersonationBanner, { source: value })\n          : null\n\n        if (!value?.widgets[part]) return banner\n\n        const widget = h('span', { 'data-slot': slot, class: 'inline-flex' }, [\n          h(loaded, { source: value }),\n        ])\n\n        // A single root unless the banner shows, so attributes from the app still fall through.\n        return banner ? [banner, widget] : widget\n      }\n    },\n  })\n}\n\n/**\n * AlfaKit's command palette and global search: the search field opens it, and so do the\n * panel's key bindings (⌘K / Ctrl+K by default), registered once for the page. Renders\n * nothing for guests or without global search and a command palette.\n */\nexport const AlfakitSearch = headerWidget(\n  'AlfakitSearch',\n  'starter-kit-search',\n  'search',\n  LoadedSearch,\n)\n\n/**\n * The bell with the user's database notifications (`databaseNotifications()`), polling and\n * realtime updates as in the panel. Renders nothing for guests or without them.\n */\nexport const AlfakitNotifications = headerWidget(\n  'AlfakitNotifications',\n  'starter-kit-notifications',\n  'notifications',\n  LoadedNotifications,\n)\n\n/**\n * The tenant switcher of a tenancy panel: the current tenant inside the panel, or a menu\n * to choose one on the host's own pages. Renders nothing for guests or other panels.\n */\nexport const AlfakitTenantSwitcher = headerWidget(\n  'AlfakitTenantSwitcher',\n  'starter-kit-tenant-switcher',\n  'tenancy',\n  LoadedTenantSwitcher,\n)\n\n/**\n * The AI copilot of alfasix/alfakit-ai (`AiPlugin::copilot()`): its button and chat\n * slide-over, opened with its key bindings (`mod+j`) from any page. Renders nothing for\n * guests, without the plugin's copilot, for users who may not use it and (tenancy panels)\n * outside a tenant.\n */\nexport const AlfakitCopilot = headerWidget(\n  'AlfakitCopilot',\n  'starter-kit-copilot',\n  'copilot',\n  LoadedCopilot,\n)\n"],"mappings":";;;;;;;;;AAyCA,SAASQ,EACP,GACA,GACuC;CACvC,IAAMC,IAAOC,EAAQ;CAErB,OAAOC,QAAeC,EAAkBH,EAAK,OAAOI,EAAQ,GAAGC,CAAI,CAAC;AACtE;AAEA,IAAMC,IAAeC,EACnB,6BACM,OAAO,cAAW,CAAC,MAAM,MAAWC,EAAO,YAAY,GAC7DjB,CACF,GAEMkB,IAAsBF,EAC1B,oCACM,OAAO,cAAW,CAAC,MAAM,MAAWC,EAAO,mBAAmB,GACpEhB,CACF,GAEMkB,IAAuBH,EAC3B,qCACM,OAAO,cAAW,CAAC,MAAM,MAAWC,EAAO,oBAAoB,GACrEf,CACF,GAEMkB,IAAgBJ,EACpB,8BACM,OAAO,cAAW,CAAC,MAAM,MAAWC,EAAO,aAAa,GAC9Dd,CACF,GAGMkB,IAAgCC,QAC9B,OAAO,qCACf;AAEA,SAASC,EACP,GACA,GACA,GACA,GACA;CACA,OAAOC,EAAgB;EACrB;EACA,OAAO,EAEL,OAAO;GAAE,MAAM;GAAwC,SAAS,KAAA;EAAU,EAC5E;EACA,MAAM,GAAO;GACX,IAAMC,IAASjB,QAA2BkB,EAAM,OAAOZ,CAAI;GAE3D,aAAa;IACX,IAAMa,IAAkCF,EAAO,OAGzCG,IAASD,GAAO,QAAQ,gBAC1BE,EAAER,GAA+B,EAAE,QAAQM,EAAM,CAAC,IAClD;IAEJ,IAAI,CAACA,GAAO,QAAQb,IAAO,OAAOc;IAElC,IAAME,IAASD,EAAE,QAAQ;KAAE,aAAaE;KAAM,OAAO;IAAc,GAAG,CACpEF,EAAEG,GAAQ,EAAE,QAAQL,EAAM,CAAC,CAC7B,CAAC;IAGD,OAAOC,IAAS,CAACA,GAAQE,CAAM,IAAIA;GACrC;EACF;CACF,CAAC;AACH;AAOA,IAAaG,IAAgBV,EAC3B,iBACA,sBACA,UACAR,CACF,GAMamB,IAAuBX,EAClC,wBACA,6BACA,iBACAL,CACF,GAMaiB,IAAwBZ,EACnC,yBACA,+BACA,WACAJ,CACF,GAQaiB,IAAiBb,EAC5B,kBACA,uBACA,WACAH,CACF"}

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

@@ -0,0 +1,10 @@
+/**
+ * The loaded header components, in one module: they mount together in the host's header,
+ * so one request brings them all, and a host bundle doesn't pay for a chunk per component.
+ * Only loaded in the browser (`import('./loaded')`).
+ */
+export { default as LoadedCopilot } from './LoadedCopilot.vue';
+export { default as LoadedNotifications } from './LoadedNotifications.vue';
+export { default as LoadedSearch } from './LoadedSearch.vue';
+export { default as LoadedTenantSwitcher } from './LoadedTenantSwitcher.vue';
+//# sourceMappingURL=loaded.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"loaded.d.ts","sourceRoot":"","sources":["../../../src/starter-kit/widgets/loaded.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAA;AAC9D,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,2BAA2B,CAAA;AAC1E,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAC5D,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,4BAA4B,CAAA"}

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

@@ -0,0 +1,5 @@
+import e from "./LoadedCopilot.js";
+import t from "./LoadedNotifications.js";
+import n from "./LoadedSearch.js";
+import r from "./LoadedTenantSwitcher.js";
+export { e as LoadedCopilot, t as LoadedNotifications, n as LoadedSearch, r as LoadedTenantSwitcher };

package/dist/styles.css

@@ -19,6 +19,13 @@
 
 @custom-variant dark (&:is(.dark *));
 
+/*
+ * Class lists that live in @alfakit/core (stacked-on-mobile tables, filter and column manager
+ * widths in `table.ts`, …): scan core's build too. Relative to this file in
+ * node_modules/@alfakit/<renderer>/dist, next to node_modules/@alfakit/core.
+ */
+@source '../../core/dist';
+
 /*
  * Grid classes are composed at runtime from schema breakpoints (`columns`, `columnSpan`),
  * so force Tailwind to generate every variant the renderers can produce.
@@ -122,10 +129,10 @@
   --secondary: oklch(0.97 0 0);
   --secondary-foreground: oklch(0.205 0 0);
   --muted: oklch(0.97 0 0);
-  --muted-foreground: oklch(0.556 0 0);
+  --muted-foreground: oklch(0.54 0 0);
   --accent: oklch(0.97 0 0);
   --accent-foreground: oklch(0.205 0 0);
-  --destructive: var(--alfakit-danger, oklch(0.55 0.245 27.325));
+  --destructive: var(--alfakit-danger, oklch(0.5 0.245 27.325));
   --destructive-foreground: var(--alfakit-danger-foreground, oklch(0.985 0 0));
   --border: oklch(0.922 0 0);
   --input: oklch(0.64 0 0);