@alfakit/vue 0.0.0-stage → 0.1.1

package/dist/components/layout/CalloutComponent.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalloutComponent.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_mergeProps","_unref","_createVNode","Icon","_normalizeClass","_createCommentVNode","_createElementVNode","_toDisplayString","_createBlock","ActionList","MixedContent","Icon_default","ActionList_default","MixedContent_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","CalloutComponent_vue_vue_type_script_setup_true_lang_default","CALLOUT_COLORS","CALLOUT_ICON_SIZES","props","__props","context","usePageActionContext","tone","computed","iconColor","openBlock","createElementBlock","mergeProps","unref","cn","colorClass","createVNode","normalizeClass","textColorClasses","createCommentVNode","createElementVNode","toDisplayString","createBlock","actionsAlignmentClass"],"sources":["../../../src/components/layout/CalloutComponent.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { CalloutSchema } from '@alfakit/core'\nimport { actionsAlignmentClass } from '@alfakit/core'\nimport { computed } from 'vue'\nimport { colorClass, textColorClasses } from '../../lib/colors'\nimport { Icon } from '../../lib/icons'\nimport { cn } from '../../lib/utils'\nimport { usePageActionContext } from '../actions/action-context'\nimport ActionList from '../actions/ActionList.vue'\nimport MixedContent from './MixedContent.vue'\n\nconst CALLOUT_COLORS: Record<string, string> = {\n  primary: 'border-primary/30 bg-primary/5 [&_[data-slot=callout-icon]]:text-primary',\n  secondary: 'border-border bg-secondary [&_[data-slot=callout-icon]]:text-secondary-foreground',\n  success: 'border-success/30 bg-success/5 [&_[data-slot=callout-icon]]:text-success',\n  warning: 'border-warning/40 bg-warning/10 [&_[data-slot=callout-icon]]:text-warning',\n  danger: 'border-destructive/30 bg-destructive/5 [&_[data-slot=callout-icon]]:text-destructive',\n  info: 'border-info/30 bg-info/5 [&_[data-slot=callout-icon]]:text-info',\n  gray: 'border-border bg-muted/40 [&_[data-slot=callout-icon]]:text-muted-foreground',\n}\n\nconst CALLOUT_ICON_SIZES: Record<string, string> = {\n  xs: 'size-4',\n  sm: 'size-4',\n  md: 'size-5',\n  lg: 'size-6',\n  xl: 'size-7',\n  '2xl': 'size-8',\n}\n\nconst props = defineProps<{ component: CalloutSchema }>()\nconst context = usePageActionContext()\nconst tone = computed(() => props.component.color ?? props.component.status)\n// `iconColor()`, or the status colour once `color(null)` removed the background.\nconst iconColor = computed(\n  () => props.component.iconColor ?? (props.component.color ? undefined : props.component.status),\n)\n</script>\n\n<template>\n  <div\n    data-slot=\"callout\"\n    :data-color=\"props.component.color ?? 'gray'\"\n    :data-status=\"props.component.status\"\n    :role=\"tone === 'danger' || tone === 'warning' ? 'alert' : 'note'\"\n    :class=\"\n      cn(\n        'flex items-start gap-3 rounded-lg border p-4 text-sm',\n        colorClass(CALLOUT_COLORS, props.component.color),\n      )\n    \"\n    v-bind=\"props.component.extraAttributes\"\n  >\n    <span v-if=\"props.component.icon\" data-slot=\"callout-icon\" class=\"mt-0.5 shrink-0\">\n      <Icon\n        :name=\"props.component.icon\"\n        :class=\"\n          cn(\n            (props.component.iconSize && CALLOUT_ICON_SIZES[props.component.iconSize]) || 'size-5',\n            iconColor && colorClass(textColorClasses, iconColor),\n          )\n        \"\n      />\n    </span>\n    <div class=\"flex min-w-0 flex-1 flex-col gap-1\">\n      <p v-if=\"props.component.heading\" class=\"leading-6 font-semibold\">\n        {{ props.component.heading }}\n      </p>\n      <div\n        v-if=\"props.component.description\"\n        class=\"text-muted-foreground alfakit-prose\"\n        v-html=\"props.component.description\"\n      />\n      <ActionList\n        v-if=\"props.component.actions && props.component.actions.length > 0\"\n        :actions=\"props.component.actions\"\n        :context=\"context\"\n        size=\"sm\"\n        :class=\"cn('mt-2', actionsAlignmentClass(props.component.footerActionsAlignment))\"\n      />\n      <MixedContent :items=\"props.component.footer\" name=\"callout-footer\" class=\"mt-2\" />\n    </div>\n    <MixedContent\n      :items=\"props.component.controls\"\n      name=\"callout-controls\"\n      class=\"-me-1 -mt-1 shrink-0 gap-1\"\n    />\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;EAWA,IAAMsB,IAAyC;GAC7C,SAAS;GACT,WAAW;GACX,SAAS;GACT,SAAS;GACT,QAAQ;GACR,MAAM;GACN,MAAM;EACR,GAEMC,IAA6C;GACjD,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,OAAO;EACT,GAEMC,IAAQC,GACRC,IAAUC,EAAqB,GAC/BC,IAAOC,QAAeL,EAAM,UAAU,SAASA,EAAM,UAAU,MAAM,GAErEM,IAAYD,QACVL,EAAM,UAAU,cAAcA,EAAM,UAAU,QAAQ,KAAA,IAAYA,EAAM,UAAU,OAC1F;oBAIExB,EAAA,GAAAC,EA+CM,OA/CNC,EA+CM;GA9CJ,aAAU;GACT,cAAYsB,EAAM,UAAU,SAAK;GACjC,eAAaA,EAAM,UAAU;GAC7B,MAAMI,EAAA,UAAI,YAAiBA,EAAA,UAAI,YAAA,UAAA;GAC/B,OAAczB,EAAAgC,CAAA,CAAE,CAAA,wDAA0EhC,EAAAiC,CAAA,CAAU,CAACd,GAAgBE,EAAM,UAAU,KAAK,CAAA;EAMnI,GAAAA,EAAM,UAAU,eAAe,GAAA;GAE3BA,EAAM,UAAU,QAA5BxB,EAAA,GAAAC,EAUO,QAVPgB,GAUO,CATLb,EAQED,EAAAE,CAAA,GAAA;IAPC,MAAMmB,EAAM,UAAU;IACtB,OAAKlB,EAAaH,EAAAgC,CAAA,CAAE,CAAeX,EAAM,UAAU,YAAYD,EAAmBC,EAAM,UAAU,aAAQ,UAA4BM,EAAA,SAAa3B,EAAAiC,CAAA,CAAU,CAACjC,EAAAoC,CAAA,GAAkBT,EAAA,KAAS,CAAA,CAAA;;GAQ9LtB,EAiBM,OAjBNU,GAiBM;IAhBKM,EAAM,UAAU,WAAzBxB,EAAA,GAAAC,EAEI,KAFJkB,GAEIV,EADCe,EAAM,UAAU,OAAO,GAAA,CAAA,KAAAgB,EAAA,IAAA,EAAA;IAGpBhB,EAAM,UAAU,eADxBxB,EAAA,GAAAC,EAIE,OAAA;;KAFA,OAAM;KACN,WAAQuB,EAAM,UAAU;;IAGlBA,EAAM,UAAU,WAAWA,EAAM,UAAU,QAAQ,SAAM,KADjExB,EAAA,GAAAU,EAMEC,GAAA;;KAJC,SAASa,EAAM,UAAU;KACzB,SAASrB,EAAAuB,CAAA;KACV,MAAK;KACJ,OAAKpB,EAAEH,EAAAgC,CAAA,CAAE,CAAA,QAAShC,EAAAyC,CAAA,CAAqB,CAACpB,EAAM,UAAU,sBAAsB,CAAA,CAAA;;;;;;IAEjFpB,EAAmFQ,GAAA;KAApE,OAAOY,EAAM,UAAU;KAAQ,MAAK;KAAiB,OAAM;;;GAE5EpB,EAIEQ,GAAA;IAHC,OAAOY,EAAM,UAAU;IACxB,MAAK;IACL,OAAM"}

package/dist/components/layout/DeferredSchema.js

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

