@alfakit/vue 0.0.0-stage → 0.1.0

package/dist/components/analytics/AnalyticsBreakdown.js

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

package/dist/components/analytics/AnalyticsBreakdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnalyticsBreakdown.js","names":["_sfc_main","AnalyticsBreakdown_vue_vue_type_script_setup_true_lang_default","AnalyticsBreakdown_default"],"sources":["../../../src/components/analytics/AnalyticsBreakdown.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { AnalyticsBreakdownWidgetSchema } from '@alfakit/core'\nimport { analyticsInitialTab } from '@alfakit/core'\nimport { computed, ref } from 'vue'\nimport { useDirection, useT } from '../../context'\nimport Card from '../ui/Card.vue'\nimport Tabs from '../ui/Tabs.vue'\nimport TabsContent from '../ui/TabsContent.vue'\nimport TabsList from '../ui/TabsList.vue'\nimport TabsTrigger from '../ui/TabsTrigger.vue'\nimport AnalyticsBreakdownRow from './AnalyticsBreakdownRow.vue'\n\n/**\n * An analytics top list (`analytics:breakdown`): a tab per dimension, each row a bar that\n * links to the dashboard filtered by it. Every number arrives formatted by the server.\n */\nconst props = defineProps<{ widget: AnalyticsBreakdownWidgetSchema }>()\n\nconst t = useT()\nconst direction = useDirection()\nconst active = ref(analyticsInitialTab(props.widget))\nconst current = computed(() =>\n  props.widget.tabs.some((tab) => tab.key === active.value)\n    ? active.value\n    : analyticsInitialTab(props.widget),\n)\n\nfunction select(value: string | number) {\n  active.value = String(value)\n}\n</script>\n\n<template>\n  <Card data-slot=\"analytics-breakdown\" class=\"gap-0 overflow-hidden py-0\">\n    <Tabs :model-value=\"current\" :dir=\"direction\" class=\"gap-0\" @update:model-value=\"select\">\n      <div class=\"flex flex-wrap items-center justify-between gap-3 px-5 pt-4 pb-3\">\n        <h3 class=\"text-base font-semibold\">{{ widget.heading }}</h3>\n        <TabsList\n          v-if=\"widget.tabs.length > 1\"\n          :aria-label=\"t('analytics.views', { panel: widget.heading }, ':panel views')\"\n          class=\"max-w-full overflow-x-auto\"\n        >\n          <TabsTrigger\n            v-for=\"tab in widget.tabs\"\n            :key=\"tab.key\"\n            :value=\"tab.key\"\n            class=\"flex-none\"\n            :data-filtered=\"tab.filtered ? 'true' : undefined\"\n          >\n            {{ tab.label }}\n          </TabsTrigger>\n        </TabsList>\n      </div>\n      <TabsContent v-for=\"tab in widget.tabs\" :key=\"tab.key\" :value=\"tab.key\" class=\"px-3 pb-4\">\n        <div\n          class=\"text-muted-foreground flex items-center gap-3 px-2 pb-1.5 text-xs font-medium tracking-wide uppercase\"\n          aria-hidden=\"true\"\n        >\n          <span class=\"min-w-0 flex-1 truncate\">{{ tab.columns[0] }}</span>\n          <span class=\"w-16 text-end\">{{ tab.columns[1] }}</span>\n          <span class=\"hidden w-20 text-end sm:block\">{{ tab.columns[2] }}</span>\n        </div>\n        <p v-if=\"tab.rows.length === 0\" class=\"text-muted-foreground px-2 py-6 text-center text-sm\">\n          {{ widget.emptyLabel ?? t('analytics.empty', {}, 'No data for this period') }}\n        </p>\n        <ul v-else class=\"flex flex-col gap-0.5\" :aria-label=\"tab.label\">\n          <li v-for=\"row in tab.rows\" :key=\"row.key\">\n            <AnalyticsBreakdownRow :row=\"row\" :columns=\"tab.columns\" />\n          </li>\n        </ul>\n      </TabsContent>\n    </Tabs>\n  </Card>\n</template>\n"],"mappings":""}

package/dist/components/analytics/AnalyticsBreakdown.vue.d.ts

@@ -0,0 +1,11 @@
+import type { AnalyticsBreakdownWidgetSchema } from '@alfakit/core';
+/**
+ * An analytics top list (`analytics:breakdown`): a tab per dimension, each row a bar that
+ * links to the dashboard filtered by it. Every number arrives formatted by the server.
+ */
+type __VLS_Props = {
+    widget: AnalyticsBreakdownWidgetSchema;
+};
+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=AnalyticsBreakdown.vue.d.ts.map

package/dist/components/analytics/AnalyticsBreakdown.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnalyticsBreakdown.vue.d.ts","sourceRoot":"","sources":["../../../src/components/analytics/AnalyticsBreakdown.vue"],"names":[],"mappings":"AA4EA,OAAO,KAAK,EAAE,8BAA8B,EAAE,MAAM,eAAe,CAAA;AAWnE;;;GAGG;AACH,KAAK,WAAW,GAAG;IAAE,MAAM,EAAE,8BAA8B,CAAA;CAAE,CAAC;;AAwO9D,wBAMG"}

