@alfakit/vue 0.0.0-stage → 0.1.0

package/dist/components/cms/CmsLinkButton.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,56 @@
+import e from "../ui/Button2.js";
+import { useCmsT as t } from "./context.js";
+import { cmsLinkRel as n } from "@alfakit/core";
+import { createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, defineComponent as c, normalizeClass as l, openBlock as u, toDisplayString as d, unref as f, withCtx as p } from "vue";
+//#region src/components/cms/CmsLinkButton.vue?vue&type=script&setup=true&lang.ts
+var m = [
+	"href",
+	"target",
+	"rel"
+], h = {
+	key: 0,
+	class: "sr-only"
+}, g = /*@__PURE__*/ c({
+	__name: "CmsLinkButton",
+	props: {
+		link: {},
+		variant: { default: "default" },
+		size: { default: "lg" },
+		class: {
+			type: [
+				Boolean,
+				null,
+				String,
+				Object,
+				Array
+			],
+			default: void 0
+		}
+	},
+	setup(c) {
+		let g = c, _ = t();
+		return (t, c) => g.link ? (u(), r(e, {
+			key: 0,
+			"as-child": "",
+			variant: g.variant,
+			size: g.size,
+			class: l(g.class)
+		}, {
+			default: p(() => [o("a", {
+				href: g.link.url,
+				target: g.link.newTab ? "_blank" : void 0,
+				rel: f(n)(g.link.newTab),
+				"data-slot": "cms-link-button"
+			}, [s(d(g.link.label) + " ", 1), g.link.newTab ? (u(), a("span", h, d(f(_)("cms.new_tab", {}, "(opens in a new tab)")), 1)) : i("", !0)], 8, m)]),
+			_: 1
+		}, 8, [
+			"variant",
+			"size",
+			"class"
+		])) : i("", !0);
+	}
+});
+//#endregion
+export { g as default };
+
+//# sourceMappingURL=CmsLinkButton.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/cms/CmsLinkButton.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CmsLinkButton.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","Button","_normalizeClass","_withCtx","_createElementVNode","_unref","_createTextVNode","_toDisplayString","_createElementBlock","_createCommentVNode","Button_default","_hoisted_1","_hoisted_2","CmsLinkButton_vue_vue_type_script_setup_true_lang_default","props","__props","t","useCmsT","openBlock","createBlock","normalizeClass","withCtx","createElementVNode","unref","cmsLinkRel","createTextVNode","toDisplayString","createElementBlock","createCommentVNode"],"sources":["../../../src/components/cms/CmsLinkButton.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { cmsLinkRel, type CmsLinkSchema } from '@alfakit/core'\nimport type { HTMLAttributes } from 'vue'\nimport Button from '../ui/Button.vue'\nimport type { ButtonVariants } from '../ui/button'\nimport { useCmsT } from './context'\n\n/** A button link from a block (`primaryAction` / `secondaryAction`). */\nconst props = withDefaults(\n  defineProps<{\n    link: CmsLinkSchema | null | undefined\n    variant?: ButtonVariants['variant']\n    size?: ButtonVariants['size']\n    class?: HTMLAttributes['class']\n  }>(),\n  { variant: 'default', size: 'lg', class: undefined },\n)\n\nconst t = useCmsT()\n</script>\n\n<template>\n  <Button\n    v-if=\"props.link\"\n    as-child\n    :variant=\"props.variant\"\n    :size=\"props.size\"\n    :class=\"props.class\"\n  >\n    <a\n      :href=\"props.link.url\"\n      :target=\"props.link.newTab ? '_blank' : undefined\"\n      :rel=\"cmsLinkRel(props.link.newTab)\"\n      data-slot=\"cms-link-button\"\n    >\n      {{ props.link.label }}\n      <span v-if=\"props.link.newTab\" class=\"sr-only\">\n        {{ t('cms.new_tab', {}, '(opens in a new tab)') }}</span\n      >\n    </a>\n  </Button>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAQA,IAAMe,IAAQC,GAURC,IAAIC,EAAQ;mBAKRH,EAAM,QADdf,EAAA,GAAAC,EAkBSC,GAAA;;GAhBP,YAAA;GACC,SAASa,EAAM;GACf,MAAMA,EAAM;GACZ,OAAKZ,EAAEY,EAAM,KAAK;;GAEnB,SAAAX,QAUI,CAVJC,EAUI,KAAA;IATD,MAAMU,EAAM,KAAK;IACjB,QAAQA,EAAM,KAAK,SAAM,WAAc,KAAA;IACvC,KAAKT,EAAAmB,CAAA,CAAU,CAACV,EAAM,KAAK,MAAM;IAClC,aAAU;GAEPR,GAAAA,CAAAA,EAAAC,EAAAO,EAAM,KAAK,KAAK,IAAG,KACtB,CAAA,GAAYA,EAAM,KAAK,UAAvBf,EAAA,GAAAS,EAEC,QAFDI,GAECL,EADIF,EAAAW,CAAA,CAAC,CAAA,eAAA,CAAA,GAAA,sBAAA,CAAA,GAAA,CAAA,KAAAY,EAAA,IAAA,EAAA,CAAA,GAAA,GAAAjB,CAAA,CAAA,CAAA"}

package/dist/components/cms/CmsMenuLink.js

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

package/dist/components/cms/CmsMenuLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CmsMenuLink.js","names":["_sfc_main","CmsMenuLink_vue_vue_type_script_setup_true_lang_default","CmsMenuLink_default"],"sources":["../../../src/components/cms/CmsMenuLink.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { cmsLinkRel, type CmsMenuItemSchema } from '@alfakit/core'\nimport type { HTMLAttributes } from 'vue'\nimport { useCmsT } from './context'\n\nconst props = defineProps<{ item: CmsMenuItemSchema; class?: HTMLAttributes['class'] }>()\n\nconst t = useCmsT()\n</script>\n\n<template>\n  <a\n    v-if=\"props.item.url\"\n    :href=\"props.item.url\"\n    :target=\"props.item.newTab ? '_blank' : undefined\"\n    :rel=\"cmsLinkRel(props.item.newTab)\"\n    :aria-current=\"props.item.current ? 'page' : undefined\"\n    :data-active=\"props.item.active || undefined\"\n    :class=\"props.class\"\n  >\n    {{ props.item.label }}\n    <span v-if=\"props.item.newTab\" class=\"sr-only\">\n      {{ t('cms.new_tab', {}, '(opens in a new tab)') }}</span\n    >\n  </a>\n  <span v-else :class=\"props.class\">{{ props.item.label }}</span>\n</template>\n"],"mappings":""}

package/dist/components/cms/CmsMenuLink.vue.d.ts

@@ -0,0 +1,9 @@
+import { type CmsMenuItemSchema } from '@alfakit/core';
+import type { HTMLAttributes } from 'vue';
+type __VLS_Props = {
+    item: CmsMenuItemSchema;
+    class?: HTMLAttributes['class'];
+};
+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=CmsMenuLink.vue.d.ts.map

package/dist/components/cms/CmsMenuLink.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CmsMenuLink.vue.d.ts","sourceRoot":"","sources":["../../../src/components/cms/CmsMenuLink.vue"],"names":[],"mappings":"AA6BA,OAAO,EAAc,KAAK,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAClE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAA;AAGzC,KAAK,WAAW,GAAG;IAAE,IAAI,EAAE,iBAAiB,CAAC;IAAC,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAA;CAAE,CAAC;;AA2DhF,wBAMG"}

