@alfakit/vue 0.1.9 → 0.1.11

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

@@ -1 +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      data-slot=\"label\"\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":""}
+{"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"],"mappings":""}

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

@@ -1 +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      data-slot=\"label\"\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,EAgCM,OAhCNC,EAgCM;GA/BJ,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,EAOO,QAAA;;IALJ,IAAIkB;IACL,aAAU;IACV,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"}
+{"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"],"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,EAgCM,OAhCNC,EAgCM;GA/BJ,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,EAOO,QAAA;;IALJ,IAAIkB;IACL,aAAU;IACV,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.map

@@ -1 +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":""}
+{"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"],"mappings":""}

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

@@ -1 +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"}
+{"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"],"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.map

@@ -1 +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":""}
+{"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"],"mappings":""}

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

@@ -1 +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"}
+{"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"],"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.map

@@ -1 +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":""}
+{"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"],"mappings":""}

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

@@ -1 +1 @@
-{"version":3,"file":"IconComponent.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","Tooltip","_withCtx","_createVNode","TooltipTrigger","_createElementVNode","_mergeProps","_unref","Icon","_normalizeClass","TooltipContent","_createTextVNode","_toDisplayString","_createElementBlock","Icon_default","Tooltip_default","TooltipContent_default","TooltipTrigger_default","_hoisted_1","IconComponent_vue_vue_type_script_setup_true_lang_default","props","__props","openBlock","createBlock","withCtx","createVNode","createElementVNode","mergeProps","unref","normalizeClass","cn","iconSizeClasses","textColorClasses","createTextVNode","toDisplayString","createElementBlock"],"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":";;;;;;;;;;;;EASA,IAAMqB,IAAQC;mBAIGD,EAAM,UAAU,WAA/BrB,EAAA,GAAAC,EAsBUC,GAAA,EAAA,KAAA,EAAA,GAAA;GArBR,SAAAC,QAmBiB,CAnBjBC,EAmBiBC,GAAA,EAnBD,YAAA,GAAQ,GAAA;IACtB,SAAAF,QAiBO,CAjBPG,EAiBO,QAjBPC,EAiBO;KAhBL,aAAU;KACV,OAAM;KACN,MAAK;KACJ,cAAYc,EAAM,UAAU;IACrB,GAAAA,EAAM,UAAU,eAAe,GAAA,CAEvCjB,EASEI,EAAAC,CAAA,GAAA;KARC,MAAMY,EAAM,UAAU;KACvB,eAAY;KACX,OAAKX,EAAeF,EAAAuB,CAAA,CAAE,CAAgBvB,EAAAwB,CAAA,CAAe,CAACX,EAAM,UAAU,QAAI,SAAA,UAAqCA,EAAM,UAAU,SAASb,EAAAyB,CAAA,CAAgB,CAACZ,EAAM,UAAU,MAAA,CAAA;;;GAShLjB,CAAAA,GAAAA,EAA8DO,GAAA,MAAA;IAA9C,SAAAR,QAA6B,CAA1BS,EAAAC,EAAAQ,EAAM,UAAU,OAAO,GAAA,CAAA,CAAA,CAAA;;;;EAE5CrB,CAAAA,MAAAA,EAAA,GAAAc,EAWO,QAXPP,EAWO;;GAXM,aAAU;GAAO,OAAM;EAAsB,GAAAc,EAAM,UAAU,eAAe,GAAA,CACvFjB,EASEI,EAAAC,CAAA,GAAA;GARC,MAAMY,EAAM,UAAU;GACvB,eAAY;GACX,OAAKX,EAAWF,EAAAuB,CAAA,CAAE,CAAYvB,EAAAwB,CAAA,CAAe,CAACX,EAAM,UAAU,QAAI,SAAA,UAAiCA,EAAM,UAAU,SAASb,EAAAyB,CAAA,CAAgB,CAACZ,EAAM,UAAU,MAAA,CAAA"}
+{"version":3,"file":"IconComponent.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","Tooltip","_withCtx","_createVNode","TooltipTrigger","_createElementVNode","_mergeProps","_unref","Icon","_normalizeClass","TooltipContent","_createTextVNode","_toDisplayString","_createElementBlock","Icon_default","Tooltip_default","TooltipContent_default","TooltipTrigger_default","_hoisted_1","IconComponent_vue_vue_type_script_setup_true_lang_default","props","__props","openBlock","createBlock","withCtx","createVNode","createElementVNode","mergeProps","unref","normalizeClass","cn","iconSizeClasses","textColorClasses","createTextVNode","toDisplayString","createElementBlock"],"sources":["../../../src/components/layout/IconComponent.vue"],"mappings":";;;;;;;;;;;;EASA,IAAMqB,IAAQC;mBAIGD,EAAM,UAAU,WAA/BrB,EAAA,GAAAC,EAsBUC,GAAA,EAAA,KAAA,EAAA,GAAA;GArBR,SAAAC,QAmBiB,CAnBjBC,EAmBiBC,GAAA,EAnBD,YAAA,GAAQ,GAAA;IACtB,SAAAF,QAiBO,CAjBPG,EAiBO,QAjBPC,EAiBO;KAhBL,aAAU;KACV,OAAM;KACN,MAAK;KACJ,cAAYc,EAAM,UAAU;IACrB,GAAAA,EAAM,UAAU,eAAe,GAAA,CAEvCjB,EASEI,EAAAC,CAAA,GAAA;KARC,MAAMY,EAAM,UAAU;KACvB,eAAY;KACX,OAAKX,EAAeF,EAAAuB,CAAA,CAAE,CAAgBvB,EAAAwB,CAAA,CAAe,CAACX,EAAM,UAAU,QAAI,SAAA,UAAqCA,EAAM,UAAU,SAASb,EAAAyB,CAAA,CAAgB,CAACZ,EAAM,UAAU,MAAA,CAAA;;;GAShLjB,CAAAA,GAAAA,EAA8DO,GAAA,MAAA;IAA9C,SAAAR,QAA6B,CAA1BS,EAAAC,EAAAQ,EAAM,UAAU,OAAO,GAAA,CAAA,CAAA,CAAA;;;;EAE5CrB,CAAAA,MAAAA,EAAA,GAAAc,EAWO,QAXPP,EAWO;;GAXM,aAAU;GAAO,OAAM;EAAsB,GAAAc,EAAM,UAAU,eAAe,GAAA,CACvFjB,EASEI,EAAAC,CAAA,GAAA;GARC,MAAMY,EAAM,UAAU;GACvB,eAAY;GACX,OAAKX,EAAWF,EAAAuB,CAAA,CAAE,CAAYvB,EAAAwB,CAAA,CAAe,CAACX,EAAM,UAAU,QAAI,SAAA,UAAiCA,EAAM,UAAU,SAASb,EAAAyB,CAAA,CAAgB,CAACZ,EAAM,UAAU,MAAA,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"ImageComponent.js","names":["_sfc_main","ImageComponent_vue_vue_type_script_setup_true_lang_default","ImageComponent_default"],"sources":["../../../src/components/layout/ImageComponent.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ImageSchema } from '@alfakit/core'\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 ALIGNMENT: Record<string, string> = {\n  start: 'justify-start',\n  center: 'justify-center',\n  end: 'justify-end',\n}\n\nconst props = defineProps<{ component: ImageSchema }>()\n</script>\n\n<template>\n  <div\n    data-slot=\"image\"\n    :class=\"cn('flex', ALIGNMENT[props.component.alignment ?? 'start'] ?? 'justify-start')\"\n    v-bind=\"props.component.extraAttributes\"\n  >\n    <Tooltip v-if=\"props.component.tooltip\">\n      <TooltipTrigger as-child>\n        <img\n          :src=\"props.component.url\"\n          :alt=\"props.component.alt\"\n          loading=\"lazy\"\n          :class=\"\n            cn('max-w-full object-cover', props.component.circular ? 'rounded-full' : 'rounded-md')\n          \"\n          :style=\"{ width: props.component.imageWidth, height: props.component.imageHeight }\"\n        />\n      </TooltipTrigger>\n      <TooltipContent>{{ props.component.tooltip }}</TooltipContent>\n    </Tooltip>\n    <img\n      v-else\n      :src=\"props.component.url\"\n      :alt=\"props.component.alt\"\n      loading=\"lazy\"\n      :class=\"\n        cn('max-w-full object-cover', props.component.circular ? 'rounded-full' : 'rounded-md')\n      \"\n      :style=\"{ width: props.component.imageWidth, height: props.component.imageHeight }\"\n    />\n  </div>\n</template>\n"],"mappings":""}
+{"version":3,"file":"ImageComponent.js","names":["_sfc_main","ImageComponent_vue_vue_type_script_setup_true_lang_default","ImageComponent_default"],"sources":["../../../src/components/layout/ImageComponent.vue"],"mappings":""}

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