package/dist/components/layout/DeferredSchema.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeferredSchema.js","names":["_sfc_main","DeferredSchema_vue_vue_type_script_setup_true_lang_default","DeferredSchema_default"],"sources":["../../../src/components/layout/DeferredSchema.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"T extends SchemaComponent\">\nimport type { SchemaComponent } from '@alfakit/core'\nimport {\n  deferredHasErrors,\n  isDeferredPlaceholder,\n  loadDeferredComponent,\n  mergeDeferredComponent,\n  reportRequestError,\n  whenVisible,\n} from '@alfakit/core'\nimport { computed, onBeforeUnmount, onMounted, ref, shallowRef, watch } from 'vue'\nimport { usePanel, useT } from '../../context'\nimport { useStoreSelector } from '../../composables/use-store'\nimport { cn } from '../../lib/utils'\nimport { usePageActionContext } from '../actions/action-context'\nimport { useOptionalFormStore } from '../form/form-context'\nimport Skeleton from '../ui/Skeleton.vue'\nimport { emptyFormState } from './deferred'\n\n/**\n * `deferLoading()`: a skeleton until the placeholder scrolls into view (or a field inside\n * has an error), then the default slot with the loaded component. Inside a form the\n * loaded component is merged into the form's tree. SSR renders the skeleton.\n */\nconst props = defineProps<{ component: T; class?: string }>()\ndefineSlots<{ default(props: { component: T }): unknown }>()\n\nconst form = useOptionalFormStore()\nconst panel = usePanel()\nconst page = usePageActionContext()\nconst t = useT()\nconst element = ref<HTMLElement | null>(null)\nconst loaded = shallowRef<T | null>(null)\nconst errors = useStoreSelector(form?.store ?? emptyFormState, (state) => state.errors)\n\nconst resolved = computed<T>(() =>\n  isDeferredPlaceholder(props.component) && loaded.value ? loaded.value : props.component,\n)\nconst deferred = computed(() => isDeferredPlaceholder(resolved.value))\nconst hasErrors = computed(() => deferred.value && deferredHasErrors(props.component, errors.value))\n\nlet started = false\nlet stop: () => void = () => {}\nconst controller = typeof AbortController === 'undefined' ? null : new AbortController()\n\nfunction load(): void {\n  const url = panel.value?.endpoints?.schemaDeferred\n\n  if (started || !url || !deferred.value) return\n\n  started = true\n  stop()\n\n  loadDeferredComponent<T>({\n    url,\n    token: page.token,\n    key: props.component.key,\n    form,\n    signal: controller?.signal,\n  })\n    .then((full) => {\n      if (!form || !mergeDeferredComponent(form, full)) loaded.value = full\n    })\n    .catch((error: Error) => {\n      started = false\n      if (error.name !== 'AbortError') reportRequestError(error)\n    })\n}\n\nonMounted(() => {\n  if (!deferred.value) return\n\n  if (hasErrors.value) load()\n  else stop = whenVisible(element.value, load)\n})\n\nwatch(hasErrors, (next) => {\n  if (next) load()\n})\n\nonBeforeUnmount(() => {\n  stop()\n  controller?.abort()\n})\n</script>\n\n<template>\n  <div\n    v-if=\"deferred\"\n    ref=\"element\"\n    data-slot=\"deferred-schema\"\n    role=\"status\"\n    aria-busy=\"true\"\n    :class=\"cn('flex flex-col gap-3', props.class)\"\n  >\n    <span class=\"sr-only\">{{ t('loading', {}, 'Loading…') }}</span>\n    <Skeleton class=\"h-4 w-1/4\" />\n    <Skeleton class=\"h-9 w-full\" />\n    <Skeleton class=\"h-9 w-2/3\" />\n  </div>\n  <slot v-else :component=\"resolved\" />\n</template>\n"],"mappings":""}

package/dist/components/layout/DeferredSchema.vue.d.ts

@@ -0,0 +1,22 @@
+import type { SchemaComponent } from '@alfakit/core';
+declare const _default: <T extends SchemaComponent>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, never> & {
+        component: T;
+        class?: string;
+    } & Partial<{}>> & import("vue").PublicProps;
+    expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: {
+        default(props: {
+            component: T;
+        }): unknown;
+    };
+    emit: {};
+}>) => import("vue").VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};
+//# sourceMappingURL=DeferredSchema.vue.d.ts.map

package/dist/components/layout/DeferredSchema.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeferredSchema.vue.d.ts","sourceRoot":"","sources":["../../../src/components/layout/DeferredSchema.vue"],"names":[],"mappings":"AAwGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;yBAkBnC,CAAC,SAAS,eAAe,EACzC,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,eAAe,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EACjE;WA6JO,mBAAmB,CAAC;mBAvJI,CAAC;gBAAU,MAAM;QAuJgB,OAAO,IAAsB,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;uBAvJyB;YAAE,SAAS,EAAE,CAAC,CAAA;SAAE,GAAG,OAAO;;UAyJvD,EAAE;EAEL,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AAxKzE,wBAwK4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

