@alfakit/vue 0.0.0-stage → 0.1.1

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

@@ -0,0 +1 @@
+{"version":3,"file":"LocaleSwitcher.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_createVNode","DropdownMenu","_withCtx","DropdownMenuTrigger","Button","_unref","DropdownMenuContent","LocaleOptions","_createCommentVNode","Button_default","DropdownMenu_default","DropdownMenuContent_default","DropdownMenuTrigger_default","LocaleOptions_default","_hoisted_1","LocaleSwitcher_vue_vue_type_script_setup_true_lang_default","t","useT","localization","useLocalization","visible","computed","showsLanguageSwitcher","openBlock","createElementBlock","createVNode","withCtx","unref","LanguagesIcon","createCommentVNode"],"sources":["../../../src/components/panel/LocaleSwitcher.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { showsLanguageSwitcher } from '@alfakit/core'\nimport { LanguagesIcon } from '@lucide/vue'\nimport { computed } from 'vue'\nimport { useLocalization, useT } from '../../context'\nimport Button from '../ui/Button.vue'\nimport DropdownMenu from '../ui/DropdownMenu.vue'\nimport DropdownMenuContent from '../ui/DropdownMenuContent.vue'\nimport DropdownMenuTrigger from '../ui/DropdownMenuTrigger.vue'\nimport LocaleOptions from './LocaleOptions.vue'\n\n/**\n * Stand-alone language menu: a languages button listing each language in its own name\n * (auth pages, top bar). Renders nothing without a switcher.\n */\nconst t = useT()\nconst localization = useLocalization()\nconst visible = computed(() => showsLanguageSwitcher(localization.value, 'auth'))\n</script>\n\n<template>\n  <div v-if=\"visible\" data-slot=\"language-switcher\" class=\"flex\">\n    <DropdownMenu>\n      <DropdownMenuTrigger as-child>\n        <Button\n          type=\"button\"\n          variant=\"ghost\"\n          size=\"icon\"\n          :aria-label=\"t('change_language', {}, 'Change language')\"\n          :title=\"t('change_language', {}, 'Change language')\"\n        >\n          <LanguagesIcon />\n        </Button>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent align=\"end\" class=\"min-w-40\">\n        <LocaleOptions />\n      </DropdownMenuContent>\n    </DropdownMenu>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;EAeA,IAAMkB,IAAIC,EAAK,GACTC,IAAeC,EAAgB,GAC/BC,IAAUC,QAAeC,EAAsBJ,EAAa,OAAO,MAAM,CAAC;mBAInEE,EAAA,SAAXtB,EAAA,GAAAC,EAiBM,OAjBNe,GAiBM,CAhBJd,EAeeC,GAAA,MAAA;GAdb,SAAAC,QAUsB,CAVtBF,EAUsBG,GAAA,EAVD,YAAA,GAAQ,GAAA;IAC3B,SAAAD,QAQS,CARTF,EAQSI,GAAA;KAPP,MAAK;KACL,SAAQ;KACR,MAAK;KACJ,cAAYC,EAAAW,CAAA,CAAC,CAAA,mBAAA,CAAA,GAAA,iBAAA;KACb,OAAOX,EAAAW,CAAA,CAAC,CAAA,mBAAA,CAAA,GAAA,iBAAA;;KAET,SAAAd,QAAiB,CAAjBF,EAAiBK,EAAAuB,CAAA,CAAA,CAAA,CAAA;;;;GAGrB5B,CAAAA,GAAAA,EAEsBM,GAAA;IAFD,OAAM;IAAM,OAAM;;IACrC,SAAAJ,QAAiB,CAAjBF,EAAiBO,CAAA,CAAA,CAAA"}

package/dist/components/panel/MenuItemEntries.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItemEntries.js","names":["_sfc_main","MenuItemEntries_vue_vue_type_script_setup_true_lang_default","MenuItemEntries_default"],"sources":["../../../src/components/panel/MenuItemEntries.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { MenuItemSchema } from '@alfakit/core'\nimport { groupMenuItems } from '@alfakit/core'\nimport { computed } from 'vue'\nimport DropdownMenuSeparator from '../ui/DropdownMenuSeparator.vue'\nimport MenuItemEntry from './MenuItemEntry.vue'\n\n/** Menu entries with a separator between their groups. */\nconst props = defineProps<{ items: MenuItemSchema[]; menu?: 'userMenu' | 'tenantMenu' }>()\nconst groups = computed(() => groupMenuItems(props.items))\n</script>\n\n<template>\n  <template v-for=\"(group, groupIndex) in groups\" :key=\"groupIndex\">\n    <DropdownMenuSeparator v-if=\"groupIndex > 0\" />\n    <MenuItemEntry\n      v-for=\"(item, index) in group\"\n      :key=\"index\"\n      :item=\"item\"\n      :menu=\"props.menu ?? 'userMenu'\"\n    />\n  </template>\n</template>\n"],"mappings":""}

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

@@ -0,0 +1,9 @@
+import type { MenuItemSchema } from '@alfakit/core';
+/** Menu entries with a separator between their groups. */
+type __VLS_Props = {
+    items: MenuItemSchema[];
+    menu?: 'userMenu' | 'tenantMenu';
+};
+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=MenuItemEntries.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItemEntries.vue.d.ts","sourceRoot":"","sources":["../../../src/components/panel/MenuItemEntries.vue"],"names":[],"mappings":"AAyBA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAMnD,0DAA0D;AAC1D,KAAK,WAAW,GAAG;IAAE,KAAK,EAAE,cAAc,EAAE,CAAC;IAAC,IAAI,CAAC,EAAE,UAAU,GAAG,YAAY,CAAA;CAAE,CAAC;;AA0DjF,wBAMG"}

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

@@ -0,0 +1,24 @@
+import e from "../ui/DropdownMenuSeparator.js";
+import t from "./MenuItemEntry.js";
+import { groupMenuItems as n } from "@alfakit/core";
+import { Fragment as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, defineComponent as c, openBlock as l, renderList as u } from "vue";
+//#region src/components/panel/MenuItemEntries.vue?vue&type=script&setup=true&lang.ts
+var d = /*@__PURE__*/ c({
+	__name: "MenuItemEntries",
+	props: {
+		items: {},
+		menu: {}
+	},
+	setup(c) {
+		let d = c, f = i(() => n(d.items));
+		return (n, i) => (l(!0), s(r, null, u(f.value, (n, i) => (l(), s(r, { key: i }, [i > 0 ? (l(), a(e, { key: 0 })) : o("", !0), (l(!0), s(r, null, u(n, (e, n) => (l(), a(t, {
+			key: n,
+			item: e,
+			menu: d.menu ?? "userMenu"
+		}, null, 8, ["item", "menu"]))), 128))], 64))), 128));
+	}
+});
+//#endregion
+export { d as default };
+
+//# sourceMappingURL=MenuItemEntries.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItemEntries.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_Fragment","_renderList","_createBlock","DropdownMenuSeparator","_createCommentVNode","MenuItemEntry","DropdownMenuSeparator_default","MenuItemEntry_default","MenuItemEntries_vue_vue_type_script_setup_true_lang_default","props","__props","groups","computed","groupMenuItems","openBlock","createElementBlock","Fragment","renderList","groupIndex","createBlock","createCommentVNode","group","index"],"sources":["../../../src/components/panel/MenuItemEntries.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { MenuItemSchema } from '@alfakit/core'\nimport { groupMenuItems } from '@alfakit/core'\nimport { computed } from 'vue'\nimport DropdownMenuSeparator from '../ui/DropdownMenuSeparator.vue'\nimport MenuItemEntry from './MenuItemEntry.vue'\n\n/** Menu entries with a separator between their groups. */\nconst props = defineProps<{ items: MenuItemSchema[]; menu?: 'userMenu' | 'tenantMenu' }>()\nconst groups = computed(() => groupMenuItems(props.items))\n</script>\n\n<template>\n  <template v-for=\"(group, groupIndex) in groups\" :key=\"groupIndex\">\n    <DropdownMenuSeparator v-if=\"groupIndex > 0\" />\n    <MenuItemEntry\n      v-for=\"(item, index) in group\"\n      :key=\"index\"\n      :item=\"item\"\n      :menu=\"props.menu ?? 'userMenu'\"\n    />\n  </template>\n</template>\n"],"mappings":";;;;;;;;;;;;EAQA,IAAMW,IAAQC,GACRC,IAASC,QAAeC,EAAeJ,EAAM,KAAK,CAAC;oBAIvDX,EAAA,EAAA,GAAAC,EAQWC,GAAA,MAAAC,EAR6BU,EAAA,QAAtB,GAAO,OAA6Bb,EAAA,GAAAC,EAAAC,GAAA,EAAA,KAAAkB,EAAU,GAAA,CACjCA,IAAU,KAAvCpB,EAAA,GAAAI,EAA+CC,GAAA,EAAA,KAAA,EAAA,CAAA,KAAAiB,EAAA,IAAA,EAAA,IAC/CtB,EAAA,EAAA,GAAAC,EAKEC,GAAA,MAAAC,EAJwBoB,IAAhB,GAAM,OADhBvB,EAAA,GAAAI,EAKEG,GAAA;GAHC,KAAKiB;GACC;GACN,MAAMb,EAAM,QAAI"}