package/dist/components/cms/CmsMenuLink.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,45 @@
+import { useCmsT as e } from "./context.js";
+import { cmsLinkRel as t } from "@alfakit/core";
+import { createCommentVNode as n, createElementBlock as r, createTextVNode as i, defineComponent as a, normalizeClass as o, openBlock as s, toDisplayString as c, unref as l } from "vue";
+//#region src/components/cms/CmsMenuLink.vue?vue&type=script&setup=true&lang.ts
+var u = [
+	"href",
+	"target",
+	"rel",
+	"aria-current",
+	"data-active"
+], d = {
+	key: 0,
+	class: "sr-only"
+}, f = /*@__PURE__*/ a({
+	__name: "CmsMenuLink",
+	props: {
+		item: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(a) {
+		let f = a, p = e();
+		return (e, a) => f.item.url ? (s(), r("a", {
+			key: 0,
+			href: f.item.url,
+			target: f.item.newTab ? "_blank" : void 0,
+			rel: l(t)(f.item.newTab),
+			"aria-current": f.item.current ? "page" : void 0,
+			"data-active": f.item.active || void 0,
+			class: o(f.class)
+		}, [i(c(f.item.label) + " ", 1), f.item.newTab ? (s(), r("span", d, c(l(p)("cms.new_tab", {}, "(opens in a new tab)")), 1)) : n("", !0)], 10, u)) : (s(), r("span", {
+			key: 1,
+			class: o(f.class)
+		}, c(f.item.label), 3));
+	}
+});
+//#endregion
+export { f as default };
+
+//# sourceMappingURL=CmsMenuLink.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/cms/CmsMenuLink.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CmsMenuLink.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_unref","_normalizeClass","_createTextVNode","_toDisplayString","_createCommentVNode","_hoisted_1","_hoisted_2","CmsMenuLink_vue_vue_type_script_setup_true_lang_default","props","__props","t","useCmsT","openBlock","createElementBlock","unref","cmsLinkRel","normalizeClass","createTextVNode","toDisplayString","createCommentVNode"],"sources":["../../../src/components/cms/CmsMenuLink.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { cmsLinkRel, type CmsMenuItemSchema } from '@alfakit/core'\nimport type { HTMLAttributes } from 'vue'\nimport { useCmsT } from './context'\n\nconst props = defineProps<{ item: CmsMenuItemSchema; class?: HTMLAttributes['class'] }>()\n\nconst t = useCmsT()\n</script>\n\n<template>\n  <a\n    v-if=\"props.item.url\"\n    :href=\"props.item.url\"\n    :target=\"props.item.newTab ? '_blank' : undefined\"\n    :rel=\"cmsLinkRel(props.item.newTab)\"\n    :aria-current=\"props.item.current ? 'page' : undefined\"\n    :data-active=\"props.item.active || undefined\"\n    :class=\"props.class\"\n  >\n    {{ props.item.label }}\n    <span v-if=\"props.item.newTab\" class=\"sr-only\">\n      {{ t('cms.new_tab', {}, '(opens in a new tab)') }}</span\n    >\n  </a>\n  <span v-else :class=\"props.class\">{{ props.item.label }}</span>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;EAKA,IAAMU,IAAQC,GAERC,IAAIC,EAAQ;mBAKRH,EAAM,KAAK,OADnBV,EAAA,GAAAC,EAaI,KAAA;;GAXD,MAAMS,EAAM,KAAK;GACjB,QAAQA,EAAM,KAAK,SAAM,WAAc,KAAA;GACvC,KAAKR,EAAAe,CAAA,CAAU,CAACP,EAAM,KAAK,MAAM;GACjC,gBAAcA,EAAM,KAAK,UAAO,SAAY,KAAA;GAC5C,eAAaA,EAAM,KAAK,UAAU,KAAA;GAClC,OAAKP,EAAEO,EAAM,KAAK;EAEhBN,GAAAA,CAAAA,EAAAC,EAAAK,EAAM,KAAK,KAAK,IAAG,KACtB,CAAA,GAAYA,EAAM,KAAK,UAAvBV,EAAA,GAAAC,EAEC,QAFDO,GAECH,EADIH,EAAAU,CAAA,CAAC,CAAA,eAAA,CAAA,GAAA,sBAAA,CAAA,GAAA,CAAA,KAAAS,EAAA,IAAA,EAAA,CAAA,GAAA,IAAAd,CAAA,MAGRP,EAAA,GAAAC,EAA+D,QAAA;;GAAjD,OAAKE,EAAEO,EAAM,KAAK;EAAK,GAAAL,EAAAK,EAAM,KAAK,KAAK,GAAA,CAAA"}

package/dist/components/cms/CmsMenuList.js

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

package/dist/components/cms/CmsMenuList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CmsMenuList.js","names":["_sfc_main","CmsMenuList_vue_vue_type_script_setup_true_lang_default","CmsMenuList_default"],"sources":["../../../src/components/cms/CmsMenuList.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { CmsMenuItemSchema } from '@alfakit/core'\nimport type { HTMLAttributes } from 'vue'\nimport { cn } from '../../lib/utils'\nimport CmsMenuLink from './CmsMenuLink.vue'\nimport { CMS_LINK_CLASS } from './link-class'\n\n/** Nested items as plain lists (the mobile menu and the footer). */\nconst props = defineProps<{\n  items: CmsMenuItemSchema[]\n  class?: HTMLAttributes['class']\n  itemClass?: HTMLAttributes['class']\n}>()\n</script>\n\n<template>\n  <ul :class=\"props.class\">\n    <li v-for=\"item in props.items\" :key=\"item.id\">\n      <CmsMenuLink :item=\"item\" :class=\"cn(CMS_LINK_CLASS, 'block', props.itemClass)\" />\n      <CmsMenuList\n        v-if=\"item.children.length > 0\"\n        :items=\"item.children\"\n        class=\"ms-3 border-s ps-2\"\n        :item-class=\"props.itemClass\"\n      />\n    </li>\n  </ul>\n</template>\n"],"mappings":""}

package/dist/components/cms/CmsMenuList.vue.d.ts

@@ -0,0 +1,11 @@
+import type { CmsMenuItemSchema } from '@alfakit/core';
+import type { HTMLAttributes } from 'vue';
+/** Nested items as plain lists (the mobile menu and the footer). */
+type __VLS_Props = {
+    items: CmsMenuItemSchema[];
+    class?: HTMLAttributes['class'];
+    itemClass?: HTMLAttributes['class'];
+};
+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=CmsMenuList.vue.d.ts.map

package/dist/components/cms/CmsMenuList.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CmsMenuList.vue.d.ts","sourceRoot":"","sources":["../../../src/components/cms/CmsMenuList.vue"],"names":[],"mappings":"AA8BA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAA;AAKzC,oEAAoE;AACpE,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,iBAAiB,EAAE,CAAA;IAC1B,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAA;IAC/B,SAAS,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAA;CACpC,CAAC;;AAqEF,wBAMG"}