@@ -1 +1 @@
-{"version":3,"file":"ImageComponent.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_mergeProps","_unref","_createBlock","Tooltip","_withCtx","_createVNode","TooltipTrigger","_createElementVNode","_normalizeClass","_normalizeStyle","TooltipContent","_createTextVNode","_toDisplayString","Tooltip_default","TooltipContent_default","TooltipTrigger_default","_hoisted_1","_hoisted_2","ImageComponent_vue_vue_type_script_setup_true_lang_default","ALIGNMENT","props","__props","openBlock","createElementBlock","mergeProps","unref","cn","createBlock","withCtx","createVNode","createElementVNode","normalizeClass","normalizeStyle","createTextVNode","toDisplayString"],"sources":["../../../src/components/layout/ImageComponent.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ImageSchema } from '@alfakit/core'\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 ALIGNMENT: Record<string, string> = {\n  start: 'justify-start',\n  center: 'justify-center',\n  end: 'justify-end',\n}\n\nconst props = defineProps<{ component: ImageSchema }>()\n</script>\n\n<template>\n  <div\n    data-slot=\"image\"\n    :class=\"cn('flex', ALIGNMENT[props.component.alignment ?? 'start'] ?? 'justify-start')\"\n    v-bind=\"props.component.extraAttributes\"\n  >\n    <Tooltip v-if=\"props.component.tooltip\">\n      <TooltipTrigger as-child>\n        <img\n          :src=\"props.component.url\"\n          :alt=\"props.component.alt\"\n          loading=\"lazy\"\n          :class=\"\n            cn('max-w-full object-cover', props.component.circular ? 'rounded-full' : 'rounded-md')\n          \"\n          :style=\"{ width: props.component.imageWidth, height: props.component.imageHeight }\"\n        />\n      </TooltipTrigger>\n      <TooltipContent>{{ props.component.tooltip }}</TooltipContent>\n    </Tooltip>\n    <img\n      v-else\n      :src=\"props.component.url\"\n      :alt=\"props.component.alt\"\n      loading=\"lazy\"\n      :class=\"\n        cn('max-w-full object-cover', props.component.circular ? 'rounded-full' : 'rounded-md')\n      \"\n      :style=\"{ width: props.component.imageWidth, height: props.component.imageHeight }\"\n    />\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;EAOA,IAAMqB,IAAoC;GACxC,OAAO;GACP,QAAQ;GACR,KAAK;EACP,GAEMC,IAAQC;oBAIZvB,EAAA,GAAAC,EA6BM,OA7BNC,EA6BM;GA5BJ,aAAU;GACT,OAAOC,EAAAyB,CAAA,CAAE,CAAA,QAASP,EAAUC,EAAM,UAAU,aAAS,YAAA,eAAA;EAC9C,GAAAA,EAAM,UAAU,eAAe,GAAA,CAExBA,EAAM,UAAU,WAA/BtB,EAAA,GAAAI,EAaUC,GAAA,EAAA,KAAA,EAAA,GAAA;GAZR,SAAAC,QAUiB,CAVjBC,EAUiBC,GAAA,EAVD,YAAA,GAAQ,GAAA;IACtB,SAAAF,QAQE,CARFG,EAQE,OAAA;KAPC,KAAKa,EAAM,UAAU;KACrB,KAAKA,EAAM,UAAU;KACtB,SAAQ;KACP,OAAKZ,EAAeP,EAAAyB,CAAA,CAAE,CAAA,2BAA4BN,EAAM,UAAU,WAAQ,iBAAA,YAAA,CAAA;KAG1E,OAAKX,EAAA;MAAA,OAAWW,EAAM,UAAU;MAAU,QAAUA,EAAM,UAAU;KAAW,CAAA;;;GAGpFf,CAAAA,GAAAA,EAA8DK,GAAA,MAAA;IAA9C,SAAAN,QAA6B,CAA1BO,EAAAC,EAAAQ,EAAM,UAAU,OAAO,GAAA,CAAA,CAAA,CAAA;;;;EAE5CtB,CAAAA,MAAAA,EAAA,GAAAC,EASE,OAAA;;GAPC,KAAKqB,EAAM,UAAU;GACrB,KAAKA,EAAM,UAAU;GACtB,SAAQ;GACP,OAAKZ,EAAWP,EAAAyB,CAAA,CAAE,CAAA,2BAA4BN,EAAM,UAAU,WAAQ,iBAAA,YAAA,CAAA;GAGtE,OAAKX,EAAA;IAAA,OAAWW,EAAM,UAAU;IAAU,QAAUA,EAAM,UAAU;GAAW,CAAA"}
+{"version":3,"file":"ImageComponent.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_mergeProps","_unref","_createBlock","Tooltip","_withCtx","_createVNode","TooltipTrigger","_createElementVNode","_normalizeClass","_normalizeStyle","TooltipContent","_createTextVNode","_toDisplayString","Tooltip_default","TooltipContent_default","TooltipTrigger_default","_hoisted_1","_hoisted_2","ImageComponent_vue_vue_type_script_setup_true_lang_default","ALIGNMENT","props","__props","openBlock","createElementBlock","mergeProps","unref","cn","createBlock","withCtx","createVNode","createElementVNode","normalizeClass","normalizeStyle","createTextVNode","toDisplayString"],"sources":["../../../src/components/layout/ImageComponent.vue"],"mappings":";;;;;;;;;;EAOA,IAAMqB,IAAoC;GACxC,OAAO;GACP,QAAQ;GACR,KAAK;EACP,GAEMC,IAAQC;oBAIZvB,EAAA,GAAAC,EA6BM,OA7BNC,EA6BM;GA5BJ,aAAU;GACT,OAAOC,EAAAyB,CAAA,CAAE,CAAA,QAASP,EAAUC,EAAM,UAAU,aAAS,YAAA,eAAA;EAC9C,GAAAA,EAAM,UAAU,eAAe,GAAA,CAExBA,EAAM,UAAU,WAA/BtB,EAAA,GAAAI,EAaUC,GAAA,EAAA,KAAA,EAAA,GAAA;GAZR,SAAAC,QAUiB,CAVjBC,EAUiBC,GAAA,EAVD,YAAA,GAAQ,GAAA;IACtB,SAAAF,QAQE,CARFG,EAQE,OAAA;KAPC,KAAKa,EAAM,UAAU;KACrB,KAAKA,EAAM,UAAU;KACtB,SAAQ;KACP,OAAKZ,EAAeP,EAAAyB,CAAA,CAAE,CAAA,2BAA4BN,EAAM,UAAU,WAAQ,iBAAA,YAAA,CAAA;KAG1E,OAAKX,EAAA;MAAA,OAAWW,EAAM,UAAU;MAAU,QAAUA,EAAM,UAAU;KAAW,CAAA;;;GAGpFf,CAAAA,GAAAA,EAA8DK,GAAA,MAAA;IAA9C,SAAAN,QAA6B,CAA1BO,EAAAC,EAAAQ,EAAM,UAAU,OAAO,GAAA,CAAA,CAAA,CAAA;;;;EAE5CtB,CAAAA,MAAAA,EAAA,GAAAC,EASE,OAAA;;GAPC,KAAKqB,EAAM,UAAU;GACrB,KAAKA,EAAM,UAAU;GACtB,SAAQ;GACP,OAAKZ,EAAWP,EAAAyB,CAAA,CAAE,CAAA,2BAA4BN,EAAM,UAAU,WAAQ,iBAAA,YAAA,CAAA;GAGtE,OAAKX,EAAA;IAAA,OAAWW,EAAM,UAAU;IAAU,QAAUA,EAAM,UAAU;GAAW,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"MixedContent.js","names":["_sfc_main","MixedContent_vue_vue_type_script_setup_true_lang_default","MixedContent_default"],"sources":["../../../src/components/layout/MixedContent.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { AnyActionSchema, ContentSlotItem, SchemaComponent } from '@alfakit/core'\nimport { computed, type HTMLAttributes } from 'vue'\nimport { cn } from '../../lib/utils'\nimport { usePageActionContext } from '../actions/action-context'\nimport ActionList from '../actions/ActionList.vue'\nimport RenderComponent from '../schema/RenderComponent.vue'\n\n/**\n * Actions and components placed in a layout component's fixed spot (a section's\n * `afterHeader()`, a callout's `controls()`). Actions run in the page's action context,\n * like section header actions.\n */\nconst props = defineProps<{\n  items: ContentSlotItem[] | undefined\n  name: string\n  class?: HTMLAttributes['class']\n}>()\n\nconst context = usePageActionContext()\n\ntype Group =\n  | { kind: 'actions'; key: string; actions: AnyActionSchema[] }\n  | { kind: 'component'; key: string; component: SchemaComponent }\n\n// Consecutive actions share one action list so they sit together.\nconst groups = computed<Group[]>(() => {\n  const result: Group[] = []\n\n  for (const item of props.items ?? []) {\n    if (item.action) {\n      const last = result[result.length - 1]\n\n      if (last?.kind === 'actions') {\n        last.actions.push(item.action)\n      } else {\n        result.push({ kind: 'actions', key: `actions-${result.length}`, actions: [item.action] })\n      }\n    } else {\n      result.push({ kind: 'component', key: item.component.key, component: item.component })\n    }\n  }\n\n  return result\n})\n</script>\n\n<template>\n  <div\n    v-if=\"props.items?.length\"\n    :data-slot=\"props.name\"\n    :class=\"cn('flex flex-wrap items-center gap-2', props.class)\"\n  >\n    <template v-for=\"group in groups\" :key=\"group.key\">\n      <ActionList\n        v-if=\"group.kind === 'actions'\"\n        :actions=\"group.actions\"\n        :context=\"context\"\n        size=\"sm\"\n      />\n      <RenderComponent v-else :component=\"group.component\" />\n    </template>\n  </div>\n</template>\n"],"mappings":""}
+{"version":3,"file":"MixedContent.js","names":["_sfc_main","MixedContent_vue_vue_type_script_setup_true_lang_default","MixedContent_default"],"sources":["../../../src/components/layout/MixedContent.vue"],"mappings":""}

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

@@ -1,14 +1,16 @@
-import type { ContentSlotItem } from '@alfakit/core';
+import type { ActionContext, ContentSlotItem } from '@alfakit/core';
 import { type HTMLAttributes } from 'vue';
 /**
  * Actions and components placed in a layout component's fixed spot (a section's
- * `afterHeader()`, a callout's `controls()`). Actions run in the page's action context,
- * like section header actions.
+ * `afterHeader()`, a callout's `controls()`). Actions run in the owner's action context
+ * (`context`: inside a form, the owner's field context, so `$get` / `$set` work), else the
+ * page's.
  */
 type __VLS_Props = {
     items: ContentSlotItem[] | undefined;
     name: string;
     class?: HTMLAttributes['class'];
+    context?: ActionContext;
 };
 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;

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

@@ -1 +1 @@
-{"version":3,"file":"MixedContent.vue.d.ts","sourceRoot":"","sources":["../../../src/components/layout/MixedContent.vue"],"names":[],"mappings":"AAkEA,OAAO,KAAK,EAAmB,eAAe,EAAmB,MAAM,eAAe,CAAA;AACtF,OAAO,EAAY,KAAK,cAAc,EAAE,MAAM,KAAK,CAAA;AAMnD;;;;GAIG;AACH,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,eAAe,EAAE,GAAG,SAAS,CAAA;IACpC,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAA;CAChC,CAAC;;AA+FF,wBAMG"}
+{"version":3,"file":"MixedContent.vue.d.ts","sourceRoot":"","sources":["../../../src/components/layout/MixedContent.vue"],"names":[],"mappings":"AA0EA,OAAO,KAAK,EACV,aAAa,EAEb,eAAe,EAEhB,MAAM,eAAe,CAAA;AACtB,OAAO,EAAY,KAAK,cAAc,EAAE,MAAM,KAAK,CAAA;AAMnD;;;;;GAKG;AACH,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,eAAe,EAAE,GAAG,SAAS,CAAA;IACpC,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAA;IAC/B,OAAO,CAAC,EAAE,aAAa,CAAA;CACxB,CAAC;;AAgGF,wBAMG"}

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