package/dist/components/panel/MenuItemEntry.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItemEntry.js","names":["_sfc_main","MenuItemEntry_vue_vue_type_script_setup_true_lang_default","MenuItemEntry_default"],"sources":["../../../src/components/panel/MenuItemEntry.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { MenuItemSchema } from '@alfakit/core'\nimport { menuActionContext } from '@alfakit/core'\nimport { Link, router } from '@inertiajs/vue3'\nimport { computed } from 'vue'\nimport { useActionRunner, usePageSchema } from '../../context'\nimport { colorClass, textColorClasses } from '../../lib/colors'\nimport { Icon } from '../../lib/icons'\nimport { cn } from '../../lib/utils'\nimport DropdownMenuItem from '../ui/DropdownMenuItem.vue'\nimport NewTabHint from '../../lib/NewTabHint.vue'\n\n/**\n * An entry in the user or tenant menu: colour, icon, new tab and POST links, or an\n * `Action` (server logic, modals) run through the action endpoint as a menu action.\n */\nconst props = withDefaults(\n  defineProps<{ item: MenuItemSchema; menu?: 'userMenu' | 'tenantMenu' }>(),\n  { menu: 'userMenu' },\n)\nconst runner = useActionRunner()\nconst page = usePageSchema()\n// Unknown values get no class (custom names get theirs).\nconst itemColor = computed(() =>\n  cn(props.item.color && colorClass(textColorClasses, props.item.color, props.item.color)),\n)\n\nfunction runAction(): void {\n  if (props.item.action) {\n    void runner.trigger(props.item.action, menuActionContext(page.value?.token ?? '', props.menu))\n  }\n}\n</script>\n\n<template>\n  <DropdownMenuItem\n    v-if=\"props.item.action\"\n    :disabled=\"props.item.action.disabled\"\n    :title=\"props.item.action.tooltip\"\n    @select=\"runAction\"\n  >\n    <Icon v-if=\"props.item.icon\" :name=\"props.item.icon\" :class=\"itemColor\" />\n    <span :class=\"itemColor\">{{ props.item.label }}</span>\n  </DropdownMenuItem>\n  <DropdownMenuItem\n    v-else-if=\"props.item.method === 'post'\"\n    @select=\"props.item.url && router.post(props.item.url)\"\n  >\n    <Icon v-if=\"props.item.icon\" :name=\"props.item.icon\" :class=\"itemColor\" />\n    <span :class=\"itemColor\">{{ props.item.label }}</span>\n  </DropdownMenuItem>\n  <DropdownMenuItem v-else as-child>\n    <a\n      v-if=\"props.item.openInNewTab\"\n      :href=\"props.item.url\"\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n      class=\"w-full\"\n    >\n      <Icon v-if=\"props.item.icon\" :name=\"props.item.icon\" :class=\"itemColor\" />\n      <span :class=\"itemColor\">{{ props.item.label }}</span>\n      <NewTabHint />\n    </a>\n    <Link v-else :href=\"props.item.url ?? '#'\" class=\"w-full\">\n      <Icon v-if=\"props.item.icon\" :name=\"props.item.icon\" :class=\"itemColor\" />\n      <span :class=\"itemColor\">{{ props.item.label }}</span>\n    </Link>\n  </DropdownMenuItem>\n</template>\n"],"mappings":""}

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