package/dist/components/cms/CmsMenuList.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,44 @@
+import { cn as e } from "../../lib/utils.js";
+import { CMS_LINK_CLASS as t } from "./link-class.js";
+import n from "./CmsMenuLink.js";
+import { Fragment as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createVNode as s, defineComponent as c, normalizeClass as l, openBlock as u, renderList as d, resolveComponent as f, unref as p } from "vue";
+//#region src/components/cms/CmsMenuList.vue?vue&type=script&setup=true&lang.ts
+var m = /*@__PURE__*/ c({
+	__name: "CmsMenuList",
+	props: {
+		items: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		itemClass: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(c) {
+		let m = c;
+		return (c, h) => {
+			let g = f("CmsMenuList", !0);
+			return u(), o("ul", { class: l(m.class) }, [(u(!0), o(r, null, d(m.items, (r) => (u(), o("li", { key: r.id }, [s(n, {
+				item: r,
+				class: l(p(e)(p(t), "block", m.itemClass))
+			}, null, 8, ["item", "class"]), r.children.length > 0 ? (u(), i(g, {
+				key: 0,
+				items: r.children,
+				class: "ms-3 border-s ps-2",
+				"item-class": m.itemClass
+			}, null, 8, ["items", "item-class"])) : a("", !0)]))), 128))], 2);
+		};
+	}
+});
+//#endregion
+export { m as default };
+
+//# sourceMappingURL=CmsMenuList.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/cms/CmsMenuList.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CmsMenuList.vue_vue_type_script_setup_true_lang.js","names":["_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_Fragment","_renderList","_createVNode","CmsMenuLink","_unref","_createBlock","_createCommentVNode","CmsMenuLink_default","CmsMenuList_vue_vue_type_script_setup_true_lang_default","props","__props","_component_CmsMenuList","resolveComponent","openBlock","createElementBlock","normalizeClass","Fragment","renderList","item","createVNode","unref","cn","CMS_LINK_CLASS","createBlock","createCommentVNode"],"sources":["../../../src/components/cms/CmsMenuList.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { CmsMenuItemSchema } from '@alfakit/core'\nimport type { HTMLAttributes } from 'vue'\nimport { cn } from '../../lib/utils'\nimport CmsMenuLink from './CmsMenuLink.vue'\nimport { CMS_LINK_CLASS } from './link-class'\n\n/** Nested items as plain lists (the mobile menu and the footer). */\nconst props = defineProps<{\n  items: CmsMenuItemSchema[]\n  class?: HTMLAttributes['class']\n  itemClass?: HTMLAttributes['class']\n}>()\n</script>\n\n<template>\n  <ul :class=\"props.class\">\n    <li v-for=\"item in props.items\" :key=\"item.id\">\n      <CmsMenuLink :item=\"item\" :class=\"cn(CMS_LINK_CLASS, 'block', props.itemClass)\" />\n      <CmsMenuList\n        v-if=\"item.children.length > 0\"\n        :items=\"item.children\"\n        class=\"ms-3 border-s ps-2\"\n        :item-class=\"props.itemClass\"\n      />\n    </li>\n  </ul>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;EAQA,IAAMa,IAAQC;;;GAQZ,OAAAb,EAAA,GAAAC,EAUK,MAAA,EAVA,OAAKC,EAAEU,EAAM,KAAK,EAAA,GAAA,EACrBZ,EAAA,EAAA,GAAAC,EAQKE,GAAA,MAAAC,EARcQ,EAAM,QAAd,OAAXZ,EAAA,GAAAC,EAQK,MAAA,EAR4B,KAAKoB,EAAK,GAAA,GAAA,CACzChB,EAAkFC,GAAA;IAA9D;IAAO,OAAKJ,EAAEK,EAAAiB,CAAA,CAAE,CAACjB,EAAAkB,CAAA,GAAc,SAAWb,EAAM,SAAS,CAAA;GAErE,GAAA,MAAA,GAAA,CAAA,QAAA,OAAA,CAAA,GAAAS,EAAK,SAAS,SAAM,KAD5BrB,EAAA,GAAAQ,EAKEM,GAAA;;IAHC,OAAOO,EAAK;IACb,OAAM;IACL,cAAYT,EAAM"}

package/dist/components/cms/CmsNav.js

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

package/dist/components/cms/CmsNav.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CmsNav.js","names":["_sfc_main","CmsNav_vue_vue_type_script_setup_true_lang_default","CmsNav_default"],"sources":["../../../src/components/cms/CmsNav.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { CmsMenuSchema } from '@alfakit/core'\nimport { MenuIcon, XIcon } from '@lucide/vue'\nimport { ref, useId } from 'vue'\nimport Button from '../ui/Button.vue'\nimport CmsDropdownItem from './CmsDropdownItem.vue'\nimport CmsMenuLink from './CmsMenuLink.vue'\nimport CmsMenuList from './CmsMenuList.vue'\nimport { useCmsT } from './context'\nimport { CMS_LINK_CLASS } from './link-class'\n\n/**\n * The header navigation: items in a row from `md`, a disclosure menu below it. Items\n * with children get a submenu button (Escape or a click outside closes it).\n */\nconst props = defineProps<{ menu: CmsMenuSchema | null | undefined }>()\n\nconst t = useCmsT()\nconst open = ref(false)\nconst id = useId()\n</script>\n\n<template>\n  <template v-if=\"props.menu && props.menu.items.length > 0\">\n    <nav\n      :aria-label=\"t('cms.main_navigation', {}, 'Main navigation')\"\n      class=\"hidden md:block\"\n      data-slot=\"cms-nav\"\n    >\n      <ul class=\"flex items-center gap-1\">\n        <template v-for=\"item in props.menu.items\" :key=\"item.id\">\n          <CmsDropdownItem v-if=\"item.children.length > 0\" :item=\"item\" />\n          <li v-else>\n            <CmsMenuLink :item=\"item\" :class=\"CMS_LINK_CLASS\" />\n          </li>\n        </template>\n      </ul>\n    </nav>\n    <slot />\n    <Button\n      type=\"button\"\n      variant=\"ghost\"\n      size=\"icon\"\n      class=\"md:hidden\"\n      :aria-expanded=\"open\"\n      :aria-controls=\"id\"\n      @click=\"open = !open\"\n    >\n      <XIcon v-if=\"open\" aria-hidden=\"true\" />\n      <MenuIcon v-else aria-hidden=\"true\" />\n      <span class=\"sr-only\">{{\n        open ? t('cms.close_menu', {}, 'Close menu') : t('cms.open_menu', {}, 'Open menu')\n      }}</span>\n    </Button>\n    <nav\n      :id=\"id\"\n      :hidden=\"!open\"\n      :aria-label=\"t('cms.main_navigation', {}, 'Main navigation')\"\n      class=\"bg-background absolute inset-x-0 top-full z-40 border-b px-4 pb-4 shadow-sm md:hidden\"\n      data-slot=\"cms-mobile-nav\"\n    >\n      <CmsMenuList\n        :items=\"props.menu.items\"\n        class=\"flex flex-col gap-1 pt-2\"\n        item-class=\"py-2.5 text-base\"\n      />\n    </nav>\n  </template>\n  <slot v-else />\n</template>\n"],"mappings":""}

package/dist/components/cms/CmsNav.vue.d.ts

@@ -0,0 +1,23 @@
+import type { CmsMenuSchema } from '@alfakit/core';
+/**
+ * The header navigation: items in a row from `md`, a disclosure menu below it. Items
+ * with children get a submenu button (Escape or a click outside closes it).
+ */
+type __VLS_Props = {
+    menu: CmsMenuSchema | null | undefined;
+};
+declare var __VLS_7: {}, __VLS_27: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_7) => any;
+} & {
+    default?: (props: typeof __VLS_27) => any;
+};
+declare const __VLS_component: 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>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=CmsNav.vue.d.ts.map