package/dist/components/analytics/AnalyticsBreakdown.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,78 @@
+import { useDirection as e, useT as t } from "../../context.js";
+import n from "../ui/Card.js";
+import r from "../ui/Tabs.js";
+import i from "../ui/TabsContent.js";
+import a from "../ui/TabsList.js";
+import o from "../ui/TabsTrigger.js";
+import s from "./AnalyticsBreakdownRow.js";
+import { analyticsInitialTab as c } from "@alfakit/core";
+import { Fragment as l, computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createTextVNode as h, createVNode as g, defineComponent as _, openBlock as v, ref as y, renderList as b, toDisplayString as x, unref as S, withCtx as C } from "vue";
+//#region src/components/analytics/AnalyticsBreakdown.vue?vue&type=script&setup=true&lang.ts
+var w = { class: "flex flex-wrap items-center justify-between gap-3 px-5 pt-4 pb-3" }, T = { class: "text-base font-semibold" }, E = {
+	class: "text-muted-foreground flex items-center gap-3 px-2 pb-1.5 text-xs font-medium tracking-wide uppercase",
+	"aria-hidden": "true"
+}, D = { class: "min-w-0 flex-1 truncate" }, O = { class: "w-16 text-end" }, k = { class: "hidden w-20 text-end sm:block" }, A = {
+	key: 0,
+	class: "text-muted-foreground px-2 py-6 text-center text-sm"
+}, j = ["aria-label"], M = /*@__PURE__*/ _({
+	__name: "AnalyticsBreakdown",
+	props: { widget: {} },
+	setup(_) {
+		let M = _, N = t(), P = e(), F = y(c(M.widget)), I = u(() => M.widget.tabs.some((e) => e.key === F.value) ? F.value : c(M.widget));
+		function L(e) {
+			F.value = String(e);
+		}
+		return (e, t) => (v(), d(n, {
+			"data-slot": "analytics-breakdown",
+			class: "gap-0 overflow-hidden py-0"
+		}, {
+			default: C(() => [g(r, {
+				"model-value": I.value,
+				dir: S(P),
+				class: "gap-0",
+				"onUpdate:modelValue": L
+			}, {
+				default: C(() => [m("div", w, [m("h3", T, x(_.widget.heading), 1), _.widget.tabs.length > 1 ? (v(), d(a, {
+					key: 0,
+					"aria-label": S(N)("analytics.views", { panel: _.widget.heading }, ":panel views"),
+					class: "max-w-full overflow-x-auto"
+				}, {
+					default: C(() => [(v(!0), p(l, null, b(_.widget.tabs, (e) => (v(), d(o, {
+						key: e.key,
+						value: e.key,
+						class: "flex-none",
+						"data-filtered": e.filtered ? "true" : void 0
+					}, {
+						default: C(() => [h(x(e.label), 1)]),
+						_: 2
+					}, 1032, ["value", "data-filtered"]))), 128))]),
+					_: 1
+				}, 8, ["aria-label"])) : f("", !0)]), (v(!0), p(l, null, b(_.widget.tabs, (e) => (v(), d(i, {
+					key: e.key,
+					value: e.key,
+					class: "px-3 pb-4"
+				}, {
+					default: C(() => [m("div", E, [
+						m("span", D, x(e.columns[0]), 1),
+						m("span", O, x(e.columns[1]), 1),
+						m("span", k, x(e.columns[2]), 1)
+					]), e.rows.length === 0 ? (v(), p("p", A, x(_.widget.emptyLabel ?? S(N)("analytics.empty", {}, "No data for this period")), 1)) : (v(), p("ul", {
+						key: 1,
+						class: "flex flex-col gap-0.5",
+						"aria-label": e.label
+					}, [(v(!0), p(l, null, b(e.rows, (t) => (v(), p("li", { key: t.key }, [g(s, {
+						row: t,
+						columns: e.columns
+					}, null, 8, ["row", "columns"])]))), 128))], 8, j))]),
+					_: 2
+				}, 1032, ["value"]))), 128))]),
+				_: 1
+			}, 8, ["model-value", "dir"])]),
+			_: 1
+		}));
+	}
+});
+//#endregion
+export { M as default };
+
+//# sourceMappingURL=AnalyticsBreakdown.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/analytics/AnalyticsBreakdown.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnalyticsBreakdown.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","Card","_withCtx","_createVNode","Tabs","_unref","_createElementVNode","_toDisplayString","TabsList","_createElementBlock","_Fragment","_renderList","TabsTrigger","_createTextVNode","_createCommentVNode","TabsContent","AnalyticsBreakdownRow","Card_default","Tabs_default","TabsContent_default","TabsList_default","TabsTrigger_default","AnalyticsBreakdownRow_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","AnalyticsBreakdown_vue_vue_type_script_setup_true_lang_default","props","__props","t","useT","direction","useDirection","active","ref","analyticsInitialTab","current","computed","tab","select","value","openBlock","createBlock","withCtx","createVNode","unref","createElementVNode","toDisplayString","createElementBlock","Fragment","renderList","createTextVNode","createCommentVNode","row"],"sources":["../../../src/components/analytics/AnalyticsBreakdown.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { AnalyticsBreakdownWidgetSchema } from '@alfakit/core'\nimport { analyticsInitialTab } from '@alfakit/core'\nimport { computed, ref } from 'vue'\nimport { useDirection, useT } from '../../context'\nimport Card from '../ui/Card.vue'\nimport Tabs from '../ui/Tabs.vue'\nimport TabsContent from '../ui/TabsContent.vue'\nimport TabsList from '../ui/TabsList.vue'\nimport TabsTrigger from '../ui/TabsTrigger.vue'\nimport AnalyticsBreakdownRow from './AnalyticsBreakdownRow.vue'\n\n/**\n * An analytics top list (`analytics:breakdown`): a tab per dimension, each row a bar that\n * links to the dashboard filtered by it. Every number arrives formatted by the server.\n */\nconst props = defineProps<{ widget: AnalyticsBreakdownWidgetSchema }>()\n\nconst t = useT()\nconst direction = useDirection()\nconst active = ref(analyticsInitialTab(props.widget))\nconst current = computed(() =>\n  props.widget.tabs.some((tab) => tab.key === active.value)\n    ? active.value\n    : analyticsInitialTab(props.widget),\n)\n\nfunction select(value: string | number) {\n  active.value = String(value)\n}\n</script>\n\n<template>\n  <Card data-slot=\"analytics-breakdown\" class=\"gap-0 overflow-hidden py-0\">\n    <Tabs :model-value=\"current\" :dir=\"direction\" class=\"gap-0\" @update:model-value=\"select\">\n      <div class=\"flex flex-wrap items-center justify-between gap-3 px-5 pt-4 pb-3\">\n        <h3 class=\"text-base font-semibold\">{{ widget.heading }}</h3>\n        <TabsList\n          v-if=\"widget.tabs.length > 1\"\n          :aria-label=\"t('analytics.views', { panel: widget.heading }, ':panel views')\"\n          class=\"max-w-full overflow-x-auto\"\n        >\n          <TabsTrigger\n            v-for=\"tab in widget.tabs\"\n            :key=\"tab.key\"\n            :value=\"tab.key\"\n            class=\"flex-none\"\n            :data-filtered=\"tab.filtered ? 'true' : undefined\"\n          >\n            {{ tab.label }}\n          </TabsTrigger>\n        </TabsList>\n      </div>\n      <TabsContent v-for=\"tab in widget.tabs\" :key=\"tab.key\" :value=\"tab.key\" class=\"px-3 pb-4\">\n        <div\n          class=\"text-muted-foreground flex items-center gap-3 px-2 pb-1.5 text-xs font-medium tracking-wide uppercase\"\n          aria-hidden=\"true\"\n        >\n          <span class=\"min-w-0 flex-1 truncate\">{{ tab.columns[0] }}</span>\n          <span class=\"w-16 text-end\">{{ tab.columns[1] }}</span>\n          <span class=\"hidden w-20 text-end sm:block\">{{ tab.columns[2] }}</span>\n        </div>\n        <p v-if=\"tab.rows.length === 0\" class=\"text-muted-foreground px-2 py-6 text-center text-sm\">\n          {{ widget.emptyLabel ?? t('analytics.empty', {}, 'No data for this period') }}\n        </p>\n        <ul v-else class=\"flex flex-col gap-0.5\" :aria-label=\"tab.label\">\n          <li v-for=\"row in tab.rows\" :key=\"row.key\">\n            <AnalyticsBreakdownRow :row=\"row\" :columns=\"tab.columns\" />\n          </li>\n        </ul>\n      </TabsContent>\n    </Tabs>\n  </Card>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;EAgBA,IAAMiC,IAAQC,GAERC,IAAIC,EAAK,GACTC,IAAYC,EAAa,GACzBC,IAASC,EAAIC,EAAoBR,EAAM,MAAM,CAAC,GAC9CS,IAAUC,QACdV,EAAM,OAAO,KAAK,MAAM,MAAQW,EAAI,QAAQL,EAAO,KAAK,IACpDA,EAAO,QACPE,EAAoBR,EAAM,MAAM,CACtC;EAEA,SAASY,EAAO,GAAwB;GACtC,EAAO,QAAQ,OAAOC,CAAK;EAC7B;oBAIE9C,EAAA,GAAAC,EAuCOC,GAAA;GAvCD,aAAU;GAAsB,OAAM;;GAC1C,SAAAC,QAqCO,CArCPC,EAqCOC,GAAA;IArCA,eAAaqC,EAAA;IAAU,KAAKpC,EAAA+B,CAAA;IAAW,OAAM;IAAS,uBAAoBQ;;IAC/E,SAAA1C,QAiBM,CAjBNI,EAiBM,OAjBNiB,GAiBM,CAhBJjB,EAA6D,MAA7DkB,GAA6DjB,EAAtB0B,EAAA,OAAO,OAAO,GAAA,CAAA,GAE7CA,EAAA,OAAO,KAAK,SAAM,KAD1BlC,EAAA,GAAAC,EAcWQ,GAAA;;KAZR,cAAYH,EAAA6B,CAAA,CAAC,CAAA,mBAAA,EAAA,OAA6BD,EAAA,OAAO,QAAO,GAAA,cAAA;KACzD,OAAM;;KAGJ,SAAA/B,QAA0B,EAD5BH,EAAA,EAAA,GAAAU,EAQcC,GAAA,MAAAC,EAPEsB,EAAA,OAAO,OAAd,OADTlC,EAAA,GAAAC,EAQcY,GAAA;MANX,KAAK+B,EAAI;MACT,OAAOA,EAAI;MACZ,OAAM;MACL,iBAAeA,EAAI,WAAQ,SAAY,KAAA;;MAExC,SAAAzC,QAAe,CAAZW,EAAAN,EAAAoC,EAAI,KAAK,GAAA,CAAA,CAAA,CAAA;;;;IAIlB5C,GAAAA,GAAAA,CAAAA,YAAAA,CAAAA,KAAAA,EAAAA,IAAAA,EAAAA,CAAAA,CAAAA,IAAAA,EAAA,EAAA,GAAAU,EAiBcC,GAAA,MAAAC,EAjBasB,EAAA,OAAO,OAAd,OAApBlC,EAAA,GAAAC,EAiBce,GAAA;KAjB2B,KAAK4B,EAAI;KAAM,OAAOA,EAAI;KAAK,OAAM;;KAC5E,SAAAzC,QAOM,CAPNI,EAOM,OAPNmB,GAOM;MAHJnB,EAAiE,QAAjEoB,GAAiEnB,EAAxBoC,EAAI,QAAO,EAAA,GAAA,CAAA;MACpDrC,EAAuD,QAAvDqB,GAAuDpB,EAAxBoC,EAAI,QAAO,EAAA,GAAA,CAAA;MAC1CrC,EAAuE,QAAvEsB,GAAuErB,EAAxBoC,EAAI,QAAO,EAAA,GAAA,CAAA;KAEnD,CAAA,GAAAA,EAAI,KAAK,WAAM,KAAxB5C,EAAA,GAAAU,EAEI,KAFJoB,GAEItB,EADC0B,EAAA,OAAO,cAAc5B,EAAA6B,CAAA,CAAC,CAAA,mBAAA,CAAA,GAAA,yBAAA,CAAA,GAAA,CAAA,MAE3BnC,EAAA,GAAAU,EAIK,MAAA;;MAJM,OAAM;MAAyB,cAAYkC,EAAI;KACxD5C,GAAAA,EAAAA,EAAA,EAAA,GAAAU,EAEKC,GAAA,MAAAC,EAFagC,EAAI,OAAX,OAAX5C,EAAA,GAAAU,EAEK,MAAA,EAFwB,KAAKiD,EAAI,IAAA,GAAA,CACpCvD,EAA2Da,GAAA;MAA9B;MAAM,SAAS2B,EAAI"}