package/dist/components/layout/DeferredSchema.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,58 @@
+import { usePanel as e, useT as t } from "../../context.js";
+import { usePageActionContext as n } from "../actions/action-context.js";
+import { cn as r } from "../../lib/utils.js";
+import { useStoreSelector as i } from "../../composables/use-store.js";
+import { useOptionalFormStore as a } from "../form/form-context.js";
+import o from "../ui/Skeleton.js";
+import { emptyFormState as s } from "./deferred.js";
+import { deferredHasErrors as c, isDeferredPlaceholder as l, loadDeferredComponent as u, mergeDeferredComponent as d, reportRequestError as f, whenVisible as p } from "@alfakit/core";
+import { computed as m, createElementBlock as h, createElementVNode as g, createVNode as _, defineComponent as v, normalizeClass as y, onBeforeUnmount as b, onMounted as x, openBlock as S, ref as C, renderSlot as w, shallowRef as T, toDisplayString as E, unref as D, watch as O } from "vue";
+//#region src/components/layout/DeferredSchema.vue?vue&type=script&setup=true&lang.ts
+var k = { class: "sr-only" }, A = /*@__PURE__*/ v({
+	__name: "DeferredSchema",
+	props: {
+		component: {},
+		class: {}
+	},
+	setup(v) {
+		let A = v, j = a(), M = e(), N = n(), P = t(), F = C(null), I = T(null), L = i(j?.store ?? s, (e) => e.errors), R = m(() => l(A.component) && I.value ? I.value : A.component), z = m(() => l(R.value)), B = m(() => z.value && c(A.component, L.value)), V = !1, H = () => {}, U = typeof AbortController > "u" ? null : new AbortController();
+		function W() {
+			let e = M.value?.endpoints?.schemaDeferred;
+			!V && e && z.value && (V = !0, H(), u({
+				url: e,
+				token: N.token,
+				key: A.component.key,
+				form: j,
+				signal: U?.signal
+			}).then((e) => {
+				(!j || !d(j, e)) && (I.value = e);
+			}).catch((e) => {
+				V = !1, e.name !== "AbortError" && f(e);
+			}));
+		}
+		return x(() => {
+			z.value && (B.value ? W() : H = p(F.value, W));
+		}), O(B, (e) => {
+			e && W();
+		}), b(() => {
+			H(), U?.abort();
+		}), (e, t) => z.value ? (S(), h("div", {
+			key: 0,
+			ref_key: "element",
+			ref: F,
+			"data-slot": "deferred-schema",
+			role: "status",
+			"aria-busy": "true",
+			class: y(D(r)("flex flex-col gap-3", A.class))
+		}, [
+			g("span", k, E(D(P)("loading", {}, "Loading…")), 1),
+			_(o, { class: "h-4 w-1/4" }),
+			_(o, { class: "h-9 w-full" }),
+			_(o, { class: "h-9 w-2/3" })
+		], 2)) : w(e.$slots, "default", { component: R.value }, void 0, void 0, 1);
+	}
+});
+//#endregion
+export { A as default };
+
+//# sourceMappingURL=DeferredSchema.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/layout/DeferredSchema.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeferredSchema.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeClass","_unref","_createElementVNode","_toDisplayString","_createVNode","Skeleton","_renderSlot","Skeleton_default","_hoisted_1","DeferredSchema_vue_vue_type_script_setup_true_lang_default","props","__props","form","useOptionalFormStore","panel","usePanel","page","usePageActionContext","t","useT","element","ref","loaded","shallowRef","errors","useStoreSelector","emptyFormState","state","resolved","computed","isDeferredPlaceholder","deferred","hasErrors","deferredHasErrors","started","stop","controller","load","url","loadDeferredComponent","mergeDeferredComponent","full","error","reportRequestError","onMounted","whenVisible","watch","next","onBeforeUnmount","openBlock","createElementBlock","normalizeClass","unref","cn","createElementVNode","toDisplayString","createVNode","renderSlot","_ctx"],"sources":["../../../src/components/layout/DeferredSchema.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"T extends SchemaComponent\">\nimport type { SchemaComponent } from '@alfakit/core'\nimport {\n  deferredHasErrors,\n  isDeferredPlaceholder,\n  loadDeferredComponent,\n  mergeDeferredComponent,\n  reportRequestError,\n  whenVisible,\n} from '@alfakit/core'\nimport { computed, onBeforeUnmount, onMounted, ref, shallowRef, watch } from 'vue'\nimport { usePanel, useT } from '../../context'\nimport { useStoreSelector } from '../../composables/use-store'\nimport { cn } from '../../lib/utils'\nimport { usePageActionContext } from '../actions/action-context'\nimport { useOptionalFormStore } from '../form/form-context'\nimport Skeleton from '../ui/Skeleton.vue'\nimport { emptyFormState } from './deferred'\n\n/**\n * `deferLoading()`: a skeleton until the placeholder scrolls into view (or a field inside\n * has an error), then the default slot with the loaded component. Inside a form the\n * loaded component is merged into the form's tree. SSR renders the skeleton.\n */\nconst props = defineProps<{ component: T; class?: string }>()\ndefineSlots<{ default(props: { component: T }): unknown }>()\n\nconst form = useOptionalFormStore()\nconst panel = usePanel()\nconst page = usePageActionContext()\nconst t = useT()\nconst element = ref<HTMLElement | null>(null)\nconst loaded = shallowRef<T | null>(null)\nconst errors = useStoreSelector(form?.store ?? emptyFormState, (state) => state.errors)\n\nconst resolved = computed<T>(() =>\n  isDeferredPlaceholder(props.component) && loaded.value ? loaded.value : props.component,\n)\nconst deferred = computed(() => isDeferredPlaceholder(resolved.value))\nconst hasErrors = computed(() => deferred.value && deferredHasErrors(props.component, errors.value))\n\nlet started = false\nlet stop: () => void = () => {}\nconst controller = typeof AbortController === 'undefined' ? null : new AbortController()\n\nfunction load(): void {\n  const url = panel.value?.endpoints?.schemaDeferred\n\n  if (started || !url || !deferred.value) return\n\n  started = true\n  stop()\n\n  loadDeferredComponent<T>({\n    url,\n    token: page.token,\n    key: props.component.key,\n    form,\n    signal: controller?.signal,\n  })\n    .then((full) => {\n      if (!form || !mergeDeferredComponent(form, full)) loaded.value = full\n    })\n    .catch((error: Error) => {\n      started = false\n      if (error.name !== 'AbortError') reportRequestError(error)\n    })\n}\n\nonMounted(() => {\n  if (!deferred.value) return\n\n  if (hasErrors.value) load()\n  else stop = whenVisible(element.value, load)\n})\n\nwatch(hasErrors, (next) => {\n  if (next) load()\n})\n\nonBeforeUnmount(() => {\n  stop()\n  controller?.abort()\n})\n</script>\n\n<template>\n  <div\n    v-if=\"deferred\"\n    ref=\"element\"\n    data-slot=\"deferred-schema\"\n    role=\"status\"\n    aria-busy=\"true\"\n    :class=\"cn('flex flex-col gap-3', props.class)\"\n  >\n    <span class=\"sr-only\">{{ t('loading', {}, 'Loading…') }}</span>\n    <Skeleton class=\"h-4 w-1/4\" />\n    <Skeleton class=\"h-9 w-full\" />\n    <Skeleton class=\"h-9 w-2/3\" />\n  </div>\n  <slot v-else :component=\"resolved\" />\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;EAwBA,IAAMY,IAAQC,GAGRC,IAAOC,EAAqB,GAC5BC,IAAQC,EAAS,GACjBC,IAAOC,EAAqB,GAC5BC,IAAIC,EAAK,GACTC,IAAUC,EAAwB,IAAI,GACtCC,IAASC,EAAqB,IAAI,GAClCC,IAASC,EAAiBb,GAAM,SAASc,IAAiB,MAAUC,EAAM,MAAM,GAEhFC,IAAWC,QACfC,EAAsBpB,EAAM,SAAS,KAAKY,EAAO,QAAQA,EAAO,QAAQZ,EAAM,SAChF,GACMqB,IAAWF,QAAeC,EAAsBF,EAAS,KAAK,CAAC,GAC/DI,IAAYH,QAAeE,EAAS,SAASE,EAAkBvB,EAAM,WAAWc,EAAO,KAAK,CAAC,GAE/FU,IAAU,IACVC,UAAyB,CAAC,GACxBC,IAAa,OAAO,kBAAoB,MAAc,OAAO,IAAI,gBAAgB;EAEvF,SAASC,IAAa;GACpB,IAAMC,IAAMxB,EAAM,OAAO,WAAW;GAEpC,AAAI,MAAYwB,KAAQP,EAAS,UAEjC,IAAU,IACVI,EAAK,GAELI,EAAyB;IACvB;IACA,OAAOvB,EAAK;IACZ,KAAKN,EAAM,UAAU;IACrB;IACA,QAAQ0B,GAAY;GACtB,CAAC,CAAA,CACE,MAAM,MAAS;IACd,CAAI,CAACxB,KAAQ,CAAC4B,EAAuB5B,GAAM6B,CAAI,OAAG,EAAO,QAAQA;GACnE,CAAC,CAAA,CACA,OAAO,MAAiB;IAEvB,AADA,IAAU,IACNC,EAAM,SAAS,gBAAcC,EAAmBD,CAAK;GAC3D,CAAC;EACL;SAEAE,QAAgB;GACd,AAAKb,EAAS,UAEVC,EAAU,QAAOK,EAAK,IACrB,IAAOQ,EAAYzB,EAAQ,OAAOiB,CAAI;EAC7C,CAAC,GAEDS,EAAMd,IAAY,MAAS;GACzB,AAAIe,KAAMV,EAAK;EACjB,CAAC,GAEDW,QAAsB;GAEpB,AADAb,EAAK,GACLC,GAAY,MAAM;EACpB,CAAC,aAKSL,EAAA,SADRjC,EAAA,GAAAC,EAYM,OAAA;;GAVA,SAAA;GAAJ,KAAIqB;GACJ,aAAU;GACV,MAAK;GACL,aAAU;GACT,OAAKpB,EAAEC,EAAAoD,CAAA,CAAE,CAAA,uBAAwB3C,EAAM,KAAK,CAAA;;GAE7CR,EAA+D,QAA/DM,GAA+DL,EAAtCF,EAAAiB,CAAA,CAAC,CAAA,WAAA,CAAA,GAAA,UAAA,CAAA,GAAA,CAAA;GAC1Bd,EAA8BC,GAAA,EAApB,OAAM,YAAW,CAAA;GAC3BD,EAA+BC,GAAA,EAArB,OAAM,aAAY,CAAA;GAC5BD,EAA8BC,GAAA,EAApB,OAAM,YAAW,CAAA;EAE7BC,GAAAA,CAAAA,KAAAA,EAAqCoD,EAAA,QAAA,WAAA,EAAvB,WAAW9B,EAAA,MAAQ,GAAA,KAAA,GAAA,KAAA,GAAA,CAAA"}

package/dist/components/layout/EmptyStateComponent.js

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

package/dist/components/layout/EmptyStateComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyStateComponent.js","names":["_sfc_main","EmptyStateComponent_vue_vue_type_script_setup_true_lang_default","EmptyStateComponent_default"],"sources":["../../../src/components/layout/EmptyStateComponent.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { EmptyStateComponentSchema } from '@alfakit/core'\nimport { colorClass, iconBackgroundColorClasses } from '../../lib/colors'\nimport { Icon } from '../../lib/icons'\nimport { cn } from '../../lib/utils'\nimport { usePageActionContext } from '../actions/action-context'\nimport ActionList from '../actions/ActionList.vue'\nimport MixedContent from './MixedContent.vue'\n\nconst props = defineProps<{ component: EmptyStateComponentSchema }>()\nconst context = usePageActionContext()\n</script>\n\n<template>\n  <div\n    data-slot=\"empty-state\"\n    :class=\"\n      cn(\n        'flex flex-col items-center justify-center gap-3 px-6 py-10 text-center',\n        props.component.contained && 'rounded-xl border border-dashed',\n      )\n    \"\n    v-bind=\"props.component.extraAttributes\"\n  >\n    <div\n      v-if=\"props.component.icon\"\n      :class=\"\n        cn(\n          'flex size-12 items-center justify-center rounded-full',\n          colorClass(iconBackgroundColorClasses, props.component.color),\n        )\n      \"\n    >\n      <Icon :name=\"props.component.icon\" class=\"size-6\" />\n    </div>\n    <h3 v-if=\"props.component.heading\" class=\"text-base font-semibold\">\n      {{ props.component.heading }}\n    </h3>\n    <div\n      v-if=\"props.component.description\"\n      class=\"text-muted-foreground max-w-md text-sm\"\n      v-html=\"props.component.description\"\n    />\n    <ActionList\n      v-if=\"props.component.actions && props.component.actions.length > 0\"\n      :actions=\"props.component.actions\"\n      :context=\"context\"\n      class=\"mt-2 justify-center\"\n    />\n    <MixedContent\n      :items=\"props.component.footer\"\n      name=\"empty-state-footer\"\n      class=\"justify-center\"\n    />\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/layout/EmptyStateComponent.vue.d.ts

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