package/dist/components/cms/CmsNav.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CmsNav.vue.d.ts","sourceRoot":"","sources":["../../../src/components/cms/CmsNav.vue"],"names":[],"mappings":"AAwEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAUlD;;;GAGG;AACH,KAAK,WAAW,GAAG;IAAE,IAAI,EAAE,aAAa,GAAG,IAAI,GAAG,SAAS,CAAA;CAAE,CAAC;AA6J9D,QAAA,IAAI,OAAO,IAAU,EAAE,QAAQ,IAAY,CAAE;AAC7C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AA4BhD,QAAA,MAAM,eAAe,kSAMnB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAQ1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/cms/CmsNav.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,67 @@
+import e from "../ui/Button2.js";
+import { useCmsT as t } from "./context.js";
+import { CMS_LINK_CLASS as n } from "./link-class.js";
+import r from "./CmsMenuLink.js";
+import i from "./CmsMenuList.js";
+import a from "./CmsDropdownItem.js";
+import { Fragment as o, createBlock as s, createElementBlock as c, createElementVNode as l, createVNode as u, defineComponent as d, normalizeClass as f, openBlock as p, ref as m, renderList as h, renderSlot as g, toDisplayString as _, unref as v, useId as y, withCtx as b } from "vue";
+import { MenuIcon as x, XIcon as S } from "@lucide/vue";
+//#region src/components/cms/CmsNav.vue?vue&type=script&setup=true&lang.ts
+var C = ["aria-label"], w = { class: "flex items-center gap-1" }, T = { key: 1 }, E = { class: "sr-only" }, D = [
+	"id",
+	"hidden",
+	"aria-label"
+], O = /*@__PURE__*/ d({
+	__name: "CmsNav",
+	props: { menu: {} },
+	setup(d) {
+		let O = d, k = t(), A = m(!1), j = y();
+		return (t, d) => O.menu && O.menu.items.length > 0 ? (p(), c(o, { key: 0 }, [
+			l("nav", {
+				"aria-label": v(k)("cms.main_navigation", {}, "Main navigation"),
+				class: "hidden md:block",
+				"data-slot": "cms-nav"
+			}, [l("ul", w, [(p(!0), c(o, null, h(O.menu.items, (e) => (p(), c(o, { key: e.id }, [e.children.length > 0 ? (p(), s(a, {
+				key: 0,
+				item: e
+			}, null, 8, ["item"])) : (p(), c("li", T, [u(r, {
+				item: e,
+				class: f(v(n))
+			}, null, 8, ["item", "class"])]))], 64))), 128))])], 8, C),
+			g(t.$slots, "default"),
+			u(e, {
+				type: "button",
+				variant: "ghost",
+				size: "icon",
+				class: "md:hidden",
+				"aria-expanded": A.value,
+				"aria-controls": v(j),
+				onClick: d[0] ||= (e) => A.value = !A.value
+			}, {
+				default: b(() => [A.value ? (p(), s(v(S), {
+					key: 0,
+					"aria-hidden": "true"
+				})) : (p(), s(v(x), {
+					key: 1,
+					"aria-hidden": "true"
+				})), l("span", E, _(A.value ? v(k)("cms.close_menu", {}, "Close menu") : v(k)("cms.open_menu", {}, "Open menu")), 1)]),
+				_: 1
+			}, 8, ["aria-expanded", "aria-controls"]),
+			l("nav", {
+				id: v(j),
+				hidden: !A.value,
+				"aria-label": v(k)("cms.main_navigation", {}, "Main navigation"),
+				class: "bg-background absolute inset-x-0 top-full z-40 border-b px-4 pb-4 shadow-sm md:hidden",
+				"data-slot": "cms-mobile-nav"
+			}, [u(i, {
+				items: O.menu.items,
+				class: "flex flex-col gap-1 pt-2",
+				"item-class": "py-2.5 text-base"
+			}, null, 8, ["items"])], 8, D)
+		], 64)) : g(t.$slots, "default", {}, void 0, void 0, 1);
+	}
+});
+//#endregion
+export { O as default };
+
+//# sourceMappingURL=CmsNav.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/cms/CmsNav.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CmsNav.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_Fragment","_createElementVNode","_unref","_renderList","_createBlock","CmsDropdownItem","_createVNode","CmsMenuLink","_normalizeClass","_renderSlot","Button","_withCtx","_toDisplayString","CmsMenuList","Button_default","CmsMenuLink_default","CmsMenuList_default","CmsDropdownItem_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","CmsNav_vue_vue_type_script_setup_true_lang_default","props","__props","t","useCmsT","open","ref","id","useId","openBlock","createElementBlock","Fragment","createElementVNode","unref","renderList","item","createBlock","createVNode","normalizeClass","CMS_LINK_CLASS","renderSlot","_ctx","_cache","withCtx","XIcon","MenuIcon","toDisplayString"],"sources":["../../../src/components/cms/CmsNav.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { CmsMenuSchema } from '@alfakit/core'\nimport { MenuIcon, XIcon } from '@lucide/vue'\nimport { ref, useId } from 'vue'\nimport Button from '../ui/Button.vue'\nimport CmsDropdownItem from './CmsDropdownItem.vue'\nimport CmsMenuLink from './CmsMenuLink.vue'\nimport CmsMenuList from './CmsMenuList.vue'\nimport { useCmsT } from './context'\nimport { CMS_LINK_CLASS } from './link-class'\n\n/**\n * The header navigation: items in a row from `md`, a disclosure menu below it. Items\n * with children get a submenu button (Escape or a click outside closes it).\n */\nconst props = defineProps<{ menu: CmsMenuSchema | null | undefined }>()\n\nconst t = useCmsT()\nconst open = ref(false)\nconst id = useId()\n</script>\n\n<template>\n  <template v-if=\"props.menu && props.menu.items.length > 0\">\n    <nav\n      :aria-label=\"t('cms.main_navigation', {}, 'Main navigation')\"\n      class=\"hidden md:block\"\n      data-slot=\"cms-nav\"\n    >\n      <ul class=\"flex items-center gap-1\">\n        <template v-for=\"item in props.menu.items\" :key=\"item.id\">\n          <CmsDropdownItem v-if=\"item.children.length > 0\" :item=\"item\" />\n          <li v-else>\n            <CmsMenuLink :item=\"item\" :class=\"CMS_LINK_CLASS\" />\n          </li>\n        </template>\n      </ul>\n    </nav>\n    <slot />\n    <Button\n      type=\"button\"\n      variant=\"ghost\"\n      size=\"icon\"\n      class=\"md:hidden\"\n      :aria-expanded=\"open\"\n      :aria-controls=\"id\"\n      @click=\"open = !open\"\n    >\n      <XIcon v-if=\"open\" aria-hidden=\"true\" />\n      <MenuIcon v-else aria-hidden=\"true\" />\n      <span class=\"sr-only\">{{\n        open ? t('cms.close_menu', {}, 'Close menu') : t('cms.open_menu', {}, 'Open menu')\n      }}</span>\n    </Button>\n    <nav\n      :id=\"id\"\n      :hidden=\"!open\"\n      :aria-label=\"t('cms.main_navigation', {}, 'Main navigation')\"\n      class=\"bg-background absolute inset-x-0 top-full z-40 border-b px-4 pb-4 shadow-sm md:hidden\"\n      data-slot=\"cms-mobile-nav\"\n    >\n      <CmsMenuList\n        :items=\"props.menu.items\"\n        class=\"flex flex-col gap-1 pt-2\"\n        item-class=\"py-2.5 text-base\"\n      />\n    </nav>\n  </template>\n  <slot v-else />\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;EAeA,IAAM0B,IAAQC,GAERC,IAAIC,EAAQ,GACZC,IAAOC,EAAI,EAAK,GAChBC,IAAKC,EAAM;mBAICP,EAAM,QAAQA,EAAM,KAAK,MAAM,SAAM,KAArD1B,EAAA,GAAAC,EA4CWC,GAAA,EAAA,KAAA,EAAA,GAAA;GA3CTC,EAaM,OAAA;IAZH,cAAYC,EAAAwB,CAAA,CAAC,CAAA,uBAAA,CAAA,GAAA,iBAAA;IACd,OAAM;IACN,aAAU;GAEVzB,GAAAA,CAAAA,EAOK,MAPLkB,GAOK,EANHrB,EAAA,EAAA,GAAAC,EAKWC,GAAA,MAAAG,EALcqB,EAAM,KAAK,QAAnB,OAAgCQ,EAAA,GAAAC,EAAAC,GAAA,EAAA,KAAAI,EAAK,GAAA,GAAA,CAC7BA,EAAK,SAAS,SAAM,KAA3CxC,EAAA,GAAAM,EAAgEC,GAAA;;IAAR;GACxDP,GAAAA,MAAAA,GAAAA,CAAAA,MAAAA,CAAAA,MAAAA,EAAA,GAAAC,EAEK,MAAAqB,GAAA,CADHd,EAAoDC,GAAA;IAAhC;IAAO,OAAKC,EAAEN,EAAAwC,CAAA,CAAc;;GAKxDjC,EAAQmC,EAAA,QAAA,SAAA;GACRtC,EAcSI,GAAA;IAbP,MAAK;IACL,SAAQ;IACR,MAAK;IACL,OAAM;IACL,iBAAekB,EAAA;IACf,iBAAe1B,EAAA4B,CAAA;IACf,SAAK,AAAAe,EAAA,QAAA,MAAE,EAAA,QAAI,CAAIjB,EAAA;;IAEhB,SAAAjB,QAAwC,CAA3BiB,EAAA,SAAb9B,EAAA,GAAAM,EAAwCF,EAAA6C,CAAA,GAAA;;KAArB,eAAY;IAC/BjD,CAAAA,MAAAA,EAAA,GAAAM,EAAsCF,EAAA8C,CAAA,GAAA;;KAArB,eAAY;IAC7B/C,CAAAA,IAAAA,EAES,QAFToB,GAEST,EADPgB,EAAA,QAAO1B,EAAAwB,CAAA,CAAC,CAAA,kBAAA,CAAA,GAAA,YAAA,IAAuCxB,EAAAwB,CAAA,CAAC,CAAA,iBAAA,CAAA,GAAA,WAAA,CAAA,GAAA,CAAA,CAAA,CAAA;;;GAGpDzB,EAYM,OAAA;IAXH,IAAIC,EAAA4B,CAAA;IACJ,QAAM,CAAGF,EAAA;IACT,cAAY1B,EAAAwB,CAAA,CAAC,CAAA,uBAAA,CAAA,GAAA,iBAAA;IACd,OAAM;IACN,aAAU;GAEVpB,GAAAA,CAAAA,EAIEO,GAAA;IAHC,OAAOW,EAAM,KAAK;IACnB,OAAM;IACN,cAAW;;EAIjBf,GAAAA,EAAAA,KAAAA,EAAemC,EAAA,QAAA,WAAA,CAAA,GAAA,KAAA,GAAA,KAAA,GAAA,CAAA"}