package/dist/components/analytics/AnalyticsBreakdownRow.js

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

package/dist/components/analytics/AnalyticsBreakdownRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnalyticsBreakdownRow.js","names":["_sfc_main","AnalyticsBreakdownRow_vue_vue_type_script_setup_true_lang_default","AnalyticsBreakdownRow_default"],"sources":["../../../src/components/analytics/AnalyticsBreakdownRow.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { AnalyticsBreakdownRowSchema } from '@alfakit/core'\nimport { analyticsChangeColor } from '@alfakit/core'\nimport { Link } from '@inertiajs/vue3'\nimport { computed } from 'vue'\nimport { useT } from '../../context'\nimport { textColorClasses } from '../../lib/colors'\nimport { Icon } from '../../lib/icons'\nimport { cn } from '../../lib/utils'\n\nconst props = defineProps<{ row: AnalyticsBreakdownRowSchema; columns: string[] }>()\n\nconst t = useT()\nconst changeColor = computed(() => analyticsChangeColor(props.row.change))\n// Links announce what they do; the visible label is then hidden from screen readers.\nconst linkLabel = computed(() =>\n  props.row.url\n    ? props.row.active\n      ? t('analytics.remove_filter', { label: props.row.label }, 'Remove filter :label')\n      : t('analytics.filter_by', { label: props.row.label }, 'Filter by :label')\n    : null,\n)\nconst rowClass = computed(() =>\n  cn(\n    'group relative flex min-h-9 items-center gap-3 rounded-md px-2 py-1.5 text-sm',\n    props.row.active && 'font-medium',\n    props.row.url && 'focus-visible:ring-ring/50 outline-none focus-visible:ring-[3px]',\n  ),\n)\nconst width = computed(() => `${Math.max(0, Math.min(1, props.row.bar)) * 100}%`)\n</script>\n\n<template>\n  <component\n    :is=\"row.url ? Link : 'div'\"\n    v-bind=\"row.url ? { href: row.url, preserveScroll: true } : {}\"\n    data-slot=\"analytics-row\"\n    :aria-current=\"row.active && row.url ? 'true' : undefined\"\n    :class=\"rowClass\"\n  >\n    <span\n      aria-hidden=\"true\"\n      :class=\"\n        cn(\n          'pointer-events-none absolute inset-y-0 start-0 rounded-md transition-colors',\n          row.active ? 'bg-primary/20' : 'bg-primary/10 group-hover:bg-primary/15',\n        )\n      \"\n      :style=\"{ width }\"\n    />\n    <span class=\"relative flex min-w-0 flex-1 items-center gap-2\">\n      <span v-if=\"row.flag\" aria-hidden=\"true\">{{ row.flag }}</span>\n      <span v-if=\"linkLabel\" class=\"sr-only\">{{ linkLabel }}</span>\n      <span class=\"truncate\" :title=\"row.label\" :aria-hidden=\"linkLabel ? 'true' : undefined\">{{\n        row.label\n      }}</span>\n      <Icon v-if=\"row.active\" name=\"x\" class=\"text-muted-foreground size-3.5 shrink-0\" />\n    </span>\n    <span class=\"relative flex w-16 flex-col items-end tabular-nums\">\n      <span class=\"sr-only\">{{ columns[1] }}: </span>\n      <span class=\"font-medium\">{{ row.display[0] }}</span>\n      <span\n        v-if=\"row.changeDisplay\"\n        :class=\"\n          cn(\n            'text-[11px] leading-none',\n            changeColor ? textColorClasses[changeColor] : 'text-muted-foreground',\n          )\n        \"\n      >\n        {{ row.changeDisplay }}\n      </span>\n    </span>\n    <span class=\"text-muted-foreground relative hidden w-20 text-end tabular-nums sm:block\">\n      <span class=\"sr-only\">{{ columns[2] }}: </span>\n      {{ row.display[1] }}\n    </span>\n  </component>\n</template>\n"],"mappings":""}

package/dist/components/analytics/AnalyticsBreakdownRow.vue.d.ts

@@ -0,0 +1,8 @@
+import type { AnalyticsBreakdownRowSchema } from '@alfakit/core';
+type __VLS_Props = {
+    row: AnalyticsBreakdownRowSchema;
+    columns: string[];
+};
+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=AnalyticsBreakdownRow.vue.d.ts.map

package/dist/components/analytics/AnalyticsBreakdownRow.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnalyticsBreakdownRow.vue.d.ts","sourceRoot":"","sources":["../../../src/components/analytics/AnalyticsBreakdownRow.vue"],"names":[],"mappings":"AAiFA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,eAAe,CAAA;AAShE,KAAK,WAAW,GAAG;IAAE,GAAG,EAAE,2BAA2B,CAAC;IAAC,OAAO,EAAE,MAAM,EAAE,CAAA;CAAE,CAAC;;AAiL3E,wBAMG"}