package/dist/components/layout/EmptyStateComponent.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyStateComponent.vue.d.ts","sourceRoot":"","sources":["../../../src/components/layout/EmptyStateComponent.vue"],"names":[],"mappings":"AA0DA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,eAAe,CAAA;AAQ9D,KAAK,WAAW,GAAG;IAAE,SAAS,EAAE,yBAAyB,CAAA;CAAE,CAAC;;AAoH5D,wBAMG"}

package/dist/components/layout/EmptyStateComponent.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,51 @@
+import { usePageActionContext as e } from "../actions/action-context.js";
+import { cn as t } from "../../lib/utils.js";
+import { colorClass as n, iconBackgroundColorClasses as r } from "../../lib/colors.js";
+import i from "../../lib/Icon.js";
+import a from "../actions/ActionList.js";
+import o from "./MixedContent.js";
+import { createBlock as s, createCommentVNode as c, createElementBlock as l, createVNode as u, defineComponent as d, mergeProps as f, normalizeClass as p, openBlock as m, toDisplayString as h, unref as g } from "vue";
+//#region src/components/layout/EmptyStateComponent.vue?vue&type=script&setup=true&lang.ts
+var _ = {
+	key: 1,
+	class: "text-base font-semibold"
+}, v = ["innerHTML"], y = /*@__PURE__*/ d({
+	__name: "EmptyStateComponent",
+	props: { component: {} },
+	setup(d) {
+		let y = d, b = e();
+		return (e, d) => (m(), l("div", f({
+			"data-slot": "empty-state",
+			class: g(t)("flex flex-col items-center justify-center gap-3 px-6 py-10 text-center", y.component.contained && "rounded-xl border border-dashed")
+		}, y.component.extraAttributes), [
+			y.component.icon ? (m(), l("div", {
+				key: 0,
+				class: p(g(t)("flex size-12 items-center justify-center rounded-full", g(n)(g(r), y.component.color)))
+			}, [u(g(i), {
+				name: y.component.icon,
+				class: "size-6"
+			}, null, 8, ["name"])], 2)) : c("", !0),
+			y.component.heading ? (m(), l("h3", _, h(y.component.heading), 1)) : c("", !0),
+			y.component.description ? (m(), l("div", {
+				key: 2,
+				class: "text-muted-foreground max-w-md text-sm",
+				innerHTML: y.component.description
+			}, null, 8, v)) : c("", !0),
+			y.component.actions && y.component.actions.length > 0 ? (m(), s(a, {
+				key: 3,
+				actions: y.component.actions,
+				context: g(b),
+				class: "mt-2 justify-center"
+			}, null, 8, ["actions", "context"])) : c("", !0),
+			u(o, {
+				items: y.component.footer,
+				name: "empty-state-footer",
+				class: "justify-center"
+			}, null, 8, ["items"])
+		], 16));
+	}
+});
+//#endregion
+export { y as default };
+
+//# sourceMappingURL=EmptyStateComponent.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/layout/EmptyStateComponent.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyStateComponent.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_mergeProps","_unref","_normalizeClass","_createVNode","Icon","_createCommentVNode","_toDisplayString","_createBlock","ActionList","MixedContent","Icon_default","ActionList_default","MixedContent_default","_hoisted_1","_hoisted_2","EmptyStateComponent_vue_vue_type_script_setup_true_lang_default","props","__props","context","usePageActionContext","openBlock","createElementBlock","mergeProps","unref","cn","normalizeClass","colorClass","iconBackgroundColorClasses","createVNode","createCommentVNode","toDisplayString","createBlock"],"sources":["../../../src/components/layout/EmptyStateComponent.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { EmptyStateComponentSchema } from '@alfakit/core'\nimport { colorClass, iconBackgroundColorClasses } from '../../lib/colors'\nimport { Icon } from '../../lib/icons'\nimport { cn } from '../../lib/utils'\nimport { usePageActionContext } from '../actions/action-context'\nimport ActionList from '../actions/ActionList.vue'\nimport MixedContent from './MixedContent.vue'\n\nconst props = defineProps<{ component: EmptyStateComponentSchema }>()\nconst context = usePageActionContext()\n</script>\n\n<template>\n  <div\n    data-slot=\"empty-state\"\n    :class=\"\n      cn(\n        'flex flex-col items-center justify-center gap-3 px-6 py-10 text-center',\n        props.component.contained && 'rounded-xl border border-dashed',\n      )\n    \"\n    v-bind=\"props.component.extraAttributes\"\n  >\n    <div\n      v-if=\"props.component.icon\"\n      :class=\"\n        cn(\n          'flex size-12 items-center justify-center rounded-full',\n          colorClass(iconBackgroundColorClasses, props.component.color),\n        )\n      \"\n    >\n      <Icon :name=\"props.component.icon\" class=\"size-6\" />\n    </div>\n    <h3 v-if=\"props.component.heading\" class=\"text-base font-semibold\">\n      {{ props.component.heading }}\n    </h3>\n    <div\n      v-if=\"props.component.description\"\n      class=\"text-muted-foreground max-w-md text-sm\"\n      v-html=\"props.component.description\"\n    />\n    <ActionList\n      v-if=\"props.component.actions && props.component.actions.length > 0\"\n      :actions=\"props.component.actions\"\n      :context=\"context\"\n      class=\"mt-2 justify-center\"\n    />\n    <MixedContent\n      :items=\"props.component.footer\"\n      name=\"empty-state-footer\"\n      class=\"justify-center\"\n    />\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;EASA,IAAMkB,IAAQC,GACRC,IAAUC,EAAqB;oBAInCrB,EAAA,GAAAC,EAwCM,OAxCNC,EAwCM;GAvCJ,aAAU;GACT,OAAcC,EAAAuB,CAAA,CAAE,CAAA,0EAA4FR,EAAM,UAAU,aAAS,iCAAA;EAM9H,GAAAA,EAAM,UAAU,eAAe,GAAA;GAG/BA,EAAM,UAAU,QADxBlB,EAAA,GAAAC,EAUM,OAAA;;IARH,OAAKG,EAAWD,EAAAuB,CAAA,CAAE,CAAA,yDAA+EvB,EAAAyB,CAAA,CAAU,CAACzB,EAAA0B,CAAA,GAA4BX,EAAM,UAAU,KAAK,CAAA,CAAA;GAO9Jb,GAAAA,CAAAA,EAAoDF,EAAAG,CAAA,GAAA;IAA7C,MAAMY,EAAM,UAAU;IAAM,OAAM;;GAEjCA,EAAM,UAAU,WAA1BlB,EAAA,GAAAC,EAEK,MAFLc,GAEKP,EADAU,EAAM,UAAU,OAAO,GAAA,CAAA,KAAAa,EAAA,IAAA,EAAA;GAGpBb,EAAM,UAAU,eADxBlB,EAAA,GAAAC,EAIE,OAAA;;IAFA,OAAM;IACN,WAAQiB,EAAM,UAAU;;GAGlBA,EAAM,UAAU,WAAWA,EAAM,UAAU,QAAQ,SAAM,KADjElB,EAAA,GAAAS,EAKEC,GAAA;;IAHC,SAASQ,EAAM,UAAU;IACzB,SAASf,EAAAiB,CAAA;IACV,OAAM;;GAERf,EAIEM,GAAA;IAHC,OAAOO,EAAM,UAAU;IACxB,MAAK;IACL,OAAM"}

package/dist/components/layout/FieldsetComponent.js

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