@@ -0,0 +1,14 @@
+import type { MenuItemSchema } from '@alfakit/core';
+/**
+ * An entry in the user or tenant menu: colour, icon, new tab and POST links, or an
+ * `Action` (server logic, modals) run through the action endpoint as a menu action.
+ */
+type __VLS_Props = {
+    item: MenuItemSchema;
+    menu?: 'userMenu' | 'tenantMenu';
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    menu: "userMenu" | "tenantMenu";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=MenuItemEntry.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItemEntry.vue.d.ts","sourceRoot":"","sources":["../../../src/components/panel/MenuItemEntry.vue"],"names":[],"mappings":"AAuEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAWnD;;;GAGG;AACH,KAAK,WAAW,GAAG;IAAE,IAAI,EAAE,cAAc,CAAC;IAAC,IAAI,CAAC,EAAE,UAAU,GAAG,YAAY,CAAA;CAAE,CAAC;;UAA5B,UAAU,GAAG,YAAY;;AAoN3E,wBAOG"}

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

@@ -0,0 +1,81 @@
+import { useActionRunner as e, usePageSchema as t } from "../../context.js";
+import { cn as n } from "../../lib/utils.js";
+import { colorClass as r, textColorClasses as i } from "../../lib/colors.js";
+import a from "../../lib/Icon.js";
+import o from "../ui/DropdownMenuItem.js";
+import s from "../../lib/NewTabHint.js";
+import { menuActionContext as c } from "@alfakit/core";
+import { Link as l, router as u } from "@inertiajs/vue3";
+import { computed as d, createBlock as f, createCommentVNode as p, createElementBlock as m, createElementVNode as h, createVNode as g, defineComponent as _, normalizeClass as v, openBlock as y, toDisplayString as b, unref as x, withCtx as S } from "vue";
+//#region src/components/panel/MenuItemEntry.vue?vue&type=script&setup=true&lang.ts
+var C = ["href"], w = /*@__PURE__*/ _({
+	__name: "MenuItemEntry",
+	props: {
+		item: {},
+		menu: { default: "userMenu" }
+	},
+	setup(_) {
+		let w = _, T = e(), E = t(), D = d(() => n(w.item.color && r(i, w.item.color, w.item.color)));
+		function O() {
+			w.item.action && T.trigger(w.item.action, c(E.value?.token ?? "", w.menu));
+		}
+		return (e, t) => w.item.action ? (y(), f(o, {
+			key: 0,
+			disabled: w.item.action.disabled,
+			title: w.item.action.tooltip,
+			onSelect: O
+		}, {
+			default: S(() => [w.item.icon ? (y(), f(x(a), {
+				key: 0,
+				name: w.item.icon,
+				class: v(D.value)
+			}, null, 8, ["name", "class"])) : p("", !0), h("span", { class: v(D.value) }, b(w.item.label), 3)]),
+			_: 1
+		}, 8, ["disabled", "title"])) : w.item.method === "post" ? (y(), f(o, {
+			key: 1,
+			onSelect: t[0] ||= (e) => w.item.url && x(u).post(w.item.url)
+		}, {
+			default: S(() => [w.item.icon ? (y(), f(x(a), {
+				key: 0,
+				name: w.item.icon,
+				class: v(D.value)
+			}, null, 8, ["name", "class"])) : p("", !0), h("span", { class: v(D.value) }, b(w.item.label), 3)]),
+			_: 1
+		})) : (y(), f(o, {
+			key: 2,
+			"as-child": ""
+		}, {
+			default: S(() => [w.item.openInNewTab ? (y(), m("a", {
+				key: 0,
+				href: w.item.url,
+				target: "_blank",
+				rel: "noopener noreferrer",
+				class: "w-full"
+			}, [
+				w.item.icon ? (y(), f(x(a), {
+					key: 0,
+					name: w.item.icon,
+					class: v(D.value)
+				}, null, 8, ["name", "class"])) : p("", !0),
+				h("span", { class: v(D.value) }, b(w.item.label), 3),
+				g(s)
+			], 8, C)) : (y(), f(x(l), {
+				key: 1,
+				href: w.item.url ?? "#",
+				class: "w-full"
+			}, {
+				default: S(() => [w.item.icon ? (y(), f(x(a), {
+					key: 0,
+					name: w.item.icon,
+					class: v(D.value)
+				}, null, 8, ["name", "class"])) : p("", !0), h("span", { class: v(D.value) }, b(w.item.label), 3)]),
+				_: 1
+			}, 8, ["href"]))]),
+			_: 1
+		}));
+	}
+});
+//#endregion
+export { w as default };
+
+//# sourceMappingURL=MenuItemEntry.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItemEntry.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","DropdownMenuItem","_withCtx","_unref","Icon","_normalizeClass","_createCommentVNode","_createElementVNode","_toDisplayString","_createElementBlock","_createVNode","NewTabHint","Icon_default","DropdownMenuItem_default","NewTabHint_default","_hoisted_1","MenuItemEntry_vue_vue_type_script_setup_true_lang_default","props","__props","runner","useActionRunner","page","usePageSchema","itemColor","computed","cn","colorClass","textColorClasses","runAction","menuActionContext","openBlock","createBlock","withCtx","unref","normalizeClass","createCommentVNode","createElementVNode","toDisplayString","_cache","router","createElementBlock","createVNode","Link"],"sources":["../../../src/components/panel/MenuItemEntry.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { MenuItemSchema } from '@alfakit/core'\nimport { menuActionContext } from '@alfakit/core'\nimport { Link, router } from '@inertiajs/vue3'\nimport { computed } from 'vue'\nimport { useActionRunner, usePageSchema } from '../../context'\nimport { colorClass, textColorClasses } from '../../lib/colors'\nimport { Icon } from '../../lib/icons'\nimport { cn } from '../../lib/utils'\nimport DropdownMenuItem from '../ui/DropdownMenuItem.vue'\nimport NewTabHint from '../../lib/NewTabHint.vue'\n\n/**\n * An entry in the user or tenant menu: colour, icon, new tab and POST links, or an\n * `Action` (server logic, modals) run through the action endpoint as a menu action.\n */\nconst props = withDefaults(\n  defineProps<{ item: MenuItemSchema; menu?: 'userMenu' | 'tenantMenu' }>(),\n  { menu: 'userMenu' },\n)\nconst runner = useActionRunner()\nconst page = usePageSchema()\n// Unknown values get no class (custom names get theirs).\nconst itemColor = computed(() =>\n  cn(props.item.color && colorClass(textColorClasses, props.item.color, props.item.color)),\n)\n\nfunction runAction(): void {\n  if (props.item.action) {\n    void runner.trigger(props.item.action, menuActionContext(page.value?.token ?? '', props.menu))\n  }\n}\n</script>\n\n<template>\n  <DropdownMenuItem\n    v-if=\"props.item.action\"\n    :disabled=\"props.item.action.disabled\"\n    :title=\"props.item.action.tooltip\"\n    @select=\"runAction\"\n  >\n    <Icon v-if=\"props.item.icon\" :name=\"props.item.icon\" :class=\"itemColor\" />\n    <span :class=\"itemColor\">{{ props.item.label }}</span>\n  </DropdownMenuItem>\n  <DropdownMenuItem\n    v-else-if=\"props.item.method === 'post'\"\n    @select=\"props.item.url && router.post(props.item.url)\"\n  >\n    <Icon v-if=\"props.item.icon\" :name=\"props.item.icon\" :class=\"itemColor\" />\n    <span :class=\"itemColor\">{{ props.item.label }}</span>\n  </DropdownMenuItem>\n  <DropdownMenuItem v-else as-child>\n    <a\n      v-if=\"props.item.openInNewTab\"\n      :href=\"props.item.url\"\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n      class=\"w-full\"\n    >\n      <Icon v-if=\"props.item.icon\" :name=\"props.item.icon\" :class=\"itemColor\" />\n      <span :class=\"itemColor\">{{ props.item.label }}</span>\n      <NewTabHint />\n    </a>\n    <Link v-else :href=\"props.item.url ?? '#'\" class=\"w-full\">\n      <Icon v-if=\"props.item.icon\" :name=\"props.item.icon\" :class=\"itemColor\" />\n      <span :class=\"itemColor\">{{ props.item.label }}</span>\n    </Link>\n  </DropdownMenuItem>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;EAgBA,IAAMkB,IAAQC,GAIRC,IAASC,EAAgB,GACzBC,IAAOC,EAAc,GAErBC,IAAYC,QAChBC,EAAGR,EAAM,KAAK,SAASS,EAAWC,GAAkBV,EAAM,KAAK,OAAOA,EAAM,KAAK,KAAK,CAAC,CACzF;EAEA,SAASW,IAAkB;GACzB,AAAIX,EAAM,KAAK,UACbE,EAAY,QAAQF,EAAM,KAAK,QAAQY,EAAkBR,EAAK,OAAO,SAAS,IAAIJ,EAAM,IAAI,CAAC;EAEjG;mBAKUA,EAAM,KAAK,UADnBlB,EAAA,GAAAC,EAQmBC,GAAA;;GANhB,UAAUgB,EAAM,KAAK,OAAO;GAC5B,OAAOA,EAAM,KAAK,OAAO;GACzB,UAAQW;;GAET,SAAA1B,QAA0E,CAA9De,EAAM,KAAK,QAAvBlB,EAAA,GAAAC,EAA0EG,EAAAC,CAAA,GAAA;;IAA5C,MAAMa,EAAM,KAAK;IAAO,OAAKZ,EAAEkB,EAAA,KAAS;GACtEhB,GAAAA,MAAAA,GAAAA,CAAAA,QAAAA,OAAAA,CAAAA,KAAAA,EAAAA,IAAAA,EAAAA,GAAAA,EAAsD,QAAA,EAA/C,OAAKF,EAAEkB,EAAA,KAAS,EAAK,GAAAf,EAAAS,EAAM,KAAK,KAAK,GAAA,CAAA,CAAA,CAAA;;EAGjC,GAAA,GAAA,CAAA,YAAA,OAAA,CAAA,KAAAA,EAAM,KAAK,WAAM,UAD9BlB,EAAA,GAAAC,EAMmBC,GAAA;;GAJhB,UAAM,AAAAqC,EAAA,QAAA,MAAErB,EAAM,KAAK,OAAOd,EAAAoC,CAAA,CAAM,CAAC,KAAKtB,EAAM,KAAK,GAAG;;GAErD,SAAAf,QAA0E,CAA9De,EAAM,KAAK,QAAvBlB,EAAA,GAAAC,EAA0EG,EAAAC,CAAA,GAAA;;IAA5C,MAAMa,EAAM,KAAK;IAAO,OAAKZ,EAAEkB,EAAA,KAAS;GACtEhB,GAAAA,MAAAA,GAAAA,CAAAA,QAAAA,OAAAA,CAAAA,KAAAA,EAAAA,IAAAA,EAAAA,GAAAA,EAAsD,QAAA,EAA/C,OAAKF,EAAEkB,EAAA,KAAS,EAAK,GAAAf,EAAAS,EAAM,KAAK,KAAK,GAAA,CAAA,CAAA,CAAA;;EAE9ClB,CAAAA,MAAAA,EAAA,GAAAC,EAgBmBC,GAAA;;GAhBM,YAAA;;GACvB,SAAAC,QAUI,CATIe,EAAM,KAAK,gBADnBlB,EAAA,GAAAU,EAUI,KAAA;;IARD,MAAMQ,EAAM,KAAK;IAClB,QAAO;IACP,KAAI;IACJ,OAAM;;IAEMA,EAAM,KAAK,QAAvBlB,EAAA,GAAAC,EAA0EG,EAAAC,CAAA,GAAA;;KAA5C,MAAMa,EAAM,KAAK;KAAO,OAAKZ,EAAEkB,EAAA,KAAS;;IACtEhB,EAAsD,QAAA,EAA/C,OAAKF,EAAEkB,EAAA,KAAS,EAAK,GAAAf,EAAAS,EAAM,KAAK,KAAK,GAAA,CAAA;IAC5CP,EAAcC,CAAA;GAEhBZ,GAAAA,GAAAA,CAAAA,MAAAA,EAAA,GAAAC,EAGOG,EAAAuC,CAAA,GAAA;;IAHO,MAAMzB,EAAM,KAAK,OAAG;IAAS,OAAM;;IAC/C,SAAAf,QAA0E,CAA9De,EAAM,KAAK,QAAvBlB,EAAA,GAAAC,EAA0EG,EAAAC,CAAA,GAAA;;KAA5C,MAAMa,EAAM,KAAK;KAAO,OAAKZ,EAAEkB,EAAA,KAAS;IACtEhB,GAAAA,MAAAA,GAAAA,CAAAA,QAAAA,OAAAA,CAAAA,KAAAA,EAAAA,IAAAA,EAAAA,GAAAA,EAAsD,QAAA,EAA/C,OAAKF,EAAEkB,EAAA,KAAS,EAAK,GAAAf,EAAAS,EAAM,KAAK,KAAK,GAAA,CAAA,CAAA,CAAA"}

package/dist/components/panel/MobileTopbar.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"MobileTopbar.js","names":["_sfc_main","MobileTopbar_vue_vue_type_script_setup_true_lang_default","MobileTopbar_default"],"sources":["../../../src/components/panel/MobileTopbar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport SidebarTrigger from '../ui/SidebarTrigger.vue'\nimport TopbarLocaleSwitcher from './TopbarLocaleSwitcher.vue'\n\n/**\n * Stands in for the top bar on phones when the panel has `topbar(false)`: the sidebar\n * toggle has to stay reachable.\n */\n</script>\n\n<template>\n  <header\n    data-slot=\"topbar\"\n    data-variant=\"mobile\"\n    class=\"bg-background/80 sticky top-0 z-20 flex h-12 shrink-0 items-center gap-2 border-b px-4 backdrop-blur md:hidden\"\n  >\n    <SidebarTrigger class=\"-ms-1\" />\n    <div class=\"ms-auto flex items-center gap-1\">\n      <TopbarLocaleSwitcher />\n    </div>\n  </header>\n</template>\n"],"mappings":""}