@@ -15,10 +15,11 @@ var m = ["data-slot"], h = /*@__PURE__*/ l({
 			String,
 			Object,
 			Array
-		] }
+		] },
+		context: {}
 	},
 	setup(l) {
-		let h = l, g = e(), _ = a(() => {
+		let h = l, g = e(), _ = a(() => h.context ?? g), v = a(() => {
 			let e = [];
 			for (let t of h.items ?? []) if (t.action) {
 				let n = e[e.length - 1];
@@ -38,10 +39,10 @@ var m = ["data-slot"], h = /*@__PURE__*/ l({
 			key: 0,
 			"data-slot": h.name,
 			class: u(p(t)("flex flex-wrap items-center gap-2", h.class))
-		}, [(d(!0), c(i, null, f(_.value, (e) => (d(), c(i, { key: e.key }, [e.kind === "actions" ? (d(), o(n, {
+		}, [(d(!0), c(i, null, f(v.value, (e) => (d(), c(i, { key: e.key }, [e.kind === "actions" ? (d(), o(n, {
 			key: 0,
 			actions: e.actions,
-			context: p(g),
+			context: _.value,
 			size: "sm"
 		}, null, 8, ["actions", "context"])) : (d(), o(r, {
 			key: 1,

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

@@ -1 +1 @@
-{"version":3,"file":"MixedContent.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeClass","_unref","_Fragment","_renderList","_createBlock","ActionList","RenderComponent","_createCommentVNode","ActionList_default","RenderComponent_default","_hoisted_1","MixedContent_vue_vue_type_script_setup_true_lang_default","props","__props","context","usePageActionContext","groups","computed","result","item","last","openBlock","createElementBlock","normalizeClass","unref","cn","Fragment","renderList","group","createBlock","createCommentVNode"],"sources":["../../../src/components/layout/MixedContent.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { AnyActionSchema, ContentSlotItem, SchemaComponent } from '@alfakit/core'\nimport { computed, type HTMLAttributes } from 'vue'\nimport { cn } from '../../lib/utils'\nimport { usePageActionContext } from '../actions/action-context'\nimport ActionList from '../actions/ActionList.vue'\nimport RenderComponent from '../schema/RenderComponent.vue'\n\n/**\n * Actions and components placed in a layout component's fixed spot (a section's\n * `afterHeader()`, a callout's `controls()`). Actions run in the page's action context,\n * like section header actions.\n */\nconst props = defineProps<{\n  items: ContentSlotItem[] | undefined\n  name: string\n  class?: HTMLAttributes['class']\n}>()\n\nconst context = usePageActionContext()\n\ntype Group =\n  | { kind: 'actions'; key: string; actions: AnyActionSchema[] }\n  | { kind: 'component'; key: string; component: SchemaComponent }\n\n// Consecutive actions share one action list so they sit together.\nconst groups = computed<Group[]>(() => {\n  const result: Group[] = []\n\n  for (const item of props.items ?? []) {\n    if (item.action) {\n      const last = result[result.length - 1]\n\n      if (last?.kind === 'actions') {\n        last.actions.push(item.action)\n      } else {\n        result.push({ kind: 'actions', key: `actions-${result.length}`, actions: [item.action] })\n      }\n    } else {\n      result.push({ kind: 'component', key: item.component.key, component: item.component })\n    }\n  }\n\n  return result\n})\n</script>\n\n<template>\n  <div\n    v-if=\"props.items?.length\"\n    :data-slot=\"props.name\"\n    :class=\"cn('flex flex-wrap items-center gap-2', props.class)\"\n  >\n    <template v-for=\"group in groups\" :key=\"group.key\">\n      <ActionList\n        v-if=\"group.kind === 'actions'\"\n        :actions=\"group.actions\"\n        :context=\"context\"\n        size=\"sm\"\n      />\n      <RenderComponent v-else :component=\"group.component\" />\n    </template>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;EAaA,IAAMc,IAAQC,GAMRC,IAAUC,EAAqB,GAO/BC,IAASC,QAAwB;GACrC,IAAMC,IAAkB,CAAC;GAEzB,KAAK,IAAMC,KAAQP,EAAM,SAAS,CAAC,GACjC,IAAIO,EAAK,QAAQ;IACf,IAAMC,IAAOF,EAAOA,EAAO,SAAS;IAEpC,AAAIE,GAAM,SAAS,YACjBA,EAAK,QAAQ,KAAKD,EAAK,MAAM,IAE7BD,EAAO,KAAK;KAAE,MAAM;KAAW,KAAK,WAAWA,EAAO;KAAU,SAAS,CAACC,EAAK,MAAM;IAAE,CAAC;GAE5F,OACE,EAAO,KAAK;IAAE,MAAM;IAAa,KAAKA,EAAK,UAAU;IAAK,WAAWA,EAAK;GAAU,CAAC;GAIzF,OAAOD;EACT,CAAC;mBAKSN,EAAM,OAAO,UADrBd,EAAA,GAAAC,EAcM,OAAA;;GAZH,aAAWa,EAAM;GACjB,OAAKZ,EAAEC,EAAAwB,CAAA,CAAE,CAAA,qCAAsCb,EAAM,KAAK,CAAA;EAE3Dd,GAAAA,EAAAA,EAAA,EAAA,GAAAC,EAQWG,GAAA,MAAAC,EARea,EAAA,QAAT,OAAuBK,EAAA,GAAAC,EAAAI,GAAA,EAAA,KAAAE,EAAM,IAAA,GAAA,CAEpCA,EAAM,SAAI,aADlB9B,EAAA,GAAAM,EAKEC,GAAA;;GAHC,SAASuB,EAAM;GACf,SAAS3B,EAAAa,CAAA;GACV,MAAK;EAEPhB,GAAAA,MAAAA,GAAAA,CAAAA,WAAAA,SAAAA,CAAAA,MAAAA,EAAA,GAAAM,EAAuDE,GAAA;;GAA9B,WAAWsB,EAAM"}
+{"version":3,"file":"MixedContent.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeClass","_unref","_Fragment","_renderList","_createBlock","ActionList","RenderComponent","_createCommentVNode","ActionList_default","RenderComponent_default","_hoisted_1","MixedContent_vue_vue_type_script_setup_true_lang_default","props","__props","pageContext","usePageActionContext","context","computed","groups","result","item","last","openBlock","createElementBlock","normalizeClass","unref","cn","Fragment","renderList","group","createBlock","createCommentVNode"],"sources":["../../../src/components/layout/MixedContent.vue"],"mappings":";;;;;;;;;;;;;;;;;;;;;EAmBA,IAAMc,IAAQC,GAORC,IAAcC,EAAqB,GACnCC,IAAUC,QAAeL,EAAM,WAAWE,CAAW,GAOrDI,IAASD,QAAwB;GACrC,IAAME,IAAkB,CAAC;GAEzB,KAAK,IAAMC,KAAQR,EAAM,SAAS,CAAC,GACjC,IAAIQ,EAAK,QAAQ;IACf,IAAMC,IAAOF,EAAOA,EAAO,SAAS;IAEpC,AAAIE,GAAM,SAAS,YACjBA,EAAK,QAAQ,KAAKD,EAAK,MAAM,IAE7BD,EAAO,KAAK;KAAE,MAAM;KAAW,KAAK,WAAWA,EAAO;KAAU,SAAS,CAACC,EAAK,MAAM;IAAE,CAAC;GAE5F,OACE,EAAO,KAAK;IAAE,MAAM;IAAa,KAAKA,EAAK,UAAU;IAAK,WAAWA,EAAK;GAAU,CAAC;GAIzF,OAAOD;EACT,CAAC;mBAKSP,EAAM,OAAO,UADrBd,EAAA,GAAAC,EAcM,OAAA;;GAZH,aAAWa,EAAM;GACjB,OAAKZ,EAAEC,EAAAyB,CAAA,CAAE,CAAA,qCAAsCd,EAAM,KAAK,CAAA;EAE3Dd,GAAAA,EAAAA,EAAA,EAAA,GAAAC,EAQWG,GAAA,MAAAC,EARee,EAAA,QAAT,OAAuBI,EAAA,GAAAC,EAAAI,GAAA,EAAA,KAAAE,EAAM,IAAA,GAAA,CAEpCA,EAAM,SAAI,aADlB/B,EAAA,GAAAM,EAKEC,GAAA;;GAHC,SAASwB,EAAM;GACf,SAASb,EAAA;GACV,MAAK;EAEPlB,GAAAA,MAAAA,GAAAA,CAAAA,WAAAA,SAAAA,CAAAA,MAAAA,EAAA,GAAAM,EAAuDE,GAAA;;GAA9B,WAAWuB,EAAM"}

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

@@ -1 +1 @@
-{"version":3,"file":"PlaceholderComponent.js","names":["_sfc_main","PlaceholderComponent_vue_vue_type_script_setup_true_lang_default","PlaceholderComponent_default"],"sources":["../../../src/components/layout/PlaceholderComponent.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { PlaceholderSchema } from '@alfakit/core'\nimport Label from '../ui/Label.vue'\n\nconst props = defineProps<{ component: PlaceholderSchema }>()\n</script>\n\n<template>\n  <div data-slot=\"field\" class=\"flex flex-col gap-1.5\" v-bind=\"props.component.extraAttributes\">\n    <Label v-if=\"props.component.label\">{{ props.component.label }}</Label>\n    <div class=\"text-sm leading-6\" v-html=\"props.component.content ?? ''\" />\n    <p v-if=\"props.component.helperText\" class=\"text-muted-foreground text-xs\">\n      {{ props.component.helperText }}\n    </p>\n  </div>\n</template>\n"],"mappings":""}
+{"version":3,"file":"PlaceholderComponent.js","names":["_sfc_main","PlaceholderComponent_vue_vue_type_script_setup_true_lang_default","PlaceholderComponent_default"],"sources":["../../../src/components/layout/PlaceholderComponent.vue"],"mappings":""}

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

@@ -1 +1 @@
-{"version":3,"file":"PlaceholderComponent.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_mergeProps","_createBlock","Label","_withCtx","_createTextVNode","_toDisplayString","_createCommentVNode","_createElementVNode","Label_default","_hoisted_1","_hoisted_2","PlaceholderComponent_vue_vue_type_script_setup_true_lang_default","props","__props","openBlock","createElementBlock","mergeProps","createBlock","withCtx","createTextVNode","toDisplayString","createCommentVNode","createElementVNode"],"sources":["../../../src/components/layout/PlaceholderComponent.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { PlaceholderSchema } from '@alfakit/core'\nimport Label from '../ui/Label.vue'\n\nconst props = defineProps<{ component: PlaceholderSchema }>()\n</script>\n\n<template>\n  <div data-slot=\"field\" class=\"flex flex-col gap-1.5\" v-bind=\"props.component.extraAttributes\">\n    <Label v-if=\"props.component.label\">{{ props.component.label }}</Label>\n    <div class=\"text-sm leading-6\" v-html=\"props.component.content ?? ''\" />\n    <p v-if=\"props.component.helperText\" class=\"text-muted-foreground text-xs\">\n      {{ props.component.helperText }}\n    </p>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;EAIA,IAAMc,IAAQC;oBAIZf,EAAA,GAAAC,EAMM,OANNC,EAMM;GAND,aAAU;GAAQ,OAAM;EAAgC,GAAAY,EAAM,UAAU,eAAe,GAAA;GAC7EA,EAAM,UAAU,SAA7Bd,EAAA,GAAAG,EAAuEC,GAAA,EAAA,KAAA,EAAA,GAAA;IAAnC,SAAAC,QAA2B,CAAxBC,EAAAC,EAAAO,EAAM,UAAU,KAAK,GAAA,CAAA,CAAA,CAAA;;;GAC5DL,EAAwE,OAAA;IAAnE,OAAM;IAAoB,WAAQK,EAAM,UAAU,WAAO;;GACrDA,EAAM,UAAU,cAAzBd,EAAA,GAAAC,EAEI,KAFJW,GAEIL,EADCO,EAAM,UAAU,UAAU,GAAA,CAAA,KAAAS,EAAA,IAAA,EAAA"}
+{"version":3,"file":"PlaceholderComponent.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_mergeProps","_createBlock","Label","_withCtx","_createTextVNode","_toDisplayString","_createCommentVNode","_createElementVNode","Label_default","_hoisted_1","_hoisted_2","PlaceholderComponent_vue_vue_type_script_setup_true_lang_default","props","__props","openBlock","createElementBlock","mergeProps","createBlock","withCtx","createTextVNode","toDisplayString","createCommentVNode","createElementVNode"],"sources":["../../../src/components/layout/PlaceholderComponent.vue"],"mappings":";;;;;;;;;;EAIA,IAAMc,IAAQC;oBAIZf,EAAA,GAAAC,EAMM,OANNC,EAMM;GAND,aAAU;GAAQ,OAAM;EAAgC,GAAAY,EAAM,UAAU,eAAe,GAAA;GAC7EA,EAAM,UAAU,SAA7Bd,EAAA,GAAAG,EAAuEC,GAAA,EAAA,KAAA,EAAA,GAAA;IAAnC,SAAAC,QAA2B,CAAxBC,EAAAC,EAAAO,EAAM,UAAU,KAAK,GAAA,CAAA,CAAA,CAAA;;;GAC5DL,EAAwE,OAAA;IAAnE,OAAM;IAAoB,WAAQK,EAAM,UAAU,WAAO;;GACrDA,EAAM,UAAU,cAAzBd,EAAA,GAAAC,EAEI,KAFJW,GAEIL,EADCO,EAAM,UAAU,UAAU,GAAA,CAAA,KAAAS,EAAA,IAAA,EAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"SchemaChildren.js","names":["_sfc_main","SchemaChildren_vue_vue_type_script_setup_true_lang_default","SchemaChildren_default"],"sources":["../../../src/components/layout/SchemaChildren.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { BaseComponent } from '@alfakit/core'\nimport { schemaGapClass } from '@alfakit/core'\nimport type { HTMLAttributes } from 'vue'\nimport { cn } from '../../lib/utils'\nimport SchemaRenderer from '../schema/SchemaRenderer.vue'\n\n/**\n * Renders a layout component's child schema (`component.schema`) in its grid\n * (`columns`, `dense()`, `gap(false)`), for custom schema components:\n * `<SchemaChildren :component=\"props.component\" />`.\n */\nconst props = defineProps<{\n  component: Pick<BaseComponent, 'schema' | 'columns' | 'dense' | 'gap'>\n  class?: HTMLAttributes['class']\n}>()\n</script>\n\n<template>\n  <SchemaRenderer\n    :components=\"props.component.schema ?? []\"\n    :columns=\"props.component.columns\"\n    :class=\"cn(schemaGapClass(props.component), props.class)\"\n  />\n</template>\n"],"mappings":""}
+{"version":3,"file":"SchemaChildren.js","names":["_sfc_main","SchemaChildren_vue_vue_type_script_setup_true_lang_default","SchemaChildren_default"],"sources":["../../../src/components/layout/SchemaChildren.vue"],"mappings":""}

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

@@ -1 +1 @@
-{"version":3,"file":"SchemaChildren.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","SchemaRenderer","_normalizeClass","_unref","SchemaRenderer_default","SchemaChildren_vue_vue_type_script_setup_true_lang_default","props","__props","openBlock","createBlock","normalizeClass","unref","cn","schemaGapClass"],"sources":["../../../src/components/layout/SchemaChildren.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { BaseComponent } from '@alfakit/core'\nimport { schemaGapClass } from '@alfakit/core'\nimport type { HTMLAttributes } from 'vue'\nimport { cn } from '../../lib/utils'\nimport SchemaRenderer from '../schema/SchemaRenderer.vue'\n\n/**\n * Renders a layout component's child schema (`component.schema`) in its grid\n * (`columns`, `dense()`, `gap(false)`), for custom schema components:\n * `<SchemaChildren :component=\"props.component\" />`.\n */\nconst props = defineProps<{\n  component: Pick<BaseComponent, 'schema' | 'columns' | 'dense' | 'gap'>\n  class?: HTMLAttributes['class']\n}>()\n</script>\n\n<template>\n  <SchemaRenderer\n    :components=\"props.component.schema ?? []\"\n    :columns=\"props.component.columns\"\n    :class=\"cn(schemaGapClass(props.component), props.class)\"\n  />\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;EAYA,IAAMO,IAAQC;oBAOZR,EAAA,GAAAC,EAIEC,GAAA;GAHC,YAAYK,EAAM,UAAU,UAAM,CAAA;GAClC,SAASA,EAAM,UAAU;GACzB,OAAKJ,EAAEC,EAAAS,CAAA,CAAE,CAACT,EAAAU,CAAA,CAAc,CAACP,EAAM,SAAS,GAAGA,EAAM,KAAK,CAAA"}
+{"version":3,"file":"SchemaChildren.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","SchemaRenderer","_normalizeClass","_unref","SchemaRenderer_default","SchemaChildren_vue_vue_type_script_setup_true_lang_default","props","__props","openBlock","createBlock","normalizeClass","unref","cn","schemaGapClass"],"sources":["../../../src/components/layout/SchemaChildren.vue"],"mappings":";;;;;;;;;;;;;;;;;;EAYA,IAAMO,IAAQC;oBAOZR,EAAA,GAAAC,EAIEC,GAAA;GAHC,YAAYK,EAAM,UAAU,UAAM,CAAA;GAClC,SAASA,EAAM,UAAU;GACzB,OAAKJ,EAAEC,EAAAS,CAAA,CAAE,CAACT,EAAAU,CAAA,CAAc,CAACP,EAAM,SAAS,GAAGA,EAAM,KAAK,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"SectionComponent.js","names":["_sfc_main","SectionComponent_vue_vue_type_script_setup_true_lang_default","SectionComponent_default"],"sources":["../../../src/components/layout/SectionComponent.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { SectionSchema } from '@alfakit/core'\nimport {\n  actionsAlignmentClass,\n  headingTag,\n  readPersisted,\n  schemaGapClass,\n  writePersisted,\n} from '@alfakit/core'\nimport { ChevronDownIcon } from '@lucide/vue'\nimport { computed, onMounted, ref } from 'vue'\nimport { Icon } from '../../lib/icons'\nimport { cn } from '../../lib/utils'\nimport { usePageActionContext } from '../actions/action-context'\nimport { useOptionalFormStore } from '../form/form-context'\nimport { useFieldActionContext } from '../schema/field-actions'\nimport ActionList from '../actions/ActionList.vue'\nimport SchemaRenderer from '../schema/SchemaRenderer.vue'\nimport Button from '../ui/Button.vue'\nimport Collapsible from '../ui/Collapsible.vue'\nimport CollapsibleContent from '../ui/CollapsibleContent.vue'\nimport CollapsibleTrigger from '../ui/CollapsibleTrigger.vue'\nimport { useT } from '../../context'\nimport DeferredSchema from './DeferredSchema.vue'\nimport MixedContent from './MixedContent.vue'\n\nconst props = defineProps<{ component: SectionSchema }>()\nconst open = ref(!props.component.collapsed)\n// Inside a form the section's actions run as field actions, so `$get` / `$set` work.\nconst sectionForm = useOptionalFormStore()\nconst pageContext = usePageActionContext()\nconst fieldContext = useFieldActionContext(() => props.component)\nconst context = computed(() => (sectionForm ? fieldContext.value : pageContext))\nconst heading = computed(() => headingTag(props.component.headingLevel))\nconst hasHeader = computed(() =>\n  Boolean(\n    props.component.heading ||\n    props.component.description ||\n    props.component.icon ||\n    props.component.headerActions?.length ||\n    props.component.afterHeader?.length,\n  ),\n)\n\n// Stored after mounting, so the server render and hydration use the schema's default.\nonMounted(() => {\n  const key = props.component.persistCollapsed\n\n  if (!key) return\n\n  const stored = readPersisted(key)\n\n  if (stored !== null) open.value = stored !== 'collapsed'\n})\n\nfunction setOpen(next: boolean) {\n  open.value = next\n\n  if (props.component.persistCollapsed) {\n    writePersisted(props.component.persistCollapsed, next ? 'expanded' : 'collapsed')\n  }\n}\nconst hasFooterActions = computed(() => Boolean(props.component.footerActions?.length))\nconst hasFooter = computed(() => hasFooterActions.value || Boolean(props.component.footer?.length))\nconst t = useT()\n</script>\n\n<template>\n  <Collapsible\n    v-if=\"props.component.aside\"\n    :open=\"!props.component.collapsible || open\"\n    as-child\n    @update:open=\"setOpen($event)\"\n  >\n    <section\n      data-slot=\"section\"\n      class=\"grid gap-6 lg:grid-cols-3\"\n      v-bind=\"props.component.extraAttributes\"\n    >\n      <div v-if=\"hasHeader\" class=\"flex flex-wrap items-start gap-3 lg:col-span-1\">\n        <Icon\n          v-if=\"props.component.icon\"\n          :name=\"props.component.icon\"\n          class=\"text-muted-foreground mt-0.5 size-5\"\n        />\n        <div class=\"min-w-0 flex-1 basis-48\">\n          <component\n            :is=\"heading\"\n            v-if=\"props.component.heading\"\n            class=\"text-base leading-6 font-semibold break-words\"\n          >\n            {{ props.component.heading }}\n          </component>\n          <p\n            v-if=\"props.component.description\"\n            class=\"text-muted-foreground mt-1 text-sm break-words\"\n          >\n            {{ props.component.description }}\n          </p>\n        </div>\n        <ActionList\n          v-if=\"props.component.headerActions && props.component.headerActions.length > 0\"\n          :actions=\"props.component.headerActions\"\n          :context=\"context\"\n          size=\"sm\"\n        />\n        <MixedContent :items=\"props.component.afterHeader\" name=\"section-after-header\" />\n        <CollapsibleTrigger v-if=\"props.component.collapsible\" as-child>\n          <Button\n            type=\"button\"\n            variant=\"ghost\"\n            size=\"icon-sm\"\n            :aria-label=\"t('toggle_section', {}, 'Toggle section')\"\n          >\n            <Icon\n              name=\"alfakit::schemas.section.collapse-button\"\n              :fallback=\"ChevronDownIcon\"\n              :class=\"cn('transition-transform', open && 'rotate-180')\"\n            />\n          </Button>\n        </CollapsibleTrigger>\n      </div>\n      <CollapsibleContent as-child>\n        <div\n          data-surface=\"section\"\n          :class=\"\n            cn(\n              'bg-card rounded-xl border shadow-xs lg:col-span-2',\n              props.component.secondary && 'bg-muted/40',\n            )\n          \"\n        >\n          <div :class=\"cn('p-6', props.component.compact && 'p-4')\">\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          </div>\n          <div\n            v-if=\"hasFooter\"\n            data-slot=\"section-footer\"\n            :class=\"\n              cn(\n                'flex flex-wrap items-center gap-3 border-t px-6 py-4',\n                props.component.compact && 'px-4 py-3',\n              )\n            \"\n          >\n            <ActionList\n              v-if=\"hasFooterActions\"\n              :actions=\"props.component.footerActions!\"\n              :context=\"context\"\n              :class=\"actionsAlignmentClass(props.component.footerActionsAlignment) || undefined\"\n            />\n            <MixedContent :items=\"props.component.footer\" name=\"section-footer-content\" />\n          </div>\n        </div>\n      </CollapsibleContent>\n    </section>\n  </Collapsible>\n  <Collapsible\n    v-else\n    :open=\"!props.component.collapsible || open\"\n    as-child\n    @update:open=\"setOpen($event)\"\n  >\n    <section\n      data-slot=\"section\"\n      data-surface=\"section\"\n      :class=\"cn('bg-card rounded-xl border shadow-xs', props.component.secondary && 'bg-muted/40')\"\n      v-bind=\"props.component.extraAttributes\"\n    >\n      <div\n        v-if=\"hasHeader\"\n        :class=\"\n          cn(\n            'flex flex-wrap items-start gap-3 border-b px-6 py-4',\n            props.component.compact && 'px-4 py-3',\n          )\n        \"\n      >\n        <Icon\n          v-if=\"props.component.icon\"\n          :name=\"props.component.icon\"\n          class=\"text-muted-foreground mt-0.5 size-5\"\n        />\n        <div class=\"min-w-0 flex-1 basis-48\">\n          <component\n            :is=\"heading\"\n            v-if=\"props.component.heading\"\n            class=\"text-base leading-6 font-semibold break-words\"\n          >\n            {{ props.component.heading }}\n          </component>\n          <p\n            v-if=\"props.component.description\"\n            class=\"text-muted-foreground mt-1 text-sm break-words\"\n          >\n            {{ props.component.description }}\n          </p>\n        </div>\n        <ActionList\n          v-if=\"props.component.headerActions && props.component.headerActions.length > 0\"\n          :actions=\"props.component.headerActions\"\n          :context=\"context\"\n          size=\"sm\"\n        />\n        <MixedContent :items=\"props.component.afterHeader\" name=\"section-after-header\" />\n        <CollapsibleTrigger v-if=\"props.component.collapsible\" as-child>\n          <Button\n            type=\"button\"\n            variant=\"ghost\"\n            size=\"icon-sm\"\n            :aria-label=\"t('toggle_section', {}, 'Toggle section')\"\n          >\n            <Icon\n              name=\"alfakit::schemas.section.collapse-button\"\n              :fallback=\"ChevronDownIcon\"\n              :class=\"cn('transition-transform', open && 'rotate-180')\"\n            />\n          </Button>\n        </CollapsibleTrigger>\n      </div>\n      <CollapsibleContent>\n        <div :class=\"cn('p-6', props.component.compact && 'p-4')\">\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        </div>\n        <div\n          v-if=\"hasFooter\"\n          data-slot=\"section-footer\"\n          :class=\"\n            cn(\n              'flex flex-wrap items-center gap-3 border-t px-6 py-4',\n              props.component.compact && 'px-4 py-3',\n            )\n          \"\n        >\n          <ActionList\n            v-if=\"hasFooterActions\"\n            :actions=\"props.component.footerActions!\"\n            :context=\"context\"\n            :class=\"actionsAlignmentClass(props.component.footerActionsAlignment) || undefined\"\n          />\n          <MixedContent :items=\"props.component.footer\" name=\"section-footer-content\" />\n        </div>\n      </CollapsibleContent>\n    </section>\n  </Collapsible>\n</template>\n"],"mappings":""}
+{"version":3,"file":"SectionComponent.js","names":["_sfc_main","SectionComponent_vue_vue_type_script_setup_true_lang_default","SectionComponent_default"],"sources":["../../../src/components/layout/SectionComponent.vue"],"mappings":""}

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

@@ -1 +1 @@
-{"version":3,"file":"SectionComponent.vue.d.ts","sourceRoot":"","sources":["../../../src/components/layout/SectionComponent.vue"],"names":[],"mappings":"AAoQA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAyBlD,KAAK,WAAW,GAAG;IAAE,SAAS,EAAE,aAAa,CAAA;CAAE,CAAC;;AA6iBhD,wBAMG"}
+{"version":3,"file":"SectionComponent.vue.d.ts","sourceRoot":"","sources":["../../../src/components/layout/SectionComponent.vue"],"names":[],"mappings":"AAoRA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAyBlD,KAAK,WAAW,GAAG;IAAE,SAAS,EAAE,aAAa,CAAA;CAAE,CAAC;;AAqjBhD,wBAMG"}

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

@@ -70,8 +70,9 @@ var L = {
 				}, null, 8, ["actions", "context"])) : x("", !0),
 				T(f, {
 					items: H.component.afterHeader,
-					name: "section-after-header"
-				}, null, 8, ["items"]),
+					name: "section-after-header",
+					context: q.value
+				}, null, 8, ["items", "context"]),
 				H.component.collapsible ? (A(), b(p, {
 					key: 2,
 					"as-child": ""
@@ -121,8 +122,9 @@ var L = {
 					"class"
 				])) : x("", !0), T(f, {
 					items: H.component.footer,
-					name: "section-footer-content"
-				}, null, 8, ["items"])], 2)) : x("", !0)], 2)]),
+					name: "section-footer-content",
+					context: q.value
+				}, null, 8, ["items", "context"])], 2)) : x("", !0)], 2)]),
 				_: 1
 			})], 16)]),
 			_: 1