package/dist/components/analytics/AnalyticsBreakdownRow.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,68 @@
+import { useT as e } from "../../context.js";
+import { cn as t } from "../../lib/utils.js";
+import { textColorClasses as n } from "../../lib/colors.js";
+import r from "../../lib/Icon.js";
+import { analyticsChangeColor as i } from "@alfakit/core";
+import { Link as a } from "@inertiajs/vue3";
+import { computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, defineComponent as f, mergeProps as p, normalizeClass as m, normalizeStyle as h, openBlock as g, resolveDynamicComponent as _, toDisplayString as v, unref as y, withCtx as b } from "vue";
+//#region src/components/analytics/AnalyticsBreakdownRow.vue?vue&type=script&setup=true&lang.ts
+var x = { class: "relative flex min-w-0 flex-1 items-center gap-2" }, S = {
+	key: 0,
+	"aria-hidden": "true"
+}, C = {
+	key: 1,
+	class: "sr-only"
+}, w = ["title", "aria-hidden"], T = { class: "relative flex w-16 flex-col items-end tabular-nums" }, E = { class: "sr-only" }, D = { class: "font-medium" }, O = { class: "text-muted-foreground relative hidden w-20 text-end tabular-nums sm:block" }, k = { class: "sr-only" }, A = /*@__PURE__*/ f({
+	__name: "AnalyticsBreakdownRow",
+	props: {
+		row: {},
+		columns: {}
+	},
+	setup(f) {
+		let A = f, j = e(), M = o(() => i(A.row.change)), N = o(() => A.row.url ? A.row.active ? j("analytics.remove_filter", { label: A.row.label }, "Remove filter :label") : j("analytics.filter_by", { label: A.row.label }, "Filter by :label") : null), P = o(() => t("group relative flex min-h-9 items-center gap-3 rounded-md px-2 py-1.5 text-sm", A.row.active && "font-medium", A.row.url && "focus-visible:ring-ring/50 outline-none focus-visible:ring-[3px]")), F = o(() => `${Math.max(0, Math.min(1, A.row.bar)) * 100}%`);
+		return (e, i) => (g(), s(_(f.row.url ? y(a) : "div"), p(f.row.url ? {
+			href: f.row.url,
+			preserveScroll: !0
+		} : {}, {
+			"data-slot": "analytics-row",
+			"aria-current": f.row.active && f.row.url ? "true" : void 0,
+			class: P.value
+		}), {
+			default: b(() => [
+				u("span", {
+					"aria-hidden": "true",
+					class: m(y(t)("pointer-events-none absolute inset-y-0 start-0 rounded-md transition-colors", f.row.active ? "bg-primary/20" : "bg-primary/10 group-hover:bg-primary/15")),
+					style: h({ width: F.value })
+				}, null, 6),
+				u("span", x, [
+					f.row.flag ? (g(), l("span", S, v(f.row.flag), 1)) : c("", !0),
+					N.value ? (g(), l("span", C, v(N.value), 1)) : c("", !0),
+					u("span", {
+						class: "truncate",
+						title: f.row.label,
+						"aria-hidden": N.value ? "true" : void 0
+					}, v(f.row.label), 9, w),
+					f.row.active ? (g(), s(y(r), {
+						key: 2,
+						name: "x",
+						class: "text-muted-foreground size-3.5 shrink-0"
+					})) : c("", !0)
+				]),
+				u("span", T, [
+					u("span", E, v(f.columns[1]) + ": ", 1),
+					u("span", D, v(f.row.display[0]), 1),
+					f.row.changeDisplay ? (g(), l("span", {
+						key: 0,
+						class: m(y(t)("text-[11px] leading-none", M.value ? y(n)[M.value] : "text-muted-foreground"))
+					}, v(f.row.changeDisplay), 3)) : c("", !0)
+				]),
+				u("span", O, [u("span", k, v(f.columns[2]) + ": ", 1), d(" " + v(f.row.display[1]), 1)])
+			]),
+			_: 1
+		}, 16, ["aria-current", "class"]));
+	}
+});
+//#endregion
+export { A as default };
+
+//# sourceMappingURL=AnalyticsBreakdownRow.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/analytics/AnalyticsBreakdownRow.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnalyticsBreakdownRow.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","_resolveDynamicComponent","_unref","_mergeProps","_withCtx","_createElementVNode","_normalizeClass","_normalizeStyle","_createElementBlock","_toDisplayString","_createCommentVNode","Icon","_createTextVNode","Icon_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","AnalyticsBreakdownRow_vue_vue_type_script_setup_true_lang_default","props","__props","t","useT","changeColor","computed","analyticsChangeColor","linkLabel","rowClass","cn","width","openBlock","createBlock","resolveDynamicComponent","unref","Link","mergeProps","withCtx","createElementVNode","normalizeClass","normalizeStyle","createElementBlock","toDisplayString","createCommentVNode","textColorClasses","createTextVNode"],"sources":["../../../src/components/analytics/AnalyticsBreakdownRow.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { AnalyticsBreakdownRowSchema } from '@alfakit/core'\nimport { analyticsChangeColor } from '@alfakit/core'\nimport { Link } from '@inertiajs/vue3'\nimport { computed } from 'vue'\nimport { useT } from '../../context'\nimport { textColorClasses } from '../../lib/colors'\nimport { Icon } from '../../lib/icons'\nimport { cn } from '../../lib/utils'\n\nconst props = defineProps<{ row: AnalyticsBreakdownRowSchema; columns: string[] }>()\n\nconst t = useT()\nconst changeColor = computed(() => analyticsChangeColor(props.row.change))\n// Links announce what they do; the visible label is then hidden from screen readers.\nconst linkLabel = computed(() =>\n  props.row.url\n    ? props.row.active\n      ? t('analytics.remove_filter', { label: props.row.label }, 'Remove filter :label')\n      : t('analytics.filter_by', { label: props.row.label }, 'Filter by :label')\n    : null,\n)\nconst rowClass = computed(() =>\n  cn(\n    'group relative flex min-h-9 items-center gap-3 rounded-md px-2 py-1.5 text-sm',\n    props.row.active && 'font-medium',\n    props.row.url && 'focus-visible:ring-ring/50 outline-none focus-visible:ring-[3px]',\n  ),\n)\nconst width = computed(() => `${Math.max(0, Math.min(1, props.row.bar)) * 100}%`)\n</script>\n\n<template>\n  <component\n    :is=\"row.url ? Link : 'div'\"\n    v-bind=\"row.url ? { href: row.url, preserveScroll: true } : {}\"\n    data-slot=\"analytics-row\"\n    :aria-current=\"row.active && row.url ? 'true' : undefined\"\n    :class=\"rowClass\"\n  >\n    <span\n      aria-hidden=\"true\"\n      :class=\"\n        cn(\n          'pointer-events-none absolute inset-y-0 start-0 rounded-md transition-colors',\n          row.active ? 'bg-primary/20' : 'bg-primary/10 group-hover:bg-primary/15',\n        )\n      \"\n      :style=\"{ width }\"\n    />\n    <span class=\"relative flex min-w-0 flex-1 items-center gap-2\">\n      <span v-if=\"row.flag\" aria-hidden=\"true\">{{ row.flag }}</span>\n      <span v-if=\"linkLabel\" class=\"sr-only\">{{ linkLabel }}</span>\n      <span class=\"truncate\" :title=\"row.label\" :aria-hidden=\"linkLabel ? 'true' : undefined\">{{\n        row.label\n      }}</span>\n      <Icon v-if=\"row.active\" name=\"x\" class=\"text-muted-foreground size-3.5 shrink-0\" />\n    </span>\n    <span class=\"relative flex w-16 flex-col items-end tabular-nums\">\n      <span class=\"sr-only\">{{ columns[1] }}: </span>\n      <span class=\"font-medium\">{{ row.display[0] }}</span>\n      <span\n        v-if=\"row.changeDisplay\"\n        :class=\"\n          cn(\n            'text-[11px] leading-none',\n            changeColor ? textColorClasses[changeColor] : 'text-muted-foreground',\n          )\n        \"\n      >\n        {{ row.changeDisplay }}\n      </span>\n    </span>\n    <span class=\"text-muted-foreground relative hidden w-20 text-end tabular-nums sm:block\">\n      <span class=\"sr-only\">{{ columns[2] }}: </span>\n      {{ row.display[1] }}\n    </span>\n  </component>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;EAUA,IAAMyB,IAAQC,GAERC,IAAIC,EAAK,GACTC,IAAcC,QAAeC,EAAqBN,EAAM,IAAI,MAAM,CAAC,GAEnEO,IAAYF,QAChBL,EAAM,IAAI,MACNA,EAAM,IAAI,SACRE,EAAE,2BAA2B,EAAE,OAAOF,EAAM,IAAI,MAAM,GAAG,sBAAsB,IAC/EE,EAAE,uBAAuB,EAAE,OAAOF,EAAM,IAAI,MAAM,GAAG,kBAAkB,IACzE,IACN,GACMQ,IAAWH,QACfI,EACE,iFACAT,EAAM,IAAI,UAAU,eACpBA,EAAM,IAAI,OAAO,kEACnB,CACF,GACMU,IAAQL,QAAe,GAAG,KAAK,IAAI,GAAG,KAAK,IAAI,GAAGL,EAAM,IAAI,GAAG,CAAC,IAAI,IAAI,EAAE;oBAI9EzB,EAAA,GAAAC,EA4CYC,EA3CLwB,EAAA,IAAI,MAAMvB,EAAAqC,CAAA,IAAI,KAAA,GADrBpC,EAEUsB,EA0CE,IA1CE,MAAG;GAAA,MAAWA,EAAA,IAAI;GAAG,gBAAA;EAAA,IAAA,CAAA,GAAA;GACjC,aAAU;GACT,gBAAcA,EAAA,IAAI,UAAUA,EAAA,IAAI,MAAG,SAAY,KAAA;GAC/C,OAAOO,EAAA;;GAER,SAAA5B,QASE;IATFC,EASE,QAAA;KARA,eAAY;KACX,OAAKC,EAAWJ,EAAA+B,CAAA,CAAE,CAAA,+EAAqGR,EAAA,IAAI,SAAM,kBAAA,yCAAA,CAAA;KAMjI,OAAKlB,EAAA,EAAA,OAAI2B,EAAA,MAAK,CAAA;;IAEjB7B,EAOO,QAPPS,GAOO;KANOW,EAAA,IAAI,QAAhB1B,EAAA,GAAAS,EAA8D,QAA9DO,GAA8DN,EAAlBgB,EAAA,IAAI,IAAI,GAAA,CAAA,KAAAsB,EAAA,IAAA,EAAA;KACxChB,EAAA,SAAZhC,EAAA,GAAAS,EAA6D,QAA7DQ,GAA6DP,EAAnBsB,EAAA,KAAS,GAAA,CAAA,KAAAgB,EAAA,IAAA,EAAA;KACnD1C,EAES,QAAA;MAFH,OAAM;MAAY,OAAOoB,EAAA,IAAI;MAAQ,eAAaM,EAAA,QAAS,SAAY,KAAA;KAC3E,GAAAtB,EAAAgB,EAAA,IAAI,KAAK,GAAA,GAAAR,CAAA;KAECQ,EAAA,IAAI,UAAhB1B,EAAA,GAAAC,EAAmFE,EAAAS,CAAA,GAAA;;MAA3D,MAAK;MAAI,OAAM;;;IAEzCN,EAcO,QAdPa,GAcO;KAbLb,EAA+C,QAA/Cc,GAA+CV,EAAtBgB,EAAA,QAAO,EAAA,IAAM,MAAE,CAAA;KACxCpB,EAAqD,QAArDe,GAAqDX,EAAxBgB,EAAA,IAAI,QAAO,EAAA,GAAA,CAAA;KAEhCA,EAAA,IAAI,iBADZ1B,EAAA,GAAAS,EAUO,QAAA;;MARJ,OAAKF,EAAaJ,EAAA+B,CAAA,CAAE,CAAA,4BAAsDL,EAAA,QAAc1B,EAAA8C,CAAA,CAAgB,CAACpB,EAAA,SAAW,uBAAA,CAAA;KAOlH,GAAAnB,EAAAgB,EAAA,IAAI,aAAa,GAAA,CAAA,KAAAsB,EAAA,IAAA,EAAA;;IAGxB1C,EAGO,QAHPgB,GAGO,CAFLhB,EAA+C,QAA/CiB,GAA+Cb,EAAtBgB,EAAA,QAAO,EAAA,IAAM,MAAE,CAAA,GAAOb,EAAA,MAC/CH,EAAGgB,EAAA,IAAI,QAAO,EAAA,GAAA,CAAA,CAAA,CAAA"}

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