package/dist/components/panel/MobileTopbar.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=MobileTopbar.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MobileTopbar.vue.d.ts","sourceRoot":"","sources":["../../../src/components/panel/MobileTopbar.vue"],"names":[],"mappings":";AAoGA,wBAKG"}

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

@@ -0,0 +1,18 @@
+import e from "../ui/SidebarTrigger.js";
+import t from "./TopbarLocaleSwitcher.js";
+import { createElementBlock as n, createElementVNode as r, createVNode as i, defineComponent as a, openBlock as o } from "vue";
+//#region src/components/panel/MobileTopbar.vue?vue&type=script&setup=true&lang.ts
+var s = {
+	"data-slot": "topbar",
+	"data-variant": "mobile",
+	class: "bg-background/80 sticky top-0 z-20 flex h-12 shrink-0 items-center gap-2 border-b px-4 backdrop-blur md:hidden"
+}, c = { class: "ms-auto flex items-center gap-1" }, l = /*@__PURE__*/ a({
+	__name: "MobileTopbar",
+	setup(a) {
+		return (a, l) => (o(), n("header", s, [i(e, { class: "-ms-1" }), r("div", c, [i(t)])]));
+	}
+});
+//#endregion
+export { l as default };
+
+//# sourceMappingURL=MobileTopbar.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MobileTopbar.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_createVNode","SidebarTrigger","_createElementVNode","TopbarLocaleSwitcher","SidebarTrigger_default","TopbarLocaleSwitcher_default","_hoisted_1","_hoisted_2","MobileTopbar_vue_vue_type_script_setup_true_lang_default","openBlock","createElementBlock","createVNode","createElementVNode"],"sources":["../../../src/components/panel/MobileTopbar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport SidebarTrigger from '../ui/SidebarTrigger.vue'\nimport TopbarLocaleSwitcher from './TopbarLocaleSwitcher.vue'\n\n/**\n * Stands in for the top bar on phones when the panel has `topbar(false)`: the sidebar\n * toggle has to stay reachable.\n */\n</script>\n\n<template>\n  <header\n    data-slot=\"topbar\"\n    data-variant=\"mobile\"\n    class=\"bg-background/80 sticky top-0 z-20 flex h-12 shrink-0 items-center gap-2 border-b px-4 backdrop-blur md:hidden\"\n  >\n    <SidebarTrigger class=\"-ms-1\" />\n    <div class=\"ms-auto flex items-center gap-1\">\n      <TopbarLocaleSwitcher />\n    </div>\n  </header>\n</template>\n"],"mappings":";;;;;;;;;;;oBAWEA,EAAA,GAAAC,EASS,UATTO,GASS,CAJPN,EAAgCC,GAAA,EAAhB,OAAM,QAAO,CAAA,GAC7BC,EAEM,OAFNK,GAEM,CADJP,EAAwBG,CAAA,CAAA,CAAA,CAAA,CAAA"}

