@alfakit/vue 0.1.6 → 0.1.8

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @alfakit/vue
 
+## 0.1.8
+
+### Patch Changes
+
+- `<AlfakitLanguageSwitcher />`: a drop-in header component for starter kits, so users can switch the panel's language from the app header. The first click right after a switch no longer gets lost.
+- Updated dependencies
+  - @alfakit/core@0.1.8
+
+## 0.1.7
+
+### Patch Changes
+
+- Released with AlfaKit 0.1.7 to keep the npm and PHP versions the same (no frontend changes).
+- Updated dependencies
+  - @alfakit/core@0.1.7
+
 ## 0.1.6
 
 ### Patch Changes

package/dist/eject-manifest.json

@@ -1,8 +1,8 @@
 {
   "package": "@alfakit/vue",
-  "version": "0.1.6",
+  "version": "0.1.8",
   "adapter": "vue",
-  "generatedAt": "2026-10-21T13:38:54.828Z",
+  "generatedAt": "2026-10-22T11:23:33.540Z",
   "components": {
     "TextInput": {
       "file": "src/components/fields/TextInputField.vue",
@@ -1563,6 +1563,7 @@
     },
     "src/starter-kit/widgets/index.ts": {
       "AlfakitCopilot": "AlfakitCopilot",
+      "AlfakitLanguageSwitcher": "AlfakitLanguageSwitcher",
       "AlfakitNotifications": "AlfakitNotifications",
       "AlfakitSearch": "AlfakitSearch",
       "AlfakitTenantSwitcher": "AlfakitTenantSwitcher"
@@ -1576,6 +1577,7 @@
       "StarterKitPageOptions": "StarterKitPageOptions",
       "StarterKitContentLayout": "StarterKitContentLayout",
       "AlfakitCopilot": "AlfakitCopilot",
+      "AlfakitLanguageSwitcher": "AlfakitLanguageSwitcher",
       "AlfakitNotifications": "AlfakitNotifications",
       "AlfakitSearch": "AlfakitSearch",
       "AlfakitTenantSwitcher": "AlfakitTenantSwitcher"

package/dist/index.js

@@ -314,6 +314,6 @@ import Va from "./starter-kit/AlfakitStarterKitRoot.js";
 import { AlfakitWidgets as Ha } from "./starter-kit/dashboard-widgets.js";
 import { useAlfakitNavigation as Ua } from "./starter-kit/navigation.js";
 import { createStarterKitPage as Wa } from "./starter-kit/starter-kit.js";
-import { AlfakitCopilot as Ga, AlfakitNotifications as Ka, AlfakitSearch as qa, AlfakitTenantSwitcher as Ja } from "./starter-kit/widgets/index.js";
+import { AlfakitCopilot as Ga, AlfakitLanguageSwitcher as Ka, AlfakitNotifications as qa, AlfakitSearch as Ja, AlfakitTenantSwitcher as Ya } from "./starter-kit/widgets/index.js";
 export * from "@alfakit/core";
-export { e as ALFAKIT_KEY, G as ActionButton, ne as ActionGroupMenu, re as ActionList, Jt as ActionModals, Yt as AiCopilot, Xt as AiStream, na as Alert, ra as AlertDescription, ia as AlertTitle, Zt as AlfakitAnalytics, za as AlfakitComponent, Ga as AlfakitCopilot, Ka as AlfakitNotifications, Ia as AlfakitPage, qa as AlfakitSearch, Va as AlfakitStarterKitRoot, Ja as AlfakitTenantSwitcher, Ra as AlfakitToaster, Ha as AlfakitWidgets, Qt as AnalyticsBreakdown, ja as AppLayout, Nt as AppPage, zi as AppSidebar, Ma as AuthLayout, Dt as Avatar, Ot as AvatarFallback, kt as AvatarImage, R as Badge, Tt as BlankLayout, Bi as BottomNav, Ci as Brand, En as Breadcrumb, aa as BreadcrumbEllipsis, Dn as BreadcrumbItem, On as BreadcrumbLink, kn as BreadcrumbList, An as BreadcrumbPage, jn as BreadcrumbSeparator, Vi as Breadcrumbs, qn as BuilderField, B as Button, yn as CMS_BLOCK_COMPONENTS, $t as CMS_KEY, oa as Calendar, ri as CalendarWidget, an as CallToActionBlock, Ir as CalloutComponent, pt as Card, sa as CardAction, mt as CardContent, ca as CardDescription, la as CardFooter, ua as CardHeader, da as CardTitle, ht as ChartWidget, ve as Checkbox, Jn as CheckboxField, Yn as CheckboxListField, ln as CmsBlockHeading, on as CmsBlocks, Sn as CmsFooter, Cn as CmsHead, Tn as CmsHeader, fn as CmsImage, bn as CmsLanguageSwitcher, rn as CmsLinkButton, Nn as CmsLivePreview, xn as CmsMenuList, wn as CmsNav, Mn as CmsPage, Xn as CodeEditorField, In as CodeEntryComponent, Gn as Collapsible, Kn as CollapsibleContent, Jr as CollapsibleTrigger, Ln as ColorEntryComponent, Zn as ColorPickerField, sn as ColumnsBlock, We as Command, fa as CommandDialog, Ge as CommandEmpty, Ke as CommandGroup, qe as CommandInput, Je as CommandItem, Ye as CommandList, pa as CommandSeparator, ma as CommandShortcut, Et as ConflictBanner, Ct as ContentBlockRenderer, Oa as DashboardCustomizer, dt as DataTable, $n as DatePickerField, Hi as DebugFormState, Wi as DebugPanel, Gi as DebugPanelSlot, Ui as DebugTreeNode, De as Dialog, ha as DialogClose, Oe as DialogContent, ke as DialogDescription, nt as DialogFooter, Ae as DialogHeader, je as DialogTitle, Me as DialogTrigger, K as DropdownMenu, ga as DropdownMenuCheckboxItem, q as DropdownMenuContent, Z as DropdownMenuGroup, J as DropdownMenuItem, Qe as DropdownMenuLabel, _a as DropdownMenuPortal, $e as DropdownMenuRadioGroup, et as DropdownMenuRadioItem, Y as DropdownMenuSeparator, Q as DropdownMenuShortcut, $ as DropdownMenuSub, ee as DropdownMenuSubContent, te as DropdownMenuSubTrigger, X as DropdownMenuTrigger, cn as EmbedBlock, Rr as EmptyStateComponent, Pn as EntryPlaceholder, Fn as EntryWrapper, un as FaqBlock, dn as FeaturesBlock, Wn as FieldWrapper, zr as FieldsetComponent, kr as FileManager, Ar as FileManagerBrowser, jr as FileManagerPickerField, er as FileUploadField, Ze as FilterIndicators, ci as FlashToasts, Br as FlexComponent, me as FormBlock, He as FormattedText, Na as FullscreenLayout, Vr as FusedGroupComponent, pn as GalleryBlock, Ti as GlobalSearch, Hr as GridComponent, Mr as HelpdeskChat, Nr as HelpdeskInbox, mn as HeroBlock, tr as HiddenField, Ur as HtmlComponent, F as Icon, Wr as IconComponent, Rn as IconEntryComponent, nr as IconPickerField, hn as ImageBlock, Gr as ImageComponent, zn as ImageEntryComponent, Ki as ImpersonationBanner, ye as Input, Pr as Kanban, Bn as KeyValueEntryComponent, rr as KeyValueField, wt as KeyboardShortcuts, st as Label, ft as LazyPlaceholder, it as LiveRecordsPill, Ni as LocaleSubMenu, qi as LocaleSwitcher, ka as MAX_WIDTHS, Fr as MixedContent, ir as ModalTableSelectField, or as MoneyInputField, de as NotificationActionButton, di as NotificationsMenu, sr as OneTimeCodeInputField, Pt as PageBlock, Fa as PageContent, Ft as PageForm, jt as PageHeader, It as PageInfolist, Mt as PageShell, Lt as PageTable, Rt as PageWidgets, Kr as PlaceholderComponent, Ne as Popover, va as PopoverAnchor, Pe as PopoverContent, Fe as PopoverTrigger, Ji as PwaManager, Li as PwaMenuItems, ar as QueryBuilderRulesField, ur as RadioField, cr as RadioGroup, lr as RadioGroupItem, fi as RealtimeNotifications, At as RecordPresence, Da as RecordVersionsComponent, le as RenderComponent, Vn as RepeatableEntryComponent, dr as RepeaterField, fr as RichEditorField, gn as RichTextBlock, t as STANDALONE_KEY, qr as SchemaChildren, ue as SchemaRenderer, ui as ScrollArea, li as ScrollBar, _n as SectionBlock, Yr as SectionComponent, pr as Select, mr as SelectContent, br as SelectField, hr as SelectGroup, gr as SelectItem, _r as SelectLabel, ya as SelectSeparator, vr as SelectTrigger, yr as SelectValue, Qi as Separator, Ie as Sheet, ba as SheetClose, Le as SheetContent, Re as SheetDescription, qt as SheetFooter, ze as SheetHeader, Be as SheetTitle, Ve as SheetTrigger, Yi as ShortcutKeys, Xi as ShortcutsOverlay, mi as Sidebar, hi as SidebarContent, gi as SidebarFooter, Ei as SidebarGroup, Di as SidebarGroupContent, Oi as SidebarGroupLabel, _i as SidebarHeader, xa as SidebarInput, Sa as SidebarInset, vi as SidebarMenu, bi as SidebarMenuButton, xi as SidebarMenuItem, ki as SidebarMenuSub, Ai as SidebarMenuSubButton, ji as SidebarMenuSubItem, Ca as SidebarProvider, Si as SidebarRail, wa as SidebarSeparator, $i as SidebarTrigger, Pi as SignInLink, lt as Skeleton, xr as SliderField, Ee as Slot, V as Spinner, ut as Spreadsheet, Ba as StarterKitContentLayout, gt as StatsOverviewWidget, Ue as Switch, be as Table, xe as TableBody, Ta as TableCaption, Se as TableCell, Xe as TableCellContent, rt as TableFilters, tt as TableFooter, Ce as TableHead, we as TableHeader, ot as TablePagination, Te as TableRow, ct as TableViews, yt as Tabs, Xr as TabsComponent, bt as TabsContent, xt as TabsList, St as TabsTrigger, Sr as TagsInputField, Mi as TenantMenu, vn as TestimonialsBlock, Zr as TextComponent, Hn as TextEntryComponent, Tr as TextInputField, Cr as Textarea, wr as TextareaField, Zi as ThemeToggle, Ea as Toaster, Dr as ToggleButtonsField, Or as ToggleField, H as Tooltip, U as TooltipContent, Er as TooltipProvider, W as TooltipTrigger, Aa as TopNavLayout, ta as Topbar, ea as TopbarLocaleSwitcher, ti as TranslationManager, ni as Tree, fe as UndoButton, Qr as UnorderedListComponent, Fi as UserAvatar, Ri as UserMenu, $r as ViewComponent, Un as ViewEntryComponent, vt as WidgetGrid, _t as WidgetRenderer, ei as WizardComponent, C as badgeColorClasses, L as badgeVariants, z as buttonVariants, b as cn, w as colorClass, si as configureAlfakit, La as createAlfakit, oi as createDefaultRegistry, Wa as createStarterKitPage, T as cssColor, ii as discoverComponents, ai as discoveredComponent, E as ghostButtonColorClasses, P as hasIcon, D as iconBackgroundColorClasses, O as iconSizeClasses, Ii as installPwa, k as outlineButtonColorClasses, Pa as panelLayouts, Qn as phpToDateFnsFormat, n as provideAlfakit, en as provideCms, ie as provideForm, v as providePageActionContext, r as provideStandalone, I as resolveIcon, pe as showToast, yi as sidebarMenuButtonVariants, A as solidButtonColorClasses, j as switchOffColorClasses, M as switchOnColorClasses, N as textColorClasses, i as useActionRunner, a as useAlfakit, Ua as useAlfakitNavigation, o as useAlfakitProps, zt as useAppPage, s as useChoice, tn as useCms, nn as useCmsT, c as useDirection, ae as useField, oe as useFormState, se as useFormStore, l as useFormatter, wi as useHydrated, he as useIsMobile, Vt as useLiveProps, at as useLiveUpdates, u as useLocalization, d as useOptionalAlfakit, ce as useOptionalFormStore, y as usePageActionContext, Bt as usePageBlock, Ht as usePageForm, Ut as usePageMethod, Wt as usePageMethods, f as usePageSchema, p as usePanel, m as usePollComponent, h as useRegistry, Gt as useReloadProps, Lr as useSchemaComponentContext, ge as useScrollToErroredItem, Kt as useShortcut, pi as useSidebar, g as useStandalone, x as useStore, S as useStoreSelector, _ as useT, _e as useVirtualList };
+export { e as ALFAKIT_KEY, G as ActionButton, ne as ActionGroupMenu, re as ActionList, Jt as ActionModals, Yt as AiCopilot, Xt as AiStream, na as Alert, ra as AlertDescription, ia as AlertTitle, Zt as AlfakitAnalytics, za as AlfakitComponent, Ga as AlfakitCopilot, Ka as AlfakitLanguageSwitcher, qa as AlfakitNotifications, Ia as AlfakitPage, Ja as AlfakitSearch, Va as AlfakitStarterKitRoot, Ya as AlfakitTenantSwitcher, Ra as AlfakitToaster, Ha as AlfakitWidgets, Qt as AnalyticsBreakdown, ja as AppLayout, Nt as AppPage, zi as AppSidebar, Ma as AuthLayout, Dt as Avatar, Ot as AvatarFallback, kt as AvatarImage, R as Badge, Tt as BlankLayout, Bi as BottomNav, Ci as Brand, En as Breadcrumb, aa as BreadcrumbEllipsis, Dn as BreadcrumbItem, On as BreadcrumbLink, kn as BreadcrumbList, An as BreadcrumbPage, jn as BreadcrumbSeparator, Vi as Breadcrumbs, qn as BuilderField, B as Button, yn as CMS_BLOCK_COMPONENTS, $t as CMS_KEY, oa as Calendar, ri as CalendarWidget, an as CallToActionBlock, Ir as CalloutComponent, pt as Card, sa as CardAction, mt as CardContent, ca as CardDescription, la as CardFooter, ua as CardHeader, da as CardTitle, ht as ChartWidget, ve as Checkbox, Jn as CheckboxField, Yn as CheckboxListField, ln as CmsBlockHeading, on as CmsBlocks, Sn as CmsFooter, Cn as CmsHead, Tn as CmsHeader, fn as CmsImage, bn as CmsLanguageSwitcher, rn as CmsLinkButton, Nn as CmsLivePreview, xn as CmsMenuList, wn as CmsNav, Mn as CmsPage, Xn as CodeEditorField, In as CodeEntryComponent, Gn as Collapsible, Kn as CollapsibleContent, Jr as CollapsibleTrigger, Ln as ColorEntryComponent, Zn as ColorPickerField, sn as ColumnsBlock, We as Command, fa as CommandDialog, Ge as CommandEmpty, Ke as CommandGroup, qe as CommandInput, Je as CommandItem, Ye as CommandList, pa as CommandSeparator, ma as CommandShortcut, Et as ConflictBanner, Ct as ContentBlockRenderer, Oa as DashboardCustomizer, dt as DataTable, $n as DatePickerField, Hi as DebugFormState, Wi as DebugPanel, Gi as DebugPanelSlot, Ui as DebugTreeNode, De as Dialog, ha as DialogClose, Oe as DialogContent, ke as DialogDescription, nt as DialogFooter, Ae as DialogHeader, je as DialogTitle, Me as DialogTrigger, K as DropdownMenu, ga as DropdownMenuCheckboxItem, q as DropdownMenuContent, Z as DropdownMenuGroup, J as DropdownMenuItem, Qe as DropdownMenuLabel, _a as DropdownMenuPortal, $e as DropdownMenuRadioGroup, et as DropdownMenuRadioItem, Y as DropdownMenuSeparator, Q as DropdownMenuShortcut, $ as DropdownMenuSub, ee as DropdownMenuSubContent, te as DropdownMenuSubTrigger, X as DropdownMenuTrigger, cn as EmbedBlock, Rr as EmptyStateComponent, Pn as EntryPlaceholder, Fn as EntryWrapper, un as FaqBlock, dn as FeaturesBlock, Wn as FieldWrapper, zr as FieldsetComponent, kr as FileManager, Ar as FileManagerBrowser, jr as FileManagerPickerField, er as FileUploadField, Ze as FilterIndicators, ci as FlashToasts, Br as FlexComponent, me as FormBlock, He as FormattedText, Na as FullscreenLayout, Vr as FusedGroupComponent, pn as GalleryBlock, Ti as GlobalSearch, Hr as GridComponent, Mr as HelpdeskChat, Nr as HelpdeskInbox, mn as HeroBlock, tr as HiddenField, Ur as HtmlComponent, F as Icon, Wr as IconComponent, Rn as IconEntryComponent, nr as IconPickerField, hn as ImageBlock, Gr as ImageComponent, zn as ImageEntryComponent, Ki as ImpersonationBanner, ye as Input, Pr as Kanban, Bn as KeyValueEntryComponent, rr as KeyValueField, wt as KeyboardShortcuts, st as Label, ft as LazyPlaceholder, it as LiveRecordsPill, Ni as LocaleSubMenu, qi as LocaleSwitcher, ka as MAX_WIDTHS, Fr as MixedContent, ir as ModalTableSelectField, or as MoneyInputField, de as NotificationActionButton, di as NotificationsMenu, sr as OneTimeCodeInputField, Pt as PageBlock, Fa as PageContent, Ft as PageForm, jt as PageHeader, It as PageInfolist, Mt as PageShell, Lt as PageTable, Rt as PageWidgets, Kr as PlaceholderComponent, Ne as Popover, va as PopoverAnchor, Pe as PopoverContent, Fe as PopoverTrigger, Ji as PwaManager, Li as PwaMenuItems, ar as QueryBuilderRulesField, ur as RadioField, cr as RadioGroup, lr as RadioGroupItem, fi as RealtimeNotifications, At as RecordPresence, Da as RecordVersionsComponent, le as RenderComponent, Vn as RepeatableEntryComponent, dr as RepeaterField, fr as RichEditorField, gn as RichTextBlock, t as STANDALONE_KEY, qr as SchemaChildren, ue as SchemaRenderer, ui as ScrollArea, li as ScrollBar, _n as SectionBlock, Yr as SectionComponent, pr as Select, mr as SelectContent, br as SelectField, hr as SelectGroup, gr as SelectItem, _r as SelectLabel, ya as SelectSeparator, vr as SelectTrigger, yr as SelectValue, Qi as Separator, Ie as Sheet, ba as SheetClose, Le as SheetContent, Re as SheetDescription, qt as SheetFooter, ze as SheetHeader, Be as SheetTitle, Ve as SheetTrigger, Yi as ShortcutKeys, Xi as ShortcutsOverlay, mi as Sidebar, hi as SidebarContent, gi as SidebarFooter, Ei as SidebarGroup, Di as SidebarGroupContent, Oi as SidebarGroupLabel, _i as SidebarHeader, xa as SidebarInput, Sa as SidebarInset, vi as SidebarMenu, bi as SidebarMenuButton, xi as SidebarMenuItem, ki as SidebarMenuSub, Ai as SidebarMenuSubButton, ji as SidebarMenuSubItem, Ca as SidebarProvider, Si as SidebarRail, wa as SidebarSeparator, $i as SidebarTrigger, Pi as SignInLink, lt as Skeleton, xr as SliderField, Ee as Slot, V as Spinner, ut as Spreadsheet, Ba as StarterKitContentLayout, gt as StatsOverviewWidget, Ue as Switch, be as Table, xe as TableBody, Ta as TableCaption, Se as TableCell, Xe as TableCellContent, rt as TableFilters, tt as TableFooter, Ce as TableHead, we as TableHeader, ot as TablePagination, Te as TableRow, ct as TableViews, yt as Tabs, Xr as TabsComponent, bt as TabsContent, xt as TabsList, St as TabsTrigger, Sr as TagsInputField, Mi as TenantMenu, vn as TestimonialsBlock, Zr as TextComponent, Hn as TextEntryComponent, Tr as TextInputField, Cr as Textarea, wr as TextareaField, Zi as ThemeToggle, Ea as Toaster, Dr as ToggleButtonsField, Or as ToggleField, H as Tooltip, U as TooltipContent, Er as TooltipProvider, W as TooltipTrigger, Aa as TopNavLayout, ta as Topbar, ea as TopbarLocaleSwitcher, ti as TranslationManager, ni as Tree, fe as UndoButton, Qr as UnorderedListComponent, Fi as UserAvatar, Ri as UserMenu, $r as ViewComponent, Un as ViewEntryComponent, vt as WidgetGrid, _t as WidgetRenderer, ei as WizardComponent, C as badgeColorClasses, L as badgeVariants, z as buttonVariants, b as cn, w as colorClass, si as configureAlfakit, La as createAlfakit, oi as createDefaultRegistry, Wa as createStarterKitPage, T as cssColor, ii as discoverComponents, ai as discoveredComponent, E as ghostButtonColorClasses, P as hasIcon, D as iconBackgroundColorClasses, O as iconSizeClasses, Ii as installPwa, k as outlineButtonColorClasses, Pa as panelLayouts, Qn as phpToDateFnsFormat, n as provideAlfakit, en as provideCms, ie as provideForm, v as providePageActionContext, r as provideStandalone, I as resolveIcon, pe as showToast, yi as sidebarMenuButtonVariants, A as solidButtonColorClasses, j as switchOffColorClasses, M as switchOnColorClasses, N as textColorClasses, i as useActionRunner, a as useAlfakit, Ua as useAlfakitNavigation, o as useAlfakitProps, zt as useAppPage, s as useChoice, tn as useCms, nn as useCmsT, c as useDirection, ae as useField, oe as useFormState, se as useFormStore, l as useFormatter, wi as useHydrated, he as useIsMobile, Vt as useLiveProps, at as useLiveUpdates, u as useLocalization, d as useOptionalAlfakit, ce as useOptionalFormStore, y as usePageActionContext, Bt as usePageBlock, Ht as usePageForm, Ut as usePageMethod, Wt as usePageMethods, f as usePageSchema, p as usePanel, m as usePollComponent, h as useRegistry, Gt as useReloadProps, Lr as useSchemaComponentContext, ge as useScrollToErroredItem, Kt as useShortcut, pi as useSidebar, g as useStandalone, x as useStore, S as useStoreSelector, _ as useT, _e as useVirtualList };

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

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

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

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

package/dist/starter-kit/index.js

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"LanguageMenu.js","names":["_sfc_main","LanguageMenu_vue_vue_type_script_setup_true_lang_default","LanguageMenu_default"],"sources":["../../../src/starter-kit/widgets/LanguageMenu.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { takeRequestedStarterKitLanguages } from '@alfakit/core'\nimport { LanguagesIcon } from '@lucide/vue'\nimport { computed, onMounted, ref } from 'vue'\nimport LocaleOptions from '../../components/panel/LocaleOptions.vue'\nimport DropdownMenu from '../../components/ui/DropdownMenu.vue'\nimport DropdownMenuContent from '../../components/ui/DropdownMenuContent.vue'\nimport DropdownMenuTrigger from '../../components/ui/DropdownMenuTrigger.vue'\nimport { useLocalization, useT } from '../../context'\n\n/** The loaded language button and menu, inside the widgets' context (`WidgetShell`). */\n\nconst t = useT()\nconst localization = useLocalization()\nconst open = ref(false)\n\n// A click on the trigger before the menu loaded opens it once mounted (taken per mount: the\n// header is a persistent layout, so the switcher around it outlives a language switch), a\n// frame later, as the menu closes again when it opens while focus is on the replaced button.\nonMounted(() => {\n  if (takeRequestedStarterKitLanguages()) requestAnimationFrame(() => (open.value = true))\n})\nconst label = computed(() => t('change_language', {}, 'Change language'))\n</script>\n\n<template>\n  <DropdownMenu v-model:open=\"open\">\n    <DropdownMenuTrigger as-child>\n      <button\n        type=\"button\"\n        data-slot=\"language-switcher-trigger\"\n        :aria-label=\"label\"\n        :title=\"label\"\n        class=\"hover:bg-accent hover:text-accent-foreground data-[state=open]:bg-accent focus-visible:ring-ring/50 inline-flex h-9 min-w-9 shrink-0 items-center justify-center gap-1.5 rounded-md px-2 text-sm font-medium outline-none focus-visible:ring-[3px]\"\n      >\n        <LanguagesIcon class=\"size-4\" aria-hidden=\"true\" />\n        <span :lang=\"localization.tag\" :dir=\"localization.direction\" class=\"hidden sm:inline\">{{\n          localization.label\n        }}</span>\n      </button>\n    </DropdownMenuTrigger>\n    <DropdownMenuContent align=\"end\" class=\"min-w-40\">\n      <LocaleOptions />\n    </DropdownMenuContent>\n  </DropdownMenu>\n</template>\n"],"mappings":""}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"LanguageMenu.vue.d.ts","sourceRoot":"","sources":["../../../src/starter-kit/widgets/LanguageMenu.vue"],"names":[],"mappings":";AA+LA,wBAKG"}

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

@@ -0,0 +1,52 @@
+import { useLocalization as e, useT as t } from "../../context.js";
+import n from "../../components/ui/DropdownMenu.js";
+import r from "../../components/ui/DropdownMenuContent.js";
+import i from "../../components/ui/DropdownMenuTrigger.js";
+import a from "../../components/panel/LocaleOptions.js";
+import { takeRequestedStarterKitLanguages as o } from "@alfakit/core";
+import { computed as s, createBlock as c, createElementVNode as l, createVNode as u, defineComponent as d, onMounted as f, openBlock as p, ref as m, toDisplayString as h, unref as g, withCtx as _ } from "vue";
+import { LanguagesIcon as v } from "@lucide/vue";
+//#region src/starter-kit/widgets/LanguageMenu.vue?vue&type=script&setup=true&lang.ts
+var y = ["aria-label", "title"], b = ["lang", "dir"], x = /*@__PURE__*/ d({
+	__name: "LanguageMenu",
+	setup(d) {
+		let x = t(), S = e(), C = m(!1);
+		f(() => {
+			o() && requestAnimationFrame(() => C.value = !0);
+		});
+		let w = s(() => x("change_language", {}, "Change language"));
+		return (e, t) => (p(), c(n, {
+			open: C.value,
+			"onUpdate:open": t[0] ||= (e) => C.value = e
+		}, {
+			default: _(() => [u(i, { "as-child": "" }, {
+				default: _(() => [l("button", {
+					type: "button",
+					"data-slot": "language-switcher-trigger",
+					"aria-label": w.value,
+					title: w.value,
+					class: "hover:bg-accent hover:text-accent-foreground data-[state=open]:bg-accent focus-visible:ring-ring/50 inline-flex h-9 min-w-9 shrink-0 items-center justify-center gap-1.5 rounded-md px-2 text-sm font-medium outline-none focus-visible:ring-[3px]"
+				}, [u(g(v), {
+					class: "size-4",
+					"aria-hidden": "true"
+				}), l("span", {
+					lang: g(S).tag,
+					dir: g(S).direction,
+					class: "hidden sm:inline"
+				}, h(g(S).label), 9, b)], 8, y)]),
+				_: 1
+			}), u(r, {
+				align: "end",
+				class: "min-w-40"
+			}, {
+				default: _(() => [u(a)]),
+				_: 1
+			})]),
+			_: 1
+		}, 8, ["open"]));
+	}
+});
+//#endregion
+export { x as default };
+
+//# sourceMappingURL=LanguageMenu.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LanguageMenu.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","DropdownMenu","_withCtx","_createVNode","DropdownMenuTrigger","_createElementVNode","_unref","_toDisplayString","DropdownMenuContent","LocaleOptions","DropdownMenu_default","DropdownMenuContent_default","DropdownMenuTrigger_default","LocaleOptions_default","_hoisted_1","_hoisted_2","LanguageMenu_vue_vue_type_script_setup_true_lang_default","t","useT","localization","useLocalization","open","ref","takeRequestedStarterKitLanguages","label","computed","openBlock","createBlock","_cache","$event","withCtx","createVNode","createElementVNode","unref","LanguagesIcon","toDisplayString"],"sources":["../../../src/starter-kit/widgets/LanguageMenu.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { takeRequestedStarterKitLanguages } from '@alfakit/core'\nimport { LanguagesIcon } from '@lucide/vue'\nimport { computed, onMounted, ref } from 'vue'\nimport LocaleOptions from '../../components/panel/LocaleOptions.vue'\nimport DropdownMenu from '../../components/ui/DropdownMenu.vue'\nimport DropdownMenuContent from '../../components/ui/DropdownMenuContent.vue'\nimport DropdownMenuTrigger from '../../components/ui/DropdownMenuTrigger.vue'\nimport { useLocalization, useT } from '../../context'\n\n/** The loaded language button and menu, inside the widgets' context (`WidgetShell`). */\n\nconst t = useT()\nconst localization = useLocalization()\nconst open = ref(false)\n\n// A click on the trigger before the menu loaded opens it once mounted (taken per mount: the\n// header is a persistent layout, so the switcher around it outlives a language switch), a\n// frame later, as the menu closes again when it opens while focus is on the replaced button.\nonMounted(() => {\n  if (takeRequestedStarterKitLanguages()) requestAnimationFrame(() => (open.value = true))\n})\nconst label = computed(() => t('change_language', {}, 'Change language'))\n</script>\n\n<template>\n  <DropdownMenu v-model:open=\"open\">\n    <DropdownMenuTrigger as-child>\n      <button\n        type=\"button\"\n        data-slot=\"language-switcher-trigger\"\n        :aria-label=\"label\"\n        :title=\"label\"\n        class=\"hover:bg-accent hover:text-accent-foreground data-[state=open]:bg-accent focus-visible:ring-ring/50 inline-flex h-9 min-w-9 shrink-0 items-center justify-center gap-1.5 rounded-md px-2 text-sm font-medium outline-none focus-visible:ring-[3px]\"\n      >\n        <LanguagesIcon class=\"size-4\" aria-hidden=\"true\" />\n        <span :lang=\"localization.tag\" :dir=\"localization.direction\" class=\"hidden sm:inline\">{{\n          localization.label\n        }}</span>\n      </button>\n    </DropdownMenuTrigger>\n    <DropdownMenuContent align=\"end\" class=\"min-w-40\">\n      <LocaleOptions />\n    </DropdownMenuContent>\n  </DropdownMenu>\n</template>\n"],"mappings":";;;;;;;;;;;;EAYA,IAAMkB,IAAIC,EAAK,GACTC,IAAeC,EAAgB,GAC/BC,IAAOC,EAAI,EAAK;EAKtB,QAAgB;GACd,AAAIC,EAAiC,KAAG,4BAA6B,EAAK,QAAQ,EAAK;EACzF,CAAC;EACD,IAAMC,IAAQC,QAAeR,EAAE,mBAAmB,CAAC,GAAG,iBAAiB,CAAC;oBAItElB,EAAA,GAAAC,EAkBeC,GAAA;GAlBO,MAAMoB,EAAA;GAAA,iBAAA,AAAAO,EAAA,QAAA,MAAA,EAAI,QAAAC;;GAC9B,SAAA3B,QAasB,CAbtBC,EAasBC,GAAA,EAbD,YAAA,GAAQ,GAAA;IAC3B,SAAAF,QAWS,CAXTG,EAWS,UAAA;KAVP,MAAK;KACL,aAAU;KACT,cAAYmB,EAAA;KACZ,OAAOA,EAAA;KACR,OAAM;IAENrB,GAAAA,CAAAA,EAAmDG,EAAA4B,CAAA,GAAA;KAApC,OAAM;KAAS,eAAY;IAC1C7B,CAAAA,GAAAA,EAES,QAAA;KAFF,MAAMC,EAAAa,CAAA,CAAY,CAAC;KAAM,KAAKb,EAAAa,CAAA,CAAY,CAAC;KAAW,OAAM;IACjE,GAAAZ,EAAAD,EAAAa,CAAA,CAAY,CAAC,KAAK,GAAA,GAAAJ,CAAA,CAAA,GAAA,GAAAD,CAAA,CAAA,CAAA;;GAIxBX,CAAAA,GAAAA,EAEsBK,GAAA;IAFD,OAAM;IAAM,OAAM;;IACrC,SAAAN,QAAiB,CAAjBC,EAAiBM,CAAA,CAAA,CAAA"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"LanguageSwitcherTrigger.js","names":["_sfc_main","LanguageSwitcherTrigger_vue_vue_type_script_setup_true_lang_default","LanguageSwitcherTrigger_default"],"sources":["../../../src/starter-kit/widgets/LanguageSwitcherTrigger.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { requestStarterKitLanguages, type StarterKitWidgets } from '@alfakit/core'\nimport { LanguagesIcon } from '@lucide/vue'\nimport { computed } from 'vue'\n\n/**\n * The language button until its menu has loaded: the languages icon and the current\n * language in its own name (from `sm`). A click is remembered and opens the menu once loaded.\n */\nconst props = defineProps<{ source: StarterKitWidgets }>()\n\nconst language = computed(() => props.source.widgets.language)\n</script>\n\n<template>\n  <button\n    type=\"button\"\n    data-slot=\"language-switcher-trigger\"\n    :aria-label=\"language?.label\"\n    aria-haspopup=\"menu\"\n    :title=\"language?.label\"\n    class=\"hover:bg-accent hover:text-accent-foreground data-[state=open]:bg-accent focus-visible:ring-ring/50 inline-flex h-9 min-w-9 shrink-0 items-center justify-center gap-1.5 rounded-md px-2 text-sm font-medium outline-none focus-visible:ring-[3px]\"\n    @click=\"requestStarterKitLanguages()\"\n  >\n    <LanguagesIcon class=\"size-4\" aria-hidden=\"true\" />\n    <span\n      v-if=\"language\"\n      :lang=\"language.current.tag\"\n      :dir=\"language.current.direction\"\n      class=\"hidden sm:inline\"\n      >{{ language.current.label }}</span\n    >\n  </button>\n</template>\n"],"mappings":""}

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

@@ -0,0 +1,11 @@
+import { type StarterKitWidgets } from '@alfakit/core';
+/**
+ * The language button until its menu has loaded: the languages icon and the current
+ * language in its own name (from `sm`). A click is remembered and opens the menu once loaded.
+ */
+type __VLS_Props = {
+    source: StarterKitWidgets;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=LanguageSwitcherTrigger.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LanguageSwitcherTrigger.vue.d.ts","sourceRoot":"","sources":["../../../src/starter-kit/widgets/LanguageSwitcherTrigger.vue"],"names":[],"mappings":"AAoCA,OAAO,EAA8B,KAAK,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAIlF;;;GAGG;AACH,KAAK,WAAW,GAAG;IAAE,MAAM,EAAE,iBAAiB,CAAA;CAAE,CAAC;;AAqFjD,wBAMG"}

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

@@ -0,0 +1,32 @@
+import { requestStarterKitLanguages as e } from "@alfakit/core";
+import { computed as t, createCommentVNode as n, createElementBlock as r, createVNode as i, defineComponent as a, openBlock as o, toDisplayString as s, unref as c } from "vue";
+import { LanguagesIcon as l } from "@lucide/vue";
+//#region src/starter-kit/widgets/LanguageSwitcherTrigger.vue?vue&type=script&setup=true&lang.ts
+var u = ["aria-label", "title"], d = ["lang", "dir"], f = /*@__PURE__*/ a({
+	__name: "LanguageSwitcherTrigger",
+	props: { source: {} },
+	setup(a) {
+		let f = a, p = t(() => f.source.widgets.language);
+		return (t, a) => (o(), r("button", {
+			type: "button",
+			"data-slot": "language-switcher-trigger",
+			"aria-label": p.value?.label,
+			"aria-haspopup": "menu",
+			title: p.value?.label,
+			class: "hover:bg-accent hover:text-accent-foreground data-[state=open]:bg-accent focus-visible:ring-ring/50 inline-flex h-9 min-w-9 shrink-0 items-center justify-center gap-1.5 rounded-md px-2 text-sm font-medium outline-none focus-visible:ring-[3px]",
+			onClick: a[0] ||= (t) => c(e)()
+		}, [i(c(l), {
+			class: "size-4",
+			"aria-hidden": "true"
+		}), p.value ? (o(), r("span", {
+			key: 0,
+			lang: p.value.current.tag,
+			dir: p.value.current.direction,
+			class: "hidden sm:inline"
+		}, s(p.value.current.label), 9, d)) : n("", !0)], 8, u));
+	}
+});
+//#endregion
+export { f as default };
+
+//# sourceMappingURL=LanguageSwitcherTrigger.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LanguageSwitcherTrigger.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_unref","_createVNode","_toDisplayString","_createCommentVNode","_hoisted_1","_hoisted_2","LanguageSwitcherTrigger_vue_vue_type_script_setup_true_lang_default","props","__props","language","computed","openBlock","createElementBlock","_cache","unref","requestStarterKitLanguages","createVNode","LanguagesIcon","toDisplayString","createCommentVNode"],"sources":["../../../src/starter-kit/widgets/LanguageSwitcherTrigger.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { requestStarterKitLanguages, type StarterKitWidgets } from '@alfakit/core'\nimport { LanguagesIcon } from '@lucide/vue'\nimport { computed } from 'vue'\n\n/**\n * The language button until its menu has loaded: the languages icon and the current\n * language in its own name (from `sm`). A click is remembered and opens the menu once loaded.\n */\nconst props = defineProps<{ source: StarterKitWidgets }>()\n\nconst language = computed(() => props.source.widgets.language)\n</script>\n\n<template>\n  <button\n    type=\"button\"\n    data-slot=\"language-switcher-trigger\"\n    :aria-label=\"language?.label\"\n    aria-haspopup=\"menu\"\n    :title=\"language?.label\"\n    class=\"hover:bg-accent hover:text-accent-foreground data-[state=open]:bg-accent focus-visible:ring-ring/50 inline-flex h-9 min-w-9 shrink-0 items-center justify-center gap-1.5 rounded-md px-2 text-sm font-medium outline-none focus-visible:ring-[3px]\"\n    @click=\"requestStarterKitLanguages()\"\n  >\n    <LanguagesIcon class=\"size-4\" aria-hidden=\"true\" />\n    <span\n      v-if=\"language\"\n      :lang=\"language.current.tag\"\n      :dir=\"language.current.direction\"\n      class=\"hidden sm:inline\"\n      >{{ language.current.label }}</span\n    >\n  </button>\n</template>\n"],"mappings":";;;;;;;;EASA,IAAMS,IAAQC,GAERC,IAAWC,QAAeH,EAAM,OAAO,QAAQ,QAAQ;oBAI3DT,EAAA,GAAAC,EAiBS,UAAA;GAhBP,MAAK;GACL,aAAU;GACT,cAAYU,EAAA,OAAU;GACvB,iBAAc;GACb,OAAOA,EAAA,OAAU;GAClB,OAAM;GACL,SAAK,AAAAI,EAAA,QAAA,MAAEb,EAAAe,CAAA,CAA0B,CAAA;EAElCd,GAAAA,CAAAA,EAAmDD,EAAAiB,CAAA,GAAA;GAApC,OAAM;GAAS,eAAY;EAElC,CAAA,GAAAR,EAAA,SADRX,EAAA,GAAAC,EAMC,QAAA;;GAJE,MAAMU,EAAA,MAAS,QAAQ;GACvB,KAAKA,EAAA,MAAS,QAAQ;GACvB,OAAM;EACF,GAAAP,EAAAO,EAAA,MAAS,QAAQ,KAAK,GAAA,GAAAJ,CAAA,KAAAc,EAAA,IAAA,EAAA,CAAA,GAAA,GAAAf,CAAA"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"LoadedLanguageSwitcher.js","names":["_sfc_main","LoadedLanguageSwitcher_vue_vue_type_script_setup_true_lang_default","LoadedLanguageSwitcher_default"],"sources":["../../../src/starter-kit/widgets/LoadedLanguageSwitcher.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { showsLanguageSwitcher, type StarterKitWidgets } from '@alfakit/core'\nimport { computed, toRef } from 'vue'\nimport LanguageMenu from './LanguageMenu.vue'\nimport LanguageSwitcherTrigger from './LanguageSwitcherTrigger.vue'\nimport { useWidgetsPanel } from './use-widgets'\nimport WidgetShell from './WidgetShell.vue'\n\n/**\n * The panel's language menu (its languages in their own names, `LocaleOptions`): picking\n * one posts to the panel's locale endpoint and reloads the page in it. Nothing without a\n * language switcher with two or more languages.\n */\nconst props = defineProps<{ source: StarterKitWidgets }>()\n\nconst panel = useWidgetsPanel(toRef(props, 'source'))\nconst visible = computed(() => showsLanguageSwitcher(panel.value?.localization, 'auth'))\n</script>\n\n<template>\n  <template v-if=\"panel\">\n    <WidgetShell v-if=\"visible\" :panel=\"panel\">\n      <LanguageMenu />\n    </WidgetShell>\n  </template>\n  <LanguageSwitcherTrigger v-else :source=\"props.source\" />\n</template>\n"],"mappings":""}

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

@@ -0,0 +1,12 @@
+import { type StarterKitWidgets } from '@alfakit/core';
+/**
+ * The panel's language menu (its languages in their own names, `LocaleOptions`): picking
+ * one posts to the panel's locale endpoint and reloads the page in it. Nothing without a
+ * language switcher with two or more languages.
+ */
+type __VLS_Props = {
+    source: StarterKitWidgets;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=LoadedLanguageSwitcher.vue.d.ts.map

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"LoadedLanguageSwitcher.vue_vue_type_script_setup_true_lang.js","names":["_unref","_openBlock","_createElementBlock","_Fragment","_createBlock","WidgetShell","_withCtx","_createVNode","LanguageMenu","_createCommentVNode","LanguageSwitcherTrigger","LanguageSwitcherTrigger_default","WidgetShell_default","LanguageMenu_default","LoadedLanguageSwitcher_vue_vue_type_script_setup_true_lang_default","props","__props","panel","useWidgetsPanel","toRef","visible","computed","showsLanguageSwitcher","unref","openBlock","createElementBlock","Fragment","createBlock","withCtx","createVNode","createCommentVNode"],"sources":["../../../src/starter-kit/widgets/LoadedLanguageSwitcher.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { showsLanguageSwitcher, type StarterKitWidgets } from '@alfakit/core'\nimport { computed, toRef } from 'vue'\nimport LanguageMenu from './LanguageMenu.vue'\nimport LanguageSwitcherTrigger from './LanguageSwitcherTrigger.vue'\nimport { useWidgetsPanel } from './use-widgets'\nimport WidgetShell from './WidgetShell.vue'\n\n/**\n * The panel's language menu (its languages in their own names, `LocaleOptions`): picking\n * one posts to the panel's locale endpoint and reloads the page in it. Nothing without a\n * language switcher with two or more languages.\n */\nconst props = defineProps<{ source: StarterKitWidgets }>()\n\nconst panel = useWidgetsPanel(toRef(props, 'source'))\nconst visible = computed(() => showsLanguageSwitcher(panel.value?.localization, 'auth'))\n</script>\n\n<template>\n  <template v-if=\"panel\">\n    <WidgetShell v-if=\"visible\" :panel=\"panel\">\n      <LanguageMenu />\n    </WidgetShell>\n  </template>\n  <LanguageSwitcherTrigger v-else :source=\"props.source\" />\n</template>\n"],"mappings":";;;;;;;;;;;EAaA,IAAMe,IAAQC,GAERC,IAAQC,EAAgBC,EAAMJ,GAAO,QAAQ,CAAC,GAC9CK,IAAUC,QAAeC,EAAsBL,EAAM,OAAO,cAAc,MAAM,CAAC;mBAIrEjB,EAAAiB,CAAA,KAAhBhB,EAAA,GAAAC,EAIWC,GAAA,EAAA,KAAA,EAAA,GAAA,CAHUiB,EAAA,SAAnBnB,EAAA,GAAAG,EAEcC,GAAA;;GAFe,OAAOL,EAAAiB,CAAA;;GAClC,SAAAX,QAAgB,CAAhBC,EAAgBC,CAAA,CAAA,CAAA;;EAGpBP,GAAAA,GAAAA,CAAAA,OAAAA,CAAAA,KAAAA,EAAAA,IAAAA,EAAAA,CAAAA,GAAAA,EAAAA,MAAAA,EAAA,GAAAG,EAAyDM,GAAA;;GAAxB,QAAQK,EAAM"}

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

@@ -94,4 +94,30 @@ export declare const AlfakitCopilot: import("vue").DefineComponent<import("vue")
 }>> & Readonly<{}>, {
     panel: string | undefined;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+/**
+ * The panel's language menu (`locales()`): the current language straight away, and each
+ * language in its own name once loaded. Picking one switches the panel's language (the
+ * session, the cookie and `persistLocaleUsing()`) and reloads the page, so AlfaKit pages and
+ * the header components show it; the host's own pages and `<html lang dir>` are the app's.
+ * Renders nothing for guests or with fewer than two languages.
+ */
+export declare const AlfakitLanguageSwitcher: 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;
+    };
+}>> & Readonly<{}>, {
+    panel: string | undefined;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 //# sourceMappingURL=index.d.ts.map

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,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"}
+{"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;AA6GZ;;;;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;AAED;;;;;;GAMG;AACH,eAAO,MAAM,uBAAuB;IAjF9B,8HAA8H;;cACrG,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC;;;;;;;;IADrD,8HAA8H;;cACrG,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC;;;;;4EAqF1D,CAAA"}

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

@@ -1,40 +1,41 @@
 import { lazyComponent as e } from "../../lib/lazy.js";
 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";
+import n from "./LanguageSwitcherTrigger.js";
+import r from "./NotificationsTrigger.js";
+import i from "./SearchTrigger.js";
+import a from "./TenantSwitcherTrigger.js";
+import { starterKitWidgets as o } from "@alfakit/core";
+import { usePage as s } from "@inertiajs/vue3";
+import { computed as c, defineAsyncComponent as l, defineComponent as u, h as d } from "vue";
 //#region src/starter-kit/widgets/index.ts
-function d(e, t) {
-	let n = o();
-	return s(() => a(n.props, e(), t));
+function f(e, t) {
+	let n = s();
+	return c(() => o(n.props, e(), t));
 }
-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({
+var p = e("AlfakitLoadedSearch", () => import("./loaded.js").then((e) => e.LoadedSearch), i), m = e("AlfakitLoadedNotifications", () => import("./loaded.js").then((e) => e.LoadedNotifications), r), h = e("AlfakitLoadedTenantSwitcher", () => import("./loaded.js").then((e) => e.LoadedTenantSwitcher), a), g = e("AlfakitLoadedLanguageSwitcher", () => import("./loaded.js").then((e) => e.LoadedLanguageSwitcher), n), _ = e("AlfakitLoadedCopilot", () => import("./loaded.js").then((e) => e.LoadedCopilot), t), v = l(() => import("./StarterKitImpersonationBanner.js"));
+function y(e, t, n, r) {
+	return u({
 		name: e,
 		props: { panel: {
 			type: String,
 			default: void 0
 		} },
 		setup(e) {
-			let i = d(() => e.panel, n);
+			let i = f(() => e.panel, n);
 			return () => {
-				let e = i.value, a = e?.widgets.impersonation ? u(g, { source: e }) : null;
+				let e = i.value, a = e?.widgets.impersonation ? d(v, { source: e }) : null;
 				if (!e?.widgets[n]) return a;
-				let o = u("span", {
+				let o = d("span", {
 					"data-slot": t,
 					class: "inline-flex"
-				}, [u(r, { source: e })]);
+				}, [d(r, { source: e })]);
 				return a ? [a, o] : o;
 			};
 		}
 	});
 }
-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);
+var b = y("AlfakitSearch", "starter-kit-search", "search", p), x = y("AlfakitNotifications", "starter-kit-notifications", "notifications", m), S = y("AlfakitTenantSwitcher", "starter-kit-tenant-switcher", "tenancy", h), C = y("AlfakitCopilot", "starter-kit-copilot", "copilot", _), w = y("AlfakitLanguageSwitcher", "starter-kit-language-switcher", "language", g);
 //#endregion
-export { x as AlfakitCopilot, y as AlfakitNotifications, v as AlfakitSearch, b as AlfakitTenantSwitcher };
+export { C as AlfakitCopilot, w as AlfakitLanguageSwitcher, x as AlfakitNotifications, b as AlfakitSearch, S 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","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"}
+{"version":3,"file":"index.js","names":["SearchTrigger","NotificationsTrigger","TenantSwitcherTrigger","LanguageSwitcherTrigger","CopilotTrigger","CopilotTrigger_default","LanguageSwitcherTrigger_default","NotificationsTrigger_default","SearchTrigger_default","TenantSwitcherTrigger_default","useStarterKitWidgets","page","usePage","computed","starterKitWidgets","panelId","part","LoadedSearch","lazyComponent","module","LoadedNotifications","LoadedTenantSwitcher","LoadedLanguageSwitcher","LoadedCopilot","StarterKitImpersonationBanner","defineAsyncComponent","headerWidget","defineComponent","source","props","value","banner","h","widget","slot","loaded","AlfakitSearch","AlfakitNotifications","AlfakitTenantSwitcher","AlfakitCopilot","AlfakitLanguageSwitcher"],"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 LanguageSwitcherTrigger from './LanguageSwitcherTrigger.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, tenant switcher and language 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, AlfakitLanguageSwitcher, AlfakitNotifications, AlfakitSearch } from '@alfakit/vue'\n * </script>\n *\n * <template>\n *   <AlfakitSearch />\n *   <AlfakitNotifications />\n *   <AlfakitCopilot />\n *   <AlfakitLanguageSwitcher />\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 LoadedLanguageSwitcher = lazyComponent(\n  'AlfakitLoadedLanguageSwitcher',\n  () => import('./loaded').then((module) => module.LoadedLanguageSwitcher),\n  LanguageSwitcherTrigger,\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\n/**\n * The panel's language menu (`locales()`): the current language straight away, and each\n * language in its own name once loaded. Picking one switches the panel's language (the\n * session, the cookie and `persistLocaleUsing()`) and reloads the page, so AlfaKit pages and\n * the header components show it; the host's own pages and `<html lang dir>` are the app's.\n * Renders nothing for guests or with fewer than two languages.\n */\nexport const AlfakitLanguageSwitcher = headerWidget(\n  'AlfakitLanguageSwitcher',\n  'starter-kit-language-switcher',\n  'language',\n  LoadedLanguageSwitcher,\n)\n"],"mappings":";;;;;;;;;;AA2CA,SAASU,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,GAC7DnB,CACF,GAEMoB,IAAsBF,EAC1B,oCACM,OAAO,cAAW,CAAC,MAAM,MAAWC,EAAO,mBAAmB,GACpElB,CACF,GAEMoB,IAAuBH,EAC3B,qCACM,OAAO,cAAW,CAAC,MAAM,MAAWC,EAAO,oBAAoB,GACrEjB,CACF,GAEMoB,IAAyBJ,EAC7B,uCACM,OAAO,cAAW,CAAC,MAAM,MAAWC,EAAO,sBAAsB,GACvEhB,CACF,GAEMoB,IAAgBL,EACpB,8BACM,OAAO,cAAW,CAAC,MAAM,MAAWC,EAAO,aAAa,GAC9Df,CACF,GAGMoB,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,IAASlB,QAA2BmB,EAAM,OAAOb,CAAI;GAE3D,aAAa;IACX,IAAMc,IAAkCF,EAAO,OAGzCG,IAASD,GAAO,QAAQ,gBAC1BE,EAAER,GAA+B,EAAE,QAAQM,EAAM,CAAC,IAClD;IAEJ,IAAI,CAACA,GAAO,QAAQd,IAAO,OAAOe;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,UACAT,CACF,GAMaoB,IAAuBX,EAClC,wBACA,6BACA,iBACAN,CACF,GAMakB,IAAwBZ,EACnC,yBACA,+BACA,WACAL,CACF,GAQakB,IAAiBb,EAC5B,kBACA,uBACA,WACAH,CACF,GASaiB,IAA0Bd,EACrC,2BACA,iCACA,YACAJ,CACF"}

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

@@ -4,6 +4,7 @@
  * Only loaded in the browser (`import('./loaded')`).
  */
 export { default as LoadedCopilot } from './LoadedCopilot.vue';
+export { default as LoadedLanguageSwitcher } from './LoadedLanguageSwitcher.vue';
 export { default as LoadedNotifications } from './LoadedNotifications.vue';
 export { default as LoadedSearch } from './LoadedSearch.vue';
 export { default as LoadedTenantSwitcher } from './LoadedTenantSwitcher.vue';

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

@@ -1 +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"}
+{"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,sBAAsB,EAAE,MAAM,8BAA8B,CAAA;AAChF,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

@@ -1,5 +1,6 @@
 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 };
+import t from "./LoadedLanguageSwitcher.js";
+import n from "./LoadedNotifications.js";
+import r from "./LoadedSearch.js";
+import i from "./LoadedTenantSwitcher.js";
+export { e as LoadedCopilot, t as LoadedLanguageSwitcher, n as LoadedNotifications, r as LoadedSearch, i as LoadedTenantSwitcher };

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

@@ -3,7 +3,8 @@ import { type ComputedRef, type Ref } from 'vue';
 import type { AlfakitContextValue } from '../../context';
 /**
  * The panel the loaded components render with, once its data (`widgets.endpoint`) has
- * loaded: null until then. A tenant switch (another endpoint) loads its own.
+ * loaded: null until then. It is loaded per endpoint (a tenant switch) and language (a
+ * language switch), so the components follow a switch.
  */
 export declare function useWidgetsPanel(source: Ref<StarterKitWidgets>): ComputedRef<PanelSchema | null>;
 /** @internal The context of the loaded header components (browser only). */

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

@@ -1 +1 @@
-{"version":3,"file":"use-widgets.d.ts","sourceRoot":"","sources":["../../../src/starter-kit/widgets/use-widgets.ts"],"names":[],"mappings":"AAAA,OAAO,EAOL,KAAK,WAAW,EAChB,KAAK,iBAAiB,EACvB,MAAM,eAAe,CAAA;AACtB,OAAO,EAAwB,KAAK,WAAW,EAAE,KAAK,GAAG,EAAE,MAAM,KAAK,CAAA;AACtE,OAAO,KAAK,EAAE,mBAAmB,EAAgB,MAAM,eAAe,CAAA;AAKtE;;;GAGG;AACH,wBAAgB,eAAe,CAAC,MAAM,EAAE,GAAG,CAAC,iBAAiB,CAAC,GAAG,WAAW,CAAC,WAAW,GAAG,IAAI,CAAC,CAyB/F;AAMD,4EAA4E;AAC5E,wBAAgB,qBAAqB,IAAI,mBAAmB,CAS3D"}
+{"version":3,"file":"use-widgets.d.ts","sourceRoot":"","sources":["../../../src/starter-kit/widgets/use-widgets.ts"],"names":[],"mappings":"AAAA,OAAO,EAQL,KAAK,WAAW,EAChB,KAAK,iBAAiB,EACvB,MAAM,eAAe,CAAA;AACtB,OAAO,EAAwB,KAAK,WAAW,EAAE,KAAK,GAAG,EAAE,MAAM,KAAK,CAAA;AACtE,OAAO,KAAK,EAAE,mBAAmB,EAAgB,MAAM,eAAe,CAAA;AAKtE;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,MAAM,EAAE,GAAG,CAAC,iBAAiB,CAAC,GAAG,WAAW,CAAC,WAAW,GAAG,IAAI,CAAC,CA4B/F;AAMD,4EAA4E;AAC5E,wBAAgB,qBAAqB,IAAI,mBAAmB,CAS3D"}

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

@@ -1,20 +1,20 @@
-import { ActionRunner as e, ComponentRegistry as t, Translator as n, loadStarterKitPanel as r, loadedStarterKitPanel as i, starterKitWidgetsPanel as a } from "@alfakit/core";
-import { computed as o, ref as s, watch as c } from "vue";
+import { ActionRunner as e, ComponentRegistry as t, Translator as n, loadStarterKitPanel as r, loadedStarterKitPanel as i, starterKitPanelLocale as a, starterKitWidgetsPanel as o } from "@alfakit/core";
+import { computed as s, ref as c, watch as l } from "vue";
 //#region src/starter-kit/widgets/use-widgets.ts
-function l(e) {
-	let t = s(0);
-	return c(() => e.value.widgets.endpoint, (e, n, i) => {
-		let a = !0;
-		i(() => a = !1), r(e).then(() => a && t.value++, () => {});
-	}, { immediate: !0 }), o(() => {
+function u(e) {
+	let t = c(0);
+	return l(() => [e.value.widgets.endpoint, a(e.value)], ([e, n], i, a) => {
+		let o = !0;
+		a(() => o = !1), r(e, n).then(() => o && t.value++, () => {});
+	}, { immediate: !0 }), s(() => {
 		t.value;
-		let n = i(e.value.widgets.endpoint);
-		return n ? a(n, e.value) : null;
+		let n = i(e.value.widgets.endpoint, a(e.value));
+		return n ? o(n, e.value) : null;
 	});
 }
-var u = null;
-function d() {
-	return u ??= {
+var d = null;
+function f() {
+	return d ??= {
 		registry: new t(),
 		pages: {},
 		translator: new n(),
@@ -22,9 +22,9 @@ function d() {
 			action: "",
 			modal: ""
 		} })
-	}, u;
+	}, d;
 }
 //#endregion
-export { l as useWidgetsPanel, d as widgetsAlfakitContext };
+export { u as useWidgetsPanel, f as widgetsAlfakitContext };
 
 //# sourceMappingURL=use-widgets.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"use-widgets.js","names":["useWidgetsPanel","version","ref","watch","source","active","onCleanup","loadStarterKitPanel","endpoint","computed","base","loadedStarterKitPanel","starterKitWidgetsPanel","widgetsContext","widgetsAlfakitContext","ComponentRegistry","Translator","ActionRunner"],"sources":["../../../src/starter-kit/widgets/use-widgets.ts"],"sourcesContent":["import {\n  ActionRunner,\n  ComponentRegistry,\n  Translator,\n  loadStarterKitPanel,\n  loadedStarterKitPanel,\n  starterKitWidgetsPanel,\n  type PanelSchema,\n  type StarterKitWidgets,\n} from '@alfakit/core'\nimport { computed, ref, watch, type ComputedRef, type Ref } from 'vue'\nimport type { AlfakitContextValue, AnyComponent } from '../../context'\n\n// The loaded components' panel and context; `./index` (the eager triggers) must not import\n// this module, which pulls in the action runner.\n\n/**\n * The panel the loaded components render with, once its data (`widgets.endpoint`) has\n * loaded: null until then. A tenant switch (another endpoint) loads its own.\n */\nexport function useWidgetsPanel(source: Ref<StarterKitWidgets>): ComputedRef<PanelSchema | null> {\n  const version = ref(0)\n\n  watch(\n    () => source.value.widgets.endpoint,\n    (endpoint, _old, onCleanup) => {\n      let active = true\n\n      onCleanup(() => (active = false))\n\n      void loadStarterKitPanel(endpoint).then(\n        () => active && version.value++,\n        () => {},\n      )\n    },\n    { immediate: true },\n  )\n\n  return computed(() => {\n    void version.value\n\n    const base = loadedStarterKitPanel(source.value.widgets.endpoint)\n\n    return base ? starterKitWidgetsPanel(base, source.value) : null\n  })\n}\n\n// One context for the browser session: its own translator (the panel's strings), an empty\n// registry (only `panel:icon` overrides are looked up here) and an idle action runner.\nlet widgetsContext: AlfakitContextValue | null = null\n\n/** @internal The context of the loaded header components (browser only). */\nexport function widgetsAlfakitContext(): AlfakitContextValue {\n  widgetsContext ??= {\n    registry: new ComponentRegistry<AnyComponent>(),\n    pages: {},\n    translator: new Translator(),\n    actions: new ActionRunner({ endpoints: { action: '', modal: '' } }),\n  }\n\n  return widgetsContext\n}\n"],"mappings":";;;AAoBA,SAAgBA,EAAgB,GAAiE;CAC/F,IAAMC,IAAUC,EAAI,CAAC;CAiBrB,OAfAC,QACQC,EAAO,MAAM,QAAQ,WAC1B,GAAU,GAAM,MAAc;EAC7B,IAAIC,IAAS;EAIb,AAFAC,QAAiB,IAAS,EAAM,GAEhCC,EAAyBC,CAAQ,CAAC,CAAC,WAC3BH,KAAU,EAAQ,eAClB,CAAC,CACT;CACF,GACA,EAAE,WAAW,GAAK,CACpB,GAEOI,QAAe;EACpB,EAAa;EAEb,IAAMC,IAAOC,EAAsBP,EAAO,MAAM,QAAQ,QAAQ;EAEhE,OAAOM,IAAOE,EAAuBF,GAAMN,EAAO,KAAK,IAAI;CAC7D,CAAC;AACH;AAIA,IAAIS,IAA6C;AAGjD,SAAgBC,IAA6C;CAQ3D,OAPA,MAAmB;EACjB,UAAU,IAAIC,EAAgC;EAC9C,OAAO,CAAC;EACR,YAAY,IAAIC,EAAW;EAC3B,SAAS,IAAIC,EAAa,EAAE,WAAW;GAAE,QAAQ;GAAI,OAAO;EAAG,EAAE,CAAC;CACpE,GAEOJ;AACT"}
+{"version":3,"file":"use-widgets.js","names":["useWidgetsPanel","version","ref","watch","source","starterKitPanelLocale","endpoint","locale","active","onCleanup","loadStarterKitPanel","computed","base","loadedStarterKitPanel","starterKitWidgetsPanel","widgetsContext","widgetsAlfakitContext","ComponentRegistry","Translator","ActionRunner"],"sources":["../../../src/starter-kit/widgets/use-widgets.ts"],"sourcesContent":["import {\n  ActionRunner,\n  ComponentRegistry,\n  Translator,\n  loadStarterKitPanel,\n  loadedStarterKitPanel,\n  starterKitPanelLocale,\n  starterKitWidgetsPanel,\n  type PanelSchema,\n  type StarterKitWidgets,\n} from '@alfakit/core'\nimport { computed, ref, watch, type ComputedRef, type Ref } from 'vue'\nimport type { AlfakitContextValue, AnyComponent } from '../../context'\n\n// The loaded components' panel and context; `./index` (the eager triggers) must not import\n// this module, which pulls in the action runner.\n\n/**\n * The panel the loaded components render with, once its data (`widgets.endpoint`) has\n * loaded: null until then. It is loaded per endpoint (a tenant switch) and language (a\n * language switch), so the components follow a switch.\n */\nexport function useWidgetsPanel(source: Ref<StarterKitWidgets>): ComputedRef<PanelSchema | null> {\n  const version = ref(0)\n\n  watch(\n    () => [source.value.widgets.endpoint, starterKitPanelLocale(source.value)] as const,\n    ([endpoint, locale], _old, onCleanup) => {\n      let active = true\n\n      onCleanup(() => (active = false))\n\n      void loadStarterKitPanel(endpoint, locale).then(\n        () => active && version.value++,\n        () => {},\n      )\n    },\n    { immediate: true },\n  )\n\n  return computed(() => {\n    void version.value\n\n    const base = loadedStarterKitPanel(\n      source.value.widgets.endpoint,\n      starterKitPanelLocale(source.value),\n    )\n\n    return base ? starterKitWidgetsPanel(base, source.value) : null\n  })\n}\n\n// One context for the browser session: its own translator (the panel's strings), an empty\n// registry (only `panel:icon` overrides are looked up here) and an idle action runner.\nlet widgetsContext: AlfakitContextValue | null = null\n\n/** @internal The context of the loaded header components (browser only). */\nexport function widgetsAlfakitContext(): AlfakitContextValue {\n  widgetsContext ??= {\n    registry: new ComponentRegistry<AnyComponent>(),\n    pages: {},\n    translator: new Translator(),\n    actions: new ActionRunner({ endpoints: { action: '', modal: '' } }),\n  }\n\n  return widgetsContext\n}\n"],"mappings":";;;AAsBA,SAAgBA,EAAgB,GAAiE;CAC/F,IAAMC,IAAUC,EAAI,CAAC;CAiBrB,OAfAC,QACQ,CAACC,EAAO,MAAM,QAAQ,UAAUC,EAAsBD,EAAO,KAAK,CAAC,IACxE,CAACE,GAAUC,IAAS,GAAM,MAAc;EACvC,IAAIC,IAAS;EAIb,AAFAC,QAAiB,IAAS,EAAM,GAEhCC,EAAyBJ,GAAUC,CAAM,CAAC,CAAC,WACnCC,KAAU,EAAQ,eAClB,CAAC,CACT;CACF,GACA,EAAE,WAAW,GAAK,CACpB,GAEOG,QAAe;EACpB,EAAa;EAEb,IAAMC,IAAOC,EACXT,EAAO,MAAM,QAAQ,UACrBC,EAAsBD,EAAO,KAAK,CACpC;EAEA,OAAOQ,IAAOE,EAAuBF,GAAMR,EAAO,KAAK,IAAI;CAC7D,CAAC;AACH;AAIA,IAAIW,IAA6C;AAGjD,SAAgBC,IAA6C;CAQ3D,OAPA,MAAmB;EACjB,UAAU,IAAIC,EAAgC;EAC9C,OAAO,CAAC;EACR,YAAY,IAAIC,EAAW;EAC3B,SAAS,IAAIC,EAAa,EAAE,WAAW;GAAE,QAAQ;GAAI,OAAO;EAAG,EAAE,CAAC;CACpE,GAEOJ;AACT"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alfakit/vue",
-  "version": "0.1.6",
+  "version": "0.1.8",
   "description": "Vue 3 + shadcn-vue renderer for Alfakit, the Laravel admin panel builder by Alfa Six.",
   "license": "MIT",
   "author": "Alfa Six (https://alfasixbh.com)",
@@ -96,7 +96,7 @@
     "reka-ui": "^2.11.0",
     "tailwind-merge": "^3.7.0",
     "vue-sonner": "^2.0.9",
-    "@alfakit/core": "0.1.6"
+    "@alfakit/core": "0.1.8"
   },
   "peerDependencies": {
     "@inertiajs/vue3": "^3.0.0",

package/src/starter-kit/index.ts

@@ -5,6 +5,7 @@ export { createStarterKitPage, type StarterKitPageOptions } from './starter-kit'
 export { default as StarterKitContentLayout } from './StarterKitContentLayout.vue'
 export {
   AlfakitCopilot,
+  AlfakitLanguageSwitcher,
   AlfakitNotifications,
   AlfakitSearch,
   AlfakitTenantSwitcher,

package/src/starter-kit/widgets/LanguageMenu.vue

@@ -0,0 +1,46 @@
+<script setup lang="ts">
+import { takeRequestedStarterKitLanguages } from '@alfakit/core'
+import { LanguagesIcon } from '@lucide/vue'
+import { computed, onMounted, ref } from 'vue'
+import LocaleOptions from '../../components/panel/LocaleOptions.vue'
+import DropdownMenu from '../../components/ui/DropdownMenu.vue'
+import DropdownMenuContent from '../../components/ui/DropdownMenuContent.vue'
+import DropdownMenuTrigger from '../../components/ui/DropdownMenuTrigger.vue'
+import { useLocalization, useT } from '../../context'
+
+/** The loaded language button and menu, inside the widgets' context (`WidgetShell`). */
+
+const t = useT()
+const localization = useLocalization()
+const open = ref(false)
+
+// A click on the trigger before the menu loaded opens it once mounted (taken per mount: the
+// header is a persistent layout, so the switcher around it outlives a language switch), a
+// frame later, as the menu closes again when it opens while focus is on the replaced button.
+onMounted(() => {
+  if (takeRequestedStarterKitLanguages()) requestAnimationFrame(() => (open.value = true))
+})
+const label = computed(() => t('change_language', {}, 'Change language'))
+</script>
+
+<template>
+  <DropdownMenu v-model:open="open">
+    <DropdownMenuTrigger as-child>
+      <button
+        type="button"
+        data-slot="language-switcher-trigger"
+        :aria-label="label"
+        :title="label"
+        class="hover:bg-accent hover:text-accent-foreground data-[state=open]:bg-accent focus-visible:ring-ring/50 inline-flex h-9 min-w-9 shrink-0 items-center justify-center gap-1.5 rounded-md px-2 text-sm font-medium outline-none focus-visible:ring-[3px]"
+      >
+        <LanguagesIcon class="size-4" aria-hidden="true" />
+        <span :lang="localization.tag" :dir="localization.direction" class="hidden sm:inline">{{
+          localization.label
+        }}</span>
+      </button>
+    </DropdownMenuTrigger>
+    <DropdownMenuContent align="end" class="min-w-40">
+      <LocaleOptions />
+    </DropdownMenuContent>
+  </DropdownMenu>
+</template>

package/src/starter-kit/widgets/LanguageSwitcherTrigger.vue

@@ -0,0 +1,34 @@
+<script setup lang="ts">
+import { requestStarterKitLanguages, type StarterKitWidgets } from '@alfakit/core'
+import { LanguagesIcon } from '@lucide/vue'
+import { computed } from 'vue'
+
+/**
+ * The language button until its menu has loaded: the languages icon and the current
+ * language in its own name (from `sm`). A click is remembered and opens the menu once loaded.
+ */
+const props = defineProps<{ source: StarterKitWidgets }>()
+
+const language = computed(() => props.source.widgets.language)
+</script>
+
+<template>
+  <button
+    type="button"
+    data-slot="language-switcher-trigger"
+    :aria-label="language?.label"
+    aria-haspopup="menu"
+    :title="language?.label"
+    class="hover:bg-accent hover:text-accent-foreground data-[state=open]:bg-accent focus-visible:ring-ring/50 inline-flex h-9 min-w-9 shrink-0 items-center justify-center gap-1.5 rounded-md px-2 text-sm font-medium outline-none focus-visible:ring-[3px]"
+    @click="requestStarterKitLanguages()"
+  >
+    <LanguagesIcon class="size-4" aria-hidden="true" />
+    <span
+      v-if="language"
+      :lang="language.current.tag"
+      :dir="language.current.direction"
+      class="hidden sm:inline"
+      >{{ language.current.label }}</span
+    >
+  </button>
+</template>

package/src/starter-kit/widgets/LoadedLanguageSwitcher.vue

@@ -0,0 +1,27 @@
+<script setup lang="ts">
+import { showsLanguageSwitcher, type StarterKitWidgets } from '@alfakit/core'
+import { computed, toRef } from 'vue'
+import LanguageMenu from './LanguageMenu.vue'
+import LanguageSwitcherTrigger from './LanguageSwitcherTrigger.vue'
+import { useWidgetsPanel } from './use-widgets'
+import WidgetShell from './WidgetShell.vue'
+
+/**
+ * The panel's language menu (its languages in their own names, `LocaleOptions`): picking
+ * one posts to the panel's locale endpoint and reloads the page in it. Nothing without a
+ * language switcher with two or more languages.
+ */
+const props = defineProps<{ source: StarterKitWidgets }>()
+
+const panel = useWidgetsPanel(toRef(props, 'source'))
+const visible = computed(() => showsLanguageSwitcher(panel.value?.localization, 'auth'))
+</script>
+
+<template>
+  <template v-if="panel">
+    <WidgetShell v-if="visible" :panel="panel">
+      <LanguageMenu />
+    </WidgetShell>
+  </template>
+  <LanguageSwitcherTrigger v-else :source="props.source" />
+</template>

package/src/starter-kit/widgets/index.ts

@@ -15,25 +15,27 @@ import {
 } from 'vue'
 import { lazyComponent } from '../../lib/lazy'
 import CopilotTrigger from './CopilotTrigger.vue'
+import LanguageSwitcherTrigger from './LanguageSwitcherTrigger.vue'
 import NotificationsTrigger from './NotificationsTrigger.vue'
 import SearchTrigger from './SearchTrigger.vue'
 import TenantSwitcherTrigger from './TenantSwitcherTrigger.vue'
 
 /**
  * Drop-in header components of starter kit mode (`Panel::starterKit()`): AlfaKit's search,
- * notifications bell and tenant switcher in the host's own header, on every page of the
+ * notifications bell, tenant switcher and language switcher in the host's own header, on every page of the
  * application. They read the shared `alfakitNavigation` prop, render a lightweight trigger
  * straight away, and load their code and the panel data once mounted (never during SSR).
  *
  * ```vue
  * <script setup lang="ts">
- * import { AlfakitCopilot, AlfakitNotifications, AlfakitSearch } from '@alfakit/vue'
+ * import { AlfakitCopilot, AlfakitLanguageSwitcher, AlfakitNotifications, AlfakitSearch } from '@alfakit/vue'
  * </script>
  *
  * <template>
  *   <AlfakitSearch />
  *   <AlfakitNotifications />
  *   <AlfakitCopilot />
+ *   <AlfakitLanguageSwitcher />
  * </template>
  * ```
  */
@@ -66,6 +68,12 @@ const LoadedTenantSwitcher = lazyComponent(
   TenantSwitcherTrigger,
 )
 
+const LoadedLanguageSwitcher = lazyComponent(
+  'AlfakitLoadedLanguageSwitcher',
+  () => import('./loaded').then((module) => module.LoadedLanguageSwitcher),
+  LanguageSwitcherTrigger,
+)
+
 const LoadedCopilot = lazyComponent(
   'AlfakitLoadedCopilot',
   () => import('./loaded').then((module) => module.LoadedCopilot),
@@ -159,3 +167,17 @@ export const AlfakitCopilot = headerWidget(
   'copilot',
   LoadedCopilot,
 )
+
+/**
+ * The panel's language menu (`locales()`): the current language straight away, and each
+ * language in its own name once loaded. Picking one switches the panel's language (the
+ * session, the cookie and `persistLocaleUsing()`) and reloads the page, so AlfaKit pages and
+ * the header components show it; the host's own pages and `<html lang dir>` are the app's.
+ * Renders nothing for guests or with fewer than two languages.
+ */
+export const AlfakitLanguageSwitcher = headerWidget(
+  'AlfakitLanguageSwitcher',
+  'starter-kit-language-switcher',
+  'language',
+  LoadedLanguageSwitcher,
+)

package/src/starter-kit/widgets/loaded.ts

@@ -4,6 +4,7 @@
  * Only loaded in the browser (`import('./loaded')`).
  */
 export { default as LoadedCopilot } from './LoadedCopilot.vue'
+export { default as LoadedLanguageSwitcher } from './LoadedLanguageSwitcher.vue'
 export { default as LoadedNotifications } from './LoadedNotifications.vue'
 export { default as LoadedSearch } from './LoadedSearch.vue'
 export { default as LoadedTenantSwitcher } from './LoadedTenantSwitcher.vue'

package/src/starter-kit/widgets/use-widgets.ts

@@ -4,6 +4,7 @@ import {
   Translator,
   loadStarterKitPanel,
   loadedStarterKitPanel,
+  starterKitPanelLocale,
   starterKitWidgetsPanel,
   type PanelSchema,
   type StarterKitWidgets,
@@ -16,19 +17,20 @@ import type { AlfakitContextValue, AnyComponent } from '../../context'
 
 /**
  * The panel the loaded components render with, once its data (`widgets.endpoint`) has
- * loaded: null until then. A tenant switch (another endpoint) loads its own.
+ * loaded: null until then. It is loaded per endpoint (a tenant switch) and language (a
+ * language switch), so the components follow a switch.
  */
 export function useWidgetsPanel(source: Ref<StarterKitWidgets>): ComputedRef<PanelSchema | null> {
   const version = ref(0)
 
   watch(
-    () => source.value.widgets.endpoint,
-    (endpoint, _old, onCleanup) => {
+    () => [source.value.widgets.endpoint, starterKitPanelLocale(source.value)] as const,
+    ([endpoint, locale], _old, onCleanup) => {
       let active = true
 
       onCleanup(() => (active = false))
 
-      void loadStarterKitPanel(endpoint).then(
+      void loadStarterKitPanel(endpoint, locale).then(
         () => active && version.value++,
         () => {},
       )
@@ -39,7 +41,10 @@ export function useWidgetsPanel(source: Ref<StarterKitWidgets>): ComputedRef<Pan
   return computed(() => {
     void version.value
 
-    const base = loadedStarterKitPanel(source.value.widgets.endpoint)
+    const base = loadedStarterKitPanel(
+      source.value.widgets.endpoint,
+      starterKitPanelLocale(source.value),
+    )
 
     return base ? starterKitWidgetsPanel(base, source.value) : null
   })