package/dist/components/layout/FieldsetComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldsetComponent.js","names":["_sfc_main","FieldsetComponent_vue_vue_type_script_setup_true_lang_default","FieldsetComponent_default"],"sources":["../../../src/components/layout/FieldsetComponent.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { FieldsetSchema } from '@alfakit/core'\nimport { schemaGapClass } from '@alfakit/core'\nimport { computed } from 'vue'\nimport { cn } from '../../lib/utils'\nimport SchemaRenderer from '../schema/SchemaRenderer.vue'\nimport DeferredSchema from './DeferredSchema.vue'\n\nconst props = defineProps<{ component: FieldsetSchema }>()\nconst contained = computed(() => props.component.contained !== false)\n</script>\n\n<template>\n  <fieldset\n    :data-contained=\"contained ? undefined : 'false'\"\n    :class=\"contained ? 'rounded-xl border p-4 pt-3' : 'min-w-0'\"\n    v-bind=\"props.component.extraAttributes\"\n  >\n    <legend\n      v-if=\"props.component.label\"\n      :class=\"cn('text-sm font-medium', contained ? 'px-1' : 'mb-3')\"\n    >\n      {{ props.component.label }}\n    </legend>\n    <DeferredSchema v-slot=\"{ component: loaded }\" :component=\"props.component\">\n      <SchemaRenderer\n        :components=\"loaded.schema ?? []\"\n        :columns=\"loaded.columns\"\n        :class=\"schemaGapClass(loaded) || undefined\"\n      />\n    </DeferredSchema>\n  </fieldset>\n</template>\n"],"mappings":""}

package/dist/components/layout/FieldsetComponent.vue.d.ts

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

package/dist/components/layout/FieldsetComponent.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldsetComponent.vue.d.ts","sourceRoot":"","sources":["../../../src/components/layout/FieldsetComponent.vue"],"names":[],"mappings":"AAmCA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAOnD,KAAK,WAAW,GAAG;IAAE,SAAS,EAAE,cAAc,CAAA;CAAE,CAAC;;AAyEjD,wBAMG"}

package/dist/components/layout/FieldsetComponent.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,35 @@
+import { cn as e } from "../../lib/utils.js";
+import t from "../schema/SchemaRenderer.js";
+import n from "./DeferredSchema.js";
+import { schemaGapClass as r } from "@alfakit/core";
+import { computed as i, createCommentVNode as a, createElementBlock as o, createVNode as s, defineComponent as c, mergeProps as l, normalizeClass as u, openBlock as d, toDisplayString as f, unref as p, withCtx as m } from "vue";
+//#region src/components/layout/FieldsetComponent.vue?vue&type=script&setup=true&lang.ts
+var h = ["data-contained"], g = /*@__PURE__*/ c({
+	__name: "FieldsetComponent",
+	props: { component: {} },
+	setup(c) {
+		let g = c, _ = i(() => g.component.contained !== !1);
+		return (i, c) => (d(), o("fieldset", l({
+			"data-contained": _.value ? void 0 : "false",
+			class: _.value ? "rounded-xl border p-4 pt-3" : "min-w-0"
+		}, g.component.extraAttributes), [g.component.label ? (d(), o("legend", {
+			key: 0,
+			class: u(p(e)("text-sm font-medium", _.value ? "px-1" : "mb-3"))
+		}, f(g.component.label), 3)) : a("", !0), s(n, { component: g.component }, {
+			default: m(({ component: e }) => [s(t, {
+				components: e.schema ?? [],
+				columns: e.columns,
+				class: u(p(r)(e) || void 0)
+			}, null, 8, [
+				"components",
+				"columns",
+				"class"
+			])]),
+			_: 1
+		}, 8, ["component"])], 16, h));
+	}
+});
+//#endregion
+export { g as default };
+
+//# sourceMappingURL=FieldsetComponent.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/layout/FieldsetComponent.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldsetComponent.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_mergeProps","_normalizeClass","_unref","_toDisplayString","_createCommentVNode","_createVNode","DeferredSchema","_withCtx","SchemaRenderer","SchemaRenderer_default","DeferredSchema_default","_hoisted_1","FieldsetComponent_vue_vue_type_script_setup_true_lang_default","props","__props","contained","computed","openBlock","createElementBlock","mergeProps","normalizeClass","unref","cn","toDisplayString","createCommentVNode","createVNode","withCtx","loaded","schemaGapClass"],"sources":["../../../src/components/layout/FieldsetComponent.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { FieldsetSchema } from '@alfakit/core'\nimport { schemaGapClass } from '@alfakit/core'\nimport { computed } from 'vue'\nimport { cn } from '../../lib/utils'\nimport SchemaRenderer from '../schema/SchemaRenderer.vue'\nimport DeferredSchema from './DeferredSchema.vue'\n\nconst props = defineProps<{ component: FieldsetSchema }>()\nconst contained = computed(() => props.component.contained !== false)\n</script>\n\n<template>\n  <fieldset\n    :data-contained=\"contained ? undefined : 'false'\"\n    :class=\"contained ? 'rounded-xl border p-4 pt-3' : 'min-w-0'\"\n    v-bind=\"props.component.extraAttributes\"\n  >\n    <legend\n      v-if=\"props.component.label\"\n      :class=\"cn('text-sm font-medium', contained ? 'px-1' : 'mb-3')\"\n    >\n      {{ props.component.label }}\n    </legend>\n    <DeferredSchema v-slot=\"{ component: loaded }\" :component=\"props.component\">\n      <SchemaRenderer\n        :components=\"loaded.schema ?? []\"\n        :columns=\"loaded.columns\"\n        :class=\"schemaGapClass(loaded) || undefined\"\n      />\n    </DeferredSchema>\n  </fieldset>\n</template>\n"],"mappings":";;;;;;;;;;EAQA,IAAMe,IAAQC,GACRC,IAAYC,QAAeH,EAAM,UAAU,cAAc,EAAK;oBAIlEf,EAAA,GAAAC,EAkBW,YAlBXC,EAkBW;GAjBR,kBAAgBe,EAAA,QAAY,KAAA,IAAS;GACrC,OAAOA,EAAA,QAAS,+BAAA;EACT,GAAAF,EAAM,UAAU,eAAe,GAAA,CAG/BA,EAAM,UAAU,SADxBf,EAAA,GAAAC,EAKS,UAAA;;GAHN,OAAKE,EAAEC,EAAAoB,CAAA,CAAE,CAAA,uBAAwBP,EAAA,QAAS,SAAA,MAAA,CAAA;EAExC,GAAAZ,EAAAU,EAAM,UAAU,KAAK,GAAA,CAAA,KAAAW,EAAA,IAAA,EAAA,GAE1BnB,EAMiBC,GAAA,EAN+B,WAAWO,EAAM,UAAA,GAAA;GAC/D,SAAAN,GAIE,EAAA,WALiCoB,QAAM,CACzCtB,EAIEG,GAAA;IAHC,YAAYmB,EAAO,UAAM,CAAA;IACzB,SAASA,EAAO;IAChB,OAAK1B,EAAEC,EAAA0B,CAAA,CAAc,CAACD,CAAM,KAAK,KAAA,CAAS"}

package/dist/components/layout/FlexComponent.js

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

package/dist/components/layout/FlexComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlexComponent.js","names":["_sfc_main","FlexComponent_vue_vue_type_script_setup_true_lang_default","FlexComponent_default"],"sources":["../../../src/components/layout/FlexComponent.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { FlexSchema } from '@alfakit/core'\nimport { flexItemClasses, flexLayoutClasses, schemaGapClass } from '@alfakit/core'\nimport { cn } from '../../lib/utils'\nimport RenderComponent from '../schema/RenderComponent.vue'\n\nconst props = defineProps<{ component: FlexSchema }>()\n</script>\n\n<template>\n  <div\n    data-slot=\"flex\"\n    :class=\"cn(flexLayoutClasses(props.component), schemaGapClass(props.component))\"\n    v-bind=\"props.component.extraAttributes\"\n  >\n    <div\n      v-for=\"child in props.component.schema ?? []\"\n      :key=\"child.key\"\n      data-slot=\"flex-item\"\n      :class=\"flexItemClasses(child)\"\n    >\n      <RenderComponent :component=\"child\" />\n    </div>\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/layout/FlexComponent.vue.d.ts

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