package/dist/components/panel/NavGroup.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"NavGroup.js","names":["_sfc_main","NavGroup_vue_vue_type_script_setup_true_lang_default","NavGroup_default"],"sources":["../../../src/components/panel/NavGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { NavigationGroupSchema } from '@alfakit/core'\nimport { ChevronRightIcon } from '@lucide/vue'\nimport { Icon } from '../../lib/icons'\nimport Collapsible from '../ui/Collapsible.vue'\nimport CollapsibleContent from '../ui/CollapsibleContent.vue'\nimport CollapsibleTrigger from '../ui/CollapsibleTrigger.vue'\nimport SidebarGroup from '../ui/SidebarGroup.vue'\nimport SidebarGroupContent from '../ui/SidebarGroupContent.vue'\nimport SidebarGroupLabel from '../ui/SidebarGroupLabel.vue'\nimport SidebarMenu from '../ui/SidebarMenu.vue'\nimport { cn } from '../../lib/utils'\nimport NavGroupFlyout from './NavGroupFlyout.vue'\nimport NavItem from './NavItem.vue'\n\nconst props = defineProps<{ group: NavigationGroupSchema }>()\n// `NavigationGroup::extraSidebarAttributes()`; Vue merges `class` with the group's own.\nconst attributes = () => props.group.extraSidebarAttributes ?? {}\n// A labelled group with an icon collapses into a flyout in the icon-only sidebar.\nconst flyout = () => Boolean(props.group.label && props.group.icon)\nconst contentClass = () => cn(flyout() && 'group-data-[collapsible=icon]:hidden')\n</script>\n\n<template>\n  <SidebarGroup v-if=\"!props.group.label\" v-bind=\"attributes()\">\n    <SidebarGroupContent>\n      <SidebarMenu>\n        <NavItem v-for=\"item in props.group.items\" :key=\"item.label\" :item=\"item\" />\n      </SidebarMenu>\n    </SidebarGroupContent>\n  </SidebarGroup>\n  <SidebarGroup v-else-if=\"!props.group.collapsible\" v-bind=\"attributes()\">\n    <SidebarGroupLabel>\n      <Icon v-if=\"props.group.icon\" :name=\"props.group.icon\" class=\"me-1.5\" />\n      {{ props.group.label }}\n    </SidebarGroupLabel>\n    <SidebarGroupContent :class=\"contentClass()\">\n      <SidebarMenu>\n        <NavItem v-for=\"item in props.group.items\" :key=\"item.label\" :item=\"item\" />\n      </SidebarMenu>\n    </SidebarGroupContent>\n    <NavGroupFlyout v-if=\"flyout()\" :group=\"props.group\" />\n  </SidebarGroup>\n  <Collapsible\n    v-else\n    :default-open=\"!props.group.collapsed || props.group.items.some((item) => item.active)\"\n    class=\"group/nav-group\"\n  >\n    <SidebarGroup v-bind=\"attributes()\">\n      <CollapsibleTrigger as-child>\n        <SidebarGroupLabel\n          as=\"button\"\n          type=\"button\"\n          class=\"hover:bg-sidebar-accent w-full cursor-pointer justify-between\"\n        >\n          <span class=\"flex items-center gap-1.5\">\n            <Icon v-if=\"props.group.icon\" :name=\"props.group.icon\" />\n            {{ props.group.label }}\n          </span>\n          <Icon\n            name=\"alfakit::panels.sidebar.group.collapse-button\"\n            :fallback=\"ChevronRightIcon\"\n            class=\"size-3.5 transition-transform group-data-[state=open]/nav-group:rotate-90 rtl:rotate-180 rtl:group-data-[state=open]/nav-group:rotate-90\"\n          />\n        </SidebarGroupLabel>\n      </CollapsibleTrigger>\n      <CollapsibleContent>\n        <SidebarGroupContent :class=\"contentClass()\">\n          <SidebarMenu>\n            <NavItem v-for=\"item in props.group.items\" :key=\"item.label\" :item=\"item\" />\n          </SidebarMenu>\n        </SidebarGroupContent>\n      </CollapsibleContent>\n      <NavGroupFlyout v-if=\"flyout()\" :group=\"props.group\" />\n    </SidebarGroup>\n  </Collapsible>\n</template>\n"],"mappings":""}

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

@@ -0,0 +1,7 @@
+import type { NavigationGroupSchema } from '@alfakit/core';
+type __VLS_Props = {
+    group: NavigationGroupSchema;
+};
+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=NavGroup.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NavGroup.vue.d.ts","sourceRoot":"","sources":["../../../src/components/panel/NavGroup.vue"],"names":[],"mappings":"AA+EA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAA;AAc1D,KAAK,WAAW,GAAG;IAAE,KAAK,EAAE,qBAAqB,CAAA;CAAE,CAAC;;AAkTpD,wBAMG"}

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