package/dist/components/cms/CmsPage.js

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

package/dist/components/cms/CmsPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CmsPage.js","names":["_sfc_main","CmsPage_vue_vue_type_script_setup_true_lang_default","CmsPage_default"],"sources":["../../../src/components/cms/CmsPage.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { CMS_FOOTER_KEY, CMS_HEADER_KEY, cmsPayload, type CmsPayload } from '@alfakit/core'\nimport { usePage } from '@inertiajs/vue3'\nimport { EyeIcon } from '@lucide/vue'\nimport { computed, defineAsyncComponent, watchEffect } from 'vue'\nimport { useOptionalRegistry, type AnyComponent } from '../../context'\nimport Breadcrumb from '../ui/Breadcrumb.vue'\nimport BreadcrumbItem from '../ui/BreadcrumbItem.vue'\nimport BreadcrumbLink from '../ui/BreadcrumbLink.vue'\nimport BreadcrumbList from '../ui/BreadcrumbList.vue'\nimport BreadcrumbPage from '../ui/BreadcrumbPage.vue'\nimport BreadcrumbSeparator from '../ui/BreadcrumbSeparator.vue'\nimport CmsBlocks from './CmsBlocks.vue'\nimport CmsFooter from './CmsFooter.vue'\nimport CmsHead from './CmsHead.vue'\nimport CmsHeader from './CmsHeader.vue'\nimport { provideCms } from './context'\n\n/**\n * The `Alfakit/CmsPage` Inertia page (public CMS pages and previews). Register it in your\n * public site's Inertia app: `createAlfakit({ pages: { 'Alfakit/CmsPage': CmsPage } })`.\n *\n * Replace the header or footer with `cms:header` / `cms:footer` registry components, a\n * block with `cms:block:{type}`, or build your own page from `CmsBlocks` and `CmsHead`.\n */\nconst props = defineProps<{ cms?: CmsPayload; components?: Record<string, AnyComponent> }>()\n\nfunction usePageProps(): () => unknown {\n  try {\n    const page = usePage()\n\n    return () => page.props\n  } catch {\n    return () => null\n  }\n}\n\nconst pageProps = usePageProps()\nconst cms = computed(() => props.cms ?? cmsPayload(pageProps()))\nconst context = provideCms(\n  () => cms.value,\n  () => props.components,\n)\nconst registry = useOptionalRegistry()\nconst header = computed<AnyComponent>(() => registry?.resolve(CMS_HEADER_KEY) ?? CmsHeader)\nconst footer = computed<AnyComponent>(() => registry?.resolve(CMS_FOOTER_KEY) ?? CmsFooter)\n\nconst t = (key: string, fallback: string) => context.value.t(key, {}, fallback)\n\n// The admin bar loads only for signed-in editors (the server sends `cms.admin` to them alone).\nconst CmsAdminBar = defineAsyncComponent(() => import('./AdminBar.vue'))\n\nwatchEffect(() => {\n  if (typeof document === 'undefined' || !cms.value) return\n\n  document.documentElement.lang = cms.value.site.tag\n  document.documentElement.dir = cms.value.site.direction\n})\n</script>\n\n<template>\n  <template v-if=\"cms\">\n    <CmsHead :seo=\"cms.page.seo\" />\n    <div\n      :dir=\"cms.site.direction\"\n      :lang=\"cms.site.tag\"\n      data-slot=\"cms-page\"\n      :data-layout=\"cms.page.layout ?? undefined\"\n      class=\"bg-background text-foreground flex min-h-svh flex-col\"\n    >\n      <a\n        href=\"#cms-content\"\n        class=\"bg-background focus-visible:ring-ring/50 sr-only z-50 rounded-md px-4 py-2 focus:not-sr-only focus:absolute focus:start-4 focus:top-4 focus-visible:ring-[3px]\"\n      >\n        {{ t('cms.skip_to_content', 'Skip to content') }}\n      </a>\n      <div\n        v-if=\"cms.preview\"\n        role=\"status\"\n        data-slot=\"cms-preview-banner\"\n        class=\"flex items-center justify-center gap-2 bg-amber-100 px-4 py-2 text-sm text-amber-950 dark:bg-amber-950 dark:text-amber-100\"\n      >\n        <EyeIcon class=\"size-4 shrink-0\" aria-hidden=\"true\" />\n        <span>\n          <strong class=\"font-semibold\">{{ t('cms.preview', 'Preview') }}</strong> ·\n          {{\n            t('cms.preview_notice', \"This is a preview. Visitors don't see unpublished changes.\")\n          }}\n        </span>\n      </div>\n      <component :is=\"header\" :cms=\"cms\" />\n      <main id=\"cms-content\" tabindex=\"-1\" class=\"flex-1 outline-none\" data-slot=\"cms-content\">\n        <Breadcrumb\n          v-if=\"cms.page.breadcrumbs.length > 1\"\n          :aria-label=\"t('cms.breadcrumbs', 'Breadcrumbs')\"\n          class=\"mx-auto max-w-6xl px-4 pt-6 sm:px-6 lg:px-8\"\n        >\n          <BreadcrumbList>\n            <template v-for=\"(crumb, index) in cms.page.breadcrumbs\" :key=\"crumb.url\">\n              <BreadcrumbSeparator v-if=\"index > 0\" />\n              <BreadcrumbItem>\n                <BreadcrumbPage v-if=\"index === cms.page.breadcrumbs.length - 1\">{{\n                  crumb.label\n                }}</BreadcrumbPage>\n                <BreadcrumbLink v-else :href=\"crumb.url\">{{ crumb.label }}</BreadcrumbLink>\n              </BreadcrumbItem>\n            </template>\n          </BreadcrumbList>\n        </Breadcrumb>\n        <slot :cms=\"cms\">\n          <CmsBlocks v-if=\"cms.page.blocks.length > 0\" :blocks=\"cms.page.blocks\" />\n          <p v-else class=\"text-muted-foreground mx-auto max-w-3xl px-4 py-24 text-center\">\n            {{ t('cms.empty_page', 'This page has no content yet.') }}\n          </p>\n        </slot>\n      </main>\n      <component :is=\"footer\" :cms=\"cms\" />\n      <!-- eslint-disable-next-line vue/no-v-html -- built on the server (Credit::poweredBy) -->\n      <div v-if=\"cms.poweredBy\" data-slot=\"cms-powered-by\" v-html=\"cms.poweredBy\" />\n      <CmsAdminBar v-if=\"cms.admin\" :admin=\"cms.admin\" />\n    </div>\n  </template>\n</template>\n"],"mappings":""}