@@ -0,0 +1,3 @@
+export { default as AlfakitAnalytics } from './AlfakitAnalytics.vue';
+export { default as AnalyticsBreakdown } from './AnalyticsBreakdown.vue';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/analytics/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,wBAAwB,CAAA;AACpE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,0BAA0B,CAAA"}

package/dist/components/cms/AdminBar.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"AdminBar.js","names":["_sfc_main","AdminBar_vue_vue_type_script_setup_true_lang_default","AdminBar_default"],"sources":["../../../src/components/cms/AdminBar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { CmsAdminBarSchema } from '@alfakit/core'\nimport { ChevronDownIcon, EyeIcon, LayoutDashboardIcon, PencilIcon } from '@lucide/vue'\nimport { ref } from 'vue'\nimport Button from '../ui/Button.vue'\nimport { useCmsT } from './context'\n\n/**\n * The floating admin bar of public pages (`CmsPlugin::adminBar()`), for signed-in users\n * who can edit the page: Edit, View draft and Back to dashboard. It can be collapsed.\n */\nconst props = defineProps<{ admin: CmsAdminBarSchema }>()\n\nconst t = useCmsT()\nconst collapsed = ref(false)\n</script>\n\n<template>\n  <aside\n    :aria-label=\"t('cms.admin_bar', {}, 'Site editing')\"\n    data-slot=\"cms-admin-bar\"\n    class=\"bg-popover text-popover-foreground fixed end-4 bottom-4 z-50 flex max-w-[calc(100vw-2rem)] flex-wrap items-center gap-1 rounded-xl border p-1.5 shadow-lg\"\n  >\n    <template v-if=\"!collapsed\">\n      <Button as-child size=\"sm\">\n        <a :href=\"props.admin.editUrl\"\n          ><PencilIcon aria-hidden=\"true\" />{{ t('cms.edit_page', {}, 'Edit this page') }}</a\n        >\n      </Button>\n      <Button v-if=\"props.admin.draftUrl\" as-child size=\"sm\" variant=\"ghost\">\n        <a :href=\"props.admin.draftUrl\"\n          ><EyeIcon aria-hidden=\"true\" />{{ t('cms.view_draft', {}, 'View draft') }}</a\n        >\n      </Button>\n      <Button as-child size=\"sm\" variant=\"ghost\">\n        <a :href=\"props.admin.dashboardUrl\"\n          ><LayoutDashboardIcon class=\"rtl:-scale-x-100\" aria-hidden=\"true\" />{{\n            t('cms.dashboard', {}, 'Back to dashboard')\n          }}</a\n        >\n      </Button>\n      <span v-if=\"props.admin.hasChanges\" class=\"text-muted-foreground px-2 text-xs\">{{\n        t('cms.changes_pending', {}, \"This page has changes that aren't published yet.\")\n      }}</span>\n    </template>\n    <Button\n      type=\"button\"\n      size=\"icon-sm\"\n      variant=\"ghost\"\n      :aria-expanded=\"!collapsed\"\n      @click=\"collapsed = !collapsed\"\n    >\n      <PencilIcon v-if=\"collapsed\" aria-hidden=\"true\" />\n      <ChevronDownIcon v-else aria-hidden=\"true\" />\n      <span class=\"sr-only\">{{\n        collapsed\n          ? t('cms.show_admin_bar', {}, 'Show editing bar')\n          : t('cms.hide_admin_bar', {}, 'Hide editing bar')\n      }}</span>\n    </Button>\n  </aside>\n</template>\n"],"mappings":""}

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

@@ -0,0 +1,11 @@
+import type { CmsAdminBarSchema } from '@alfakit/core';
+/**
+ * The floating admin bar of public pages (`CmsPlugin::adminBar()`), for signed-in users
+ * who can edit the page: Edit, View draft and Back to dashboard. It can be collapsed.
+ */
+type __VLS_Props = {
+    admin: CmsAdminBarSchema;
+};
+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=AdminBar.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AdminBar.vue.d.ts","sourceRoot":"","sources":["../../../src/components/cms/AdminBar.vue"],"names":[],"mappings":"AAgEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAMtD;;;GAGG;AACH,KAAK,WAAW,GAAG;IAAE,KAAK,EAAE,iBAAiB,CAAA;CAAE,CAAC;;AAuNhD,wBAMG"}

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