package/dist/components/layout/FlexComponent.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlexComponent.vue.d.ts","sourceRoot":"","sources":["../../../src/components/layout/FlexComponent.vue"],"names":[],"mappings":"AA2BA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAK/C,KAAK,WAAW,GAAG;IAAE,SAAS,EAAE,UAAU,CAAA;CAAE,CAAC;;AAuD7C,wBAMG"}

package/dist/components/layout/FlexComponent.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,24 @@
+import { cn as e } from "../../lib/utils.js";
+import t from "../schema/RenderComponent.js";
+import { flexItemClasses as n, flexLayoutClasses as r, schemaGapClass as i } from "@alfakit/core";
+import { Fragment as a, createElementBlock as o, createVNode as s, defineComponent as c, mergeProps as l, normalizeClass as u, openBlock as d, renderList as f, unref as p } from "vue";
+//#region src/components/layout/FlexComponent.vue?vue&type=script&setup=true&lang.ts
+var m = /*@__PURE__*/ c({
+	__name: "FlexComponent",
+	props: { component: {} },
+	setup(c) {
+		let m = c;
+		return (c, h) => (d(), o("div", l({
+			"data-slot": "flex",
+			class: p(e)(p(r)(m.component), p(i)(m.component))
+		}, m.component.extraAttributes), [(d(!0), o(a, null, f(m.component.schema ?? [], (e) => (d(), o("div", {
+			key: e.key,
+			"data-slot": "flex-item",
+			class: u(p(n)(e))
+		}, [s(t, { component: e }, null, 8, ["component"])], 2))), 128))], 16));
+	}
+});
+//#endregion
+export { m as default };
+
+//# sourceMappingURL=FlexComponent.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/layout/FlexComponent.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlexComponent.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_mergeProps","_unref","_Fragment","_renderList","_normalizeClass","_createVNode","RenderComponent","RenderComponent_default","FlexComponent_vue_vue_type_script_setup_true_lang_default","props","__props","openBlock","createElementBlock","mergeProps","unref","cn","flexLayoutClasses","schemaGapClass","Fragment","renderList","child","normalizeClass","flexItemClasses","createVNode"],"sources":["../../../src/components/layout/FlexComponent.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { FlexSchema } from '@alfakit/core'\nimport { flexItemClasses, flexLayoutClasses, schemaGapClass } from '@alfakit/core'\nimport { cn } from '../../lib/utils'\nimport RenderComponent from '../schema/RenderComponent.vue'\n\nconst props = defineProps<{ component: FlexSchema }>()\n</script>\n\n<template>\n  <div\n    data-slot=\"flex\"\n    :class=\"cn(flexLayoutClasses(props.component), schemaGapClass(props.component))\"\n    v-bind=\"props.component.extraAttributes\"\n  >\n    <div\n      v-for=\"child in props.component.schema ?? []\"\n      :key=\"child.key\"\n      data-slot=\"flex-item\"\n      :class=\"flexItemClasses(child)\"\n    >\n      <RenderComponent :component=\"child\" />\n    </div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;EAMA,IAAMW,IAAQC;oBAIZZ,EAAA,GAAAC,EAaM,OAbNC,EAaM;GAZJ,aAAU;GACT,OAAOC,EAAAc,CAAA,CAAE,CAACd,EAAAe,CAAA,CAAiB,CAACP,EAAM,SAAS,GAAGR,EAAAgB,CAAA,CAAc,CAACR,EAAM,SAAS,CAAA;EACrE,GAAAA,EAAM,UAAU,eAAe,GAAA,EAEvCX,EAAA,EAAA,GAAAC,EAOMG,GAAA,MAAAC,EANYM,EAAM,UAAU,UAAM,CAAA,IAA/B,OADTX,EAAA,GAAAC,EAOM,OAAA;GALH,KAAKqB,EAAM;GACZ,aAAU;GACT,OAAKhB,EAAEH,EAAAqB,CAAA,CAAe,CAACF,CAAK,CAAA;EAE7Bf,GAAAA,CAAAA,EAAsCC,GAAA,EAApB,WAAWc,EAAK,GAAA,MAAA,GAAA,CAAA,WAAA,CAAA,CAAA,GAAA,CAAA"}

package/dist/components/layout/FusedGroupComponent.js

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

package/dist/components/layout/FusedGroupComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FusedGroupComponent.js","names":["_sfc_main","FusedGroupComponent_vue_vue_type_script_setup_true_lang_default","FusedGroupComponent_default"],"sources":["../../../src/components/layout/FusedGroupComponent.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { FusedGroupSchema } from '@alfakit/core'\nimport { collectFieldStatePaths, gridColumnsClasses } from '@alfakit/core'\nimport { computed, shallowRef, useId } from 'vue'\nimport { useStore } from '../../composables/use-store'\nimport { cn } from '../../lib/utils'\nimport { useOptionalFormStore } from '../form/form-context'\nimport { provideFusedGroup } from '../schema/fused-group'\nimport RenderComponent from '../schema/RenderComponent.vue'\n\n/**\n * Fields fused into one control: one border around them (styled by `themes.css`), the\n * group label above, and the fields' validation errors below.\n */\nconst props = defineProps<{ component: FusedGroupSchema }>()\n\nprovideFusedGroup()\n\nconst labelId = `${useId()}-label`\nconst store = useOptionalFormStore()\nconst state = store ? useStore(store.store) : shallowRef(null)\nconst paths = computed(() => collectFieldStatePaths(props.component.schema))\nconst errors = computed(() =>\n  state.value\n    ? paths.value\n        .map((path) => state.value?.errors[path]?.[0])\n        .filter((message): message is string => Boolean(message))\n    : [],\n)\n</script>\n\n<template>\n  <div\n    data-slot=\"fused-group\"\n    role=\"group\"\n    :aria-labelledby=\"props.component.label ? labelId : undefined\"\n    class=\"flex flex-col gap-1.5\"\n    v-bind=\"props.component.extraAttributes\"\n  >\n    <span\n      v-if=\"props.component.label\"\n      :id=\"labelId\"\n      class=\"text-sm leading-none font-medium select-none\"\n    >\n      {{ props.component.label }}\n    </span>\n    <div\n      data-slot=\"fused-group-controls\"\n      :data-invalid=\"errors.length ? '' : undefined\"\n      :class=\"cn('grid', gridColumnsClasses(props.component.columns ?? { default: 1 }))\"\n    >\n      <RenderComponent\n        v-for=\"child in props.component.schema ?? []\"\n        :key=\"child.key\"\n        :component=\"child\"\n      />\n    </div>\n    <!-- The fields announce their own errors; this list is the visible copy. -->\n    <div v-if=\"errors.length\" aria-hidden=\"true\" class=\"flex flex-col gap-0.5\">\n      <p v-for=\"(message, index) in errors\" :key=\"index\" class=\"text-destructive text-xs\">\n        {{ message }}\n      </p>\n    </div>\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/layout/FusedGroupComponent.vue.d.ts

@@ -0,0 +1,11 @@
+import type { FusedGroupSchema } from '@alfakit/core';
+/**
+ * Fields fused into one control: one border around them (styled by `themes.css`), the
+ * group label above, and the fields' validation errors below.
+ */
+type __VLS_Props = {
+    component: FusedGroupSchema;
+};
+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=FusedGroupComponent.vue.d.ts.map

package/dist/components/layout/FusedGroupComponent.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FusedGroupComponent.vue.d.ts","sourceRoot":"","sources":["../../../src/components/layout/FusedGroupComponent.vue"],"names":[],"mappings":"AAmEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AASrD;;;GAGG;AACH,KAAK,WAAW,GAAG;IAAE,SAAS,EAAE,gBAAgB,CAAA;CAAE,CAAC;;AAyGnD,wBAMG"}