package/dist/components/cms/CmsPage.vue.d.ts

@@ -0,0 +1,28 @@
+import { type CmsPayload } from '@alfakit/core';
+import { type AnyComponent } from '../../context';
+/**
+ * The `Alfakit/CmsPage` Inertia page (public CMS pages and previews). Register it in your
+ * public site's Inertia app: `createAlfakit({ pages: { 'Alfakit/CmsPage': CmsPage } })`.
+ *
+ * Replace the header or footer with `cms:header` / `cms:footer` registry components, a
+ * block with `cms:block:{type}`, or build your own page from `CmsBlocks` and `CmsHead`.
+ */
+type __VLS_Props = {
+    cms?: CmsPayload;
+    components?: Record<string, AnyComponent>;
+};
+declare var __VLS_30: {
+    cms: CmsPayload;
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_30) => any;
+};
+declare const __VLS_component: 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>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=CmsPage.vue.d.ts.map

package/dist/components/cms/CmsPage.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CmsPage.vue.d.ts","sourceRoot":"","sources":["../../../src/components/cms/CmsPage.vue"],"names":[],"mappings":"AA6HA,OAAO,EAA8C,KAAK,UAAU,EAAE,MAAM,eAAe,CAAA;AAI3F,OAAO,EAAuB,KAAK,YAAY,EAAE,MAAM,eAAe,CAAA;AAatE;;;;;;GAMG;AACH,KAAK,WAAW,GAAG;IAAE,GAAG,CAAC,EAAE,UAAU,CAAC;IAAC,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,CAAA;CAAE,CAAC;AAuQnF,QAAA,IAAI,QAAQ;;CAAY,CAAE;AAC1B,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAgChD,QAAA,MAAM,eAAe,kSAMnB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAQ1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/cms/CmsPage.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,112 @@
+import { useOptionalRegistry as e } from "../../context.js";
+import t from "../ui/Breadcrumb.js";
+import n from "../ui/BreadcrumbItem.js";
+import r from "../ui/BreadcrumbLink.js";
+import i from "../ui/BreadcrumbList.js";
+import a from "../ui/BreadcrumbPage.js";
+import o from "../ui/BreadcrumbSeparator.js";
+import { provideCms as s } from "./context.js";
+import c from "./CmsBlocks.js";
+import l from "./CmsFooter.js";
+import u from "./CmsHead.js";
+import d from "./CmsHeader.js";
+import { CMS_FOOTER_KEY as f, CMS_HEADER_KEY as p, cmsPayload as m } from "@alfakit/core";
+import { usePage as h } from "@inertiajs/vue3";
+import { Fragment as g, computed as _, createBlock as v, createCommentVNode as y, createElementBlock as b, createElementVNode as x, createTextVNode as S, createVNode as C, defineAsyncComponent as w, defineComponent as T, openBlock as E, renderList as D, renderSlot as O, resolveDynamicComponent as k, toDisplayString as A, unref as j, watchEffect as M, withCtx as N } from "vue";
+import { EyeIcon as P } from "@lucide/vue";
+//#region src/components/cms/CmsPage.vue?vue&type=script&setup=true&lang.ts
+var F = [
+	"dir",
+	"lang",
+	"data-layout"
+], I = {
+	href: "#cms-content",
+	class: "bg-background focus-visible:ring-ring/50 sr-only z-50 rounded-md px-4 py-2 focus:not-sr-only focus:absolute focus:start-4 focus:top-4 focus-visible:ring-[3px]"
+}, L = {
+	key: 0,
+	role: "status",
+	"data-slot": "cms-preview-banner",
+	class: "flex items-center justify-center gap-2 bg-amber-100 px-4 py-2 text-sm text-amber-950 dark:bg-amber-950 dark:text-amber-100"
+}, R = { class: "font-semibold" }, z = {
+	id: "cms-content",
+	tabindex: "-1",
+	class: "flex-1 outline-none",
+	"data-slot": "cms-content"
+}, B = {
+	key: 1,
+	class: "text-muted-foreground mx-auto max-w-3xl px-4 py-24 text-center"
+}, V = ["innerHTML"], H = /*@__PURE__*/ T({
+	__name: "CmsPage",
+	props: {
+		cms: {},
+		components: {}
+	},
+	setup(T) {
+		let H = T;
+		function U() {
+			try {
+				let e = h();
+				return () => e.props;
+			} catch {
+				return () => null;
+			}
+		}
+		let W = U(), G = _(() => H.cms ?? m(W())), K = s(() => G.value, () => H.components), q = e(), J = _(() => q?.resolve(p) ?? d), Y = _(() => q?.resolve(f) ?? l), X = (e, t) => K.value.t(e, {}, t), Z = w(() => import("./AdminBar.js"));
+		return M(() => {
+			typeof document < "u" && G.value && (document.documentElement.lang = G.value.site.tag, document.documentElement.dir = G.value.site.direction);
+		}), (e, s) => G.value ? (E(), b(g, { key: 0 }, [C(u, { seo: G.value.page.seo }, null, 8, ["seo"]), x("div", {
+			dir: G.value.site.direction,
+			lang: G.value.site.tag,
+			"data-slot": "cms-page",
+			"data-layout": G.value.page.layout ?? void 0,
+			class: "bg-background text-foreground flex min-h-svh flex-col"
+		}, [
+			x("a", I, A(X("cms.skip_to_content", "Skip to content")), 1),
+			G.value.preview ? (E(), b("div", L, [C(j(P), {
+				class: "size-4 shrink-0",
+				"aria-hidden": "true"
+			}), x("span", null, [x("strong", R, A(X("cms.preview", "Preview")), 1), S(" · " + A(X("cms.preview_notice", "This is a preview. Visitors don't see unpublished changes.")), 1)])])) : y("", !0),
+			(E(), v(k(J.value), { cms: G.value }, null, 8, ["cms"])),
+			x("main", z, [G.value.page.breadcrumbs.length > 1 ? (E(), v(t, {
+				key: 0,
+				"aria-label": X("cms.breadcrumbs", "Breadcrumbs"),
+				class: "mx-auto max-w-6xl px-4 pt-6 sm:px-6 lg:px-8"
+			}, {
+				default: N(() => [C(i, null, {
+					default: N(() => [(E(!0), b(g, null, D(G.value.page.breadcrumbs, (e, t) => (E(), b(g, { key: e.url }, [t > 0 ? (E(), v(o, { key: 0 })) : y("", !0), C(n, null, {
+						default: N(() => [t === G.value.page.breadcrumbs.length - 1 ? (E(), v(a, { key: 0 }, {
+							default: N(() => [S(A(e.label), 1)]),
+							_: 2
+						}, 1024)) : (E(), v(r, {
+							key: 1,
+							href: e.url
+						}, {
+							default: N(() => [S(A(e.label), 1)]),
+							_: 2
+						}, 1032, ["href"]))]),
+						_: 2
+					}, 1024)], 64))), 128))]),
+					_: 1
+				})]),
+				_: 1
+			}, 8, ["aria-label"])) : y("", !0), O(e.$slots, "default", { cms: G.value }, () => [G.value.page.blocks.length > 0 ? (E(), v(c, {
+				key: 0,
+				blocks: G.value.page.blocks
+			}, null, 8, ["blocks"])) : (E(), b("p", B, A(X("cms.empty_page", "This page has no content yet.")), 1))])]),
+			(E(), v(k(Y.value), { cms: G.value }, null, 8, ["cms"])),
+			G.value.poweredBy ? (E(), b("div", {
+				key: 1,
+				"data-slot": "cms-powered-by",
+				innerHTML: G.value.poweredBy
+			}, null, 8, V)) : y("", !0),
+			G.value.admin ? (E(), v(j(Z), {
+				key: 2,
+				admin: G.value.admin
+			}, null, 8, ["admin"])) : y("", !0)
+		], 8, F)], 64)) : y("", !0);
+	}
+});
+//#endregion
+export { H as default };
+
+//# sourceMappingURL=CmsPage.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/cms/CmsPage.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CmsPage.vue_vue_type_script_setup_true_lang.js","names":["CmsHeader","CmsFooter","_openBlock","_createElementBlock","_Fragment","_createVNode","CmsHead","_createElementVNode","_toDisplayString","_unref","_createTextVNode","_createCommentVNode","_createBlock","_resolveDynamicComponent","Breadcrumb","_withCtx","BreadcrumbList","_renderList","BreadcrumbSeparator","BreadcrumbItem","BreadcrumbPage","BreadcrumbLink","_renderSlot","CmsBlocks","Breadcrumb_default","BreadcrumbItem_default","BreadcrumbLink_default","BreadcrumbList_default","BreadcrumbPage_default","BreadcrumbSeparator_default","CmsBlocks_default","CmsFooter_default","CmsHead_default","CmsHeader_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","CmsPage_vue_vue_type_script_setup_true_lang_default","props","__props","usePageProps","page","usePage","pageProps","cms","computed","cmsPayload","context","provideCms","registry","useOptionalRegistry","header","CMS_HEADER_KEY","footer","CMS_FOOTER_KEY","t","key","fallback","CmsAdminBar","defineAsyncComponent","watchEffect","openBlock","createElementBlock","Fragment","createVNode","createElementVNode","toDisplayString","unref","EyeIcon","createTextVNode","createCommentVNode","createBlock","resolveDynamicComponent","withCtx","renderList","crumb","index","renderSlot","_ctx"],"sources":["../../../src/components/cms/CmsPage.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { CMS_FOOTER_KEY, CMS_HEADER_KEY, cmsPayload, type CmsPayload } from '@alfakit/core'\nimport { usePage } from '@inertiajs/vue3'\nimport { EyeIcon } from '@lucide/vue'\nimport { computed, defineAsyncComponent, watchEffect } from 'vue'\nimport { useOptionalRegistry, type AnyComponent } from '../../context'\nimport Breadcrumb from '../ui/Breadcrumb.vue'\nimport BreadcrumbItem from '../ui/BreadcrumbItem.vue'\nimport BreadcrumbLink from '../ui/BreadcrumbLink.vue'\nimport BreadcrumbList from '../ui/BreadcrumbList.vue'\nimport BreadcrumbPage from '../ui/BreadcrumbPage.vue'\nimport BreadcrumbSeparator from '../ui/BreadcrumbSeparator.vue'\nimport CmsBlocks from './CmsBlocks.vue'\nimport CmsFooter from './CmsFooter.vue'\nimport CmsHead from './CmsHead.vue'\nimport CmsHeader from './CmsHeader.vue'\nimport { provideCms } from './context'\n\n/**\n * The `Alfakit/CmsPage` Inertia page (public CMS pages and previews). Register it in your\n * public site's Inertia app: `createAlfakit({ pages: { 'Alfakit/CmsPage': CmsPage } })`.\n *\n * Replace the header or footer with `cms:header` / `cms:footer` registry components, a\n * block with `cms:block:{type}`, or build your own page from `CmsBlocks` and `CmsHead`.\n */\nconst props = defineProps<{ cms?: CmsPayload; components?: Record<string, AnyComponent> }>()\n\nfunction usePageProps(): () => unknown {\n  try {\n    const page = usePage()\n\n    return () => page.props\n  } catch {\n    return () => null\n  }\n}\n\nconst pageProps = usePageProps()\nconst cms = computed(() => props.cms ?? cmsPayload(pageProps()))\nconst context = provideCms(\n  () => cms.value,\n  () => props.components,\n)\nconst registry = useOptionalRegistry()\nconst header = computed<AnyComponent>(() => registry?.resolve(CMS_HEADER_KEY) ?? CmsHeader)\nconst footer = computed<AnyComponent>(() => registry?.resolve(CMS_FOOTER_KEY) ?? CmsFooter)\n\nconst t = (key: string, fallback: string) => context.value.t(key, {}, fallback)\n\n// The admin bar loads only for signed-in editors (the server sends `cms.admin` to them alone).\nconst CmsAdminBar = defineAsyncComponent(() => import('./AdminBar.vue'))\n\nwatchEffect(() => {\n  if (typeof document === 'undefined' || !cms.value) return\n\n  document.documentElement.lang = cms.value.site.tag\n  document.documentElement.dir = cms.value.site.direction\n})\n</script>\n\n<template>\n  <template v-if=\"cms\">\n    <CmsHead :seo=\"cms.page.seo\" />\n    <div\n      :dir=\"cms.site.direction\"\n      :lang=\"cms.site.tag\"\n      data-slot=\"cms-page\"\n      :data-layout=\"cms.page.layout ?? undefined\"\n      class=\"bg-background text-foreground flex min-h-svh flex-col\"\n    >\n      <a\n        href=\"#cms-content\"\n        class=\"bg-background focus-visible:ring-ring/50 sr-only z-50 rounded-md px-4 py-2 focus:not-sr-only focus:absolute focus:start-4 focus:top-4 focus-visible:ring-[3px]\"\n      >\n        {{ t('cms.skip_to_content', 'Skip to content') }}\n      </a>\n      <div\n        v-if=\"cms.preview\"\n        role=\"status\"\n        data-slot=\"cms-preview-banner\"\n        class=\"flex items-center justify-center gap-2 bg-amber-100 px-4 py-2 text-sm text-amber-950 dark:bg-amber-950 dark:text-amber-100\"\n      >\n        <EyeIcon class=\"size-4 shrink-0\" aria-hidden=\"true\" />\n        <span>\n          <strong class=\"font-semibold\">{{ t('cms.preview', 'Preview') }}</strong> ·\n          {{\n            t('cms.preview_notice', \"This is a preview. Visitors don't see unpublished changes.\")\n          }}\n        </span>\n      </div>\n      <component :is=\"header\" :cms=\"cms\" />\n      <main id=\"cms-content\" tabindex=\"-1\" class=\"flex-1 outline-none\" data-slot=\"cms-content\">\n        <Breadcrumb\n          v-if=\"cms.page.breadcrumbs.length > 1\"\n          :aria-label=\"t('cms.breadcrumbs', 'Breadcrumbs')\"\n          class=\"mx-auto max-w-6xl px-4 pt-6 sm:px-6 lg:px-8\"\n        >\n          <BreadcrumbList>\n            <template v-for=\"(crumb, index) in cms.page.breadcrumbs\" :key=\"crumb.url\">\n              <BreadcrumbSeparator v-if=\"index > 0\" />\n              <BreadcrumbItem>\n                <BreadcrumbPage v-if=\"index === cms.page.breadcrumbs.length - 1\">{{\n                  crumb.label\n                }}</BreadcrumbPage>\n                <BreadcrumbLink v-else :href=\"crumb.url\">{{ crumb.label }}</BreadcrumbLink>\n              </BreadcrumbItem>\n            </template>\n          </BreadcrumbList>\n        </Breadcrumb>\n        <slot :cms=\"cms\">\n          <CmsBlocks v-if=\"cms.page.blocks.length > 0\" :blocks=\"cms.page.blocks\" />\n          <p v-else class=\"text-muted-foreground mx-auto max-w-3xl px-4 py-24 text-center\">\n            {{ t('cms.empty_page', 'This page has no content yet.') }}\n          </p>\n        </slot>\n      </main>\n      <component :is=\"footer\" :cms=\"cms\" />\n      <!-- eslint-disable-next-line vue/no-v-html -- built on the server (Credit::poweredBy) -->\n      <div v-if=\"cms.poweredBy\" data-slot=\"cms-powered-by\" v-html=\"cms.poweredBy\" />\n      <CmsAdminBar v-if=\"cms.admin\" :admin=\"cms.admin\" />\n    </div>\n  </template>\n</template>\n"],"mappings":"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"}