@@ -0,0 +1,68 @@
+import e from "../ui/Button2.js";
+import { useCmsT as t } from "./context.js";
+import { Fragment as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, createVNode as c, defineComponent as l, openBlock as u, ref as d, toDisplayString as f, unref as p, withCtx as m } from "vue";
+import { ChevronDownIcon as h, EyeIcon as g, LayoutDashboardIcon as _, PencilIcon as v } from "@lucide/vue";
+//#region src/components/cms/AdminBar.vue?vue&type=script&setup=true&lang.ts
+var y = ["aria-label"], b = ["href"], x = ["href"], S = ["href"], C = {
+	key: 1,
+	class: "text-muted-foreground px-2 text-xs"
+}, w = { class: "sr-only" }, T = /*@__PURE__*/ l({
+	__name: "AdminBar",
+	props: { admin: {} },
+	setup(l) {
+		let T = l, E = t(), D = d(!1);
+		return (t, l) => (u(), a("aside", {
+			"aria-label": p(E)("cms.admin_bar", {}, "Site editing"),
+			"data-slot": "cms-admin-bar",
+			class: "bg-popover text-popover-foreground fixed end-4 bottom-4 z-50 flex max-w-[calc(100vw-2rem)] flex-wrap items-center gap-1 rounded-xl border p-1.5 shadow-lg"
+		}, [D.value ? i("", !0) : (u(), a(n, { key: 0 }, [
+			c(e, {
+				"as-child": "",
+				size: "sm"
+			}, {
+				default: m(() => [o("a", { href: T.admin.editUrl }, [c(p(v), { "aria-hidden": "true" }), s(f(p(E)("cms.edit_page", {}, "Edit this page")), 1)], 8, b)]),
+				_: 1
+			}),
+			T.admin.draftUrl ? (u(), r(e, {
+				key: 0,
+				"as-child": "",
+				size: "sm",
+				variant: "ghost"
+			}, {
+				default: m(() => [o("a", { href: T.admin.draftUrl }, [c(p(g), { "aria-hidden": "true" }), s(f(p(E)("cms.view_draft", {}, "View draft")), 1)], 8, x)]),
+				_: 1
+			})) : i("", !0),
+			c(e, {
+				"as-child": "",
+				size: "sm",
+				variant: "ghost"
+			}, {
+				default: m(() => [o("a", { href: T.admin.dashboardUrl }, [c(p(_), {
+					class: "rtl:-scale-x-100",
+					"aria-hidden": "true"
+				}), s(f(p(E)("cms.dashboard", {}, "Back to dashboard")), 1)], 8, S)]),
+				_: 1
+			}),
+			T.admin.hasChanges ? (u(), a("span", C, f(p(E)("cms.changes_pending", {}, "This page has changes that aren't published yet.")), 1)) : i("", !0)
+		], 64)), c(e, {
+			type: "button",
+			size: "icon-sm",
+			variant: "ghost",
+			"aria-expanded": !D.value,
+			onClick: l[0] ||= (e) => D.value = !D.value
+		}, {
+			default: m(() => [D.value ? (u(), r(p(v), {
+				key: 0,
+				"aria-hidden": "true"
+			})) : (u(), r(p(h), {
+				key: 1,
+				"aria-hidden": "true"
+			})), o("span", w, f(D.value ? p(E)("cms.show_admin_bar", {}, "Show editing bar") : p(E)("cms.hide_admin_bar", {}, "Hide editing bar")), 1)]),
+			_: 1
+		}, 8, ["aria-expanded"])], 8, y));
+	}
+});
+//#endregion
+export { T as default };
+
+//# sourceMappingURL=AdminBar.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AdminBar.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_unref","_Fragment","_createVNode","Button","_withCtx","_createElementVNode","_createTextVNode","_toDisplayString","_createBlock","_createCommentVNode","Button_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","AdminBar_vue_vue_type_script_setup_true_lang_default","props","__props","t","useCmsT","collapsed","ref","openBlock","createElementBlock","unref","createCommentVNode","Fragment","createVNode","withCtx","createElementVNode","PencilIcon","createTextVNode","toDisplayString","createBlock","EyeIcon","LayoutDashboardIcon","_cache","ChevronDownIcon"],"sources":["../../../src/components/cms/AdminBar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { CmsAdminBarSchema } from '@alfakit/core'\nimport { ChevronDownIcon, EyeIcon, LayoutDashboardIcon, PencilIcon } from '@lucide/vue'\nimport { ref } from 'vue'\nimport Button from '../ui/Button.vue'\nimport { useCmsT } from './context'\n\n/**\n * The floating admin bar of public pages (`CmsPlugin::adminBar()`), for signed-in users\n * who can edit the page: Edit, View draft and Back to dashboard. It can be collapsed.\n */\nconst props = defineProps<{ admin: CmsAdminBarSchema }>()\n\nconst t = useCmsT()\nconst collapsed = ref(false)\n</script>\n\n<template>\n  <aside\n    :aria-label=\"t('cms.admin_bar', {}, 'Site editing')\"\n    data-slot=\"cms-admin-bar\"\n    class=\"bg-popover text-popover-foreground fixed end-4 bottom-4 z-50 flex max-w-[calc(100vw-2rem)] flex-wrap items-center gap-1 rounded-xl border p-1.5 shadow-lg\"\n  >\n    <template v-if=\"!collapsed\">\n      <Button as-child size=\"sm\">\n        <a :href=\"props.admin.editUrl\"\n          ><PencilIcon aria-hidden=\"true\" />{{ t('cms.edit_page', {}, 'Edit this page') }}</a\n        >\n      </Button>\n      <Button v-if=\"props.admin.draftUrl\" as-child size=\"sm\" variant=\"ghost\">\n        <a :href=\"props.admin.draftUrl\"\n          ><EyeIcon aria-hidden=\"true\" />{{ t('cms.view_draft', {}, 'View draft') }}</a\n        >\n      </Button>\n      <Button as-child size=\"sm\" variant=\"ghost\">\n        <a :href=\"props.admin.dashboardUrl\"\n          ><LayoutDashboardIcon class=\"rtl:-scale-x-100\" aria-hidden=\"true\" />{{\n            t('cms.dashboard', {}, 'Back to dashboard')\n          }}</a\n        >\n      </Button>\n      <span v-if=\"props.admin.hasChanges\" class=\"text-muted-foreground px-2 text-xs\">{{\n        t('cms.changes_pending', {}, \"This page has changes that aren't published yet.\")\n      }}</span>\n    </template>\n    <Button\n      type=\"button\"\n      size=\"icon-sm\"\n      variant=\"ghost\"\n      :aria-expanded=\"!collapsed\"\n      @click=\"collapsed = !collapsed\"\n    >\n      <PencilIcon v-if=\"collapsed\" aria-hidden=\"true\" />\n      <ChevronDownIcon v-else aria-hidden=\"true\" />\n      <span class=\"sr-only\">{{\n        collapsed\n          ? t('cms.show_admin_bar', {}, 'Show editing bar')\n          : t('cms.hide_admin_bar', {}, 'Hide editing bar')\n      }}</span>\n    </Button>\n  </aside>\n</template>\n"],"mappings":";;;;;;;;;;;;EAWA,IAAMoB,IAAQC,GAERC,IAAIC,EAAQ,GACZC,IAAYC,EAAI,EAAK;oBAIzBzB,EAAA,GAAAC,EA0CQ,SAAA;GAzCL,cAAYC,EAAAoB,CAAA,CAAC,CAAA,iBAAA,CAAA,GAAA,cAAA;GACd,aAAU;GACV,OAAM;EAEW,GAAA,CAAAE,EAAA,QAsBjBpB,EAAAA,IAAAA,EAAAA,KAtBAJ,EAAA,GAAAC,EAqBWE,GAAA,EAAA,KAAA,EAAA,GAAA;GApBTC,EAISC,GAAA;IAJD,YAAA;IAAS,MAAK;;IACpB,SAAAC,QAEC,CAFDC,EAEC,KAAA,EAFG,MAAMa,EAAM,MAAM,QAAA,GAAA,CACnBhB,EAAiCF,EAAAgC,CAAA,GAAA,EAArB,eAAY,OAAM,CAAA,GAAM1B,EAAAC,EAAAP,EAAAoB,CAAA,CAAC,CAAA,iBAAA,CAAA,GAAA,gBAAA,CAAA,GAAA,CAAA,CAAA,GAAA,GAAAR,CAAA,CAAA,CAAA;;;GAG5BM,EAAM,MAAM,YAA1BpB,EAAA,GAAAU,EAISL,GAAA;;IAJ2B,YAAA;IAAS,MAAK;IAAK,SAAQ;;IAC7D,SAAAC,QAEC,CAFDC,EAEC,KAAA,EAFG,MAAMa,EAAM,MAAM,SAAA,GAAA,CACnBhB,EAA8BF,EAAAoC,CAAA,GAAA,EAArB,eAAY,OAAM,CAAA,GAAM9B,EAAAC,EAAAP,EAAAoB,CAAA,CAAC,CAAA,kBAAA,CAAA,GAAA,YAAA,CAAA,GAAA,CAAA,CAAA,GAAA,GAAAP,CAAA,CAAA,CAAA;;;GAGvCX,EAMSC,GAAA;IAND,YAAA;IAAS,MAAK;IAAK,SAAQ;;IACjC,SAAAC,QAIC,CAJDC,EAIC,KAAA,EAJG,MAAMa,EAAM,MAAM,aAAA,GAAA,CACnBhB,EAAmEF,EAAAqC,CAAA,GAAA;KAA9C,OAAM;KAAmB,eAAY;IACzD/B,CAAAA,GAAAA,EAAAC,EAAAP,EAAAoB,CAAA,CAAC,CAAA,iBAAA,CAAA,GAAA,mBAAA,CAAA,GAAA,CAAA,CAAA,GAAA,GAAAN,CAAA,CAAA,CAAA;;;GAIKI,EAAM,MAAM,cAAxBpB,EAAA,GAAAC,EAES,QAFTgB,GAESR,EADPP,EAAAoB,CAAA,CAAC,CAAA,uBAAA,CAAA,GAAA,kDAAA,CAAA,GAAA,CAAA,KAAAO,EAAA,IAAA,EAAA;EAGLzB,GAAAA,EAAAA,IAAAA,EAcSC,GAAA;GAbP,MAAK;GACL,MAAK;GACL,SAAQ;GACP,iBAAa,CAAGmB,EAAA;GAChB,SAAK,AAAAgB,EAAA,QAAA,MAAE,EAAA,QAAS,CAAIhB,EAAA;;GAErB,SAAAlB,QAAkD,CAAhCkB,EAAA,SAAlBxB,EAAA,GAAAU,EAAkDR,EAAAgC,CAAA,GAAA;;IAArB,eAAY;GACzClC,CAAAA,MAAAA,EAAA,GAAAU,EAA6CR,EAAAuC,CAAA,GAAA;;IAArB,eAAY;GACpClC,CAAAA,IAAAA,EAIS,QAJTW,GAIST,EAHPe,EAAA,QAAsBtB,EAAAoB,CAAA,CAAC,CAAA,sBAAA,CAAA,GAAA,kBAAA,IAA2DpB,EAAAoB,CAAA,CAAC,CAAA,sBAAA,CAAA,GAAA,kBAAA,CAAA,GAAA,CAAA,CAAA,CAAA"}

