@alfakit/vue 0.0.0-stage → 0.1.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"UserMenu.js","names":["_sfc_main","UserMenu_vue_vue_type_script_setup_true_lang_default","UserMenu_default"],"sources":["../../../src/components/panel/UserMenu.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { Link, router } from '@inertiajs/vue3'\nimport { ChevronsUpDownIcon, LogOutIcon, UserIcon } from '@lucide/vue'\nimport { computed } from 'vue'\nimport { useDirection, usePanel, useT } from '../../context'\nimport { Icon } from '../../lib/icons'\nimport DropdownMenu from '../ui/DropdownMenu.vue'\nimport DropdownMenuContent from '../ui/DropdownMenuContent.vue'\nimport DropdownMenuGroup from '../ui/DropdownMenuGroup.vue'\nimport DropdownMenuItem from '../ui/DropdownMenuItem.vue'\nimport DropdownMenuLabel from '../ui/DropdownMenuLabel.vue'\nimport DropdownMenuSeparator from '../ui/DropdownMenuSeparator.vue'\nimport DropdownMenuTrigger from '../ui/DropdownMenuTrigger.vue'\nimport SidebarMenuButton from '../ui/SidebarMenuButton.vue'\nimport LocaleSubMenu from './LocaleSubMenu.vue'\nimport SignInLink from './SignInLink.vue'\nimport Slot from './Slot.vue'\nimport UserAvatar from './UserAvatar.vue'\nimport MenuItemEntries from './MenuItemEntries.vue'\nimport MenuItemEntry from './MenuItemEntry.vue'\nimport PwaMenuItems from './PwaMenuItems.vue'\n\nconst props = withDefaults(defineProps<{ variant?: 'sidebar' | 'topbar' }>(), {\n  variant: 'sidebar',\n})\nconst t = useT()\nconst panel = usePanel()\nconst direction = useDirection()\nconst user = computed(() => panel.value.user)\nconst userMenu = computed(() => panel.value.userMenu)\n</script>\n\n<template>\n  <SignInLink v-if=\"!user\" :variant=\"props.variant\" />\n  <DropdownMenu v-else-if=\"userMenu\">\n    <DropdownMenuTrigger as-child>\n      <SidebarMenuButton\n        v-if=\"props.variant === 'sidebar'\"\n        size=\"lg\"\n        class=\"data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground\"\n      >\n        <UserAvatar />\n        <div class=\"grid flex-1 text-start text-sm leading-tight\">\n          <span class=\"truncate font-medium\">{{ user.name }}</span>\n          <span v-if=\"user.email\" class=\"text-muted-foreground truncate text-xs\">{{\n            user.email\n          }}</span>\n        </div>\n        <Icon\n          name=\"alfakit::panels.user-menu.toggle-button\"\n          :fallback=\"ChevronsUpDownIcon\"\n          class=\"ms-auto size-4\"\n        />\n      </SidebarMenuButton>\n      <button\n        v-else\n        type=\"button\"\n        class=\"focus-visible:ring-ring/50 rounded-full outline-none focus-visible:ring-[3px]\"\n        :aria-label=\"user.name\"\n      >\n        <UserAvatar class=\"rounded-full\" />\n      </button>\n    </DropdownMenuTrigger>\n    <DropdownMenuContent\n      class=\"min-w-56 rounded-lg\"\n      :side=\"props.variant === 'sidebar' ? (direction === 'rtl' ? 'left' : 'right') : 'bottom'\"\n      align=\"end\"\n      :side-offset=\"4\"\n    >\n      <DropdownMenuLabel class=\"p-0 font-normal\">\n        <div class=\"flex items-center gap-2 px-1 py-1.5 text-start text-sm\">\n          <UserAvatar />\n          <div class=\"grid flex-1 leading-tight\">\n            <span class=\"truncate font-medium\">{{ user.name }}</span>\n            <span v-if=\"user.email\" class=\"text-muted-foreground truncate text-xs\">{{\n              user.email\n            }}</span>\n          </div>\n        </div>\n      </DropdownMenuLabel>\n      <DropdownMenuSeparator />\n      <DropdownMenuGroup>\n        <Slot name=\"user-menu.before\" />\n        <Slot name=\"user-menu.profile.before\" />\n        <MenuItemEntry v-if=\"userMenu.profile\" :item=\"userMenu.profile\" />\n        <DropdownMenuItem v-else-if=\"userMenu.profileUrl\" as-child>\n          <Link :href=\"userMenu.profileUrl\" class=\"w-full\"\n            ><Icon name=\"alfakit::panels.user-menu.profile-item\" :fallback=\"UserIcon\" />\n            {{ t('profile', {}, 'Profile') }}</Link\n          >\n        </DropdownMenuItem>\n        <Slot name=\"user-menu.profile.after\" />\n        <MenuItemEntries :items=\"userMenu.items\" />\n        <LocaleSubMenu />\n        <PwaMenuItems />\n        <Slot name=\"user-menu.after\" />\n      </DropdownMenuGroup>\n      <DropdownMenuSeparator v-if=\"userMenu.logout !== false\" />\n      <MenuItemEntry v-if=\"userMenu.logout\" :item=\"userMenu.logout\" />\n      <DropdownMenuItem\n        v-else-if=\"userMenu.logout !== false\"\n        @select=\"router.post(userMenu.logoutUrl)\"\n        ><Icon name=\"alfakit::panels.user-menu.logout-button\" :fallback=\"LogOutIcon\" />\n        {{ t('logout', {}, 'Sign out') }}</DropdownMenuItem\n      >\n    </DropdownMenuContent>\n  </DropdownMenu>\n</template>\n"],"mappings":""}

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