package/dist/components/cms/ColumnsBlock.js

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

package/dist/components/cms/ColumnsBlock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColumnsBlock.js","names":["_sfc_main","ColumnsBlock_vue_vue_type_script_setup_true_lang_default","ColumnsBlock_default"],"sources":["../../../src/components/cms/ColumnsBlock.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { cmsColumnsClass, type CmsBlockSchema, type CmsColumnsBlockData } from '@alfakit/core'\nimport { provide } from 'vue'\nimport { cn } from '../../lib/utils'\nimport CmsBlocks from './CmsBlocks.vue'\nimport { CMS_NESTED_KEY, useSectionClass } from './context'\n\nconst props = defineProps<{\n  block: CmsBlockSchema<CmsColumnsBlockData>\n  data: CmsColumnsBlockData\n}>()\n\nconst sectionClass = useSectionClass('py-8 sm:py-10')\n\n// Blocks inside the columns drop the page padding (the columns block has it).\nprovide(CMS_NESTED_KEY, true)\n</script>\n\n<template>\n  <section data-slot=\"cms-columns\" :class=\"sectionClass\">\n    <div\n      :class=\"\n        cn(\n          'mx-auto max-w-6xl',\n          cmsColumnsClass(props.data.columns.length),\n          props.data.align === 'center' && 'items-center',\n        )\n      \"\n    >\n      <div\n        v-for=\"(column, index) in props.data.columns\"\n        :key=\"index\"\n        class=\"min-w-0\"\n        data-slot=\"cms-column\"\n      >\n        <CmsBlocks :blocks=\"column.blocks\" />\n      </div>\n    </div>\n  </section>\n</template>\n"],"mappings":""}