package/dist/components/cms/CallToActionBlock.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"CallToActionBlock.js","names":["_sfc_main","CallToActionBlock_vue_vue_type_script_setup_true_lang_default","CallToActionBlock_default"],"sources":["../../../src/components/cms/CallToActionBlock.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { CmsBlockSchema, CmsCallToActionBlockData } from '@alfakit/core'\nimport { computed } from 'vue'\nimport { cn } from '../../lib/utils'\nimport CmsLinkButton from './CmsLinkButton.vue'\nimport { useSectionClass } from './context'\n\nconst props = defineProps<{\n  block: CmsBlockSchema<CmsCallToActionBlockData>\n  data: CmsCallToActionBlockData\n}>()\n\nconst sectionClass = useSectionClass()\nconst primary = computed(() => props.data.tone === 'primary')\n</script>\n\n<template>\n  <section data-slot=\"cms-call-to-action\" :class=\"sectionClass\">\n    <div\n      :class=\"\n        cn(\n          'mx-auto flex max-w-5xl flex-col items-center gap-5 rounded-2xl px-6 py-12 text-center sm:px-12',\n          primary && 'bg-primary text-primary-foreground',\n          props.data.tone === 'muted' && 'bg-muted',\n          props.data.tone === 'default' && 'border',\n        )\n      \"\n    >\n      <h2 class=\"text-3xl font-semibold tracking-tight text-balance\">{{ props.data.heading }}</h2>\n      <p\n        v-if=\"props.data.body\"\n        :class=\"\n          cn(\n            'max-w-2xl text-lg text-pretty',\n            primary ? 'text-primary-foreground/85' : 'text-muted-foreground',\n          )\n        \"\n      >\n        {{ props.data.body }}\n      </p>\n      <div\n        v-if=\"props.data.primaryAction || props.data.secondaryAction\"\n        class=\"flex flex-wrap justify-center gap-3 pt-2\"\n      >\n        <CmsLinkButton\n          :link=\"props.data.primaryAction\"\n          :variant=\"primary ? 'secondary' : 'default'\"\n        />\n        <CmsLinkButton\n          :link=\"props.data.secondaryAction\"\n          variant=\"outline\"\n          :class=\"\n            primary\n              ? 'text-primary-foreground border-primary-foreground/40 hover:bg-primary-foreground/10 bg-transparent'\n              : undefined\n          \"\n        />\n      </div>\n    </div>\n  </section>\n</template>\n"],"mappings":""}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"CallToActionBlock.vue.d.ts","sourceRoot":"","sources":["../../../src/components/cms/CallToActionBlock.vue"],"names":[],"mappings":"AA+DA,OAAO,KAAK,EAAE,cAAc,EAAE,wBAAwB,EAAE,MAAM,eAAe,CAAA;AAM7E,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,cAAc,CAAC,wBAAwB,CAAC,CAAA;IAC/C,IAAI,EAAE,wBAAwB,CAAA;CAC/B,CAAC;;AA8GF,wBAMG"}

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

@@ -0,0 +1,40 @@
+import { cn as e } from "../../lib/utils.js";
+import { useSectionClass as t } from "./context.js";
+import n from "./CmsLinkButton.js";
+import { computed as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createVNode as s, defineComponent as c, normalizeClass as l, openBlock as u, toDisplayString as d, unref as f } from "vue";
+//#region src/components/cms/CallToActionBlock.vue?vue&type=script&setup=true&lang.ts
+var p = { class: "text-3xl font-semibold tracking-tight text-balance" }, m = {
+	key: 1,
+	class: "flex flex-wrap justify-center gap-3 pt-2"
+}, h = /*@__PURE__*/ c({
+	__name: "CallToActionBlock",
+	props: {
+		block: {},
+		data: {}
+	},
+	setup(c) {
+		let h = c, g = t(), _ = r(() => h.data.tone === "primary");
+		return (t, r) => (u(), a("section", {
+			"data-slot": "cms-call-to-action",
+			class: l(f(g))
+		}, [o("div", { class: l(f(e)("mx-auto flex max-w-5xl flex-col items-center gap-5 rounded-2xl px-6 py-12 text-center sm:px-12", _.value && "bg-primary text-primary-foreground", h.data.tone === "muted" && "bg-muted", h.data.tone === "default" && "border")) }, [
+			o("h2", p, d(h.data.heading), 1),
+			h.data.body ? (u(), a("p", {
+				key: 0,
+				class: l(f(e)("max-w-2xl text-lg text-pretty", _.value ? "text-primary-foreground/85" : "text-muted-foreground"))
+			}, d(h.data.body), 3)) : i("", !0),
+			h.data.primaryAction || h.data.secondaryAction ? (u(), a("div", m, [s(n, {
+				link: h.data.primaryAction,
+				variant: _.value ? "secondary" : "default"
+			}, null, 8, ["link", "variant"]), s(n, {
+				link: h.data.secondaryAction,
+				variant: "outline",
+				class: l(_.value ? "text-primary-foreground border-primary-foreground/40 hover:bg-primary-foreground/10 bg-transparent" : void 0)
+			}, null, 8, ["link", "class"])])) : i("", !0)
+		], 2)], 2));
+	}
+});
+//#endregion
+export { h as default };
+
+//# sourceMappingURL=CallToActionBlock.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CallToActionBlock.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeClass","_unref","_createElementVNode","_toDisplayString","_createCommentVNode","_createVNode","CmsLinkButton","CmsLinkButton_default","_hoisted_1","_hoisted_2","CallToActionBlock_vue_vue_type_script_setup_true_lang_default","props","__props","sectionClass","useSectionClass","primary","computed","openBlock","createElementBlock","normalizeClass","unref","createElementVNode","cn","toDisplayString","createCommentVNode","createVNode"],"sources":["../../../src/components/cms/CallToActionBlock.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { CmsBlockSchema, CmsCallToActionBlockData } from '@alfakit/core'\nimport { computed } from 'vue'\nimport { cn } from '../../lib/utils'\nimport CmsLinkButton from './CmsLinkButton.vue'\nimport { useSectionClass } from './context'\n\nconst props = defineProps<{\n  block: CmsBlockSchema<CmsCallToActionBlockData>\n  data: CmsCallToActionBlockData\n}>()\n\nconst sectionClass = useSectionClass()\nconst primary = computed(() => props.data.tone === 'primary')\n</script>\n\n<template>\n  <section data-slot=\"cms-call-to-action\" :class=\"sectionClass\">\n    <div\n      :class=\"\n        cn(\n          'mx-auto flex max-w-5xl flex-col items-center gap-5 rounded-2xl px-6 py-12 text-center sm:px-12',\n          primary && 'bg-primary text-primary-foreground',\n          props.data.tone === 'muted' && 'bg-muted',\n          props.data.tone === 'default' && 'border',\n        )\n      \"\n    >\n      <h2 class=\"text-3xl font-semibold tracking-tight text-balance\">{{ props.data.heading }}</h2>\n      <p\n        v-if=\"props.data.body\"\n        :class=\"\n          cn(\n            'max-w-2xl text-lg text-pretty',\n            primary ? 'text-primary-foreground/85' : 'text-muted-foreground',\n          )\n        \"\n      >\n        {{ props.data.body }}\n      </p>\n      <div\n        v-if=\"props.data.primaryAction || props.data.secondaryAction\"\n        class=\"flex flex-wrap justify-center gap-3 pt-2\"\n      >\n        <CmsLinkButton\n          :link=\"props.data.primaryAction\"\n          :variant=\"primary ? 'secondary' : 'default'\"\n        />\n        <CmsLinkButton\n          :link=\"props.data.secondaryAction\"\n          variant=\"outline\"\n          :class=\"\n            primary\n              ? 'text-primary-foreground border-primary-foreground/40 hover:bg-primary-foreground/10 bg-transparent'\n              : undefined\n          \"\n        />\n      </div>\n    </div>\n  </section>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;EAOA,IAAMa,IAAQC,GAKRC,IAAeC,EAAgB,GAC/BC,IAAUC,QAAeL,EAAM,KAAK,SAAS,SAAS;oBAI1Db,EAAA,GAAAC,EA0CU,WAAA;GA1CD,aAAU;GAAsB,OAAKC,EAAEC,EAAAY,CAAA,CAAY;EAC1DX,GAAAA,CAAAA,EAwCM,OAAA,EAvCH,OAAKF,EAAWC,EAAAqB,CAAA,CAAE,CAAA,kGAAwHP,EAAA,SAAO,sCAAoDJ,EAAM,KAAK,SAAI,WAAA,YAAsCA,EAAM,KAAK,SAAI,aAAA,QAAA,CAAA,EAAA,GAAA;GAS1QT,EAA4F,MAA5FM,GAA4FL,EAA1BQ,EAAM,KAAK,OAAO,GAAA,CAAA;GAE5EA,EAAM,KAAK,QADnBb,EAAA,GAAAC,EAUI,KAAA;;IARD,OAAKC,EAAaC,EAAAqB,CAAA,CAAE,CAAA,iCAA2DP,EAAA,QAAO,+BAAA,uBAAA,CAAA;GAOpF,GAAAZ,EAAAQ,EAAM,KAAK,IAAI,GAAA,CAAA,KAAAa,EAAA,IAAA,EAAA;GAGZb,EAAM,KAAK,iBAAiBA,EAAM,KAAK,mBAD/Cb,EAAA,GAAAC,EAiBM,OAjBNU,GAiBM,CAbJJ,EAGEC,GAAA;IAFC,MAAMK,EAAM,KAAK;IACjB,SAASI,EAAA,QAAO,cAAA;GAEnBV,GAAAA,MAAAA,GAAAA,CAAAA,QAAAA,SAAAA,CAAAA,GAAAA,EAQEC,GAAA;IAPC,MAAMK,EAAM,KAAK;IAClB,SAAQ;IACP,OAAKX,EAAee,EAAA,QAAA,uGAA6I,KAAA,CAAA"}