@@ -0,0 +1,8 @@
+type __VLS_Props = {
+    variant?: 'sidebar' | 'topbar';
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    variant: "sidebar" | "topbar";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=UserMenu.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UserMenu.vue.d.ts","sourceRoot":"","sources":["../../../src/components/panel/UserMenu.vue"],"names":[],"mappings":"AAmIA,KAAK,WAAW,GAAG;IAAE,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAA;CAAE,CAAC;;aAAvB,SAAS,GAAG,QAAQ;;AAkanD,wBAOG"}

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

@@ -0,0 +1,127 @@
+import { useDirection as e, usePanel as t, useT as n } from "../../context.js";
+import r from "../../lib/Icon.js";
+import i from "../ui/DropdownMenu.js";
+import a from "../ui/DropdownMenuContent.js";
+import o from "../ui/DropdownMenuItem.js";
+import s from "../ui/DropdownMenuSeparator.js";
+import c from "../ui/DropdownMenuTrigger.js";
+import l from "../ui/DropdownMenuGroup.js";
+import u from "./Slot.js";
+import d from "../ui/DropdownMenuLabel.js";
+import f from "../ui/SidebarMenuButton.js";
+import p from "./MenuItemEntry.js";
+import m from "./MenuItemEntries.js";
+import h from "./LocaleSubMenu.js";
+import g from "./SignInLink.js";
+import _ from "./UserAvatar.js";
+import v from "./PwaMenuItems.js";
+import { Link as y, router as b } from "@inertiajs/vue3";
+import { computed as x, createBlock as S, createCommentVNode as C, createElementBlock as w, createElementVNode as T, createTextVNode as E, createVNode as D, defineComponent as O, openBlock as k, toDisplayString as A, unref as j, withCtx as M } from "vue";
+import { ChevronsUpDownIcon as N, LogOutIcon as P, UserIcon as F } from "@lucide/vue";
+//#region src/components/panel/UserMenu.vue?vue&type=script&setup=true&lang.ts
+var I = { class: "grid flex-1 text-start text-sm leading-tight" }, L = { class: "truncate font-medium" }, R = {
+	key: 0,
+	class: "text-muted-foreground truncate text-xs"
+}, z = ["aria-label"], B = { class: "flex items-center gap-2 px-1 py-1.5 text-start text-sm" }, V = { class: "grid flex-1 leading-tight" }, H = { class: "truncate font-medium" }, U = {
+	key: 0,
+	class: "text-muted-foreground truncate text-xs"
+}, W = /*@__PURE__*/ O({
+	__name: "UserMenu",
+	props: { variant: { default: "sidebar" } },
+	setup(O) {
+		let W = O, G = n(), K = t(), q = e(), J = x(() => K.value.user), Y = x(() => K.value.userMenu);
+		return (e, t) => J.value ? Y.value ? (k(), S(i, { key: 1 }, {
+			default: M(() => [D(c, { "as-child": "" }, {
+				default: M(() => [W.variant === "sidebar" ? (k(), S(f, {
+					key: 0,
+					size: "lg",
+					class: "data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground"
+				}, {
+					default: M(() => [
+						D(_),
+						T("div", I, [T("span", L, A(J.value.name), 1), J.value.email ? (k(), w("span", R, A(J.value.email), 1)) : C("", !0)]),
+						D(j(r), {
+							name: "alfakit::panels.user-menu.toggle-button",
+							fallback: j(N),
+							class: "ms-auto size-4"
+						}, null, 8, ["fallback"])
+					]),
+					_: 1
+				})) : (k(), w("button", {
+					key: 1,
+					type: "button",
+					class: "focus-visible:ring-ring/50 rounded-full outline-none focus-visible:ring-[3px]",
+					"aria-label": J.value.name
+				}, [D(_, { class: "rounded-full" })], 8, z))]),
+				_: 1
+			}), D(a, {
+				class: "min-w-56 rounded-lg",
+				side: W.variant === "sidebar" ? j(q) === "rtl" ? "left" : "right" : "bottom",
+				align: "end",
+				"side-offset": 4
+			}, {
+				default: M(() => [
+					D(d, { class: "p-0 font-normal" }, {
+						default: M(() => [T("div", B, [D(_), T("div", V, [T("span", H, A(J.value.name), 1), J.value.email ? (k(), w("span", U, A(J.value.email), 1)) : C("", !0)])])]),
+						_: 1
+					}),
+					D(s),
+					D(l, null, {
+						default: M(() => [
+							D(u, { name: "user-menu.before" }),
+							D(u, { name: "user-menu.profile.before" }),
+							Y.value.profile ? (k(), S(p, {
+								key: 0,
+								item: Y.value.profile
+							}, null, 8, ["item"])) : Y.value.profileUrl ? (k(), S(o, {
+								key: 1,
+								"as-child": ""
+							}, {
+								default: M(() => [D(j(y), {
+									href: Y.value.profileUrl,
+									class: "w-full"
+								}, {
+									default: M(() => [D(j(r), {
+										name: "alfakit::panels.user-menu.profile-item",
+										fallback: j(F)
+									}, null, 8, ["fallback"]), E(" " + A(j(G)("profile", {}, "Profile")), 1)]),
+									_: 1
+								}, 8, ["href"])]),
+								_: 1
+							})) : C("", !0),
+							D(u, { name: "user-menu.profile.after" }),
+							D(m, { items: Y.value.items }, null, 8, ["items"]),
+							D(h),
+							D(v),
+							D(u, { name: "user-menu.after" })
+						]),
+						_: 1
+					}),
+					Y.value.logout === !1 ? C("", !0) : (k(), S(s, { key: 0 })),
+					Y.value.logout ? (k(), S(p, {
+						key: 1,
+						item: Y.value.logout
+					}, null, 8, ["item"])) : Y.value.logout === !1 ? C("", !0) : (k(), S(o, {
+						key: 2,
+						onSelect: t[0] ||= (e) => j(b).post(Y.value.logoutUrl)
+					}, {
+						default: M(() => [D(j(r), {
+							name: "alfakit::panels.user-menu.logout-button",
+							fallback: j(P)
+						}, null, 8, ["fallback"]), E(" " + A(j(G)("logout", {}, "Sign out")), 1)]),
+						_: 1
+					}))
+				]),
+				_: 1
+			}, 8, ["side"])]),
+			_: 1
+		})) : C("", !0) : (k(), S(g, {
+			key: 0,
+			variant: W.variant
+		}, null, 8, ["variant"]));
+	}
+});
+//#endregion
+export { W as default };
+
+//# sourceMappingURL=UserMenu.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UserMenu.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","SignInLink","DropdownMenu","_withCtx","_createVNode","DropdownMenuTrigger","SidebarMenuButton","UserAvatar","_createElementVNode","_toDisplayString","_createElementBlock","_createCommentVNode","_unref","Icon","DropdownMenuContent","DropdownMenuLabel","DropdownMenuSeparator","DropdownMenuGroup","Slot","MenuItemEntry","DropdownMenuItem","_createTextVNode","MenuItemEntries","LocaleSubMenu","PwaMenuItems","Icon_default","DropdownMenu_default","DropdownMenuContent_default","DropdownMenuItem_default","DropdownMenuSeparator_default","DropdownMenuTrigger_default","DropdownMenuGroup_default","Slot_default","DropdownMenuLabel_default","SidebarMenuButton_default","MenuItemEntry_default","MenuItemEntries_default","LocaleSubMenu_default","SignInLink_default","UserAvatar_default","PwaMenuItems_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","UserMenu_vue_vue_type_script_setup_true_lang_default","props","__props","t","useT","panel","usePanel","direction","useDirection","user","computed","userMenu","openBlock","createBlock","withCtx","createVNode","createElementVNode","toDisplayString","createElementBlock","createCommentVNode","unref","ChevronsUpDownIcon","Link","UserIcon","createTextVNode","_cache","router","LogOutIcon"],"sources":["../../../src/components/panel/UserMenu.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { Link, router } from '@inertiajs/vue3'\nimport { ChevronsUpDownIcon, LogOutIcon, UserIcon } from '@lucide/vue'\nimport { computed } from 'vue'\nimport { useDirection, usePanel, useT } from '../../context'\nimport { Icon } from '../../lib/icons'\nimport DropdownMenu from '../ui/DropdownMenu.vue'\nimport DropdownMenuContent from '../ui/DropdownMenuContent.vue'\nimport DropdownMenuGroup from '../ui/DropdownMenuGroup.vue'\nimport DropdownMenuItem from '../ui/DropdownMenuItem.vue'\nimport DropdownMenuLabel from '../ui/DropdownMenuLabel.vue'\nimport DropdownMenuSeparator from '../ui/DropdownMenuSeparator.vue'\nimport DropdownMenuTrigger from '../ui/DropdownMenuTrigger.vue'\nimport SidebarMenuButton from '../ui/SidebarMenuButton.vue'\nimport LocaleSubMenu from './LocaleSubMenu.vue'\nimport SignInLink from './SignInLink.vue'\nimport Slot from './Slot.vue'\nimport UserAvatar from './UserAvatar.vue'\nimport MenuItemEntries from './MenuItemEntries.vue'\nimport MenuItemEntry from './MenuItemEntry.vue'\nimport PwaMenuItems from './PwaMenuItems.vue'\n\nconst props = withDefaults(defineProps<{ variant?: 'sidebar' | 'topbar' }>(), {\n  variant: 'sidebar',\n})\nconst t = useT()\nconst panel = usePanel()\nconst direction = useDirection()\nconst user = computed(() => panel.value.user)\nconst userMenu = computed(() => panel.value.userMenu)\n</script>\n\n<template>\n  <SignInLink v-if=\"!user\" :variant=\"props.variant\" />\n  <DropdownMenu v-else-if=\"userMenu\">\n    <DropdownMenuTrigger as-child>\n      <SidebarMenuButton\n        v-if=\"props.variant === 'sidebar'\"\n        size=\"lg\"\n        class=\"data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground\"\n      >\n        <UserAvatar />\n        <div class=\"grid flex-1 text-start text-sm leading-tight\">\n          <span class=\"truncate font-medium\">{{ user.name }}</span>\n          <span v-if=\"user.email\" class=\"text-muted-foreground truncate text-xs\">{{\n            user.email\n          }}</span>\n        </div>\n        <Icon\n          name=\"alfakit::panels.user-menu.toggle-button\"\n          :fallback=\"ChevronsUpDownIcon\"\n          class=\"ms-auto size-4\"\n        />\n      </SidebarMenuButton>\n      <button\n        v-else\n        type=\"button\"\n        class=\"focus-visible:ring-ring/50 rounded-full outline-none focus-visible:ring-[3px]\"\n        :aria-label=\"user.name\"\n      >\n        <UserAvatar class=\"rounded-full\" />\n      </button>\n    </DropdownMenuTrigger>\n    <DropdownMenuContent\n      class=\"min-w-56 rounded-lg\"\n      :side=\"props.variant === 'sidebar' ? (direction === 'rtl' ? 'left' : 'right') : 'bottom'\"\n      align=\"end\"\n      :side-offset=\"4\"\n    >\n      <DropdownMenuLabel class=\"p-0 font-normal\">\n        <div class=\"flex items-center gap-2 px-1 py-1.5 text-start text-sm\">\n          <UserAvatar />\n          <div class=\"grid flex-1 leading-tight\">\n            <span class=\"truncate font-medium\">{{ user.name }}</span>\n            <span v-if=\"user.email\" class=\"text-muted-foreground truncate text-xs\">{{\n              user.email\n            }}</span>\n          </div>\n        </div>\n      </DropdownMenuLabel>\n      <DropdownMenuSeparator />\n      <DropdownMenuGroup>\n        <Slot name=\"user-menu.before\" />\n        <Slot name=\"user-menu.profile.before\" />\n        <MenuItemEntry v-if=\"userMenu.profile\" :item=\"userMenu.profile\" />\n        <DropdownMenuItem v-else-if=\"userMenu.profileUrl\" as-child>\n          <Link :href=\"userMenu.profileUrl\" class=\"w-full\"\n            ><Icon name=\"alfakit::panels.user-menu.profile-item\" :fallback=\"UserIcon\" />\n            {{ t('profile', {}, 'Profile') }}</Link\n          >\n        </DropdownMenuItem>\n        <Slot name=\"user-menu.profile.after\" />\n        <MenuItemEntries :items=\"userMenu.items\" />\n        <LocaleSubMenu />\n        <PwaMenuItems />\n        <Slot name=\"user-menu.after\" />\n      </DropdownMenuGroup>\n      <DropdownMenuSeparator v-if=\"userMenu.logout !== false\" />\n      <MenuItemEntry v-if=\"userMenu.logout\" :item=\"userMenu.logout\" />\n      <DropdownMenuItem\n        v-else-if=\"userMenu.logout !== false\"\n        @select=\"router.post(userMenu.logoutUrl)\"\n        ><Icon name=\"alfakit::panels.user-menu.logout-button\" :fallback=\"LogOutIcon\" />\n        {{ t('logout', {}, 'Sign out') }}</DropdownMenuItem\n      >\n    </DropdownMenuContent>\n  </DropdownMenu>\n</template>\n"],"mappings":"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"}

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

@@ -0,0 +1,28 @@
+export { default as AppSidebar } from './AppSidebar.vue';
+export { default as BottomNav } from './BottomNav.vue';
+export { default as Brand } from './Brand.vue';
+export { default as Breadcrumbs } from './Breadcrumbs.vue';
+export { default as DebugFormState } from './DebugFormState.vue';
+export { default as DebugPanel } from './DebugPanel.vue';
+export { default as DebugPanelSlot } from './DebugPanelSlot.vue';
+export { default as DebugTreeNode } from './DebugTreeNode.vue';
+export { default as GlobalSearch } from './GlobalSearch.vue';
+export { default as ImpersonationBanner } from './ImpersonationBanner.vue';
+export { default as KeyboardShortcuts } from './KeyboardShortcuts.vue';
+export { default as LazyPlaceholder } from './LazyPlaceholder.vue';
+export { default as LocaleSubMenu } from './LocaleSubMenu.vue';
+export { default as LocaleSwitcher } from './LocaleSwitcher.vue';
+export { installPwa } from './pwa';
+export { default as PwaManager } from './PwaManager.vue';
+export { default as PwaMenuItems } from './PwaMenuItems.vue';
+export { default as ShortcutKeys } from './ShortcutKeys.vue';
+export { default as ShortcutsOverlay } from './ShortcutsOverlay.vue';
+export { default as SignInLink } from './SignInLink.vue';
+export { default as Slot } from './Slot.vue';
+export { default as TenantMenu } from './TenantMenu.vue';
+export { default as ThemeToggle } from './ThemeToggle.vue';
+export { default as Topbar } from './Topbar.vue';
+export { default as TopbarLocaleSwitcher } from './TopbarLocaleSwitcher.vue';
+export { default as UserAvatar } from './UserAvatar.vue';
+export { default as UserMenu } from './UserMenu.vue';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/panel/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,iBAAiB,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,aAAa,CAAA;AAC9C,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAC1D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAChE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAChE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAA;AAC9D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAC5D,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,2BAA2B,CAAA;AAC1E,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,yBAAyB,CAAA;AACtE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAClE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAA;AAC9D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAChE,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAClC,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAC5D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAC5D,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,wBAAwB,CAAA;AACpE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,YAAY,CAAA;AAC5C,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAC1D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,cAAc,CAAA;AAChD,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,4BAA4B,CAAA;AAC5E,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gBAAgB,CAAA"}

package/dist/components/panel/lazy-chrome.d.ts

@@ -0,0 +1,5 @@
+/** The command palette behind `GlobalSearch`: loaded the first time it opens. */
+export declare const globalSearchPalette: import("../../lib/lazy-loader").LazyLoader;
+/** The `?` overlay of `KeyboardShortcuts`: loaded the first time it opens. */
+export declare const shortcutsOverlay: import("../../lib/lazy-loader").LazyLoader;
+//# sourceMappingURL=lazy-chrome.d.ts.map

package/dist/components/panel/lazy-chrome.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lazy-chrome.d.ts","sourceRoot":"","sources":["../../../src/components/panel/lazy-chrome.ts"],"names":[],"mappings":"AAEA,iFAAiF;AACjF,eAAO,MAAM,mBAAmB,4CAE/B,CAAA;AAED,8EAA8E;AAC9E,eAAO,MAAM,gBAAgB,4CAE5B,CAAA"}

package/dist/components/panel/lazy-chrome.js

@@ -0,0 +1,7 @@
+import { lazyLoader as e } from "../../lib/lazy-loader.js";
+//#region src/components/panel/lazy-chrome.ts
+var t = e(() => import("./GlobalSearchPalette.js").then((e) => e.default)), n = e(() => import("./ShortcutsOverlay.js").then((e) => e.default));
+//#endregion
+export { t as globalSearchPalette, n as shortcutsOverlay };
+
+//# sourceMappingURL=lazy-chrome.js.map

package/dist/components/panel/lazy-chrome.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lazy-chrome.js","names":["globalSearchPalette","lazyLoader","module","shortcutsOverlay"],"sources":["../../../src/components/panel/lazy-chrome.ts"],"sourcesContent":["import { lazyLoader } from '../../lib/lazy-loader'\n\n/** The command palette behind `GlobalSearch`: loaded the first time it opens. */\nexport const globalSearchPalette = lazyLoader(() =>\n  import('./GlobalSearchPalette.vue').then((module) => module.default),\n)\n\n/** The `?` overlay of `KeyboardShortcuts`: loaded the first time it opens. */\nexport const shortcutsOverlay = lazyLoader(() =>\n  import('./ShortcutsOverlay.vue').then((module) => module.default),\n)\n"],"mappings":";;AAGA,IAAaA,IAAsBC,QACjC,OAAO,2BAA4B,CAAC,MAAM,MAAWC,EAAO,OAAO,CACrE,GAGaC,IAAmBF,QAC9B,OAAO,wBAAyB,CAAC,MAAM,MAAWC,EAAO,OAAO,CAClE"}

package/dist/components/panel/pwa.d.ts

@@ -0,0 +1,4 @@
+import { type Translator } from '@alfakit/core';
+/** Show the browser's install prompt, or the "Add to Home Screen" hint on iOS Safari. */
+export declare function installPwa(t: Translator['t']): Promise<void>;
+//# sourceMappingURL=pwa.d.ts.map

package/dist/components/panel/pwa.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pwa.d.ts","sourceRoot":"","sources":["../../../src/components/panel/pwa.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,KAAK,UAAU,EAAE,MAAM,eAAe,CAAA;AAGjE,yFAAyF;AACzF,wBAAsB,UAAU,CAAC,CAAC,EAAE,UAAU,CAAC,GAAG,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,CAWlE"}

package/dist/components/panel/pwa.js

@@ -0,0 +1,10 @@
+import { promptPwaInstall as e } from "@alfakit/core";
+import { toast as t } from "vue-sonner";
+//#region src/components/panel/pwa.ts
+async function n(n) {
+	await e() === "ios" && t.info(n("pwa.ios_hint", {}, "To install this app, tap the Share button and then “Add to Home Screen”."), { duration: 1e4 });
+}
+//#endregion
+export { n as installPwa };
+
+//# sourceMappingURL=pwa.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pwa.js","names":["installPwa","promptPwaInstall","toast","t"],"sources":["../../../src/components/panel/pwa.ts"],"sourcesContent":["import { promptPwaInstall, type Translator } from '@alfakit/core'\nimport { toast } from 'vue-sonner'\n\n/** Show the browser's install prompt, or the \"Add to Home Screen\" hint on iOS Safari. */\nexport async function installPwa(t: Translator['t']): Promise<void> {\n  if ((await promptPwaInstall()) === 'ios') {\n    toast.info(\n      t(\n        'pwa.ios_hint',\n        {},\n        'To install this app, tap the Share button and then “Add to Home Screen”.',\n      ),\n      { duration: 10000 },\n    )\n  }\n}\n"],"mappings":";;;AAIA,eAAsBA,EAAW,GAAmC;CAClE,AAAK,MAAMC,EAAiB,MAAO,SACjCC,EAAM,KACJC,EACE,gBACA,CAAC,GACD,0EACF,GACA,EAAE,UAAU,IAAM,CACpB;AAEJ"}

package/dist/components/realtime/ConflictBanner.js

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

package/dist/components/realtime/ConflictBanner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConflictBanner.js","names":["_sfc_main","ConflictBanner_vue_vue_type_script_setup_true_lang_default","ConflictBanner_default"],"sources":["../../../src/components/realtime/ConflictBanner.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  ConflictMonitor,\n  PresenceRoom,\n  conflictMessage,\n  findPageFormBlock,\n  type ConflictMonitorState,\n  type PageSchema,\n} from '@alfakit/core'\nimport { RefreshCwIcon, TriangleAlertIcon, XIcon } from '@lucide/vue'\nimport { computed, onMounted, onScopeDispose, ref, shallowRef, watch } from 'vue'\nimport { useFormatter, usePanel, useT } from '../../context'\nimport Button from '../ui/Button.vue'\n\n/**\n * Edit pages (`detectConflicts()`): a non-blocking banner when somebody else saved the\n * record (\"Dana saved changes 10 seconds ago\", over `Panel::realtime()`) or the server\n * refused a save, with review (the changed fields against your unsaved values), reload\n * and keep mine. Replace it with `components: { 'page:conflict-banner': … }`.\n */\nconst props = defineProps<{ page: PageSchema }>()\nconst panel = usePanel()\nconst t = useT()\nconst formatter = useFormatter()\n\nconst monitor = shallowRef<ConflictMonitor | null>(null)\nconst state = shallowRef<ConflictMonitorState>({\n  conflict: null,\n  fields: null,\n  loading: false,\n  failed: false,\n})\nconst reviewing = ref(false)\nconst tick = ref(0)\nlet stop: (() => void) | null = null\nlet unsubscribe: (() => void) | null = null\nlet timer: ReturnType<typeof setInterval> | null = null\n\nconst connect = () => {\n  stop?.()\n  unsubscribe?.()\n\n  const channel = props.page.presence?.channel ?? null\n  const next = new ConflictMonitor({\n    version: props.page.conflicts?.version ?? '',\n    token: props.page.token,\n    endpoint: panel.value.endpoints.conflicts,\n    channel,\n    original: (findPageFormBlock(props.page)?.state as Record<string, unknown> | undefined) ?? {},\n    self: panel.value.user?.id ?? null,\n    resolveName: (id) => (channel ? (PresenceRoom.find(channel)?.memberName(id) ?? null) : null),\n  })\n\n  monitor.value = next\n  state.value = next.state\n  reviewing.value = false\n  unsubscribe = next.store.subscribe((value) => {\n    state.value = value\n\n    if (!value.conflict) reviewing.value = false\n  })\n  stop = next.start()\n}\n\nonMounted(() => {\n  // A new version (after saving or reloading) starts over.\n  watch(() => [props.page.conflicts?.version, props.page.presence?.channel], connect, {\n    immediate: true,\n  })\n  watch(\n    () => props.page.token,\n    (token) => monitor.value?.setToken(token),\n  )\n  // \"10 seconds ago\" keeps counting.\n  timer = setInterval(() => (tick.value += 1), 15_000)\n})\n\nonScopeDispose(() => {\n  stop?.()\n  unsubscribe?.()\n  if (timer !== null) clearInterval(timer)\n})\n\nconst conflict = computed(() => state.value.conflict)\nconst text = computed(() => {\n  void tick.value\n\n  if (!conflict.value) return ''\n\n  const message = conflictMessage(conflict.value)\n\n  return t(\n    message.key,\n    { name: conflict.value.name ?? '', time: formatter.value.relative(conflict.value.at) },\n    message.fallback,\n  )\n})\nconst deleted = computed(() => conflict.value?.event === 'deleted')\nconst fields = computed(() => state.value.fields ?? [])\nconst empty = computed(() => t('realtime.conflict.empty', {}, 'Empty'))\n\nconst review = () => {\n  const opening = !reviewing.value\n  reviewing.value = opening\n\n  if (opening && state.value.fields === null) void monitor.value?.review()\n}\n</script>\n\n<template>\n  <div\n    v-if=\"conflict\"\n    data-slot=\"conflict-banner\"\n    :data-source=\"conflict.source\"\n    role=\"status\"\n    aria-live=\"polite\"\n    class=\"flex flex-col gap-3 rounded-lg border border-amber-300 bg-amber-50 px-4 py-3 text-sm text-amber-950 dark:border-amber-800 dark:bg-amber-950/40 dark:text-amber-100\"\n  >\n    <div class=\"flex flex-wrap items-center gap-x-3 gap-y-2\">\n      <TriangleAlertIcon class=\"size-4 shrink-0\" aria-hidden=\"true\" />\n      <p class=\"min-w-0 flex-1 font-medium\">{{ text }}</p>\n      <div class=\"flex flex-wrap items-center gap-2\">\n        <Button\n          v-if=\"!deleted\"\n          type=\"button\"\n          size=\"sm\"\n          variant=\"outline\"\n          :aria-expanded=\"reviewing\"\n          aria-controls=\"alfakit-conflict-review\"\n          @click=\"review\"\n        >\n          {{ t('realtime.conflict.review', {}, 'Review changes') }}\n        </Button>\n        <Button type=\"button\" size=\"sm\" variant=\"outline\" @click=\"monitor?.reload()\">\n          <RefreshCwIcon aria-hidden=\"true\" />\n          {{ t('realtime.conflict.reload', {}, 'Reload') }}\n        </Button>\n        <Button v-if=\"!deleted\" type=\"button\" size=\"sm\" @click=\"monitor?.keepMine()\">\n          {{ t('realtime.conflict.keep_mine', {}, 'Keep mine') }}\n        </Button>\n        <Button\n          type=\"button\"\n          size=\"icon-sm\"\n          variant=\"ghost\"\n          :aria-label=\"t('realtime.conflict.dismiss', {}, 'Dismiss')\"\n          @click=\"monitor?.dismiss()\"\n        >\n          <XIcon aria-hidden=\"true\" />\n        </Button>\n      </div>\n    </div>\n    <div\n      v-if=\"reviewing\"\n      id=\"alfakit-conflict-review\"\n      data-slot=\"conflict-review\"\n      class=\"flex flex-col gap-2\"\n    >\n      <p v-if=\"state.loading\" class=\"text-muted-foreground\">\n        {{ t('realtime.conflict.loading', {}, 'Loading changes…') }}\n      </p>\n      <p v-else-if=\"state.failed\">\n        {{ t('realtime.conflict.failed', {}, 'The changes could not be loaded.') }}\n      </p>\n      <p v-else-if=\"fields.length === 0\">\n        {{ t('realtime.conflict.no_changes', {}, 'No field differs from what you loaded.') }}\n      </p>\n      <table\n        v-else\n        class=\"bg-background/60 text-foreground w-full overflow-hidden rounded-md text-start text-sm\"\n      >\n        <caption class=\"sr-only\">\n          {{\n            t('realtime.conflict.caption', {}, 'Fields changed since you opened the record')\n          }}\n        </caption>\n        <thead>\n          <tr class=\"border-b\">\n            <th scope=\"col\" class=\"px-3 py-2 text-start font-medium\">\n              {{ t('realtime.conflict.field', {}, 'Field') }}\n            </th>\n            <th scope=\"col\" class=\"px-3 py-2 text-start font-medium\">\n              {{ t('realtime.conflict.theirs', {}, 'Saved') }}\n            </th>\n            <th scope=\"col\" class=\"px-3 py-2 text-start font-medium\">\n              {{ t('realtime.conflict.mine', {}, 'Yours') }}\n            </th>\n            <th scope=\"col\" class=\"px-3 py-2\">\n              <span class=\"sr-only\">{{ t('realtime.conflict.actions', {}, 'Actions') }}</span>\n            </th>\n          </tr>\n        </thead>\n        <tbody>\n          <tr\n            v-for=\"field in fields\"\n            :key=\"field.path\"\n            :data-conflicting=\"field.conflicting || undefined\"\n            class=\"border-b last:border-b-0\"\n          >\n            <th scope=\"row\" class=\"px-3 py-2 text-start font-medium\">\n              {{ field.label }}\n              <span\n                v-if=\"field.conflicting\"\n                class=\"ms-2 rounded bg-amber-200 px-1.5 py-0.5 text-xs font-normal text-amber-950 dark:bg-amber-800 dark:text-amber-50\"\n              >\n                {{ t('realtime.conflict.both_changed', {}, 'Changed by both') }}\n              </span>\n            </th>\n            <td class=\"px-3 py-2 break-words\">{{ field.theirs ?? empty }}</td>\n            <td class=\"px-3 py-2 break-words\">{{ field.mine ?? empty }}</td>\n            <td class=\"px-3 py-2 text-end\">\n              <Button\n                type=\"button\"\n                size=\"xs\"\n                variant=\"outline\"\n                :aria-label=\"\n                  t(\n                    'realtime.conflict.use_theirs_label',\n                    { field: field.label },\n                    'Use the saved value of :field',\n                  )\n                \"\n                @click=\"monitor?.useTheirs(field.path)\"\n              >\n                {{ t('realtime.conflict.use_theirs', {}, 'Use saved value') }}\n              </Button>\n            </td>\n          </tr>\n        </tbody>\n      </table>\n    </div>\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/realtime/ConflictBanner.vue.d.ts

@@ -0,0 +1,13 @@
+import { type PageSchema } from '@alfakit/core';
+/**
+ * Edit pages (`detectConflicts()`): a non-blocking banner when somebody else saved the
+ * record ("Dana saved changes 10 seconds ago", over `Panel::realtime()`) or the server
+ * refused a save, with review (the changed fields against your unsaved values), reload
+ * and keep mine. Replace it with `components: { 'page:conflict-banner': … }`.
+ */
+type __VLS_Props = {
+    page: PageSchema;
+};
+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=ConflictBanner.vue.d.ts.map

package/dist/components/realtime/ConflictBanner.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConflictBanner.vue.d.ts","sourceRoot":"","sources":["../../../src/components/realtime/ConflictBanner.vue"],"names":[],"mappings":"AA0OA,OAAO,EAML,KAAK,UAAU,EAChB,MAAM,eAAe,CAAA;AAMtB;;;;;GAKG;AACH,KAAK,WAAW,GAAG;IAAE,IAAI,EAAE,UAAU,CAAA;CAAE,CAAC;;AAofxC,wBAMG"}

package/dist/components/realtime/ConflictBanner.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,164 @@
+import { useFormatter as e, usePanel as t, useT as ee } from "../../context.js";
+import n from "../ui/Button2.js";
+import { ConflictMonitor as te, PresenceRoom as r, conflictMessage as i, findPageFormBlock as ne } from "@alfakit/core";
+import { Fragment as re, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, createVNode as d, defineComponent as f, onMounted as ie, onScopeDispose as p, openBlock as m, ref as h, renderList as g, shallowRef as _, toDisplayString as v, unref as y, watch as b, withCtx as x } from "vue";
+import { RefreshCwIcon as ae, TriangleAlertIcon as oe, XIcon as se } from "@lucide/vue";
+//#region src/components/realtime/ConflictBanner.vue?vue&type=script&setup=true&lang.ts
+var ce = ["data-source"], le = { class: "flex flex-wrap items-center gap-x-3 gap-y-2" }, ue = { class: "min-w-0 flex-1 font-medium" }, S = { class: "flex flex-wrap items-center gap-2" }, C = {
+	key: 0,
+	id: "alfakit-conflict-review",
+	"data-slot": "conflict-review",
+	class: "flex flex-col gap-2"
+}, w = {
+	key: 0,
+	class: "text-muted-foreground"
+}, T = { key: 1 }, E = { key: 2 }, D = {
+	key: 3,
+	class: "bg-background/60 text-foreground w-full overflow-hidden rounded-md text-start text-sm"
+}, O = { class: "sr-only" }, k = { class: "border-b" }, A = {
+	scope: "col",
+	class: "px-3 py-2 text-start font-medium"
+}, j = {
+	scope: "col",
+	class: "px-3 py-2 text-start font-medium"
+}, M = {
+	scope: "col",
+	class: "px-3 py-2 text-start font-medium"
+}, N = {
+	scope: "col",
+	class: "px-3 py-2"
+}, P = { class: "sr-only" }, F = ["data-conflicting"], I = {
+	scope: "row",
+	class: "px-3 py-2 text-start font-medium"
+}, L = {
+	key: 0,
+	class: "ms-2 rounded bg-amber-200 px-1.5 py-0.5 text-xs font-normal text-amber-950 dark:bg-amber-800 dark:text-amber-50"
+}, de = { class: "px-3 py-2 break-words" }, R = { class: "px-3 py-2 break-words" }, z = { class: "px-3 py-2 text-end" }, B = /*@__PURE__*/ f({
+	__name: "ConflictBanner",
+	props: { page: {} },
+	setup(f) {
+		let B = f, V = t(), H = ee(), fe = e(), U = _(null), W = _({
+			conflict: null,
+			fields: null,
+			loading: !1,
+			failed: !1
+		}), G = h(!1), K = h(0), q = null, J = null, Y = null, pe = () => {
+			q?.(), J?.();
+			let e = B.page.presence?.channel ?? null, t = new te({
+				version: B.page.conflicts?.version ?? "",
+				token: B.page.token,
+				endpoint: V.value.endpoints.conflicts,
+				channel: e,
+				original: ne(B.page)?.state ?? {},
+				self: V.value.user?.id ?? null,
+				resolveName: (t) => e ? r.find(e)?.memberName(t) ?? null : null
+			});
+			U.value = t, W.value = t.state, G.value = !1, J = t.store.subscribe((e) => {
+				W.value = e, e.conflict || (G.value = !1);
+			}), q = t.start();
+		};
+		ie(() => {
+			b(() => [B.page.conflicts?.version, B.page.presence?.channel], pe, { immediate: !0 }), b(() => B.page.token, (e) => U.value?.setToken(e)), Y = setInterval(() => K.value += 1, 15e3);
+		}), p(() => {
+			q?.(), J?.(), Y !== null && clearInterval(Y);
+		});
+		let X = a(() => W.value.conflict), me = a(() => {
+			if (K.value, !X.value) return "";
+			let e = i(X.value);
+			return H(e.key, {
+				name: X.value.name ?? "",
+				time: fe.value.relative(X.value.at)
+			}, e.fallback);
+		}), Z = a(() => X.value?.event === "deleted"), Q = a(() => W.value.fields ?? []), $ = a(() => H("realtime.conflict.empty", {}, "Empty")), he = () => {
+			let e = !G.value;
+			G.value = e, e && W.value.fields === null && U.value?.review();
+		};
+		return (e, t) => X.value ? (m(), c("div", {
+			key: 0,
+			"data-slot": "conflict-banner",
+			"data-source": X.value.source,
+			role: "status",
+			"aria-live": "polite",
+			class: "flex flex-col gap-3 rounded-lg border border-amber-300 bg-amber-50 px-4 py-3 text-sm text-amber-950 dark:border-amber-800 dark:bg-amber-950/40 dark:text-amber-100"
+		}, [l("div", le, [
+			d(y(oe), {
+				class: "size-4 shrink-0",
+				"aria-hidden": "true"
+			}),
+			l("p", ue, v(me.value), 1),
+			l("div", S, [
+				Z.value ? s("", !0) : (m(), o(n, {
+					key: 0,
+					type: "button",
+					size: "sm",
+					variant: "outline",
+					"aria-expanded": G.value,
+					"aria-controls": "alfakit-conflict-review",
+					onClick: he
+				}, {
+					default: x(() => [u(v(y(H)("realtime.conflict.review", {}, "Review changes")), 1)]),
+					_: 1
+				}, 8, ["aria-expanded"])),
+				d(n, {
+					type: "button",
+					size: "sm",
+					variant: "outline",
+					onClick: t[0] ||= (e) => U.value?.reload()
+				}, {
+					default: x(() => [d(y(ae), { "aria-hidden": "true" }), u(" " + v(y(H)("realtime.conflict.reload", {}, "Reload")), 1)]),
+					_: 1
+				}),
+				Z.value ? s("", !0) : (m(), o(n, {
+					key: 1,
+					type: "button",
+					size: "sm",
+					onClick: t[1] ||= (e) => U.value?.keepMine()
+				}, {
+					default: x(() => [u(v(y(H)("realtime.conflict.keep_mine", {}, "Keep mine")), 1)]),
+					_: 1
+				})),
+				d(n, {
+					type: "button",
+					size: "icon-sm",
+					variant: "ghost",
+					"aria-label": y(H)("realtime.conflict.dismiss", {}, "Dismiss"),
+					onClick: t[2] ||= (e) => U.value?.dismiss()
+				}, {
+					default: x(() => [d(y(se), { "aria-hidden": "true" })]),
+					_: 1
+				}, 8, ["aria-label"])
+			])
+		]), G.value ? (m(), c("div", C, [W.value.loading ? (m(), c("p", w, v(y(H)("realtime.conflict.loading", {}, "Loading changes…")), 1)) : W.value.failed ? (m(), c("p", T, v(y(H)("realtime.conflict.failed", {}, "The changes could not be loaded.")), 1)) : Q.value.length === 0 ? (m(), c("p", E, v(y(H)("realtime.conflict.no_changes", {}, "No field differs from what you loaded.")), 1)) : (m(), c("table", D, [
+			l("caption", O, v(y(H)("realtime.conflict.caption", {}, "Fields changed since you opened the record")), 1),
+			l("thead", null, [l("tr", k, [
+				l("th", A, v(y(H)("realtime.conflict.field", {}, "Field")), 1),
+				l("th", j, v(y(H)("realtime.conflict.theirs", {}, "Saved")), 1),
+				l("th", M, v(y(H)("realtime.conflict.mine", {}, "Yours")), 1),
+				l("th", N, [l("span", P, v(y(H)("realtime.conflict.actions", {}, "Actions")), 1)])
+			])]),
+			l("tbody", null, [(m(!0), c(re, null, g(Q.value, (e) => (m(), c("tr", {
+				key: e.path,
+				"data-conflicting": e.conflicting || void 0,
+				class: "border-b last:border-b-0"
+			}, [
+				l("th", I, [u(v(e.label) + " ", 1), e.conflicting ? (m(), c("span", L, v(y(H)("realtime.conflict.both_changed", {}, "Changed by both")), 1)) : s("", !0)]),
+				l("td", de, v(e.theirs ?? $.value), 1),
+				l("td", R, v(e.mine ?? $.value), 1),
+				l("td", z, [d(n, {
+					type: "button",
+					size: "xs",
+					variant: "outline",
+					"aria-label": y(H)("realtime.conflict.use_theirs_label", { field: e.label }, "Use the saved value of :field"),
+					onClick: (t) => U.value?.useTheirs(e.path)
+				}, {
+					default: x(() => [u(v(y(H)("realtime.conflict.use_theirs", {}, "Use saved value")), 1)]),
+					_: 1
+				}, 8, ["aria-label", "onClick"])])
+			], 8, F))), 128))])
+		]))])) : s("", !0)], 8, ce)) : s("", !0);
+	}
+});
+//#endregion
+export { B as default };
+
+//# sourceMappingURL=ConflictBanner.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/realtime/ConflictBanner.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConflictBanner.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_createElementVNode","_createVNode","_unref","_toDisplayString","_createBlock","Button","_withCtx","_createTextVNode","_createCommentVNode","_Fragment","_renderList","Button_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","_hoisted_13","_hoisted_14","_hoisted_15","_hoisted_16","_hoisted_17","_hoisted_18","_hoisted_19","_hoisted_20","_hoisted_21","_hoisted_22","ConflictBanner_vue_vue_type_script_setup_true_lang_default","props","__props","panel","usePanel","t","useT","formatter","useFormatter","monitor","shallowRef","state","reviewing","ref","tick","stop","unsubscribe","timer","connect","channel","next","ConflictMonitor","findPageFormBlock","PresenceRoom","id","value","onMounted","watch","token","onScopeDispose","conflict","computed","text","message","conflictMessage","deleted","fields","empty","review","opening","openBlock","createElementBlock","createElementVNode","createVNode","unref","TriangleAlertIcon","toDisplayString","createCommentVNode","createBlock","withCtx","createTextVNode","_cache","RefreshCwIcon","XIcon","Fragment","renderList","field"],"sources":["../../../src/components/realtime/ConflictBanner.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  ConflictMonitor,\n  PresenceRoom,\n  conflictMessage,\n  findPageFormBlock,\n  type ConflictMonitorState,\n  type PageSchema,\n} from '@alfakit/core'\nimport { RefreshCwIcon, TriangleAlertIcon, XIcon } from '@lucide/vue'\nimport { computed, onMounted, onScopeDispose, ref, shallowRef, watch } from 'vue'\nimport { useFormatter, usePanel, useT } from '../../context'\nimport Button from '../ui/Button.vue'\n\n/**\n * Edit pages (`detectConflicts()`): a non-blocking banner when somebody else saved the\n * record (\"Dana saved changes 10 seconds ago\", over `Panel::realtime()`) or the server\n * refused a save, with review (the changed fields against your unsaved values), reload\n * and keep mine. Replace it with `components: { 'page:conflict-banner': … }`.\n */\nconst props = defineProps<{ page: PageSchema }>()\nconst panel = usePanel()\nconst t = useT()\nconst formatter = useFormatter()\n\nconst monitor = shallowRef<ConflictMonitor | null>(null)\nconst state = shallowRef<ConflictMonitorState>({\n  conflict: null,\n  fields: null,\n  loading: false,\n  failed: false,\n})\nconst reviewing = ref(false)\nconst tick = ref(0)\nlet stop: (() => void) | null = null\nlet unsubscribe: (() => void) | null = null\nlet timer: ReturnType<typeof setInterval> | null = null\n\nconst connect = () => {\n  stop?.()\n  unsubscribe?.()\n\n  const channel = props.page.presence?.channel ?? null\n  const next = new ConflictMonitor({\n    version: props.page.conflicts?.version ?? '',\n    token: props.page.token,\n    endpoint: panel.value.endpoints.conflicts,\n    channel,\n    original: (findPageFormBlock(props.page)?.state as Record<string, unknown> | undefined) ?? {},\n    self: panel.value.user?.id ?? null,\n    resolveName: (id) => (channel ? (PresenceRoom.find(channel)?.memberName(id) ?? null) : null),\n  })\n\n  monitor.value = next\n  state.value = next.state\n  reviewing.value = false\n  unsubscribe = next.store.subscribe((value) => {\n    state.value = value\n\n    if (!value.conflict) reviewing.value = false\n  })\n  stop = next.start()\n}\n\nonMounted(() => {\n  // A new version (after saving or reloading) starts over.\n  watch(() => [props.page.conflicts?.version, props.page.presence?.channel], connect, {\n    immediate: true,\n  })\n  watch(\n    () => props.page.token,\n    (token) => monitor.value?.setToken(token),\n  )\n  // \"10 seconds ago\" keeps counting.\n  timer = setInterval(() => (tick.value += 1), 15_000)\n})\n\nonScopeDispose(() => {\n  stop?.()\n  unsubscribe?.()\n  if (timer !== null) clearInterval(timer)\n})\n\nconst conflict = computed(() => state.value.conflict)\nconst text = computed(() => {\n  void tick.value\n\n  if (!conflict.value) return ''\n\n  const message = conflictMessage(conflict.value)\n\n  return t(\n    message.key,\n    { name: conflict.value.name ?? '', time: formatter.value.relative(conflict.value.at) },\n    message.fallback,\n  )\n})\nconst deleted = computed(() => conflict.value?.event === 'deleted')\nconst fields = computed(() => state.value.fields ?? [])\nconst empty = computed(() => t('realtime.conflict.empty', {}, 'Empty'))\n\nconst review = () => {\n  const opening = !reviewing.value\n  reviewing.value = opening\n\n  if (opening && state.value.fields === null) void monitor.value?.review()\n}\n</script>\n\n<template>\n  <div\n    v-if=\"conflict\"\n    data-slot=\"conflict-banner\"\n    :data-source=\"conflict.source\"\n    role=\"status\"\n    aria-live=\"polite\"\n    class=\"flex flex-col gap-3 rounded-lg border border-amber-300 bg-amber-50 px-4 py-3 text-sm text-amber-950 dark:border-amber-800 dark:bg-amber-950/40 dark:text-amber-100\"\n  >\n    <div class=\"flex flex-wrap items-center gap-x-3 gap-y-2\">\n      <TriangleAlertIcon class=\"size-4 shrink-0\" aria-hidden=\"true\" />\n      <p class=\"min-w-0 flex-1 font-medium\">{{ text }}</p>\n      <div class=\"flex flex-wrap items-center gap-2\">\n        <Button\n          v-if=\"!deleted\"\n          type=\"button\"\n          size=\"sm\"\n          variant=\"outline\"\n          :aria-expanded=\"reviewing\"\n          aria-controls=\"alfakit-conflict-review\"\n          @click=\"review\"\n        >\n          {{ t('realtime.conflict.review', {}, 'Review changes') }}\n        </Button>\n        <Button type=\"button\" size=\"sm\" variant=\"outline\" @click=\"monitor?.reload()\">\n          <RefreshCwIcon aria-hidden=\"true\" />\n          {{ t('realtime.conflict.reload', {}, 'Reload') }}\n        </Button>\n        <Button v-if=\"!deleted\" type=\"button\" size=\"sm\" @click=\"monitor?.keepMine()\">\n          {{ t('realtime.conflict.keep_mine', {}, 'Keep mine') }}\n        </Button>\n        <Button\n          type=\"button\"\n          size=\"icon-sm\"\n          variant=\"ghost\"\n          :aria-label=\"t('realtime.conflict.dismiss', {}, 'Dismiss')\"\n          @click=\"monitor?.dismiss()\"\n        >\n          <XIcon aria-hidden=\"true\" />\n        </Button>\n      </div>\n    </div>\n    <div\n      v-if=\"reviewing\"\n      id=\"alfakit-conflict-review\"\n      data-slot=\"conflict-review\"\n      class=\"flex flex-col gap-2\"\n    >\n      <p v-if=\"state.loading\" class=\"text-muted-foreground\">\n        {{ t('realtime.conflict.loading', {}, 'Loading changes…') }}\n      </p>\n      <p v-else-if=\"state.failed\">\n        {{ t('realtime.conflict.failed', {}, 'The changes could not be loaded.') }}\n      </p>\n      <p v-else-if=\"fields.length === 0\">\n        {{ t('realtime.conflict.no_changes', {}, 'No field differs from what you loaded.') }}\n      </p>\n      <table\n        v-else\n        class=\"bg-background/60 text-foreground w-full overflow-hidden rounded-md text-start text-sm\"\n      >\n        <caption class=\"sr-only\">\n          {{\n            t('realtime.conflict.caption', {}, 'Fields changed since you opened the record')\n          }}\n        </caption>\n        <thead>\n          <tr class=\"border-b\">\n            <th scope=\"col\" class=\"px-3 py-2 text-start font-medium\">\n              {{ t('realtime.conflict.field', {}, 'Field') }}\n            </th>\n            <th scope=\"col\" class=\"px-3 py-2 text-start font-medium\">\n              {{ t('realtime.conflict.theirs', {}, 'Saved') }}\n            </th>\n            <th scope=\"col\" class=\"px-3 py-2 text-start font-medium\">\n              {{ t('realtime.conflict.mine', {}, 'Yours') }}\n            </th>\n            <th scope=\"col\" class=\"px-3 py-2\">\n              <span class=\"sr-only\">{{ t('realtime.conflict.actions', {}, 'Actions') }}</span>\n            </th>\n          </tr>\n        </thead>\n        <tbody>\n          <tr\n            v-for=\"field in fields\"\n            :key=\"field.path\"\n            :data-conflicting=\"field.conflicting || undefined\"\n            class=\"border-b last:border-b-0\"\n          >\n            <th scope=\"row\" class=\"px-3 py-2 text-start font-medium\">\n              {{ field.label }}\n              <span\n                v-if=\"field.conflicting\"\n                class=\"ms-2 rounded bg-amber-200 px-1.5 py-0.5 text-xs font-normal text-amber-950 dark:bg-amber-800 dark:text-amber-50\"\n              >\n                {{ t('realtime.conflict.both_changed', {}, 'Changed by both') }}\n              </span>\n            </th>\n            <td class=\"px-3 py-2 break-words\">{{ field.theirs ?? empty }}</td>\n            <td class=\"px-3 py-2 break-words\">{{ field.mine ?? empty }}</td>\n            <td class=\"px-3 py-2 text-end\">\n              <Button\n                type=\"button\"\n                size=\"xs\"\n                variant=\"outline\"\n                :aria-label=\"\n                  t(\n                    'realtime.conflict.use_theirs_label',\n                    { field: field.label },\n                    'Use the saved value of :field',\n                  )\n                \"\n                @click=\"monitor?.useTheirs(field.path)\"\n              >\n                {{ t('realtime.conflict.use_theirs', {}, 'Use saved value') }}\n              </Button>\n            </td>\n          </tr>\n        </tbody>\n      </table>\n    </div>\n  </div>\n</template>\n"],"mappings":"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"}

package/dist/components/realtime/LiveRecordsPill.js

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

package/dist/components/realtime/LiveRecordsPill.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LiveRecordsPill.js","names":["_sfc_main","LiveRecordsPill_vue_vue_type_script_setup_true_lang_default","LiveRecordsPill_default"],"sources":["../../../src/components/realtime/LiveRecordsPill.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { LiveUpdates } from '@alfakit/core'\nimport { ArrowUpIcon } from '@lucide/vue'\nimport { useChoice } from '../../context'\nimport Button from '../ui/Button.vue'\n\n/** \"3 new records — show\": created records the table doesn't show yet. */\nconst props = defineProps<{ live: LiveUpdates; pending: number }>()\nconst choice = useChoice()\n</script>\n\n<template>\n  <div data-slot=\"live-records\" aria-live=\"polite\" class=\"flex justify-center\">\n    <Button\n      v-if=\"props.pending > 0\"\n      type=\"button\"\n      size=\"sm\"\n      variant=\"secondary\"\n      class=\"rounded-full shadow-sm\"\n      @click=\"props.live.showPending()\"\n    >\n      <ArrowUpIcon aria-hidden=\"true\" />\n      {{\n        choice(\n          'realtime.new_records',\n          props.pending,\n          {},\n          '{1} :count new record — show|[2,*] :count new records — show',\n        )\n      }}\n    </Button>\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/realtime/LiveRecordsPill.vue.d.ts

@@ -0,0 +1,9 @@
+import type { LiveUpdates } from '@alfakit/core';
+/** "3 new records — show": created records the table doesn't show yet. */
+type __VLS_Props = {
+    live: LiveUpdates;
+    pending: number;
+};
+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=LiveRecordsPill.vue.d.ts.map

package/dist/components/realtime/LiveRecordsPill.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LiveRecordsPill.vue.d.ts","sourceRoot":"","sources":["../../../src/components/realtime/LiveRecordsPill.vue"],"names":[],"mappings":"AAmCA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAKhD,0EAA0E;AAC1E,KAAK,WAAW,GAAG;IAAE,IAAI,EAAE,WAAW,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,CAAC;;AAwF1D,wBAMG"}

package/dist/components/realtime/LiveRecordsPill.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,34 @@
+import { useChoice as e } from "../../context.js";
+import t from "../ui/Button2.js";
+import { createBlock as n, createCommentVNode as r, createElementBlock as i, createTextVNode as a, createVNode as o, defineComponent as s, openBlock as c, toDisplayString as l, unref as u, withCtx as d } from "vue";
+import { ArrowUpIcon as f } from "@lucide/vue";
+//#region src/components/realtime/LiveRecordsPill.vue?vue&type=script&setup=true&lang.ts
+var p = {
+	"data-slot": "live-records",
+	"aria-live": "polite",
+	class: "flex justify-center"
+}, m = /*@__PURE__*/ s({
+	__name: "LiveRecordsPill",
+	props: {
+		live: {},
+		pending: {}
+	},
+	setup(s) {
+		let m = s, h = e();
+		return (e, s) => (c(), i("div", p, [m.pending > 0 ? (c(), n(t, {
+			key: 0,
+			type: "button",
+			size: "sm",
+			variant: "secondary",
+			class: "rounded-full shadow-sm",
+			onClick: s[0] ||= (e) => m.live.showPending()
+		}, {
+			default: d(() => [o(u(f), { "aria-hidden": "true" }), a(" " + l(u(h)("realtime.new_records", m.pending, {}, "{1} :count new record — show|[2,*] :count new records — show")), 1)]),
+			_: 1
+		})) : r("", !0)]));
+	}
+});
+//#endregion
+export { m as default };
+
+//# sourceMappingURL=LiveRecordsPill.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/realtime/LiveRecordsPill.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LiveRecordsPill.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_createBlock","Button","_withCtx","_createVNode","_unref","_createTextVNode","_toDisplayString","_createCommentVNode","Button_default","_hoisted_1","LiveRecordsPill_vue_vue_type_script_setup_true_lang_default","props","__props","choice","useChoice","openBlock","createElementBlock","createBlock","_cache","withCtx","createVNode","unref","ArrowUpIcon","createTextVNode","toDisplayString","createCommentVNode"],"sources":["../../../src/components/realtime/LiveRecordsPill.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { LiveUpdates } from '@alfakit/core'\nimport { ArrowUpIcon } from '@lucide/vue'\nimport { useChoice } from '../../context'\nimport Button from '../ui/Button.vue'\n\n/** \"3 new records — show\": created records the table doesn't show yet. */\nconst props = defineProps<{ live: LiveUpdates; pending: number }>()\nconst choice = useChoice()\n</script>\n\n<template>\n  <div data-slot=\"live-records\" aria-live=\"polite\" class=\"flex justify-center\">\n    <Button\n      v-if=\"props.pending > 0\"\n      type=\"button\"\n      size=\"sm\"\n      variant=\"secondary\"\n      class=\"rounded-full shadow-sm\"\n      @click=\"props.live.showPending()\"\n    >\n      <ArrowUpIcon aria-hidden=\"true\" />\n      {{\n        choice(\n          'realtime.new_records',\n          props.pending,\n          {},\n          '{1} :count new record — show|[2,*] :count new records — show',\n        )\n      }}\n    </Button>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;EAOA,IAAMa,IAAQC,GACRC,IAASC,EAAU;oBAIvBhB,EAAA,GAAAC,EAmBM,OAnBNU,GAmBM,CAjBIE,EAAM,UAAO,KADrBb,EAAA,GAAAE,EAiBSC,GAAA;;GAfP,MAAK;GACL,MAAK;GACL,SAAQ;GACR,OAAM;GACL,SAAK,AAAAiB,EAAA,QAAA,MAAEP,EAAM,KAAK,YAAW;;GAE9B,SAAAT,QAAkC,CAAlCC,EAAkCC,EAAAkB,CAAA,GAAA,EAArB,eAAY,OAAM,CAAA,GAAGjB,EAAA,MAClCC,EACEF,EAAAS,CAAA,CAAM,CAAA,wBAA8CF,EAAM,SAAA,CAAA,GAAA,8DAAA,CAAA,GAAA,CAAA,CAAA,CAAA"}

package/dist/components/realtime/RecordPresence.js

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