@@ -0,0 +1,110 @@
+import { cn as e } from "../../lib/utils.js";
+import t from "../../lib/Icon.js";
+import n from "../ui/SidebarMenu.js";
+import r from "../ui/Collapsible.js";
+import i from "../ui/CollapsibleContent.js";
+import a from "../ui/CollapsibleTrigger.js";
+import o from "../ui/SidebarGroup.js";
+import s from "../ui/SidebarGroupContent.js";
+import c from "../ui/SidebarGroupLabel.js";
+import l from "./NavGroupFlyout.js";
+import u from "./NavItem.js";
+import { Fragment as d, createBlock as f, createCommentVNode as p, createElementBlock as m, createElementVNode as h, createTextVNode as g, createVNode as _, defineComponent as v, guardReactiveProps as y, mergeProps as b, normalizeClass as x, normalizeProps as S, openBlock as C, renderList as w, toDisplayString as T, unref as E, withCtx as D } from "vue";
+import { ChevronRightIcon as O } from "@lucide/vue";
+//#region src/components/panel/NavGroup.vue?vue&type=script&setup=true&lang.ts
+var k = { class: "flex items-center gap-1.5" }, A = /*@__PURE__*/ v({
+	__name: "NavGroup",
+	props: { group: {} },
+	setup(v) {
+		let A = v, j = () => A.group.extraSidebarAttributes ?? {}, M = () => !!(A.group.label && A.group.icon), N = () => e(M() && "group-data-[collapsible=icon]:hidden");
+		return (e, v) => A.group.label ? A.group.collapsible ? (C(), f(r, {
+			key: 2,
+			"default-open": !A.group.collapsed || A.group.items.some((e) => e.active),
+			class: "group/nav-group"
+		}, {
+			default: D(() => [_(o, S(y(j())), {
+				default: D(() => [
+					_(a, { "as-child": "" }, {
+						default: D(() => [_(c, {
+							as: "button",
+							type: "button",
+							class: "hover:bg-sidebar-accent w-full cursor-pointer justify-between"
+						}, {
+							default: D(() => [h("span", k, [A.group.icon ? (C(), f(E(t), {
+								key: 0,
+								name: A.group.icon
+							}, null, 8, ["name"])) : p("", !0), g(" " + T(A.group.label), 1)]), _(E(t), {
+								name: "alfakit::panels.sidebar.group.collapse-button",
+								fallback: E(O),
+								class: "size-3.5 transition-transform group-data-[state=open]/nav-group:rotate-90 rtl:rotate-180 rtl:group-data-[state=open]/nav-group:rotate-90"
+							}, null, 8, ["fallback"])]),
+							_: 1
+						})]),
+						_: 1
+					}),
+					_(i, null, {
+						default: D(() => [_(s, { class: x(N()) }, {
+							default: D(() => [_(n, null, {
+								default: D(() => [(C(!0), m(d, null, w(A.group.items, (e) => (C(), f(u, {
+									key: e.label,
+									item: e
+								}, null, 8, ["item"]))), 128))]),
+								_: 1
+							})]),
+							_: 1
+						}, 8, ["class"])]),
+						_: 1
+					}),
+					M() ? (C(), f(l, {
+						key: 0,
+						group: A.group
+					}, null, 8, ["group"])) : p("", !0)
+				]),
+				_: 1
+			}, 16)]),
+			_: 1
+		}, 8, ["default-open"])) : (C(), f(o, S(b({ key: 1 }, j())), {
+			default: D(() => [
+				_(c, null, {
+					default: D(() => [A.group.icon ? (C(), f(E(t), {
+						key: 0,
+						name: A.group.icon,
+						class: "me-1.5"
+					}, null, 8, ["name"])) : p("", !0), g(" " + T(A.group.label), 1)]),
+					_: 1
+				}),
+				_(s, { class: x(N()) }, {
+					default: D(() => [_(n, null, {
+						default: D(() => [(C(!0), m(d, null, w(A.group.items, (e) => (C(), f(u, {
+							key: e.label,
+							item: e
+						}, null, 8, ["item"]))), 128))]),
+						_: 1
+					})]),
+					_: 1
+				}, 8, ["class"]),
+				M() ? (C(), f(l, {
+					key: 0,
+					group: A.group
+				}, null, 8, ["group"])) : p("", !0)
+			]),
+			_: 1
+		}, 16)) : (C(), f(o, S(b({ key: 0 }, j())), {
+			default: D(() => [_(s, null, {
+				default: D(() => [_(n, null, {
+					default: D(() => [(C(!0), m(d, null, w(A.group.items, (e) => (C(), f(u, {
+						key: e.label,
+						item: e
+					}, null, 8, ["item"]))), 128))]),
+					_: 1
+				})]),
+				_: 1
+			})]),
+			_: 1
+		}, 16));
+	}
+});
+//#endregion
+export { A as default };
+
+//# sourceMappingURL=NavGroup.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NavGroup.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","SidebarGroup","_normalizeProps","_mergeProps","_withCtx","_createVNode","SidebarGroupContent","SidebarMenu","_createElementBlock","_Fragment","_renderList","NavItem","SidebarGroupLabel","_unref","Icon","_createCommentVNode","_createTextVNode","_toDisplayString","_normalizeClass","NavGroupFlyout","Collapsible","_guardReactiveProps","CollapsibleTrigger","_createElementVNode","CollapsibleContent","Icon_default","SidebarMenu_default","Collapsible_default","CollapsibleContent_default","CollapsibleTrigger_default","SidebarGroup_default","SidebarGroupContent_default","SidebarGroupLabel_default","NavGroupFlyout_default","NavItem_default","_hoisted_1","NavGroup_vue_vue_type_script_setup_true_lang_default","props","__props","attributes","flyout","contentClass","cn","openBlock","createBlock","item","withCtx","createVNode","normalizeProps","guardReactiveProps","createElementVNode","unref","createCommentVNode","createTextVNode","toDisplayString","ChevronRightIcon","normalizeClass","createElementBlock","Fragment","renderList","mergeProps"],"sources":["../../../src/components/panel/NavGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { NavigationGroupSchema } from '@alfakit/core'\nimport { ChevronRightIcon } from '@lucide/vue'\nimport { Icon } from '../../lib/icons'\nimport Collapsible from '../ui/Collapsible.vue'\nimport CollapsibleContent from '../ui/CollapsibleContent.vue'\nimport CollapsibleTrigger from '../ui/CollapsibleTrigger.vue'\nimport SidebarGroup from '../ui/SidebarGroup.vue'\nimport SidebarGroupContent from '../ui/SidebarGroupContent.vue'\nimport SidebarGroupLabel from '../ui/SidebarGroupLabel.vue'\nimport SidebarMenu from '../ui/SidebarMenu.vue'\nimport { cn } from '../../lib/utils'\nimport NavGroupFlyout from './NavGroupFlyout.vue'\nimport NavItem from './NavItem.vue'\n\nconst props = defineProps<{ group: NavigationGroupSchema }>()\n// `NavigationGroup::extraSidebarAttributes()`; Vue merges `class` with the group's own.\nconst attributes = () => props.group.extraSidebarAttributes ?? {}\n// A labelled group with an icon collapses into a flyout in the icon-only sidebar.\nconst flyout = () => Boolean(props.group.label && props.group.icon)\nconst contentClass = () => cn(flyout() && 'group-data-[collapsible=icon]:hidden')\n</script>\n\n<template>\n  <SidebarGroup v-if=\"!props.group.label\" v-bind=\"attributes()\">\n    <SidebarGroupContent>\n      <SidebarMenu>\n        <NavItem v-for=\"item in props.group.items\" :key=\"item.label\" :item=\"item\" />\n      </SidebarMenu>\n    </SidebarGroupContent>\n  </SidebarGroup>\n  <SidebarGroup v-else-if=\"!props.group.collapsible\" v-bind=\"attributes()\">\n    <SidebarGroupLabel>\n      <Icon v-if=\"props.group.icon\" :name=\"props.group.icon\" class=\"me-1.5\" />\n      {{ props.group.label }}\n    </SidebarGroupLabel>\n    <SidebarGroupContent :class=\"contentClass()\">\n      <SidebarMenu>\n        <NavItem v-for=\"item in props.group.items\" :key=\"item.label\" :item=\"item\" />\n      </SidebarMenu>\n    </SidebarGroupContent>\n    <NavGroupFlyout v-if=\"flyout()\" :group=\"props.group\" />\n  </SidebarGroup>\n  <Collapsible\n    v-else\n    :default-open=\"!props.group.collapsed || props.group.items.some((item) => item.active)\"\n    class=\"group/nav-group\"\n  >\n    <SidebarGroup v-bind=\"attributes()\">\n      <CollapsibleTrigger as-child>\n        <SidebarGroupLabel\n          as=\"button\"\n          type=\"button\"\n          class=\"hover:bg-sidebar-accent w-full cursor-pointer justify-between\"\n        >\n          <span class=\"flex items-center gap-1.5\">\n            <Icon v-if=\"props.group.icon\" :name=\"props.group.icon\" />\n            {{ props.group.label }}\n          </span>\n          <Icon\n            name=\"alfakit::panels.sidebar.group.collapse-button\"\n            :fallback=\"ChevronRightIcon\"\n            class=\"size-3.5 transition-transform group-data-[state=open]/nav-group:rotate-90 rtl:rotate-180 rtl:group-data-[state=open]/nav-group:rotate-90\"\n          />\n        </SidebarGroupLabel>\n      </CollapsibleTrigger>\n      <CollapsibleContent>\n        <SidebarGroupContent :class=\"contentClass()\">\n          <SidebarMenu>\n            <NavItem v-for=\"item in props.group.items\" :key=\"item.label\" :item=\"item\" />\n          </SidebarMenu>\n        </SidebarGroupContent>\n      </CollapsibleContent>\n      <NavGroupFlyout v-if=\"flyout()\" :group=\"props.group\" />\n    </SidebarGroup>\n  </Collapsible>\n</template>\n"],"mappings":"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"}