package/dist/components/cms/ColumnsBlock.vue.d.ts

@@ -0,0 +1,8 @@
+import { type CmsBlockSchema, type CmsColumnsBlockData } from '@alfakit/core';
+type __VLS_Props = {
+    block: CmsBlockSchema<CmsColumnsBlockData>;
+    data: CmsColumnsBlockData;
+};
+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=ColumnsBlock.vue.d.ts.map

package/dist/components/cms/ColumnsBlock.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColumnsBlock.vue.d.ts","sourceRoot":"","sources":["../../../src/components/cms/ColumnsBlock.vue"],"names":[],"mappings":"AA0CA,OAAO,EAAmB,KAAK,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,eAAe,CAAA;AAM9F,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,cAAc,CAAC,mBAAmB,CAAC,CAAA;IAC1C,IAAI,EAAE,mBAAmB,CAAA;CAC1B,CAAC;;AAoEF,wBAMG"}

package/dist/components/cms/ColumnsBlock.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,28 @@
+import { cn as e } from "../../lib/utils.js";
+import { CMS_NESTED_KEY as t, useSectionClass as n } from "./context.js";
+import r from "./CmsBlocks.js";
+import { cmsColumnsClass as i } from "@alfakit/core";
+import { Fragment as a, createElementBlock as o, createElementVNode as s, createVNode as c, defineComponent as l, normalizeClass as u, openBlock as d, provide as f, renderList as p, unref as m } from "vue";
+//#region src/components/cms/ColumnsBlock.vue?vue&type=script&setup=true&lang.ts
+var h = /*@__PURE__*/ l({
+	__name: "ColumnsBlock",
+	props: {
+		block: {},
+		data: {}
+	},
+	setup(l) {
+		let h = l, g = n("py-8 sm:py-10");
+		return f(t, !0), (t, n) => (d(), o("section", {
+			"data-slot": "cms-columns",
+			class: u(m(g))
+		}, [s("div", { class: u(m(e)("mx-auto max-w-6xl", m(i)(h.data.columns.length), h.data.align === "center" && "items-center")) }, [(d(!0), o(a, null, p(h.data.columns, (e, t) => (d(), o("div", {
+			key: t,
+			class: "min-w-0",
+			"data-slot": "cms-column"
+		}, [c(r, { blocks: e.blocks }, null, 8, ["blocks"])]))), 128))], 2)], 2));
+	}
+});
+//#endregion
+export { h as default };
+
+//# sourceMappingURL=ColumnsBlock.vue_vue_type_script_setup_true_lang.js.map