@@ -160,8 +162,9 @@ var L = {
 				}, null, 8, ["actions", "context"])) : x("", !0),
 				T(f, {
 					items: H.component.afterHeader,
-					name: "section-after-header"
-				}, null, 8, ["items"]),
+					name: "section-after-header",
+					context: q.value
+				}, null, 8, ["items", "context"]),
 				H.component.collapsible ? (A(), b(p, {
 					key: 2,
 					"as-child": ""
@@ -208,8 +211,9 @@ var L = {
 					"class"
 				])) : x("", !0), T(f, {
 					items: H.component.footer,
-					name: "section-footer-content"
-				}, null, 8, ["items"])], 2)) : x("", !0)]),
+					name: "section-footer-content",
+					context: q.value
+				}, null, 8, ["items", "context"])], 2)) : x("", !0)]),
 				_: 1
 			})], 16)]),
 			_: 1

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

@@ -1 +1 @@
-{"version":3,"file":"SectionComponent.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","Collapsible","_withCtx","_createElementVNode","_mergeProps","_createElementBlock","_unref","Icon","_createCommentVNode","_resolveDynamicComponent","_createTextVNode","_toDisplayString","ActionList","_createVNode","MixedContent","CollapsibleTrigger","Button","_normalizeClass","CollapsibleContent","DeferredSchema","SchemaRenderer","Icon_default","Button_default","ActionList_default","SchemaRenderer_default","DeferredSchema_default","Collapsible_default","CollapsibleContent_default","MixedContent_default","CollapsibleTrigger_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","SectionComponent_vue_vue_type_script_setup_true_lang_default","props","__props","open","ref","sectionForm","useOptionalFormStore","pageContext","usePageActionContext","fieldContext","useFieldActionContext","context","computed","heading","headingTag","hasHeader","key","stored","readPersisted","setOpen","next","writePersisted","hasFooterActions","hasFooter","t","useT","openBlock","createBlock","_cache","$event","withCtx","createElementVNode","mergeProps","createElementBlock","unref","createCommentVNode","resolveDynamicComponent","createTextVNode","toDisplayString","createVNode","ChevronDownIcon","normalizeClass","cn","loaded","schemaGapClass","actionsAlignmentClass"],"sources":["../../../src/components/layout/SectionComponent.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { SectionSchema } from '@alfakit/core'\nimport {\n  actionsAlignmentClass,\n  headingTag,\n  readPersisted,\n  schemaGapClass,\n  writePersisted,\n} from '@alfakit/core'\nimport { ChevronDownIcon } from '@lucide/vue'\nimport { computed, onMounted, ref } from 'vue'\nimport { Icon } from '../../lib/icons'\nimport { cn } from '../../lib/utils'\nimport { usePageActionContext } from '../actions/action-context'\nimport { useOptionalFormStore } from '../form/form-context'\nimport { useFieldActionContext } from '../schema/field-actions'\nimport ActionList from '../actions/ActionList.vue'\nimport SchemaRenderer from '../schema/SchemaRenderer.vue'\nimport Button from '../ui/Button.vue'\nimport Collapsible from '../ui/Collapsible.vue'\nimport CollapsibleContent from '../ui/CollapsibleContent.vue'\nimport CollapsibleTrigger from '../ui/CollapsibleTrigger.vue'\nimport { useT } from '../../context'\nimport DeferredSchema from './DeferredSchema.vue'\nimport MixedContent from './MixedContent.vue'\n\nconst props = defineProps<{ component: SectionSchema }>()\nconst open = ref(!props.component.collapsed)\n// Inside a form the section's actions run as field actions, so `$get` / `$set` work.\nconst sectionForm = useOptionalFormStore()\nconst pageContext = usePageActionContext()\nconst fieldContext = useFieldActionContext(() => props.component)\nconst context = computed(() => (sectionForm ? fieldContext.value : pageContext))\nconst heading = computed(() => headingTag(props.component.headingLevel))\nconst hasHeader = computed(() =>\n  Boolean(\n    props.component.heading ||\n    props.component.description ||\n    props.component.icon ||\n    props.component.headerActions?.length ||\n    props.component.afterHeader?.length,\n  ),\n)\n\n// Stored after mounting, so the server render and hydration use the schema's default.\nonMounted(() => {\n  const key = props.component.persistCollapsed\n\n  if (!key) return\n\n  const stored = readPersisted(key)\n\n  if (stored !== null) open.value = stored !== 'collapsed'\n})\n\nfunction setOpen(next: boolean) {\n  open.value = next\n\n  if (props.component.persistCollapsed) {\n    writePersisted(props.component.persistCollapsed, next ? 'expanded' : 'collapsed')\n  }\n}\nconst hasFooterActions = computed(() => Boolean(props.component.footerActions?.length))\nconst hasFooter = computed(() => hasFooterActions.value || Boolean(props.component.footer?.length))\nconst t = useT()\n</script>\n\n<template>\n  <Collapsible\n    v-if=\"props.component.aside\"\n    :open=\"!props.component.collapsible || open\"\n    as-child\n    @update:open=\"setOpen($event)\"\n  >\n    <section\n      data-slot=\"section\"\n      class=\"grid gap-6 lg:grid-cols-3\"\n      v-bind=\"props.component.extraAttributes\"\n    >\n      <div v-if=\"hasHeader\" class=\"flex flex-wrap items-start gap-3 lg:col-span-1\">\n        <Icon\n          v-if=\"props.component.icon\"\n          :name=\"props.component.icon\"\n          class=\"text-muted-foreground mt-0.5 size-5\"\n        />\n        <div class=\"min-w-0 flex-1 basis-48\">\n          <component\n            :is=\"heading\"\n            v-if=\"props.component.heading\"\n            class=\"text-base leading-6 font-semibold break-words\"\n          >\n            {{ props.component.heading }}\n          </component>\n          <p\n            v-if=\"props.component.description\"\n            class=\"text-muted-foreground mt-1 text-sm break-words\"\n          >\n            {{ props.component.description }}\n          </p>\n        </div>\n        <ActionList\n          v-if=\"props.component.headerActions && props.component.headerActions.length > 0\"\n          :actions=\"props.component.headerActions\"\n          :context=\"context\"\n          size=\"sm\"\n        />\n        <MixedContent :items=\"props.component.afterHeader\" name=\"section-after-header\" />\n        <CollapsibleTrigger v-if=\"props.component.collapsible\" as-child>\n          <Button\n            type=\"button\"\n            variant=\"ghost\"\n            size=\"icon-sm\"\n            :aria-label=\"t('toggle_section', {}, 'Toggle section')\"\n          >\n            <Icon\n              name=\"alfakit::schemas.section.collapse-button\"\n              :fallback=\"ChevronDownIcon\"\n              :class=\"cn('transition-transform', open && 'rotate-180')\"\n            />\n          </Button>\n        </CollapsibleTrigger>\n      </div>\n      <CollapsibleContent as-child>\n        <div\n          data-surface=\"section\"\n          :class=\"\n            cn(\n              'bg-card rounded-xl border shadow-xs lg:col-span-2',\n              props.component.secondary && 'bg-muted/40',\n            )\n          \"\n        >\n          <div :class=\"cn('p-6', props.component.compact && 'p-4')\">\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          </div>\n          <div\n            v-if=\"hasFooter\"\n            data-slot=\"section-footer\"\n            :class=\"\n              cn(\n                'flex flex-wrap items-center gap-3 border-t px-6 py-4',\n                props.component.compact && 'px-4 py-3',\n              )\n            \"\n          >\n            <ActionList\n              v-if=\"hasFooterActions\"\n              :actions=\"props.component.footerActions!\"\n              :context=\"context\"\n              :class=\"actionsAlignmentClass(props.component.footerActionsAlignment) || undefined\"\n            />\n            <MixedContent :items=\"props.component.footer\" name=\"section-footer-content\" />\n          </div>\n        </div>\n      </CollapsibleContent>\n    </section>\n  </Collapsible>\n  <Collapsible\n    v-else\n    :open=\"!props.component.collapsible || open\"\n    as-child\n    @update:open=\"setOpen($event)\"\n  >\n    <section\n      data-slot=\"section\"\n      data-surface=\"section\"\n      :class=\"cn('bg-card rounded-xl border shadow-xs', props.component.secondary && 'bg-muted/40')\"\n      v-bind=\"props.component.extraAttributes\"\n    >\n      <div\n        v-if=\"hasHeader\"\n        :class=\"\n          cn(\n            'flex flex-wrap items-start gap-3 border-b px-6 py-4',\n            props.component.compact && 'px-4 py-3',\n          )\n        \"\n      >\n        <Icon\n          v-if=\"props.component.icon\"\n          :name=\"props.component.icon\"\n          class=\"text-muted-foreground mt-0.5 size-5\"\n        />\n        <div class=\"min-w-0 flex-1 basis-48\">\n          <component\n            :is=\"heading\"\n            v-if=\"props.component.heading\"\n            class=\"text-base leading-6 font-semibold break-words\"\n          >\n            {{ props.component.heading }}\n          </component>\n          <p\n            v-if=\"props.component.description\"\n            class=\"text-muted-foreground mt-1 text-sm break-words\"\n          >\n            {{ props.component.description }}\n          </p>\n        </div>\n        <ActionList\n          v-if=\"props.component.headerActions && props.component.headerActions.length > 0\"\n          :actions=\"props.component.headerActions\"\n          :context=\"context\"\n          size=\"sm\"\n        />\n        <MixedContent :items=\"props.component.afterHeader\" name=\"section-after-header\" />\n        <CollapsibleTrigger v-if=\"props.component.collapsible\" as-child>\n          <Button\n            type=\"button\"\n            variant=\"ghost\"\n            size=\"icon-sm\"\n            :aria-label=\"t('toggle_section', {}, 'Toggle section')\"\n          >\n            <Icon\n              name=\"alfakit::schemas.section.collapse-button\"\n              :fallback=\"ChevronDownIcon\"\n              :class=\"cn('transition-transform', open && 'rotate-180')\"\n            />\n          </Button>\n        </CollapsibleTrigger>\n      </div>\n      <CollapsibleContent>\n        <div :class=\"cn('p-6', props.component.compact && 'p-4')\">\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        </div>\n        <div\n          v-if=\"hasFooter\"\n          data-slot=\"section-footer\"\n          :class=\"\n            cn(\n              'flex flex-wrap items-center gap-3 border-t px-6 py-4',\n              props.component.compact && 'px-4 py-3',\n            )\n          \"\n        >\n          <ActionList\n            v-if=\"hasFooterActions\"\n            :actions=\"props.component.footerActions!\"\n            :context=\"context\"\n            :class=\"actionsAlignmentClass(props.component.footerActionsAlignment) || undefined\"\n          />\n          <MixedContent :items=\"props.component.footer\" name=\"section-footer-content\" />\n        </div>\n      </CollapsibleContent>\n    </section>\n  </Collapsible>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"SectionComponent.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","Collapsible","_withCtx","_createElementVNode","_mergeProps","_createElementBlock","_unref","Icon","_createCommentVNode","_resolveDynamicComponent","_createTextVNode","_toDisplayString","ActionList","_createVNode","MixedContent","CollapsibleTrigger","Button","_normalizeClass","CollapsibleContent","DeferredSchema","SchemaRenderer","Icon_default","Button_default","ActionList_default","SchemaRenderer_default","DeferredSchema_default","Collapsible_default","CollapsibleContent_default","MixedContent_default","CollapsibleTrigger_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","SectionComponent_vue_vue_type_script_setup_true_lang_default","props","__props","open","ref","sectionForm","useOptionalFormStore","pageContext","usePageActionContext","fieldContext","useFieldActionContext","context","computed","heading","headingTag","hasHeader","key","stored","readPersisted","setOpen","next","writePersisted","hasFooterActions","hasFooter","t","useT","openBlock","createBlock","_cache","$event","withCtx","createElementVNode","mergeProps","createElementBlock","unref","createCommentVNode","resolveDynamicComponent","createTextVNode","toDisplayString","createVNode","ChevronDownIcon","normalizeClass","cn","loaded","schemaGapClass","actionsAlignmentClass"],"sources":["../../../src/components/layout/SectionComponent.vue"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"TabBadge.js","names":["_sfc_main","TabBadge_vue_vue_type_script_setup_true_lang_default","TabBadge_default"],"sources":["../../../src/components/layout/TabBadge.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { TabSchema } from '@alfakit/core'\nimport { badgeColorClasses, colorClass } from '../../lib/colors'\nimport { cn } from '../../lib/utils'\nimport Badge from '../ui/Badge.vue'\nimport { useDeferredBadge } from './deferred'\n\n/** A schema tab's badge; `deferBadge()` badges appear once loaded. */\nconst props = defineProps<{ tab: TabSchema }>()\nconst badge = useDeferredBadge(props.tab)\n</script>\n\n<template>\n  <Badge\n    v-if=\"badge.badge !== undefined && badge.badge !== null\"\n    variant=\"outline\"\n    :title=\"badge.badgeTooltip ?? undefined\"\n    :class=\"\n      cn('ms-1 px-1.5 py-0', colorClass(badgeColorClasses, badge.badgeColor ?? undefined, 'gray'))\n    \"\n    >{{ badge.badge }}</Badge\n  >\n</template>\n"],"mappings":""}
+{"version":3,"file":"TabBadge.js","names":["_sfc_main","TabBadge_vue_vue_type_script_setup_true_lang_default","TabBadge_default"],"sources":["../../../src/components/layout/TabBadge.vue"],"mappings":""}

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