package/dist/components/panel/NavGroupFlyout.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"NavGroupFlyout.js","names":["_sfc_main","NavGroupFlyout_vue_vue_type_script_setup_true_lang_default","NavGroupFlyout_default"],"sources":["../../../src/components/panel/NavGroupFlyout.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport NavLabel from './NavLabel.vue'\nimport type { NavigationGroupSchema } from '@alfakit/core'\nimport { flattenNavigationItems, hasActiveNavigationItem } from '@alfakit/core'\nimport { Link } from '@inertiajs/vue3'\nimport { computed } from 'vue'\nimport { useDirection } from '../../context'\nimport { badgeColorClasses, colorClass } from '../../lib/colors'\nimport { Icon } from '../../lib/icons'\nimport NewTabHint from '../../lib/NewTabHint.vue'\nimport { cn } from '../../lib/utils'\nimport Badge from '../ui/Badge.vue'\nimport DropdownMenu from '../ui/DropdownMenu.vue'\nimport DropdownMenuContent from '../ui/DropdownMenuContent.vue'\nimport DropdownMenuItem from '../ui/DropdownMenuItem.vue'\nimport DropdownMenuLabel from '../ui/DropdownMenuLabel.vue'\nimport DropdownMenuTrigger from '../ui/DropdownMenuTrigger.vue'\nimport SidebarMenu from '../ui/SidebarMenu.vue'\nimport SidebarMenuButton from '../ui/SidebarMenuButton.vue'\nimport SidebarMenuItem from '../ui/SidebarMenuItem.vue'\n\n/**\n * In the icon-only (collapsed) sidebar, a group with an icon is one button that opens its\n * items in a flyout menu, like Filament. Hidden while the sidebar is expanded.\n */\nconst props = defineProps<{ group: NavigationGroupSchema }>()\nconst direction = useDirection()\nconst items = computed(() => flattenNavigationItems(props.group.items))\nconst active = computed(() => hasActiveNavigationItem(props.group.items))\nconst itemClass = (depth: number) =>\n  cn(\n    'data-[active=true]:bg-accent data-[active=true]:font-medium',\n    depth === 1 && 'ps-6',\n    depth > 1 && 'ps-9',\n  )\nconst badgeClass = (color: string | undefined) =>\n  cn('ms-auto px-1.5 py-0', colorClass(badgeColorClasses, color, 'gray'))\n</script>\n\n<template>\n  <SidebarMenu class=\"hidden group-data-[collapsible=icon]:flex\" data-nav-flyout=\"\">\n    <SidebarMenuItem>\n      <DropdownMenu :dir=\"direction\">\n        <DropdownMenuTrigger as-child>\n          <SidebarMenuButton :is-active=\"active\">\n            <Icon :name=\"props.group.icon!\" />\n            <span>{{ props.group.label }}</span>\n          </SidebarMenuButton>\n        </DropdownMenuTrigger>\n        <DropdownMenuContent\n          :side=\"direction === 'rtl' ? 'left' : 'right'\"\n          align=\"start\"\n          class=\"min-w-56\"\n        >\n          <DropdownMenuLabel>{{ props.group.label }}</DropdownMenuLabel>\n          <DropdownMenuItem\n            v-for=\"({ item, depth }, index) in items\"\n            :key=\"`${depth}-${item.label}-${index}`\"\n            as-child\n            :data-active=\"item.active ? 'true' : undefined\"\n          >\n            <a\n              v-if=\"item.openInNewTab\"\n              v-bind=\"item.extraAttributes ?? {}\"\n              :href=\"item.url\"\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n              :class=\"itemClass(depth)\"\n            >\n              <Icon v-if=\"item.icon\" :name=\"item.icon\" />\n              <NavLabel class=\"truncate\" :text=\"item.label\" :html=\"item.labelHtml\" />\n              <NewTabHint />\n            </a>\n            <Link\n              v-else\n              v-bind=\"item.extraAttributes ?? {}\"\n              :href=\"item.url ?? '#'\"\n              :aria-current=\"item.active ? 'page' : undefined\"\n              :class=\"itemClass(depth)\"\n            >\n              <Icon v-if=\"item.icon\" :name=\"item.icon\" />\n              <NavLabel class=\"truncate\" :text=\"item.label\" :html=\"item.labelHtml\" />\n              <Badge\n                v-if=\"item.badge !== undefined && item.badge !== null\"\n                variant=\"outline\"\n                :class=\"badgeClass(item.badgeColor)\"\n                :title=\"item.badgeTooltip\"\n                >{{ item.badge }}</Badge\n              >\n              <span\n                v-else-if=\"item.badgePending\"\n                data-slot=\"badge\"\n                aria-hidden=\"true\"\n                class=\"bg-muted-foreground/20 ms-auto inline-block h-4 w-5 animate-pulse rounded-md\"\n              />\n            </Link>\n          </DropdownMenuItem>\n        </DropdownMenuContent>\n      </DropdownMenu>\n    </SidebarMenuItem>\n  </SidebarMenu>\n</template>\n"],"mappings":""}

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

@@ -0,0 +1,11 @@
+import type { NavigationGroupSchema } from '@alfakit/core';
+/**
+ * In the icon-only (collapsed) sidebar, a group with an icon is one button that opens its
+ * items in a flyout menu, like Filament. Hidden while the sidebar is expanded.
+ */
+type __VLS_Props = {
+    group: NavigationGroupSchema;
+};
+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=NavGroupFlyout.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NavGroupFlyout.vue.d.ts","sourceRoot":"","sources":["../../../src/components/panel/NavGroupFlyout.vue"],"names":[],"mappings":"AAyGA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAA;AAmB1D;;;GAGG;AACH,KAAK,WAAW,GAAG;IAAE,KAAK,EAAE,qBAAqB,CAAA;CAAE,CAAC;;AAqRpD,wBAMG"}

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