package/dist/components/layout/FusedGroupComponent.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,49 @@
+import { cn as e } from "../../lib/utils.js";
+import { useStore as t } from "../../composables/use-store.js";
+import { useOptionalFormStore as n } from "../form/form-context.js";
+import r from "../schema/RenderComponent.js";
+import { provideFusedGroup as i } from "../schema/fused-group.js";
+import { collectFieldStatePaths as a, gridColumnsClasses as o } from "@alfakit/core";
+import { Fragment as s, computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, defineComponent as p, mergeProps as m, normalizeClass as h, openBlock as g, renderList as _, shallowRef as v, toDisplayString as y, unref as b, useId as x } from "vue";
+//#region src/components/layout/FusedGroupComponent.vue?vue&type=script&setup=true&lang.ts
+var S = ["aria-labelledby"], C = ["data-invalid"], w = {
+	key: 1,
+	"aria-hidden": "true",
+	class: "flex flex-col gap-0.5"
+}, T = /*@__PURE__*/ p({
+	__name: "FusedGroupComponent",
+	props: { component: {} },
+	setup(p) {
+		let T = p;
+		i();
+		let E = `${x()}-label`, D = n(), O = D ? t(D.store) : v(null), k = c(() => a(T.component.schema)), A = c(() => O.value ? k.value.map((e) => O.value?.errors[e]?.[0]).filter((e) => !!e) : []);
+		return (t, n) => (g(), d("div", m({
+			"data-slot": "fused-group",
+			role: "group",
+			"aria-labelledby": T.component.label ? E : void 0,
+			class: "flex flex-col gap-1.5"
+		}, T.component.extraAttributes), [
+			T.component.label ? (g(), d("span", {
+				key: 0,
+				id: E,
+				class: "text-sm leading-none font-medium select-none"
+			}, y(T.component.label), 1)) : u("", !0),
+			f("div", {
+				"data-slot": "fused-group-controls",
+				"data-invalid": A.value.length ? "" : void 0,
+				class: h(b(e)("grid", b(o)(T.component.columns ?? { default: 1 })))
+			}, [(g(!0), d(s, null, _(T.component.schema ?? [], (e) => (g(), l(r, {
+				key: e.key,
+				component: e
+			}, null, 8, ["component"]))), 128))], 10, C),
+			A.value.length ? (g(), d("div", w, [(g(!0), d(s, null, _(A.value, (e, t) => (g(), d("p", {
+				key: t,
+				class: "text-destructive text-xs"
+			}, y(e), 1))), 128))])) : u("", !0)
+		], 16, S));
+	}
+});
+//#endregion
+export { T as default };
+
+//# sourceMappingURL=FusedGroupComponent.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/layout/FusedGroupComponent.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FusedGroupComponent.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_mergeProps","_toDisplayString","_createCommentVNode","_createElementVNode","_normalizeClass","_unref","_Fragment","_renderList","_createBlock","RenderComponent","RenderComponent_default","_hoisted_1","_hoisted_2","_hoisted_3","FusedGroupComponent_vue_vue_type_script_setup_true_lang_default","props","__props","labelId","useId","store","useOptionalFormStore","state","useStore","shallowRef","paths","computed","collectFieldStatePaths","errors","path","message","openBlock","createElementBlock","mergeProps","toDisplayString","createCommentVNode","createElementVNode","normalizeClass","unref","cn","gridColumnsClasses","Fragment","renderList","createBlock","child","index"],"sources":["../../../src/components/layout/FusedGroupComponent.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { FusedGroupSchema } from '@alfakit/core'\nimport { collectFieldStatePaths, gridColumnsClasses } from '@alfakit/core'\nimport { computed, shallowRef, useId } from 'vue'\nimport { useStore } from '../../composables/use-store'\nimport { cn } from '../../lib/utils'\nimport { useOptionalFormStore } from '../form/form-context'\nimport { provideFusedGroup } from '../schema/fused-group'\nimport RenderComponent from '../schema/RenderComponent.vue'\n\n/**\n * Fields fused into one control: one border around them (styled by `themes.css`), the\n * group label above, and the fields' validation errors below.\n */\nconst props = defineProps<{ component: FusedGroupSchema }>()\n\nprovideFusedGroup()\n\nconst labelId = `${useId()}-label`\nconst store = useOptionalFormStore()\nconst state = store ? useStore(store.store) : shallowRef(null)\nconst paths = computed(() => collectFieldStatePaths(props.component.schema))\nconst errors = computed(() =>\n  state.value\n    ? paths.value\n        .map((path) => state.value?.errors[path]?.[0])\n        .filter((message): message is string => Boolean(message))\n    : [],\n)\n</script>\n\n<template>\n  <div\n    data-slot=\"fused-group\"\n    role=\"group\"\n    :aria-labelledby=\"props.component.label ? labelId : undefined\"\n    class=\"flex flex-col gap-1.5\"\n    v-bind=\"props.component.extraAttributes\"\n  >\n    <span\n      v-if=\"props.component.label\"\n      :id=\"labelId\"\n      class=\"text-sm leading-none font-medium select-none\"\n    >\n      {{ props.component.label }}\n    </span>\n    <div\n      data-slot=\"fused-group-controls\"\n      :data-invalid=\"errors.length ? '' : undefined\"\n      :class=\"cn('grid', gridColumnsClasses(props.component.columns ?? { default: 1 }))\"\n    >\n      <RenderComponent\n        v-for=\"child in props.component.schema ?? []\"\n        :key=\"child.key\"\n        :component=\"child\"\n      />\n    </div>\n    <!-- The fields announce their own errors; this list is the visible copy. -->\n    <div v-if=\"errors.length\" aria-hidden=\"true\" class=\"flex flex-col gap-0.5\">\n      <p v-for=\"(message, index) in errors\" :key=\"index\" class=\"text-destructive text-xs\">\n        {{ message }}\n      </p>\n    </div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;EAcA,IAAMiB,IAAQC;EAEd,EAAkB;EAElB,IAAMC,IAAU,GAAGC,EAAM,EAAE,SACrBC,IAAQC,EAAqB,GAC7BC,IAAQF,IAAQG,EAASH,EAAM,KAAK,IAAII,EAAW,IAAI,GACvDC,IAAQC,QAAeC,EAAuBX,EAAM,UAAU,MAAM,CAAC,GACrEY,IAASF,QACbJ,EAAM,QACFG,EAAM,MACH,KAAK,MAASH,EAAM,OAAO,OAAOO,EAAK,GAAG,EAAE,CAAA,CAC5C,QAAQ,MAA+B,EAAQC,CAAQ,IAC1D,CAAC,CACP;oBAIE/B,EAAA,GAAAC,EA+BM,OA/BNC,EA+BM;GA9BJ,aAAU;GACV,MAAK;GACJ,mBAAiBe,EAAM,UAAU,QAAQE,IAAU,KAAA;GACpD,OAAM;EACE,GAAAF,EAAM,UAAU,eAAe,GAAA;GAG/BA,EAAM,UAAU,SADxBjB,EAAA,GAAAC,EAMO,QAAA;;IAJJ,IAAIkB;IACL,OAAM;GAEH,GAAAhB,EAAAc,EAAM,UAAU,KAAK,GAAA,CAAA,KAAAmB,EAAA,IAAA,EAAA;GAE1B/B,EAUM,OAAA;IATJ,aAAU;IACT,gBAAcwB,EAAA,MAAO,SAAM,KAAQ,KAAA;IACnC,OAAKvB,EAAEC,EAAAiC,CAAA,CAAE,CAAA,QAASjC,EAAAkC,CAAA,CAAkB,CAACxB,EAAM,UAAU,WAAO,EAAA,SAAA,EAAA,CAAA,CAAA,CAAA;GAE7DjB,GAAAA,EAAAA,EAAA,EAAA,GAAAC,EAIEO,GAAA,MAAAC,EAHgBQ,EAAM,UAAU,UAAM,CAAA,IAA/B,OADTjB,EAAA,GAAAU,EAIEC,GAAA;IAFC,KAAKkC,EAAM;IACX,WAAWA;;GAILhB,EAAA,MAAO,UAAlB7B,EAAA,GAAAC,EAIM,OAJNc,GAIM,EAHJf,EAAA,EAAA,GAAAC,EAEIO,GAAA,MAAAC,EAF0BoB,EAAA,QAAnB,GAAS,OAApB7B,EAAA,GAAAC,EAEI,KAAA;IAFmC,KAAK6C;IAAO,OAAM;GACpD,GAAA3C,EAAA4B,CAAO,GAAA,CAAA"}

package/dist/components/layout/GridComponent.js

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

package/dist/components/layout/GridComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridComponent.js","names":["_sfc_main","GridComponent_vue_vue_type_script_setup_true_lang_default","GridComponent_default"],"sources":["../../../src/components/layout/GridComponent.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { GridSchema, GroupSchema } from '@alfakit/core'\nimport { schemaGapClass } from '@alfakit/core'\nimport SchemaRenderer from '../schema/SchemaRenderer.vue'\nimport DeferredSchema from './DeferredSchema.vue'\n\nconst props = defineProps<{ component: GridSchema | GroupSchema }>()\n</script>\n\n<template>\n  <DeferredSchema v-slot=\"{ component: loaded }\" :component=\"props.component\">\n    <SchemaRenderer\n      :components=\"loaded.schema ?? []\"\n      :columns=\"loaded.columns\"\n      :attributes=\"loaded.extraAttributes\"\n      :class=\"schemaGapClass(loaded) || undefined\"\n    />\n  </DeferredSchema>\n</template>\n"],"mappings":""}