@@ -1 +1 @@
-{"version":3,"file":"TabBadge.vue_vue_type_script_setup_true_lang.js","names":["props","_unref","_openBlock","_createBlock","Badge","_normalizeClass","_withCtx","_createTextVNode","_toDisplayString","_createCommentVNode","Badge_default","TabBadge_vue_vue_type_script_setup_true_lang_default","badge","useDeferredBadge","__props","unref","openBlock","createBlock","normalizeClass","cn","colorClass","badgeColorClasses","withCtx","createTextVNode","toDisplayString","createCommentVNode"],"sources":["../../../src/components/layout/TabBadge.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { TabSchema } from '@alfakit/core'\nimport { badgeColorClasses, colorClass } from '../../lib/colors'\nimport { cn } from '../../lib/utils'\nimport Badge from '../ui/Badge.vue'\nimport { useDeferredBadge } from './deferred'\n\n/** A schema tab's badge; `deferBadge()` badges appear once loaded. */\nconst props = defineProps<{ tab: TabSchema }>()\nconst badge = useDeferredBadge(props.tab)\n</script>\n\n<template>\n  <Badge\n    v-if=\"badge.badge !== undefined && badge.badge !== null\"\n    variant=\"outline\"\n    :title=\"badge.badgeTooltip ?? undefined\"\n    :class=\"\n      cn('ms-1 px-1.5 py-0', colorClass(badgeColorClasses, badge.badgeColor ?? undefined, 'gray'))\n    \"\n    >{{ badge.badge }}</Badge\n  >\n</template>\n"],"mappings":";;;;;;;;;;EASA,IAAMY,IAAQC,EAAiBb,EAAM,GAAG;mBAK9BC,EAAAW,CAAA,CAAK,CAAC,UAAU,KAAA,KAAaX,EAAAW,CAAA,CAAK,CAAC,UAAK,QADhDV,EAAA,GAAAC,EAQCC,GAAA;;GANC,SAAQ;GACP,OAAOH,EAAAW,CAAA,CAAK,CAAC,gBAAgB,KAAA;GAC7B,OAAKP,EAASJ,EAAAkB,CAAA,CAAE,CAAA,oBAAqBlB,EAAAmB,CAAA,CAAU,CAACnB,EAAAoB,CAAA,GAAmBpB,EAAAW,CAAA,CAAK,CAAC,cAAc,KAAA,GAAS,MAAA,CAAA,CAAA;;GAGhG,SAAAN,QAAiB,CAAdC,EAAAC,EAAAP,EAAAW,CAAA,CAAK,CAAC,KAAK,GAAA,CAAA,CAAA,CAAA"}
+{"version":3,"file":"TabBadge.vue_vue_type_script_setup_true_lang.js","names":["props","_unref","_openBlock","_createBlock","Badge","_normalizeClass","_withCtx","_createTextVNode","_toDisplayString","_createCommentVNode","Badge_default","TabBadge_vue_vue_type_script_setup_true_lang_default","badge","useDeferredBadge","__props","unref","openBlock","createBlock","normalizeClass","cn","colorClass","badgeColorClasses","withCtx","createTextVNode","toDisplayString","createCommentVNode"],"sources":["../../../src/components/layout/TabBadge.vue"],"mappings":";;;;;;;;;;EASA,IAAMY,IAAQC,EAAiBb,EAAM,GAAG;mBAK9BC,EAAAW,CAAA,CAAK,CAAC,UAAU,KAAA,KAAaX,EAAAW,CAAA,CAAK,CAAC,UAAK,QADhDV,EAAA,GAAAC,EAQCC,GAAA;;GANC,SAAQ;GACP,OAAOH,EAAAW,CAAA,CAAK,CAAC,gBAAgB,KAAA;GAC7B,OAAKP,EAASJ,EAAAkB,CAAA,CAAE,CAAA,oBAAqBlB,EAAAmB,CAAA,CAAU,CAACnB,EAAAoB,CAAA,GAAmBpB,EAAAW,CAAA,CAAK,CAAC,cAAc,KAAA,GAAS,MAAA,CAAA,CAAA;;GAGhG,SAAAN,QAAiB,CAAdC,EAAAC,EAAAP,EAAAW,CAAA,CAAK,CAAC,KAAK,GAAA,CAAA,CAAA,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"TabsComponent.js","names":["_sfc_main","TabsComponent_vue_vue_type_script_setup_true_lang_default","TabsComponent_default"],"sources":["../../../src/components/layout/TabsComponent.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { TabsSchema } from '@alfakit/core'\nimport {\n  componentHasErrors,\n  readPersisted,\n  schemaGapClass,\n  tabFromQuery,\n  tabQueryValue,\n  tabToReveal,\n  writePersisted,\n} from '@alfakit/core'\nimport { usePage } from '@inertiajs/vue3'\nimport { computed, onMounted, ref, watch } from 'vue'\nimport { useStoreSelector } from '../../composables/use-store'\nimport { useT } from '../../context'\nimport { Icon } from '../../lib/icons'\nimport { cn } from '../../lib/utils'\nimport { useOptionalFormStore } from '../form/form-context'\nimport SchemaRenderer from '../schema/SchemaRenderer.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 DeferredSchema from './DeferredSchema.vue'\nimport TabBadge from './TabBadge.vue'\n\nconst props = defineProps<{ component: TabsSchema }>()\nconst tabs = computed(() => props.component.schema ?? [])\n// The page URL (not `window.location`) so the server renders the same tab as the browser.\nconst page = usePage()\n// The tab's readable value (`?tab=billing-address`), or its key in links from older versions.\nconst fromQuery = props.component.queryStringKey\n  ? tabFromQuery(\n      tabs.value,\n      new URL(page.url, 'http://localhost').searchParams.get(props.component.queryStringKey),\n    )\n  : null\nconst active = ref<string>(\n  fromQuery ??\n    tabs.value[Math.max(0, props.component.activeTab - 1)]?.key ??\n    tabs.value[0]?.key ??\n    '',\n)\n\n// `persistTab()`: restored after mounting (the server can't read browser storage); a tab\n// named in the query string wins.\nonMounted(() => {\n  const persist = props.component.persistTab\n\n  if (!persist || fromQuery) return\n\n  const stored = readPersisted(persist.key, persist.storage)\n\n  if (stored && tabs.value.some((tab) => tab.key === stored)) active.value = stored\n})\n\n// Tabs holding a field with a validation error are marked, and when a submit brings new\n// errors while the open tab has none, the first tab with an error opens.\nconst TAB_INVALID_CLASSES =\n  'text-destructive data-[state=active]:text-destructive dark:text-destructive dark:data-[state=active]:text-destructive'\nconst t = useT()\nconst store = useOptionalFormStore()\nconst errors = useStoreSelector(\n  store?.store ?? {\n    get: () => ({ errors: {} as Record<string, string[]> }),\n    subscribe: () => () => {},\n  },\n  (state) => state.errors,\n)\nconst invalidTabs = computed(\n  () =>\n    new Set(\n      tabs.value.filter((tab) => componentHasErrors(tab, errors.value)).map((tab) => tab.key),\n    ),\n)\n\nwatch(\n  errors,\n  (next, previous) => {\n    const reveal = tabToReveal(tabs.value, active.value, previous ?? {}, next)\n\n    if (reveal !== null) active.value = reveal\n  },\n  { immediate: true },\n)\n\nfunction changeTab(value: string) {\n  active.value = value\n\n  const persist = props.component.persistTab\n\n  if (persist) writePersisted(persist.key, value, persist.storage)\n}\n\nwatch(\n  active,\n  (value) => {\n    if (!props.component.queryStringKey || typeof window === 'undefined') return\n\n    const tab = tabs.value.find((item) => item.key === value)\n    const url = new URL(window.location.href)\n    url.searchParams.set(props.component.queryStringKey, tab ? tabQueryValue(tab) : value)\n    window.history.replaceState(window.history.state, '', url)\n  },\n  { immediate: true },\n)\n</script>\n\n<template>\n  <Tabs\n    :data-surface=\"props.component.contained ? 'tabs' : undefined\"\n    :model-value=\"active\"\n    :orientation=\"props.component.vertical ? 'vertical' : 'horizontal'\"\n    :class=\"\n      cn(\n        props.component.contained && 'bg-card rounded-xl border shadow-xs',\n        props.component.vertical && 'flex-row',\n      )\n    \"\n    v-bind=\"props.component.extraAttributes\"\n    @update:model-value=\"changeTab(String($event))\"\n  >\n    <TabsList\n      :data-scrollable=\"props.component.scrollable === false ? 'false' : undefined\"\n      :class=\"\n        cn(\n          props.component.contained && 'm-2',\n          props.component.vertical\n            ? 'self-start'\n            : props.component.scrollable === false\n              ? 'h-auto max-w-full flex-wrap justify-start'\n              : 'relative max-w-full overflow-x-auto',\n        )\n      \"\n    >\n      <TabsTrigger\n        v-for=\"tab in tabs\"\n        :key=\"tab.key\"\n        :value=\"tab.key\"\n        :data-invalid=\"invalidTabs.has(tab.key) || undefined\"\n        :class=\"invalidTabs.has(tab.key) ? TAB_INVALID_CLASSES : undefined\"\n      >\n        <Icon v-if=\"tab.icon && tab.iconPosition !== 'after'\" :name=\"tab.icon\" />\n        {{ tab.label }}\n        <Icon v-if=\"tab.icon && tab.iconPosition === 'after'\" :name=\"tab.icon\" />\n        <TabBadge :tab=\"tab\" />\n        <template v-if=\"invalidTabs.has(tab.key)\">\n          <span aria-hidden=\"true\" class=\"bg-destructive size-1.5 shrink-0 rounded-full\"></span>\n          <span class=\"sr-only\">({{ t('translatable.has_errors') }})</span>\n        </template>\n      </TabsTrigger>\n    </TabsList>\n    <TabsContent\n      v-for=\"tab in tabs\"\n      :key=\"tab.key\"\n      :value=\"tab.key\"\n      force-mount\n      :class=\"cn('data-[state=inactive]:hidden', props.component.contained ? 'p-6 pt-4' : 'pt-4')\"\n    >\n      <DeferredSchema v-slot=\"{ component: loaded }\" :component=\"tab\">\n        <SchemaRenderer\n          :components=\"loaded.schema ?? []\"\n          :columns=\"loaded.columns\"\n          :attributes=\"loaded.extraAttributes\"\n          :class=\"schemaGapClass(loaded) || undefined\"\n        />\n      </DeferredSchema>\n    </TabsContent>\n  </Tabs>\n</template>\n"],"mappings":""}
+{"version":3,"file":"TabsComponent.js","names":["_sfc_main","TabsComponent_vue_vue_type_script_setup_true_lang_default","TabsComponent_default"],"sources":["../../../src/components/layout/TabsComponent.vue"],"mappings":""}

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

@@ -1 +1 @@
-{"version":3,"file":"TabsComponent.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","Tabs","_mergeProps","_unref","_withCtx","_createVNode","TabsList","_normalizeClass","_createElementBlock","_Fragment","_renderList","TabsTrigger","Icon","_createCommentVNode","_createTextVNode","_toDisplayString","TabBadge","_createElementVNode","TabsContent","DeferredSchema","SchemaRenderer","Icon_default","SchemaRenderer_default","Tabs_default","TabsContent_default","TabsList_default","TabsTrigger_default","DeferredSchema_default","TabBadge_default","_hoisted_1","TAB_INVALID_CLASSES","TabsComponent_vue_vue_type_script_setup_true_lang_default","props","__props","tabs","computed","page","usePage","fromQuery","tabFromQuery","active","ref","persist","stored","readPersisted","tab","t","useT","store","useOptionalFormStore","errors","useStoreSelector","state","invalidTabs","componentHasErrors","reveal","tabToReveal","previous","next","changeTab","value","writePersisted","watch","item","url","tabQueryValue","openBlock","createBlock","mergeProps","unref","cn","_cache","$event","withCtx","createVNode","normalizeClass","createElementBlock","Fragment","renderList","createCommentVNode","createTextVNode","toDisplayString","createElementVNode","loaded","schemaGapClass"],"sources":["../../../src/components/layout/TabsComponent.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { TabsSchema } from '@alfakit/core'\nimport {\n  componentHasErrors,\n  readPersisted,\n  schemaGapClass,\n  tabFromQuery,\n  tabQueryValue,\n  tabToReveal,\n  writePersisted,\n} from '@alfakit/core'\nimport { usePage } from '@inertiajs/vue3'\nimport { computed, onMounted, ref, watch } from 'vue'\nimport { useStoreSelector } from '../../composables/use-store'\nimport { useT } from '../../context'\nimport { Icon } from '../../lib/icons'\nimport { cn } from '../../lib/utils'\nimport { useOptionalFormStore } from '../form/form-context'\nimport SchemaRenderer from '../schema/SchemaRenderer.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 DeferredSchema from './DeferredSchema.vue'\nimport TabBadge from './TabBadge.vue'\n\nconst props = defineProps<{ component: TabsSchema }>()\nconst tabs = computed(() => props.component.schema ?? [])\n// The page URL (not `window.location`) so the server renders the same tab as the browser.\nconst page = usePage()\n// The tab's readable value (`?tab=billing-address`), or its key in links from older versions.\nconst fromQuery = props.component.queryStringKey\n  ? tabFromQuery(\n      tabs.value,\n      new URL(page.url, 'http://localhost').searchParams.get(props.component.queryStringKey),\n    )\n  : null\nconst active = ref<string>(\n  fromQuery ??\n    tabs.value[Math.max(0, props.component.activeTab - 1)]?.key ??\n    tabs.value[0]?.key ??\n    '',\n)\n\n// `persistTab()`: restored after mounting (the server can't read browser storage); a tab\n// named in the query string wins.\nonMounted(() => {\n  const persist = props.component.persistTab\n\n  if (!persist || fromQuery) return\n\n  const stored = readPersisted(persist.key, persist.storage)\n\n  if (stored && tabs.value.some((tab) => tab.key === stored)) active.value = stored\n})\n\n// Tabs holding a field with a validation error are marked, and when a submit brings new\n// errors while the open tab has none, the first tab with an error opens.\nconst TAB_INVALID_CLASSES =\n  'text-destructive data-[state=active]:text-destructive dark:text-destructive dark:data-[state=active]:text-destructive'\nconst t = useT()\nconst store = useOptionalFormStore()\nconst errors = useStoreSelector(\n  store?.store ?? {\n    get: () => ({ errors: {} as Record<string, string[]> }),\n    subscribe: () => () => {},\n  },\n  (state) => state.errors,\n)\nconst invalidTabs = computed(\n  () =>\n    new Set(\n      tabs.value.filter((tab) => componentHasErrors(tab, errors.value)).map((tab) => tab.key),\n    ),\n)\n\nwatch(\n  errors,\n  (next, previous) => {\n    const reveal = tabToReveal(tabs.value, active.value, previous ?? {}, next)\n\n    if (reveal !== null) active.value = reveal\n  },\n  { immediate: true },\n)\n\nfunction changeTab(value: string) {\n  active.value = value\n\n  const persist = props.component.persistTab\n\n  if (persist) writePersisted(persist.key, value, persist.storage)\n}\n\nwatch(\n  active,\n  (value) => {\n    if (!props.component.queryStringKey || typeof window === 'undefined') return\n\n    const tab = tabs.value.find((item) => item.key === value)\n    const url = new URL(window.location.href)\n    url.searchParams.set(props.component.queryStringKey, tab ? tabQueryValue(tab) : value)\n    window.history.replaceState(window.history.state, '', url)\n  },\n  { immediate: true },\n)\n</script>\n\n<template>\n  <Tabs\n    :data-surface=\"props.component.contained ? 'tabs' : undefined\"\n    :model-value=\"active\"\n    :orientation=\"props.component.vertical ? 'vertical' : 'horizontal'\"\n    :class=\"\n      cn(\n        props.component.contained && 'bg-card rounded-xl border shadow-xs',\n        props.component.vertical && 'flex-row',\n      )\n    \"\n    v-bind=\"props.component.extraAttributes\"\n    @update:model-value=\"changeTab(String($event))\"\n  >\n    <TabsList\n      :data-scrollable=\"props.component.scrollable === false ? 'false' : undefined\"\n      :class=\"\n        cn(\n          props.component.contained && 'm-2',\n          props.component.vertical\n            ? 'self-start'\n            : props.component.scrollable === false\n              ? 'h-auto max-w-full flex-wrap justify-start'\n              : 'relative max-w-full overflow-x-auto',\n        )\n      \"\n    >\n      <TabsTrigger\n        v-for=\"tab in tabs\"\n        :key=\"tab.key\"\n        :value=\"tab.key\"\n        :data-invalid=\"invalidTabs.has(tab.key) || undefined\"\n        :class=\"invalidTabs.has(tab.key) ? TAB_INVALID_CLASSES : undefined\"\n      >\n        <Icon v-if=\"tab.icon && tab.iconPosition !== 'after'\" :name=\"tab.icon\" />\n        {{ tab.label }}\n        <Icon v-if=\"tab.icon && tab.iconPosition === 'after'\" :name=\"tab.icon\" />\n        <TabBadge :tab=\"tab\" />\n        <template v-if=\"invalidTabs.has(tab.key)\">\n          <span aria-hidden=\"true\" class=\"bg-destructive size-1.5 shrink-0 rounded-full\"></span>\n          <span class=\"sr-only\">({{ t('translatable.has_errors') }})</span>\n        </template>\n      </TabsTrigger>\n    </TabsList>\n    <TabsContent\n      v-for=\"tab in tabs\"\n      :key=\"tab.key\"\n      :value=\"tab.key\"\n      force-mount\n      :class=\"cn('data-[state=inactive]:hidden', props.component.contained ? 'p-6 pt-4' : 'pt-4')\"\n    >\n      <DeferredSchema v-slot=\"{ component: loaded }\" :component=\"tab\">\n        <SchemaRenderer\n          :components=\"loaded.schema ?? []\"\n          :columns=\"loaded.columns\"\n          :attributes=\"loaded.extraAttributes\"\n          :class=\"schemaGapClass(loaded) || undefined\"\n        />\n      </DeferredSchema>\n    </TabsContent>\n  </Tabs>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"TabsComponent.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","Tabs","_mergeProps","_unref","_withCtx","_createVNode","TabsList","_normalizeClass","_createElementBlock","_Fragment","_renderList","TabsTrigger","Icon","_createCommentVNode","_createTextVNode","_toDisplayString","TabBadge","_createElementVNode","TabsContent","DeferredSchema","SchemaRenderer","Icon_default","SchemaRenderer_default","Tabs_default","TabsContent_default","TabsList_default","TabsTrigger_default","DeferredSchema_default","TabBadge_default","_hoisted_1","TAB_INVALID_CLASSES","TabsComponent_vue_vue_type_script_setup_true_lang_default","props","__props","tabs","computed","page","usePage","fromQuery","tabFromQuery","active","ref","persist","stored","readPersisted","tab","t","useT","store","useOptionalFormStore","errors","useStoreSelector","state","invalidTabs","componentHasErrors","reveal","tabToReveal","previous","next","changeTab","value","writePersisted","watch","item","url","tabQueryValue","openBlock","createBlock","mergeProps","unref","cn","_cache","$event","withCtx","createVNode","normalizeClass","createElementBlock","Fragment","renderList","createCommentVNode","createTextVNode","toDisplayString","createElementVNode","loaded","schemaGapClass"],"sources":["../../../src/components/layout/TabsComponent.vue"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"TextComponent.js","names":["_sfc_main","TextComponent_vue_vue_type_script_setup_true_lang_default","TextComponent_default"],"sources":["../../../src/components/layout/TextComponent.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { TextSchema } from '@alfakit/core'\nimport { CheckIcon, CopyIcon } from '@lucide/vue'\nimport { computed, ref } from 'vue'\nimport { useT } from '../../context'\nimport { badgeColorClasses, colorClass, textColorClasses } from '../../lib/colors'\nimport { Icon } from '../../lib/icons'\nimport { cn } from '../../lib/utils'\nimport Badge from '../ui/Badge.vue'\nimport Tooltip from '../ui/Tooltip.vue'\nimport TooltipContent from '../ui/TooltipContent.vue'\nimport TooltipTrigger from '../ui/TooltipTrigger.vue'\n\nconst SIZES: Record<string, string> = {\n  xs: 'text-xs',\n  sm: 'text-sm',\n  md: 'text-base',\n  lg: 'text-lg',\n  xl: 'text-xl',\n}\nconst WEIGHTS: Record<string, string> = {\n  thin: 'font-thin',\n  light: 'font-light',\n  normal: 'font-normal',\n  medium: 'font-medium',\n  semibold: 'font-semibold',\n  bold: 'font-bold',\n  black: 'font-black',\n}\nconst FONT_FAMILIES: Record<string, string> = {\n  sans: 'font-sans',\n  serif: 'font-serif',\n  mono: 'font-mono',\n}\n\nconst props = defineProps<{ component: TextSchema }>()\nconst t = useT()\nconst copied = ref(false)\n\n// `color('neutral')` is the regular text colour (and a gray badge).\nconst textColor = computed(() => {\n  const color = props.component.color\n\n  if (!color) return undefined\n\n  return color === 'neutral' ? 'text-foreground' : textColorClasses[color]\n})\nconst fontFamily = computed(() =>\n  props.component.fontFamily ? FONT_FAMILIES[props.component.fontFamily] : undefined,\n)\n\n// Called with .prevent.stop: the text may sit inside a link.\nfunction copy() {\n  void navigator.clipboard?.writeText(props.component.content).then(() => {\n    copied.value = true\n    setTimeout(() => {\n      copied.value = false\n    }, props.component.copyMessageDuration ?? 1500)\n  })\n}\n</script>\n\n<template>\n  <Tooltip v-if=\"props.component.tooltip\">\n    <TooltipTrigger as-child>\n      <span class=\"inline-flex w-fit\">\n        <TextComponent :component=\"{ ...props.component, tooltip: undefined }\" />\n      </span>\n    </TooltipTrigger>\n    <TooltipContent>{{ props.component.tooltip }}</TooltipContent>\n  </Tooltip>\n  <Badge\n    v-else-if=\"props.component.badge\"\n    variant=\"outline\"\n    :class=\"\n      cn(\n        colorClass(\n          badgeColorClasses,\n          props.component.color === 'neutral' ? 'gray' : props.component.color,\n          'gray',\n        ),\n        fontFamily,\n      )\n    \"\n    v-bind=\"props.component.extraAttributes\"\n  >\n    <Icon v-if=\"props.component.icon\" :name=\"props.component.icon\" />\n    {{ props.component.content }}\n    <template v-if=\"props.component.copyable\">\n      <button\n        type=\"button\"\n        data-slot=\"text-copy\"\n        class=\"text-muted-foreground hover:text-foreground\"\n        :aria-label=\"t('copy', {}, 'Copy')\"\n        @click.prevent.stop=\"copy\"\n      >\n        <CheckIcon v-if=\"copied\" class=\"size-3.5\" />\n        <CopyIcon v-else class=\"size-3.5\" />\n      </button>\n      <span\n        v-if=\"copied\"\n        role=\"status\"\n        :class=\"cn('text-xs', !props.component.copyMessage && 'sr-only')\"\n        >{{ props.component.copyMessage ?? t('copied', {}, 'Copied') }}</span\n      >\n    </template>\n  </Badge>\n  <p\n    v-else\n    :class=\"\n      cn(\n        'flex items-center gap-1.5 text-sm',\n        props.component.size && SIZES[props.component.size],\n        props.component.weight && WEIGHTS[props.component.weight],\n        fontFamily,\n        textColor,\n      )\n    \"\n    v-bind=\"props.component.extraAttributes\"\n  >\n    <Icon v-if=\"props.component.icon\" :name=\"props.component.icon\" />\n    {{ props.component.content }}\n    <template v-if=\"props.component.copyable\">\n      <button\n        type=\"button\"\n        data-slot=\"text-copy\"\n        class=\"text-muted-foreground hover:text-foreground\"\n        :aria-label=\"t('copy', {}, 'Copy')\"\n        @click.prevent.stop=\"copy\"\n      >\n        <CheckIcon v-if=\"copied\" class=\"size-3.5\" />\n        <CopyIcon v-else class=\"size-3.5\" />\n      </button>\n      <span\n        v-if=\"copied\"\n        role=\"status\"\n        :class=\"cn('text-xs', !props.component.copyMessage && 'sr-only')\"\n        >{{ props.component.copyMessage ?? t('copied', {}, 'Copied') }}</span\n      >\n    </template>\n  </p>\n</template>\n"],"mappings":""}
+{"version":3,"file":"TextComponent.js","names":["_sfc_main","TextComponent_vue_vue_type_script_setup_true_lang_default","TextComponent_default"],"sources":["../../../src/components/layout/TextComponent.vue"],"mappings":""}

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

@@ -1 +1 @@
-{"version":3,"file":"TextComponent.vue_vue_type_script_setup_true_lang.js","names":["_resolveComponent","_openBlock","_createBlock","Tooltip","_withCtx","_createVNode","TooltipTrigger","_createElementVNode","TooltipContent","_createTextVNode","_toDisplayString","Badge","_mergeProps","_unref","Icon","_createCommentVNode","_createElementBlock","_Fragment","_withModifiers","_normalizeClass","Icon_default","Badge_default","Tooltip_default","TooltipContent_default","TooltipTrigger_default","_hoisted_1","_hoisted_2","_hoisted_3","TextComponent_vue_vue_type_script_setup_true_lang_default","SIZES","WEIGHTS","FONT_FAMILIES","props","__props","t","useT","copied","ref","textColor","computed","color","textColorClasses","fontFamily","copy","_component_TextComponent","resolveComponent","openBlock","createBlock","withCtx","createVNode","createElementVNode","createTextVNode","toDisplayString","mergeProps","unref","cn","colorClass","badgeColorClasses","createCommentVNode","createElementBlock","Fragment","withModifiers","CheckIcon","CopyIcon","normalizeClass"],"sources":["../../../src/components/layout/TextComponent.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { TextSchema } from '@alfakit/core'\nimport { CheckIcon, CopyIcon } from '@lucide/vue'\nimport { computed, ref } from 'vue'\nimport { useT } from '../../context'\nimport { badgeColorClasses, colorClass, textColorClasses } from '../../lib/colors'\nimport { Icon } from '../../lib/icons'\nimport { cn } from '../../lib/utils'\nimport Badge from '../ui/Badge.vue'\nimport Tooltip from '../ui/Tooltip.vue'\nimport TooltipContent from '../ui/TooltipContent.vue'\nimport TooltipTrigger from '../ui/TooltipTrigger.vue'\n\nconst SIZES: Record<string, string> = {\n  xs: 'text-xs',\n  sm: 'text-sm',\n  md: 'text-base',\n  lg: 'text-lg',\n  xl: 'text-xl',\n}\nconst WEIGHTS: Record<string, string> = {\n  thin: 'font-thin',\n  light: 'font-light',\n  normal: 'font-normal',\n  medium: 'font-medium',\n  semibold: 'font-semibold',\n  bold: 'font-bold',\n  black: 'font-black',\n}\nconst FONT_FAMILIES: Record<string, string> = {\n  sans: 'font-sans',\n  serif: 'font-serif',\n  mono: 'font-mono',\n}\n\nconst props = defineProps<{ component: TextSchema }>()\nconst t = useT()\nconst copied = ref(false)\n\n// `color('neutral')` is the regular text colour (and a gray badge).\nconst textColor = computed(() => {\n  const color = props.component.color\n\n  if (!color) return undefined\n\n  return color === 'neutral' ? 'text-foreground' : textColorClasses[color]\n})\nconst fontFamily = computed(() =>\n  props.component.fontFamily ? FONT_FAMILIES[props.component.fontFamily] : undefined,\n)\n\n// Called with .prevent.stop: the text may sit inside a link.\nfunction copy() {\n  void navigator.clipboard?.writeText(props.component.content).then(() => {\n    copied.value = true\n    setTimeout(() => {\n      copied.value = false\n    }, props.component.copyMessageDuration ?? 1500)\n  })\n}\n</script>\n\n<template>\n  <Tooltip v-if=\"props.component.tooltip\">\n    <TooltipTrigger as-child>\n      <span class=\"inline-flex w-fit\">\n        <TextComponent :component=\"{ ...props.component, tooltip: undefined }\" />\n      </span>\n    </TooltipTrigger>\n    <TooltipContent>{{ props.component.tooltip }}</TooltipContent>\n  </Tooltip>\n  <Badge\n    v-else-if=\"props.component.badge\"\n    variant=\"outline\"\n    :class=\"\n      cn(\n        colorClass(\n          badgeColorClasses,\n          props.component.color === 'neutral' ? 'gray' : props.component.color,\n          'gray',\n        ),\n        fontFamily,\n      )\n    \"\n    v-bind=\"props.component.extraAttributes\"\n  >\n    <Icon v-if=\"props.component.icon\" :name=\"props.component.icon\" />\n    {{ props.component.content }}\n    <template v-if=\"props.component.copyable\">\n      <button\n        type=\"button\"\n        data-slot=\"text-copy\"\n        class=\"text-muted-foreground hover:text-foreground\"\n        :aria-label=\"t('copy', {}, 'Copy')\"\n        @click.prevent.stop=\"copy\"\n      >\n        <CheckIcon v-if=\"copied\" class=\"size-3.5\" />\n        <CopyIcon v-else class=\"size-3.5\" />\n      </button>\n      <span\n        v-if=\"copied\"\n        role=\"status\"\n        :class=\"cn('text-xs', !props.component.copyMessage && 'sr-only')\"\n        >{{ props.component.copyMessage ?? t('copied', {}, 'Copied') }}</span\n      >\n    </template>\n  </Badge>\n  <p\n    v-else\n    :class=\"\n      cn(\n        'flex items-center gap-1.5 text-sm',\n        props.component.size && SIZES[props.component.size],\n        props.component.weight && WEIGHTS[props.component.weight],\n        fontFamily,\n        textColor,\n      )\n    \"\n    v-bind=\"props.component.extraAttributes\"\n  >\n    <Icon v-if=\"props.component.icon\" :name=\"props.component.icon\" />\n    {{ props.component.content }}\n    <template v-if=\"props.component.copyable\">\n      <button\n        type=\"button\"\n        data-slot=\"text-copy\"\n        class=\"text-muted-foreground hover:text-foreground\"\n        :aria-label=\"t('copy', {}, 'Copy')\"\n        @click.prevent.stop=\"copy\"\n      >\n        <CheckIcon v-if=\"copied\" class=\"size-3.5\" />\n        <CopyIcon v-else class=\"size-3.5\" />\n      </button>\n      <span\n        v-if=\"copied\"\n        role=\"status\"\n        :class=\"cn('text-xs', !props.component.copyMessage && 'sr-only')\"\n        >{{ props.component.copyMessage ?? t('copied', {}, 'Copied') }}</span\n      >\n    </template>\n  </p>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"TextComponent.vue_vue_type_script_setup_true_lang.js","names":["_resolveComponent","_openBlock","_createBlock","Tooltip","_withCtx","_createVNode","TooltipTrigger","_createElementVNode","TooltipContent","_createTextVNode","_toDisplayString","Badge","_mergeProps","_unref","Icon","_createCommentVNode","_createElementBlock","_Fragment","_withModifiers","_normalizeClass","Icon_default","Badge_default","Tooltip_default","TooltipContent_default","TooltipTrigger_default","_hoisted_1","_hoisted_2","_hoisted_3","TextComponent_vue_vue_type_script_setup_true_lang_default","SIZES","WEIGHTS","FONT_FAMILIES","props","__props","t","useT","copied","ref","textColor","computed","color","textColorClasses","fontFamily","copy","_component_TextComponent","resolveComponent","openBlock","createBlock","withCtx","createVNode","createElementVNode","createTextVNode","toDisplayString","mergeProps","unref","cn","colorClass","badgeColorClasses","createCommentVNode","createElementBlock","Fragment","withModifiers","CheckIcon","CopyIcon","normalizeClass"],"sources":["../../../src/components/layout/TextComponent.vue"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"UnorderedListComponent.js","names":["_sfc_main","UnorderedListComponent_vue_vue_type_script_setup_true_lang_default","UnorderedListComponent_default"],"sources":["../../../src/components/layout/UnorderedListComponent.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { UnorderedListSchema } from '@alfakit/core'\nimport { cn } from '../../lib/utils'\nimport RenderComponent from '../schema/RenderComponent.vue'\n\nconst SIZES: Record<string, string> = {\n  xs: 'text-xs',\n  sm: 'text-sm',\n  md: 'text-base',\n  lg: 'text-lg',\n}\n\nconst props = defineProps<{ component: UnorderedListSchema }>()\n</script>\n\n<template>\n  <ul\n    data-slot=\"unordered-list\"\n    :class=\"\n      cn(\n        'marker:text-muted-foreground flex list-disc flex-col gap-1 ps-5',\n        SIZES[props.component.size ?? 'sm'] ?? 'text-sm',\n      )\n    \"\n    v-bind=\"props.component.extraAttributes\"\n  >\n    <li v-for=\"child in props.component.schema ?? []\" :key=\"child.key\">\n      <RenderComponent :component=\"child\" />\n    </li>\n  </ul>\n</template>\n"],"mappings":""}
+{"version":3,"file":"UnorderedListComponent.js","names":["_sfc_main","UnorderedListComponent_vue_vue_type_script_setup_true_lang_default","UnorderedListComponent_default"],"sources":["../../../src/components/layout/UnorderedListComponent.vue"],"mappings":""}

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

@@ -1 +1 @@
-{"version":3,"file":"UnorderedListComponent.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_mergeProps","_unref","_Fragment","_renderList","_createVNode","RenderComponent","RenderComponent_default","UnorderedListComponent_vue_vue_type_script_setup_true_lang_default","SIZES","props","__props","openBlock","createElementBlock","mergeProps","unref","cn","Fragment","renderList","child","createVNode"],"sources":["../../../src/components/layout/UnorderedListComponent.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { UnorderedListSchema } from '@alfakit/core'\nimport { cn } from '../../lib/utils'\nimport RenderComponent from '../schema/RenderComponent.vue'\n\nconst SIZES: Record<string, string> = {\n  xs: 'text-xs',\n  sm: 'text-sm',\n  md: 'text-base',\n  lg: 'text-lg',\n}\n\nconst props = defineProps<{ component: UnorderedListSchema }>()\n</script>\n\n<template>\n  <ul\n    data-slot=\"unordered-list\"\n    :class=\"\n      cn(\n        'marker:text-muted-foreground flex list-disc flex-col gap-1 ps-5',\n        SIZES[props.component.size ?? 'sm'] ?? 'text-sm',\n      )\n    \"\n    v-bind=\"props.component.extraAttributes\"\n  >\n    <li v-for=\"child in props.component.schema ?? []\" :key=\"child.key\">\n      <RenderComponent :component=\"child\" />\n    </li>\n  </ul>\n</template>\n"],"mappings":";;;;;;;;EAKA,IAAMU,IAAgC;GACpC,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;EACN,GAEMC,IAAQC;oBAIZZ,EAAA,GAAAC,EAaK,MAbLC,EAaK;GAZH,aAAU;GACT,OAAcC,EAAAc,CAAA,CAAE,CAAA,mEAAqFP,EAAMC,EAAM,UAAU,QAAI,SAAA,SAAA;EAMxH,GAAAA,EAAM,UAAU,eAAe,GAAA,EAEvCX,EAAA,EAAA,GAAAC,EAEKG,GAAA,MAAAC,EAFeM,EAAM,UAAU,UAAM,CAAA,IAA/B,OAAXX,EAAA,GAAAC,EAEK,MAAA,EAF8C,KAAKmB,EAAM,IAAA,GAAA,CAC5Dd,EAAsCC,GAAA,EAApB,WAAWa,EAAK,GAAA,MAAA,GAAA,CAAA,WAAA,CAAA,CAAA,CAAA"}
+{"version":3,"file":"UnorderedListComponent.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_mergeProps","_unref","_Fragment","_renderList","_createVNode","RenderComponent","RenderComponent_default","UnorderedListComponent_vue_vue_type_script_setup_true_lang_default","SIZES","props","__props","openBlock","createElementBlock","mergeProps","unref","cn","Fragment","renderList","child","createVNode"],"sources":["../../../src/components/layout/UnorderedListComponent.vue"],"mappings":";;;;;;;;EAKA,IAAMU,IAAgC;GACpC,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;EACN,GAEMC,IAAQC;oBAIZZ,EAAA,GAAAC,EAaK,MAbLC,EAaK;GAZH,aAAU;GACT,OAAcC,EAAAc,CAAA,CAAE,CAAA,mEAAqFP,EAAMC,EAAM,UAAU,QAAI,SAAA,SAAA;EAMxH,GAAAA,EAAM,UAAU,eAAe,GAAA,EAEvCX,EAAA,EAAA,GAAAC,EAEKG,GAAA,MAAAC,EAFeM,EAAM,UAAU,UAAM,CAAA,IAA/B,OAAXX,EAAA,GAAAC,EAEK,MAAA,EAF8C,KAAKmB,EAAM,IAAA,GAAA,CAC5Dd,EAAsCC,GAAA,EAApB,WAAWa,EAAK,GAAA,MAAA,GAAA,CAAA,WAAA,CAAA,CAAA,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"ViewComponent.js","names":["_sfc_main","ViewComponent_vue_vue_type_script_setup_true_lang_default","ViewComponent_default"],"sources":["../../../src/components/layout/ViewComponent.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ViewSchema } from '@alfakit/core'\nimport { computed } from 'vue'\nimport { useRegistry, useT } from '../../context'\n\n/** Custom component registered by the application through `createAlfakit({ components })`. */\nconst props = defineProps<{ component: ViewSchema }>()\nconst registry = useRegistry()\nconst t = useT()\nconst custom = computed(() => registry.resolve(props.component.component))\n</script>\n\n<template>\n  <div\n    v-if=\"!custom\"\n    class=\"border-destructive/40 text-destructive rounded-md border border-dashed p-3 text-xs\"\n  >\n    {{\n      t(\n        'component_not_registered',\n        { component: props.component.component },\n        `Component ${props.component.component} is not registered.`,\n      )\n    }}\n  </div>\n  <component\n    :is=\"custom\"\n    v-else\n    v-bind=\"props.component.props ?? {}\"\n    :component=\"props.component\"\n  />\n</template>\n"],"mappings":""}
+{"version":3,"file":"ViewComponent.js","names":["_sfc_main","ViewComponent_vue_vue_type_script_setup_true_lang_default","ViewComponent_default"],"sources":["../../../src/components/layout/ViewComponent.vue"],"mappings":""}

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