@@ -0,0 +1,123 @@
+import { useDirection as e } from "../../context.js";
+import { cn as t } from "../../lib/utils.js";
+import { badgeColorClasses as n, colorClass as r } from "../../lib/colors.js";
+import i from "../../lib/Icon.js";
+import a from "../ui/Badge2.js";
+import o from "../ui/DropdownMenu.js";
+import s from "../ui/DropdownMenuContent.js";
+import c from "../ui/DropdownMenuItem.js";
+import l from "../ui/DropdownMenuTrigger.js";
+import u from "../../lib/NewTabHint.js";
+import d from "../ui/DropdownMenuLabel.js";
+import f from "../ui/SidebarMenu.js";
+import p from "../ui/SidebarMenuButton.js";
+import m from "../ui/SidebarMenuItem.js";
+import h from "./NavLabel.js";
+import { flattenNavigationItems as g, hasActiveNavigationItem as _ } from "@alfakit/core";
+import { Link as v } from "@inertiajs/vue3";
+import { Fragment as y, computed as b, createBlock as x, createCommentVNode as S, createElementBlock as C, createElementVNode as w, createTextVNode as T, createVNode as E, defineComponent as D, mergeProps as O, normalizeClass as k, openBlock as A, renderList as j, toDisplayString as M, unref as N, withCtx as P } from "vue";
+//#region src/components/panel/NavGroupFlyout.vue?vue&type=script&setup=true&lang.ts
+var F = ["href"], I = {
+	key: 2,
+	"data-slot": "badge",
+	"aria-hidden": "true",
+	class: "bg-muted-foreground/20 ms-auto inline-block h-4 w-5 animate-pulse rounded-md"
+}, L = /*@__PURE__*/ D({
+	__name: "NavGroupFlyout",
+	props: { group: {} },
+	setup(D) {
+		let L = D, R = e(), z = b(() => g(L.group.items)), B = b(() => _(L.group.items)), V = (e) => t("data-[active=true]:bg-accent data-[active=true]:font-medium", e === 1 && "ps-6", e > 1 && "ps-9"), H = (e) => t("ms-auto px-1.5 py-0", r(n, e, "gray"));
+		return (e, t) => (A(), x(f, {
+			class: "hidden group-data-[collapsible=icon]:flex",
+			"data-nav-flyout": ""
+		}, {
+			default: P(() => [E(m, null, {
+				default: P(() => [E(o, { dir: N(R) }, {
+					default: P(() => [E(l, { "as-child": "" }, {
+						default: P(() => [E(p, { "is-active": B.value }, {
+							default: P(() => [E(N(i), { name: L.group.icon }, null, 8, ["name"]), w("span", null, M(L.group.label), 1)]),
+							_: 1
+						}, 8, ["is-active"])]),
+						_: 1
+					}), E(s, {
+						side: N(R) === "rtl" ? "left" : "right",
+						align: "start",
+						class: "min-w-56"
+					}, {
+						default: P(() => [E(d, null, {
+							default: P(() => [T(M(L.group.label), 1)]),
+							_: 1
+						}), (A(!0), C(y, null, j(z.value, ({ item: e, depth: t }, n) => (A(), x(c, {
+							key: `${t}-${e.label}-${n}`,
+							"as-child": "",
+							"data-active": e.active ? "true" : void 0
+						}, {
+							default: P(() => [e.openInNewTab ? (A(), C("a", O({
+								key: 0,
+								ref_for: !0
+							}, e.extraAttributes ?? {}, {
+								href: e.url,
+								target: "_blank",
+								rel: "noopener noreferrer",
+								class: V(t)
+							}), [
+								e.icon ? (A(), x(N(i), {
+									key: 0,
+									name: e.icon
+								}, null, 8, ["name"])) : S("", !0),
+								E(h, {
+									class: "truncate",
+									text: e.label,
+									html: e.labelHtml
+								}, null, 8, ["text", "html"]),
+								E(u)
+							], 16, F)) : (A(), x(N(v), O({
+								key: 1,
+								ref_for: !0
+							}, e.extraAttributes ?? {}, {
+								href: e.url ?? "#",
+								"aria-current": e.active ? "page" : void 0,
+								class: V(t)
+							}), {
+								default: P(() => [
+									e.icon ? (A(), x(N(i), {
+										key: 0,
+										name: e.icon
+									}, null, 8, ["name"])) : S("", !0),
+									E(h, {
+										class: "truncate",
+										text: e.label,
+										html: e.labelHtml
+									}, null, 8, ["text", "html"]),
+									e.badge !== void 0 && e.badge !== null ? (A(), x(a, {
+										key: 1,
+										variant: "outline",
+										class: k(H(e.badgeColor)),
+										title: e.badgeTooltip
+									}, {
+										default: P(() => [T(M(e.badge), 1)]),
+										_: 2
+									}, 1032, ["class", "title"])) : e.badgePending ? (A(), C("span", I)) : S("", !0)
+								]),
+								_: 2
+							}, 1040, [
+								"href",
+								"aria-current",
+								"class"
+							]))]),
+							_: 2
+						}, 1032, ["data-active"]))), 128))]),
+						_: 1
+					}, 8, ["side"])]),
+					_: 1
+				}, 8, ["dir"])]),
+				_: 1
+			})]),
+			_: 1
+		}));
+	}
+});
+//#endregion
+export { L as default };
+
+//# sourceMappingURL=NavGroupFlyout.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NavGroupFlyout.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","SidebarMenu","_withCtx","_createVNode","SidebarMenuItem","DropdownMenu","_unref","DropdownMenuTrigger","SidebarMenuButton","Icon","_createElementVNode","_toDisplayString","DropdownMenuContent","DropdownMenuLabel","_createTextVNode","_createElementBlock","_Fragment","_renderList","DropdownMenuItem","_mergeProps","_createCommentVNode","NavLabel","NewTabHint","Badge","_normalizeClass","Icon_default","Badge_default","DropdownMenu_default","DropdownMenuContent_default","DropdownMenuItem_default","DropdownMenuTrigger_default","NewTabHint_default","DropdownMenuLabel_default","SidebarMenu_default","SidebarMenuButton_default","SidebarMenuItem_default","NavLabel_default","_hoisted_1","_hoisted_2","NavGroupFlyout_vue_vue_type_script_setup_true_lang_default","props","__props","direction","useDirection","items","computed","flattenNavigationItems","active","hasActiveNavigationItem","itemClass","cn","depth","badgeClass","colorClass","badgeColorClasses","color","openBlock","createBlock","withCtx","createVNode","unref","createElementVNode","toDisplayString","createTextVNode","createElementBlock","Fragment","renderList","item","index","mergeProps","createCommentVNode","Link","normalizeClass"],"sources":["../../../src/components/panel/NavGroupFlyout.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport NavLabel from './NavLabel.vue'\nimport type { NavigationGroupSchema } from '@alfakit/core'\nimport { flattenNavigationItems, hasActiveNavigationItem } from '@alfakit/core'\nimport { Link } from '@inertiajs/vue3'\nimport { computed } from 'vue'\nimport { useDirection } from '../../context'\nimport { badgeColorClasses, colorClass } from '../../lib/colors'\nimport { Icon } from '../../lib/icons'\nimport NewTabHint from '../../lib/NewTabHint.vue'\nimport { cn } from '../../lib/utils'\nimport Badge from '../ui/Badge.vue'\nimport DropdownMenu from '../ui/DropdownMenu.vue'\nimport DropdownMenuContent from '../ui/DropdownMenuContent.vue'\nimport DropdownMenuItem from '../ui/DropdownMenuItem.vue'\nimport DropdownMenuLabel from '../ui/DropdownMenuLabel.vue'\nimport DropdownMenuTrigger from '../ui/DropdownMenuTrigger.vue'\nimport SidebarMenu from '../ui/SidebarMenu.vue'\nimport SidebarMenuButton from '../ui/SidebarMenuButton.vue'\nimport SidebarMenuItem from '../ui/SidebarMenuItem.vue'\n\n/**\n * In the icon-only (collapsed) sidebar, a group with an icon is one button that opens its\n * items in a flyout menu, like Filament. Hidden while the sidebar is expanded.\n */\nconst props = defineProps<{ group: NavigationGroupSchema }>()\nconst direction = useDirection()\nconst items = computed(() => flattenNavigationItems(props.group.items))\nconst active = computed(() => hasActiveNavigationItem(props.group.items))\nconst itemClass = (depth: number) =>\n  cn(\n    'data-[active=true]:bg-accent data-[active=true]:font-medium',\n    depth === 1 && 'ps-6',\n    depth > 1 && 'ps-9',\n  )\nconst badgeClass = (color: string | undefined) =>\n  cn('ms-auto px-1.5 py-0', colorClass(badgeColorClasses, color, 'gray'))\n</script>\n\n<template>\n  <SidebarMenu class=\"hidden group-data-[collapsible=icon]:flex\" data-nav-flyout=\"\">\n    <SidebarMenuItem>\n      <DropdownMenu :dir=\"direction\">\n        <DropdownMenuTrigger as-child>\n          <SidebarMenuButton :is-active=\"active\">\n            <Icon :name=\"props.group.icon!\" />\n            <span>{{ props.group.label }}</span>\n          </SidebarMenuButton>\n        </DropdownMenuTrigger>\n        <DropdownMenuContent\n          :side=\"direction === 'rtl' ? 'left' : 'right'\"\n          align=\"start\"\n          class=\"min-w-56\"\n        >\n          <DropdownMenuLabel>{{ props.group.label }}</DropdownMenuLabel>\n          <DropdownMenuItem\n            v-for=\"({ item, depth }, index) in items\"\n            :key=\"`${depth}-${item.label}-${index}`\"\n            as-child\n            :data-active=\"item.active ? 'true' : undefined\"\n          >\n            <a\n              v-if=\"item.openInNewTab\"\n              v-bind=\"item.extraAttributes ?? {}\"\n              :href=\"item.url\"\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n              :class=\"itemClass(depth)\"\n            >\n              <Icon v-if=\"item.icon\" :name=\"item.icon\" />\n              <NavLabel class=\"truncate\" :text=\"item.label\" :html=\"item.labelHtml\" />\n              <NewTabHint />\n            </a>\n            <Link\n              v-else\n              v-bind=\"item.extraAttributes ?? {}\"\n              :href=\"item.url ?? '#'\"\n              :aria-current=\"item.active ? 'page' : undefined\"\n              :class=\"itemClass(depth)\"\n            >\n              <Icon v-if=\"item.icon\" :name=\"item.icon\" />\n              <NavLabel class=\"truncate\" :text=\"item.label\" :html=\"item.labelHtml\" />\n              <Badge\n                v-if=\"item.badge !== undefined && item.badge !== null\"\n                variant=\"outline\"\n                :class=\"badgeClass(item.badgeColor)\"\n                :title=\"item.badgeTooltip\"\n                >{{ item.badge }}</Badge\n              >\n              <span\n                v-else-if=\"item.badgePending\"\n                data-slot=\"badge\"\n                aria-hidden=\"true\"\n                class=\"bg-muted-foreground/20 ms-auto inline-block h-4 w-5 animate-pulse rounded-md\"\n              />\n            </Link>\n          </DropdownMenuItem>\n        </DropdownMenuContent>\n      </DropdownMenu>\n    </SidebarMenuItem>\n  </SidebarMenu>\n</template>\n"],"mappings":"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"}

package/dist/components/panel/NavItem.js

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