package/dist/components/layout/GridComponent.vue.d.ts

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

package/dist/components/layout/GridComponent.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridComponent.vue.d.ts","sourceRoot":"","sources":["../../../src/components/layout/GridComponent.vue"],"names":[],"mappings":"AAqBA,OAAO,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAK5D,KAAK,WAAW,GAAG;IAAE,SAAS,EAAE,UAAU,GAAG,WAAW,CAAA;CAAE,CAAC;;AA8D3D,wBAMG"}

package/dist/components/layout/GridComponent.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,30 @@
+import e from "../schema/SchemaRenderer.js";
+import t from "./DeferredSchema.js";
+import { schemaGapClass as n } from "@alfakit/core";
+import { createBlock as r, createVNode as i, defineComponent as a, normalizeClass as o, openBlock as s, unref as c, withCtx as l } from "vue";
+//#region src/components/layout/GridComponent.vue?vue&type=script&setup=true&lang.ts
+var u = /*@__PURE__*/ a({
+	__name: "GridComponent",
+	props: { component: {} },
+	setup(a) {
+		let u = a;
+		return (a, d) => (s(), r(t, { component: u.component }, {
+			default: l(({ component: t }) => [i(e, {
+				components: t.schema ?? [],
+				columns: t.columns,
+				attributes: t.extraAttributes,
+				class: o(c(n)(t) || void 0)
+			}, null, 8, [
+				"components",
+				"columns",
+				"attributes",
+				"class"
+			])]),
+			_: 1
+		}, 8, ["component"]));
+	}
+});
+//#endregion
+export { u as default };
+
+//# sourceMappingURL=GridComponent.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/layout/GridComponent.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridComponent.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","DeferredSchema","_withCtx","_createVNode","SchemaRenderer","_normalizeClass","_unref","SchemaRenderer_default","DeferredSchema_default","GridComponent_vue_vue_type_script_setup_true_lang_default","props","__props","openBlock","createBlock","withCtx","loaded","createVNode","normalizeClass","unref","schemaGapClass"],"sources":["../../../src/components/layout/GridComponent.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { GridSchema, GroupSchema } from '@alfakit/core'\nimport { schemaGapClass } from '@alfakit/core'\nimport SchemaRenderer from '../schema/SchemaRenderer.vue'\nimport DeferredSchema from './DeferredSchema.vue'\n\nconst props = defineProps<{ component: GridSchema | GroupSchema }>()\n</script>\n\n<template>\n  <DeferredSchema v-slot=\"{ component: loaded }\" :component=\"props.component\">\n    <SchemaRenderer\n      :components=\"loaded.schema ?? []\"\n      :columns=\"loaded.columns\"\n      :attributes=\"loaded.extraAttributes\"\n      :class=\"schemaGapClass(loaded) || undefined\"\n    />\n  </DeferredSchema>\n</template>\n"],"mappings":";;;;;;;;;EAMA,IAAMW,IAAQC;oBAIZZ,EAAA,GAAAC,EAOiBC,GAAA,EAP+B,WAAWS,EAAM,UAAA,GAAA;GAC/D,SAAAR,GAKE,EAAA,WANiCa,QAAM,CACzCZ,EAKEC,GAAA;IAJC,YAAYW,EAAO,UAAM,CAAA;IACzB,SAASA,EAAO;IAChB,YAAYA,EAAO;IACnB,OAAKV,EAAEC,EAAAa,CAAA,CAAc,CAACJ,CAAM,KAAK,KAAA,CAAS"}

package/dist/components/layout/HtmlComponent.js

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

package/dist/components/layout/HtmlComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HtmlComponent.js","names":["_sfc_main","HtmlComponent_vue_vue_type_script_setup_true_lang_default","HtmlComponent_default"],"sources":["../../../src/components/layout/HtmlComponent.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { HtmlSchema } from '@alfakit/core'\n\nconst props = defineProps<{ component: HtmlSchema }>()\n</script>\n\n<template>\n  <div\n    class=\"alfakit-prose text-sm\"\n    v-bind=\"props.component.extraAttributes\"\n    v-html=\"props.component.content\"\n  />\n</template>\n"],"mappings":""}

package/dist/components/layout/HtmlComponent.vue.d.ts

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

package/dist/components/layout/HtmlComponent.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HtmlComponent.vue.d.ts","sourceRoot":"","sources":["../../../src/components/layout/HtmlComponent.vue"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAE/C,KAAK,WAAW,GAAG;IAAE,SAAS,EAAE,UAAU,CAAA;CAAE,CAAC;;AAqC7C,wBAMG"}

package/dist/components/layout/HtmlComponent.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,14 @@
+import { createElementBlock as e, defineComponent as t, mergeProps as n, openBlock as r } from "vue";
+//#region src/components/layout/HtmlComponent.vue?vue&type=script&setup=true&lang.ts
+var i = ["innerHTML"], a = /*@__PURE__*/ t({
+	__name: "HtmlComponent",
+	props: { component: {} },
+	setup(t) {
+		let a = t;
+		return (t, o) => (r(), e("div", n({ class: "alfakit-prose text-sm" }, a.component.extraAttributes, { innerHTML: a.component.content }), null, 16, i));
+	}
+});
+//#endregion
+export { a as default };
+
+//# sourceMappingURL=HtmlComponent.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/layout/HtmlComponent.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HtmlComponent.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_mergeProps","_hoisted_1","HtmlComponent_vue_vue_type_script_setup_true_lang_default","props","__props","openBlock","createElementBlock","mergeProps"],"sources":["../../../src/components/layout/HtmlComponent.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { HtmlSchema } from '@alfakit/core'\n\nconst props = defineProps<{ component: HtmlSchema }>()\n</script>\n\n<template>\n  <div\n    class=\"alfakit-prose text-sm\"\n    v-bind=\"props.component.extraAttributes\"\n    v-html=\"props.component.content\"\n  />\n</template>\n"],"mappings":";;;;;;EAGA,IAAMK,IAAQC;oBAIZN,EAAA,GAAAC,EAIE,OAJFC,EAIE,EAHA,OAAM,wBAAuB,GACrBG,EAAM,UAAU,iBAAe,EACvC,WAAQA,EAAM,UAAU,QAAA,CAAA,GAAA,MAAA,IAAAF,CAAA"}

package/dist/components/layout/IconComponent.js

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

package/dist/components/layout/IconComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconComponent.js","names":["_sfc_main","IconComponent_vue_vue_type_script_setup_true_lang_default","IconComponent_default"],"sources":["../../../src/components/layout/IconComponent.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { IconSchema } from '@alfakit/core'\nimport { iconSizeClasses, textColorClasses } from '../../lib/colors'\nimport { Icon } from '../../lib/icons'\nimport { cn } from '../../lib/utils'\nimport Tooltip from '../ui/Tooltip.vue'\nimport TooltipContent from '../ui/TooltipContent.vue'\nimport TooltipTrigger from '../ui/TooltipTrigger.vue'\n\nconst props = defineProps<{ component: IconSchema }>()\n</script>\n\n<template>\n  <Tooltip v-if=\"props.component.tooltip\">\n    <TooltipTrigger as-child>\n      <span\n        data-slot=\"icon\"\n        class=\"inline-flex\"\n        role=\"img\"\n        :aria-label=\"props.component.tooltip\"\n        v-bind=\"props.component.extraAttributes\"\n      >\n        <Icon\n          :name=\"props.component.icon\"\n          aria-hidden=\"true\"\n          :class=\"\n            cn(\n              iconSizeClasses[props.component.size ?? 'md'] ?? 'size-5',\n              props.component.color && textColorClasses[props.component.color],\n            )\n          \"\n        />\n      </span>\n    </TooltipTrigger>\n    <TooltipContent>{{ props.component.tooltip }}</TooltipContent>\n  </Tooltip>\n  <span v-else data-slot=\"icon\" class=\"inline-flex\" v-bind=\"props.component.extraAttributes\">\n    <Icon\n      :name=\"props.component.icon\"\n      aria-hidden=\"true\"\n      :class=\"\n        cn(\n          iconSizeClasses[props.component.size ?? 'md'] ?? 'size-5',\n          props.component.color && textColorClasses[props.component.color],\n        )\n      \"\n    />\n  </span>\n</template>\n"],"mappings":""}