@@ -1 +1 @@
-{"version":3,"file":"ViewComponent.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_toDisplayString","_unref","_createBlock","_resolveDynamicComponent","_mergeProps","_hoisted_1","ViewComponent_vue_vue_type_script_setup_true_lang_default","props","__props","registry","useRegistry","t","useT","custom","computed","openBlock","createBlock","resolveDynamicComponent","mergeProps","createElementBlock","toDisplayString","unref"],"sources":["../../../src/components/layout/ViewComponent.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ViewSchema } from '@alfakit/core'\nimport { computed } from 'vue'\nimport { useRegistry, useT } from '../../context'\n\n/** Custom component registered by the application through `createAlfakit({ components })`. */\nconst props = defineProps<{ component: ViewSchema }>()\nconst registry = useRegistry()\nconst t = useT()\nconst custom = computed(() => registry.resolve(props.component.component))\n</script>\n\n<template>\n  <div\n    v-if=\"!custom\"\n    class=\"border-destructive/40 text-destructive rounded-md border border-dashed p-3 text-xs\"\n  >\n    {{\n      t(\n        'component_not_registered',\n        { component: props.component.component },\n        `Component ${props.component.component} is not registered.`,\n      )\n    }}\n  </div>\n  <component\n    :is=\"custom\"\n    v-else\n    v-bind=\"props.component.props ?? {}\"\n    :component=\"props.component\"\n  />\n</template>\n"],"mappings":";;;;;;;;;;EAMA,IAAMS,IAAQC,GACRC,IAAWC,EAAY,GACvBC,IAAIC,EAAK,GACTC,IAASC,QAAeL,EAAS,QAAQF,EAAM,UAAU,SAAS,CAAC;mBAK9DM,EAAA,SAWTf,EAAA,GAAAI,EAKEC,EAJKU,EAAA,KAAM,GADbT,EAKE,EAAA,KAAA,EAAA,GAFQG,EAAM,UAAU,SAAK,CAAA,GAAA,EAC5B,WAAWA,EAAM,UAAA,CAAA,GAAA,MAAA,IAAA,CAAA,WAAA,CAAA,MAhBpBT,EAAA,GAAAC,EAWM,OAXNM,GAWML,EANFC,EAAAU,CAAA,CAAC,CAAA,4BAA2D,EAAA,WAAAJ,EAAM,UAAU,UAAS,GAAyB,aAAAA,EAAM,UAAU,UAAS,oBAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"ViewComponent.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_toDisplayString","_unref","_createBlock","_resolveDynamicComponent","_mergeProps","_hoisted_1","ViewComponent_vue_vue_type_script_setup_true_lang_default","props","__props","registry","useRegistry","t","useT","custom","computed","openBlock","createBlock","resolveDynamicComponent","mergeProps","createElementBlock","toDisplayString","unref"],"sources":["../../../src/components/layout/ViewComponent.vue"],"mappings":";;;;;;;;;;EAMA,IAAMS,IAAQC,GACRC,IAAWC,EAAY,GACvBC,IAAIC,EAAK,GACTC,IAASC,QAAeL,EAAS,QAAQF,EAAM,UAAU,SAAS,CAAC;mBAK9DM,EAAA,SAWTf,EAAA,GAAAI,EAKEC,EAJKU,EAAA,KAAM,GADbT,EAKE,EAAA,KAAA,EAAA,GAFQG,EAAM,UAAU,SAAK,CAAA,GAAA,EAC5B,WAAWA,EAAM,UAAA,CAAA,GAAA,MAAA,IAAA,CAAA,WAAA,CAAA,MAhBpBT,EAAA,GAAAC,EAWM,OAXNM,GAWML,EANFC,EAAAU,CAAA,CAAC,CAAA,4BAA2D,EAAA,WAAAJ,EAAM,UAAU,UAAS,GAAyB,aAAAA,EAAM,UAAU,UAAS,oBAAA,CAAA,GAAA,CAAA"}