package/dist/components/cms/CmsBlockHeading.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"CmsBlockHeading.js","names":["_sfc_main","CmsBlockHeading_vue_vue_type_script_setup_true_lang_default","CmsBlockHeading_default"],"sources":["../../../src/components/cms/CmsBlockHeading.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { HTMLAttributes } from 'vue'\nimport { cn } from '../../lib/utils'\n\n/** A block's optional heading and introduction. */\nconst props = defineProps<{\n  heading?: string | null\n  intro?: string | null\n  class?: HTMLAttributes['class']\n}>()\n</script>\n\n<template>\n  <div\n    v-if=\"props.heading || props.intro\"\n    :class=\"cn('mx-auto mb-10 max-w-2xl text-center', props.class)\"\n  >\n    <h2 v-if=\"props.heading\" class=\"text-3xl font-semibold tracking-tight text-balance\">\n      {{ props.heading }}\n    </h2>\n    <p v-if=\"props.intro\" class=\"text-muted-foreground mt-3 text-lg text-pretty\">\n      {{ props.intro }}\n    </p>\n  </div>\n</template>\n"],"mappings":""}

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

@@ -0,0 +1,10 @@
+import type { HTMLAttributes } from 'vue';
+/** A block's optional heading and introduction. */
+type __VLS_Props = {
+    heading?: string | null;
+    intro?: string | null;
+    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=CmsBlockHeading.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CmsBlockHeading.vue.d.ts","sourceRoot":"","sources":["../../../src/components/cms/CmsBlockHeading.vue"],"names":[],"mappings":"AA2BA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAA;AAGzC,mDAAmD;AACnD,KAAK,WAAW,GAAG;IACjB,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACvB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAA;CAChC,CAAC;;AAwDF,wBAMG"}

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

@@ -0,0 +1,34 @@
+import { cn as e } from "../../lib/utils.js";
+import { createCommentVNode as t, createElementBlock as n, defineComponent as r, normalizeClass as i, openBlock as a, toDisplayString as o, unref as s } from "vue";
+//#region src/components/cms/CmsBlockHeading.vue?vue&type=script&setup=true&lang.ts
+var c = {
+	key: 0,
+	class: "text-3xl font-semibold tracking-tight text-balance"
+}, l = {
+	key: 1,
+	class: "text-muted-foreground mt-3 text-lg text-pretty"
+}, u = /*@__PURE__*/ r({
+	__name: "CmsBlockHeading",
+	props: {
+		heading: {},
+		intro: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(r) {
+		let u = r;
+		return (r, d) => u.heading || u.intro ? (a(), n("div", {
+			key: 0,
+			class: i(s(e)("mx-auto mb-10 max-w-2xl text-center", u.class))
+		}, [u.heading ? (a(), n("h2", c, o(u.heading), 1)) : t("", !0), u.intro ? (a(), n("p", l, o(u.intro), 1)) : t("", !0)], 2)) : t("", !0);
+	}
+});
+//#endregion
+export { u as default };
+
+//# sourceMappingURL=CmsBlockHeading.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CmsBlockHeading.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeClass","_unref","_toDisplayString","_createCommentVNode","_hoisted_1","_hoisted_2","CmsBlockHeading_vue_vue_type_script_setup_true_lang_default","props","__props","openBlock","createElementBlock","normalizeClass","unref","cn","toDisplayString","createCommentVNode"],"sources":["../../../src/components/cms/CmsBlockHeading.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { HTMLAttributes } from 'vue'\nimport { cn } from '../../lib/utils'\n\n/** A block's optional heading and introduction. */\nconst props = defineProps<{\n  heading?: string | null\n  intro?: string | null\n  class?: HTMLAttributes['class']\n}>()\n</script>\n\n<template>\n  <div\n    v-if=\"props.heading || props.intro\"\n    :class=\"cn('mx-auto mb-10 max-w-2xl text-center', props.class)\"\n  >\n    <h2 v-if=\"props.heading\" class=\"text-3xl font-semibold tracking-tight text-balance\">\n      {{ props.heading }}\n    </h2>\n    <p v-if=\"props.intro\" class=\"text-muted-foreground mt-3 text-lg text-pretty\">\n      {{ props.intro }}\n    </p>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;EAKA,IAAMS,IAAQC;mBASJD,EAAM,WAAWA,EAAM,SAD/BT,EAAA,GAAAC,EAUM,OAAA;;GARH,OAAKC,EAAEC,EAAAY,CAAA,CAAE,CAAA,uCAAwCN,EAAM,KAAK,CAAA;EAEnD,GAAA,CAAAA,EAAM,WAAhBT,EAAA,GAAAC,EAEK,MAFLK,GAEKF,EADAK,EAAM,OAAO,GAAA,CAAA,KAAAQ,EAAA,IAAA,EAAA,GAETR,EAAM,SAAfT,EAAA,GAAAC,EAEI,KAFJM,GAEIH,EADCK,EAAM,KAAK,GAAA,CAAA,KAAAQ,EAAA,IAAA,EAAA,CAAA,GAAA,CAAA,KAAAA,EAAA,IAAA,EAAA"}

package/dist/components/cms/CmsBlocks.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"CmsBlocks.js","names":["_sfc_main","CmsBlocks_vue_vue_type_script_setup_true_lang_default","CmsBlocks_default"],"sources":["../../../src/components/cms/CmsBlocks.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { cmsBlockKey, cmsBlocks, type CmsBlockSchema } from '@alfakit/core'\nimport { computed, inject, provide } from 'vue'\nimport { useOptionalRegistry, type AnyComponent } from '../../context'\nimport { CMS_BLOCK_COMPONENTS } from './blocks'\nimport { CMS_COMPONENTS_KEY, useCms } from './context'\n\n/**\n * Renders rendered CMS blocks (`page.blocks`, `Cms::blocks()`, the JSON API). Each type\n * resolves, in order, to `components[type]`, the registry's `cms:block:{type}` and the\n * built-in renderer; unknown types render nothing.\n */\nconst props = defineProps<{\n  blocks: CmsBlockSchema[] | null | undefined\n  components?: Record<string, AnyComponent>\n}>()\n\nconst registry = useOptionalRegistry()\nconst cms = useCms()\nconst outer = inject(CMS_COMPONENTS_KEY, {})\nconst merged = computed(() => (props.components ? { ...outer, ...props.components } : outer))\n\n// Blocks inside columns resolve with the same components.\nprovide(CMS_COMPONENTS_KEY, merged.value)\n\nconst rendered = computed(() =>\n  cmsBlocks(props.blocks)\n    .map((block) => ({\n      block,\n      component:\n        merged.value[block.type] ??\n        cms.value.components[block.type] ??\n        registry?.resolve(cmsBlockKey(block.type)) ??\n        CMS_BLOCK_COMPONENTS[block.type],\n    }))\n    .filter(\n      (entry): entry is { block: CmsBlockSchema; component: AnyComponent } =>\n        entry.component !== undefined,\n    ),\n)\n</script>\n\n<template>\n  <div\n    v-for=\"entry in rendered\"\n    :id=\"entry.block.id\"\n    :key=\"entry.block.id\"\n    data-slot=\"cms-block\"\n    :data-cms-block=\"entry.block.type\"\n  >\n    <component :is=\"entry.component\" :block=\"entry.block\" :data=\"entry.block.data\" />\n  </div>\n</template>\n"],"mappings":""}

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

@@ -0,0 +1,14 @@
+import { type CmsBlockSchema } from '@alfakit/core';
+import { type AnyComponent } from '../../context';
+/**
+ * Renders rendered CMS blocks (`page.blocks`, `Cms::blocks()`, the JSON API). Each type
+ * resolves, in order, to `components[type]`, the registry's `cms:block:{type}` and the
+ * built-in renderer; unknown types render nothing.
+ */
+type __VLS_Props = {
+    blocks: CmsBlockSchema[] | null | undefined;
+    components?: Record<string, AnyComponent>;
+};
+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=CmsBlocks.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CmsBlocks.vue.d.ts","sourceRoot":"","sources":["../../../src/components/cms/CmsBlocks.vue"],"names":[],"mappings":"AAuDA,OAAO,EAA0B,KAAK,cAAc,EAAE,MAAM,eAAe,CAAA;AAE3E,OAAO,EAAuB,KAAK,YAAY,EAAE,MAAM,eAAe,CAAA;AAItE;;;;GAIG;AACH,KAAK,WAAW,GAAG;IACjB,MAAM,EAAE,cAAc,EAAE,GAAG,IAAI,GAAG,SAAS,CAAA;IAC3C,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,CAAA;CAC1C,CAAC;;AAwEF,wBAMG"}