@alfakit/vue 0.1.10 → 0.1.12

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\n          :items=\"props.component.afterHeader\"\n          name=\"section-after-header\"\n          :context=\"context\"\n        />\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\n              :items=\"props.component.footer\"\n              name=\"section-footer-content\"\n              :context=\"context\"\n            />\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\n          :items=\"props.component.afterHeader\"\n          name=\"section-after-header\"\n          :context=\"context\"\n        />\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\n            :items=\"props.component.footer\"\n            name=\"section-footer-content\"\n            :context=\"context\"\n          />\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_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\n          :items=\"props.component.afterHeader\"\n          name=\"section-after-header\"\n          :context=\"context\"\n        />\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\n              :items=\"props.component.footer\"\n              name=\"section-footer-content\"\n              :context=\"context\"\n            />\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\n          :items=\"props.component.afterHeader\"\n          name=\"section-after-header\"\n          :context=\"context\"\n        />\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\n            :items=\"props.component.footer\"\n            name=\"section-footer-content\"\n            :context=\"context\"\n          />\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"}

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

@@ -1 +1 @@
-{"version":3,"file":"WizardComponent.js","names":["_sfc_main","WizardComponent_vue_vue_type_script_setup_true_lang_default","WizardComponent_default"],"sources":["../../../src/components/layout/WizardComponent.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { WizardSchema } from '@alfakit/core'\nimport {\n  collectFields,\n  completedStepIcon,\n  initialWizardStep,\n  persistWizardStep,\n  reportWizardProgress,\n  wizardRequestedStepIndex,\n  wizardStepFieldPaths,\n  wizardStepQueryKey,\n  wizardStepToReveal,\n  schemaGapClass,\n} from '@alfakit/core'\nimport { CheckIcon } from '@lucide/vue'\nimport { computed, 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 ActionButton from '../actions/ActionButton.vue'\nimport { usePageActionContext } from '../actions/action-context'\nimport { useOptionalFormStore } from '../form/form-context'\nimport SchemaRenderer from '../schema/SchemaRenderer.vue'\nimport Button from '../ui/Button.vue'\nimport DeferredSchema from './DeferredSchema.vue'\n\n/**\n * \"Next\" validates the current step's fields on the server before moving on; the submit\n * validates the whole form, and the wizard jumps to the first step containing an error\n * when new errors arrive (the user can still move between steps afterwards).\n */\nconst props = defineProps<{ component: WizardSchema }>()\nconst t = useT()\nconst steps = computed(() => props.component.schema ?? [])\nconst current = ref(\n  initialWizardStep(\n    steps.value.length,\n    props.component.startStep,\n    props.component.persistStepInQueryString,\n  ),\n)\n\nconst stepQueryKey = computed(() => wizardStepQueryKey(props.component.persistStepInQueryString))\nconst actionContext = usePageActionContext()\n\nwatch(\n  current,\n  (step) => {\n    if (stepQueryKey.value) persistWizardStep(step, stepQueryKey.value)\n  },\n  { immediate: true },\n)\nconst store = useOptionalFormStore()\n\n// An action modal around this wizard shows its submit button on the last step only.\nwatch(\n  [current, () => steps.value.length],\n  ([step, count]) => reportWizardProgress(store, step, count),\n  { immediate: true },\n)\nconst errors = useStoreSelector(\n  store?.store ?? {\n    get: () => ({ errors: {} as Record<string, string[]> }),\n    subscribe: () => () => {},\n  },\n  (state) => state.errors,\n)\n\nconst stepHasError = (index: number) => {\n  const step = steps.value[index]\n\n  return step\n    ? collectFields(step.schema ?? []).some((field) => errors.value[field.statePath])\n    : false\n}\n\nwatch(\n  errors,\n  (next, previous) => {\n    const reveal = wizardStepToReveal(steps.value, previous ?? {}, next)\n\n    if (reveal !== null) current.value = reveal\n  },\n  { immediate: true },\n)\n\n// `goToStep()` from the server: move once per request (each carries a new id).\nwatch(\n  () => props.component.goToStep?.id,\n  (id) => {\n    if (!id) return\n\n    const requested = wizardRequestedStepIndex(\n      steps.value,\n      props.component.goToStep,\n      current.value,\n      props.component.skippable,\n    )\n\n    if (requested !== null) current.value = requested\n  },\n)\n\nconst activeIndex = computed(() => current.value)\nconst validating = ref(false)\n\nconst next = async () => {\n  const step = steps.value[activeIndex.value]\n\n  if (store && step) {\n    validating.value = true\n    const valid = await store.validateStep(\n      step.key,\n      step.deferred ? (step.deferredPaths ?? []) : wizardStepFieldPaths(step),\n    )\n    validating.value = false\n\n    if (!valid) return\n  }\n\n  current.value = activeIndex.value + 1\n}\n</script>\n\n<template>\n  <div\n    data-surface=\"wizard\"\n    class=\"bg-card rounded-xl border shadow-xs\"\n    v-bind=\"props.component.extraAttributes\"\n  >\n    <ol class=\"flex flex-wrap gap-2 border-b p-4\" :aria-label=\"t('steps', {}, 'Steps')\">\n      <li v-for=\"(step, index) in steps\" :key=\"step.key\" class=\"flex items-center gap-2\">\n        <button\n          type=\"button\"\n          :disabled=\"!(props.component.skippable || index <= activeIndex)\"\n          :class=\"\n            cn(\n              'flex items-center gap-2 rounded-md px-2 py-1 text-sm transition-colors disabled:cursor-default',\n              index === activeIndex ? 'text-foreground font-medium' : 'text-muted-foreground',\n              (props.component.skippable || index <= activeIndex) &&\n                index !== activeIndex &&\n                'hover:text-foreground',\n            )\n          \"\n          @click=\"current = index\"\n        >\n          <span\n            :class=\"\n              cn(\n                'flex size-6 items-center justify-center rounded-full border text-xs',\n                index === activeIndex && 'border-primary bg-primary text-primary-foreground',\n                index < activeIndex && 'border-success bg-success text-success-foreground',\n                stepHasError(index) && 'border-destructive text-destructive',\n              )\n            \"\n          >\n            <template v-if=\"index < activeIndex\">\n              <Icon\n                v-if=\"completedStepIcon(step, props.component)\"\n                :name=\"completedStepIcon(step, props.component)\"\n                class=\"size-3.5\"\n              />\n              <Icon\n                v-else\n                name=\"alfakit::schemas.wizard.completed-step\"\n                :fallback=\"CheckIcon\"\n                class=\"size-3.5\"\n              />\n            </template>\n            <Icon v-else-if=\"step.icon\" :name=\"step.icon\" class=\"size-3.5\" />\n            <template v-else>{{ index + 1 }}</template>\n          </span>\n          <span class=\"flex flex-col items-start leading-tight\">\n            {{ step.label }}\n            <span v-if=\"step.description\" class=\"text-muted-foreground text-xs font-normal\">{{\n              step.description\n            }}</span>\n          </span>\n        </button>\n        <span v-if=\"index < steps.length - 1\" class=\"bg-border hidden h-px w-6 sm:block\" />\n      </li>\n    </ol>\n    <div\n      v-for=\"(step, index) in steps\"\n      :key=\"step.key\"\n      :class=\"cn('p-6', index !== activeIndex && 'hidden')\"\n    >\n      <DeferredSchema v-slot=\"{ component: loaded }\" :component=\"step\">\n        <SchemaRenderer\n          :components=\"loaded.schema ?? []\"\n          :columns=\"loaded.columns\"\n          :attributes=\"loaded.extraAttributes\"\n          :class=\"schemaGapClass(loaded) || undefined\"\n        />\n      </DeferredSchema>\n    </div>\n    <div class=\"flex items-center justify-between gap-2 border-t p-4\">\n      <span v-if=\"props.component.previousAction === false\" />\n      <ActionButton\n        v-else-if=\"props.component.previousAction\"\n        :action=\"{ ...props.component.previousAction, disabled: activeIndex === 0 || undefined }\"\n        :context=\"actionContext\"\n        :on-trigger=\"() => void (current = activeIndex - 1)\"\n      />\n      <Button\n        v-else\n        type=\"button\"\n        variant=\"outline\"\n        :disabled=\"activeIndex === 0\"\n        @click=\"current = activeIndex - 1\"\n        >{{ props.component.previousActionLabel ?? t('form.previous_step', {}, 'Back') }}</Button\n      >\n      <template v-if=\"activeIndex < steps.length - 1\">\n        <span v-if=\"props.component.nextAction === false\" />\n        <ActionButton\n          v-else-if=\"props.component.nextAction\"\n          :action=\"{\n            ...props.component.nextAction,\n            disabled: props.component.nextAction.disabled || validating || undefined,\n          }\"\n          :context=\"actionContext\"\n          :on-trigger=\"() => next()\"\n        />\n        <Button\n          v-else\n          type=\"button\"\n          :disabled=\"validating\"\n          :aria-busy=\"validating || undefined\"\n          @click=\"next\"\n          >{{ props.component.nextActionLabel ?? t('form.next_step', {}, 'Next') }}</Button\n        >\n      </template>\n      <ActionButton\n        v-else-if=\"props.component.submitAction\"\n        :action=\"props.component.submitAction\"\n        :context=\"actionContext\"\n      />\n      <div\n        v-else-if=\"props.component.submitActionHtml\"\n        data-slot=\"wizard-submit\"\n        v-html=\"props.component.submitActionHtml\"\n      />\n      <span v-else class=\"text-muted-foreground text-xs\">{{\n        props.component.submitActionLabel\n      }}</span>\n    </div>\n  </div>\n</template>\n"],"mappings":""}
+{"version":3,"file":"WizardComponent.js","names":["_sfc_main","WizardComponent_vue_vue_type_script_setup_true_lang_default","WizardComponent_default"],"sources":["../../../src/components/layout/WizardComponent.vue"],"mappings":""}

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

@@ -1 +1 @@
-{"version":3,"file":"WizardComponent.vue.d.ts","sourceRoot":"","sources":["../../../src/components/layout/WizardComponent.vue"],"names":[],"mappings":"AA2PA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AA0BjD;;;;GAIG;AACH,KAAK,WAAW,GAAG;IAAE,SAAS,EAAE,YAAY,CAAA;CAAE,CAAC;;AAmb/C,wBAMG"}
+{"version":3,"file":"WizardComponent.vue.d.ts","sourceRoot":"","sources":["../../../src/components/layout/WizardComponent.vue"],"names":[],"mappings":"AA+PA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AA2BjD;;;;GAIG;AACH,KAAK,WAAW,GAAG;IAAE,SAAS,EAAE,YAAY,CAAA;CAAE,CAAC;;AAub/C,wBAMG"}

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

@@ -5,11 +5,12 @@ import { useStoreSelector as r } from "../../composables/use-store.js";
 import i from "../../lib/Icon.js";
 import a from "../ui/Button2.js";
 import o from "../actions/ActionButton.js";
-import { useOptionalFormStore as s } from "../form/form-context.js";
-import ee from "../schema/SchemaRenderer.js";
-import c from "./DeferredSchema.js";
-import { collectFields as te, completedStepIcon as l, initialWizardStep as u, persistWizardStep as d, reportWizardProgress as f, schemaGapClass as p, wizardRequestedStepIndex as m, wizardStepFieldPaths as ne, wizardStepQueryKey as re, wizardStepToReveal as ie } from "@alfakit/core";
-import { Fragment as h, computed as g, createBlock as _, createCommentVNode as v, createElementBlock as y, createElementVNode as b, createTextVNode as x, createVNode as S, defineComponent as C, mergeProps as ae, normalizeClass as w, openBlock as T, ref as E, renderList as D, toDisplayString as O, unref as k, watch as A, withCtx as j } from "vue";
+import { useOptionalFormStore as ee } from "../form/form-context.js";
+import te from "../schema/SchemaRenderer.js";
+import { useFieldActionContext as ne } from "../schema/field-actions.js";
+import s from "./DeferredSchema.js";
+import { collectFields as re, completedStepIcon as c, initialWizardStep as l, persistWizardStep as u, reportWizardProgress as d, schemaGapClass as f, wizardRequestedStepIndex as p, wizardStepFieldPaths as ie, wizardStepQueryKey as ae, wizardStepToReveal as oe } from "@alfakit/core";
+import { Fragment as m, computed as h, createBlock as g, createCommentVNode as _, createElementBlock as v, createElementVNode as y, createTextVNode as b, createVNode as x, defineComponent as S, mergeProps as C, normalizeClass as w, openBlock as T, ref as E, renderList as D, toDisplayString as O, unref as k, watch as A, withCtx as j } from "vue";
 import { CheckIcon as M } from "@lucide/vue";
 //#region src/components/layout/WizardComponent.vue?vue&type=script&setup=true&lang.ts
 var N = ["aria-label"], P = ["disabled", "onClick"], F = { class: "flex flex-col items-start leading-tight" }, I = {
@@ -21,78 +22,78 @@ var N = ["aria-label"], P = ["disabled", "onClick"], F = { class: "flex flex-col
 }, R = { class: "flex items-center justify-between gap-2 border-t p-4" }, z = { key: 0 }, B = { key: 0 }, V = ["innerHTML"], H = {
 	key: 6,
 	class: "text-muted-foreground text-xs"
-}, U = /*@__PURE__*/ C({
+}, U = /*@__PURE__*/ S({
 	__name: "WizardComponent",
 	props: { component: {} },
-	setup(C) {
-		let U = C, W = e(), G = g(() => U.component.schema ?? []), K = E(u(G.value.length, U.component.startStep, U.component.persistStepInQueryString)), q = g(() => re(U.component.persistStepInQueryString)), J = t();
+	setup(S) {
+		let U = S, W = e(), G = h(() => U.component.schema ?? []), K = E(l(G.value.length, U.component.startStep, U.component.persistStepInQueryString)), q = h(() => ae(U.component.persistStepInQueryString)), J = t();
 		A(K, (e) => {
-			q.value && d(e, q.value);
+			q.value && u(e, q.value);
 		}, { immediate: !0 });
-		let Y = s();
-		A([K, () => G.value.length], ([e, t]) => f(Y, e, t), { immediate: !0 });
+		let Y = ee(), se = ne(() => U.component), ce = h(() => Y ? se.value : J);
+		A([K, () => G.value.length], ([e, t]) => d(Y, e, t), { immediate: !0 });
 		let X = r(Y?.store ?? {
 			get: () => ({ errors: {} }),
 			subscribe: () => () => {}
-		}, (e) => e.errors), oe = (e) => {
+		}, (e) => e.errors), le = (e) => {
 			let t = G.value[e];
-			return t ? te(t.schema ?? []).some((e) => X.value[e.statePath]) : !1;
+			return t ? re(t.schema ?? []).some((e) => X.value[e.statePath]) : !1;
 		};
 		A(X, (e, t) => {
-			let n = ie(G.value, t ?? {}, e);
+			let n = oe(G.value, t ?? {}, e);
 			n !== null && (K.value = n);
 		}, { immediate: !0 }), A(() => U.component.goToStep?.id, (e) => {
 			if (!e) return;
-			let t = m(G.value, U.component.goToStep, K.value, U.component.skippable);
+			let t = p(G.value, U.component.goToStep, K.value, U.component.skippable);
 			t !== null && (K.value = t);
 		});
-		let Z = g(() => K.value), Q = E(!1), $ = async () => {
+		let Z = h(() => K.value), Q = E(!1), $ = async () => {
 			let e = G.value[Z.value];
 			if (Y && e) {
 				Q.value = !0;
-				let t = await Y.validateStep(e.key, e.deferred ? e.deferredPaths ?? [] : ne(e));
+				let t = await Y.validateStep(e.key, e.deferred ? e.deferredPaths ?? [] : ie(e));
 				if (Q.value = !1, !t) return;
 			}
 			K.value = Z.value + 1;
 		};
-		return (e, t) => (T(), y("div", ae({
+		return (e, t) => (T(), v("div", C({
 			"data-surface": "wizard",
 			class: "bg-card rounded-xl border shadow-xs"
 		}, U.component.extraAttributes), [
-			b("ol", {
+			y("ol", {
 				class: "flex flex-wrap gap-2 border-b p-4",
 				"aria-label": k(W)("steps", {}, "Steps")
-			}, [(T(!0), y(h, null, D(G.value, (e, t) => (T(), y("li", {
+			}, [(T(!0), v(m, null, D(G.value, (e, t) => (T(), v("li", {
 				key: e.key,
 				class: "flex items-center gap-2"
-			}, [b("button", {
+			}, [y("button", {
 				type: "button",
 				disabled: !(U.component.skippable || t <= Z.value),
 				class: w(k(n)("flex items-center gap-2 rounded-md px-2 py-1 text-sm transition-colors disabled:cursor-default", t === Z.value ? "text-foreground font-medium" : "text-muted-foreground", (U.component.skippable || t <= Z.value) && t !== Z.value && "hover:text-foreground")),
 				onClick: (e) => K.value = t
-			}, [b("span", { class: w(k(n)("flex size-6 items-center justify-center rounded-full border text-xs", t === Z.value && "border-primary bg-primary text-primary-foreground", t < Z.value && "border-success bg-success text-success-foreground", oe(t) && "border-destructive text-destructive")) }, [t < Z.value ? (T(), y(h, { key: 0 }, [k(l)(e, U.component) ? (T(), _(k(i), {
+			}, [y("span", { class: w(k(n)("flex size-6 items-center justify-center rounded-full border text-xs", t === Z.value && "border-primary bg-primary text-primary-foreground", t < Z.value && "border-success bg-success text-success-foreground", le(t) && "border-destructive text-destructive")) }, [t < Z.value ? (T(), v(m, { key: 0 }, [k(c)(e, U.component) ? (T(), g(k(i), {
 				key: 0,
-				name: k(l)(e, U.component),
+				name: k(c)(e, U.component),
 				class: "size-3.5"
-			}, null, 8, ["name"])) : (T(), _(k(i), {
+			}, null, 8, ["name"])) : (T(), g(k(i), {
 				key: 1,
 				name: "alfakit::schemas.wizard.completed-step",
 				fallback: k(M),
 				class: "size-3.5"
-			}, null, 8, ["fallback"]))], 64)) : e.icon ? (T(), _(k(i), {
+			}, null, 8, ["fallback"]))], 64)) : e.icon ? (T(), g(k(i), {
 				key: 1,
 				name: e.icon,
 				class: "size-3.5"
-			}, null, 8, ["name"])) : (T(), y(h, { key: 2 }, [x(O(t + 1), 1)], 64))], 2), b("span", F, [x(O(e.label) + " ", 1), e.description ? (T(), y("span", I, O(e.description), 1)) : v("", !0)])], 10, P), t < G.value.length - 1 ? (T(), y("span", L)) : v("", !0)]))), 128))], 8, N),
-			(T(!0), y(h, null, D(G.value, (e, t) => (T(), y("div", {
+			}, null, 8, ["name"])) : (T(), v(m, { key: 2 }, [b(O(t + 1), 1)], 64))], 2), y("span", F, [b(O(e.label) + " ", 1), e.description ? (T(), v("span", I, O(e.description), 1)) : _("", !0)])], 10, P), t < G.value.length - 1 ? (T(), v("span", L)) : _("", !0)]))), 128))], 8, N),
+			(T(!0), v(m, null, D(G.value, (e, t) => (T(), v("div", {
 				key: e.key,
 				class: w(k(n)("p-6", t !== Z.value && "hidden"))
-			}, [S(c, { component: e }, {
-				default: j(({ component: e }) => [S(ee, {
+			}, [x(s, { component: e }, {
+				default: j(({ component: e }) => [x(te, {
 					components: e.schema ?? [],
 					columns: e.columns,
 					attributes: e.extraAttributes,
-					class: w(k(p)(e) || void 0)
+					class: w(k(f)(e) || void 0)
 				}, null, 8, [
 					"components",
 					"columns",
@@ -101,7 +102,7 @@ var N = ["aria-label"], P = ["disabled", "onClick"], F = { class: "flex flex-col
 				])]),
 				_: 1
 			}, 8, ["component"])], 2))), 128)),
-			b("div", R, [U.component.previousAction === !1 ? (T(), y("span", z)) : U.component.previousAction ? (T(), _(o, {
+			y("div", R, [U.component.previousAction === !1 ? (T(), v("span", z)) : U.component.previousAction ? (T(), g(o, {
 				key: 1,
 				action: {
 					...U.component.previousAction,
@@ -113,16 +114,16 @@ var N = ["aria-label"], P = ["disabled", "onClick"], F = { class: "flex flex-col
 				"action",
 				"context",
 				"on-trigger"
-			])) : (T(), _(a, {
+			])) : (T(), g(a, {
 				key: 2,
 				type: "button",
 				variant: "outline",
 				disabled: Z.value === 0,
 				onClick: t[0] ||= (e) => K.value = Z.value - 1
 			}, {
-				default: j(() => [x(O(U.component.previousActionLabel ?? k(W)("form.previous_step", {}, "Back")), 1)]),
+				default: j(() => [b(O(U.component.previousActionLabel ?? k(W)("form.previous_step", {}, "Back")), 1)]),
 				_: 1
-			}, 8, ["disabled"])), Z.value < G.value.length - 1 ? (T(), y(h, { key: 3 }, [U.component.nextAction === !1 ? (T(), y("span", B)) : U.component.nextAction ? (T(), _(o, {
+			}, 8, ["disabled"])), Z.value < G.value.length - 1 ? (T(), v(m, { key: 3 }, [U.component.nextAction === !1 ? (T(), v("span", B)) : U.component.nextAction ? (T(), g(o, {
 				key: 1,
 				action: {
 					...U.component.nextAction,
@@ -134,24 +135,24 @@ var N = ["aria-label"], P = ["disabled", "onClick"], F = { class: "flex flex-col
 				"action",
 				"context",
 				"on-trigger"
-			])) : (T(), _(a, {
+			])) : (T(), g(a, {
 				key: 2,
 				type: "button",
 				disabled: Q.value,
 				"aria-busy": Q.value || void 0,
 				onClick: $
 			}, {
-				default: j(() => [x(O(U.component.nextActionLabel ?? k(W)("form.next_step", {}, "Next")), 1)]),
+				default: j(() => [b(O(U.component.nextActionLabel ?? k(W)("form.next_step", {}, "Next")), 1)]),
 				_: 1
-			}, 8, ["disabled", "aria-busy"]))], 64)) : U.component.submitAction ? (T(), _(o, {
+			}, 8, ["disabled", "aria-busy"]))], 64)) : U.component.submitAction ? (T(), g(o, {
 				key: 4,
 				action: U.component.submitAction,
-				context: k(J)
-			}, null, 8, ["action", "context"])) : U.component.submitActionHtml ? (T(), y("div", {
+				context: ce.value
+			}, null, 8, ["action", "context"])) : U.component.submitActionHtml ? (T(), v("div", {
 				key: 5,
 				"data-slot": "wizard-submit",
 				innerHTML: U.component.submitActionHtml
-			}, null, 8, V)) : (T(), y("span", H, O(U.component.submitActionLabel), 1))])
+			}, null, 8, V)) : (T(), v("span", H, O(U.component.submitActionLabel), 1))])
 		], 16));
 	}
 });

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

@@ -1 +1 @@
-{"version":3,"file":"WizardComponent.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_mergeProps","_createElementVNode","_unref","_Fragment","_renderList","_normalizeClass","_createBlock","Icon","_createTextVNode","_toDisplayString","_createCommentVNode","_createVNode","DeferredSchema","_withCtx","SchemaRenderer","ActionButton","Button","Icon_default","Button_default","ActionButton_default","SchemaRenderer_default","DeferredSchema_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","WizardComponent_vue_vue_type_script_setup_true_lang_default","props","__props","t","useT","steps","computed","current","ref","initialWizardStep","stepQueryKey","wizardStepQueryKey","actionContext","usePageActionContext","persistWizardStep","step","store","useOptionalFormStore","count","reportWizardProgress","errors","useStoreSelector","state","stepHasError","index","collectFields","field","watch","reveal","wizardStepToReveal","previous","next","id","requested","wizardRequestedStepIndex","activeIndex","validating","valid","wizardStepFieldPaths","openBlock","createElementBlock","mergeProps","createElementVNode","unref","Fragment","renderList","normalizeClass","cn","completedStepIcon","createBlock","CheckIcon","createTextVNode","toDisplayString","createCommentVNode","createVNode","withCtx","loaded","schemaGapClass","_cache"],"sources":["../../../src/components/layout/WizardComponent.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { WizardSchema } from '@alfakit/core'\nimport {\n  collectFields,\n  completedStepIcon,\n  initialWizardStep,\n  persistWizardStep,\n  reportWizardProgress,\n  wizardRequestedStepIndex,\n  wizardStepFieldPaths,\n  wizardStepQueryKey,\n  wizardStepToReveal,\n  schemaGapClass,\n} from '@alfakit/core'\nimport { CheckIcon } from '@lucide/vue'\nimport { computed, 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 ActionButton from '../actions/ActionButton.vue'\nimport { usePageActionContext } from '../actions/action-context'\nimport { useOptionalFormStore } from '../form/form-context'\nimport SchemaRenderer from '../schema/SchemaRenderer.vue'\nimport Button from '../ui/Button.vue'\nimport DeferredSchema from './DeferredSchema.vue'\n\n/**\n * \"Next\" validates the current step's fields on the server before moving on; the submit\n * validates the whole form, and the wizard jumps to the first step containing an error\n * when new errors arrive (the user can still move between steps afterwards).\n */\nconst props = defineProps<{ component: WizardSchema }>()\nconst t = useT()\nconst steps = computed(() => props.component.schema ?? [])\nconst current = ref(\n  initialWizardStep(\n    steps.value.length,\n    props.component.startStep,\n    props.component.persistStepInQueryString,\n  ),\n)\n\nconst stepQueryKey = computed(() => wizardStepQueryKey(props.component.persistStepInQueryString))\nconst actionContext = usePageActionContext()\n\nwatch(\n  current,\n  (step) => {\n    if (stepQueryKey.value) persistWizardStep(step, stepQueryKey.value)\n  },\n  { immediate: true },\n)\nconst store = useOptionalFormStore()\n\n// An action modal around this wizard shows its submit button on the last step only.\nwatch(\n  [current, () => steps.value.length],\n  ([step, count]) => reportWizardProgress(store, step, count),\n  { immediate: true },\n)\nconst errors = useStoreSelector(\n  store?.store ?? {\n    get: () => ({ errors: {} as Record<string, string[]> }),\n    subscribe: () => () => {},\n  },\n  (state) => state.errors,\n)\n\nconst stepHasError = (index: number) => {\n  const step = steps.value[index]\n\n  return step\n    ? collectFields(step.schema ?? []).some((field) => errors.value[field.statePath])\n    : false\n}\n\nwatch(\n  errors,\n  (next, previous) => {\n    const reveal = wizardStepToReveal(steps.value, previous ?? {}, next)\n\n    if (reveal !== null) current.value = reveal\n  },\n  { immediate: true },\n)\n\n// `goToStep()` from the server: move once per request (each carries a new id).\nwatch(\n  () => props.component.goToStep?.id,\n  (id) => {\n    if (!id) return\n\n    const requested = wizardRequestedStepIndex(\n      steps.value,\n      props.component.goToStep,\n      current.value,\n      props.component.skippable,\n    )\n\n    if (requested !== null) current.value = requested\n  },\n)\n\nconst activeIndex = computed(() => current.value)\nconst validating = ref(false)\n\nconst next = async () => {\n  const step = steps.value[activeIndex.value]\n\n  if (store && step) {\n    validating.value = true\n    const valid = await store.validateStep(\n      step.key,\n      step.deferred ? (step.deferredPaths ?? []) : wizardStepFieldPaths(step),\n    )\n    validating.value = false\n\n    if (!valid) return\n  }\n\n  current.value = activeIndex.value + 1\n}\n</script>\n\n<template>\n  <div\n    data-surface=\"wizard\"\n    class=\"bg-card rounded-xl border shadow-xs\"\n    v-bind=\"props.component.extraAttributes\"\n  >\n    <ol class=\"flex flex-wrap gap-2 border-b p-4\" :aria-label=\"t('steps', {}, 'Steps')\">\n      <li v-for=\"(step, index) in steps\" :key=\"step.key\" class=\"flex items-center gap-2\">\n        <button\n          type=\"button\"\n          :disabled=\"!(props.component.skippable || index <= activeIndex)\"\n          :class=\"\n            cn(\n              'flex items-center gap-2 rounded-md px-2 py-1 text-sm transition-colors disabled:cursor-default',\n              index === activeIndex ? 'text-foreground font-medium' : 'text-muted-foreground',\n              (props.component.skippable || index <= activeIndex) &&\n                index !== activeIndex &&\n                'hover:text-foreground',\n            )\n          \"\n          @click=\"current = index\"\n        >\n          <span\n            :class=\"\n              cn(\n                'flex size-6 items-center justify-center rounded-full border text-xs',\n                index === activeIndex && 'border-primary bg-primary text-primary-foreground',\n                index < activeIndex && 'border-success bg-success text-success-foreground',\n                stepHasError(index) && 'border-destructive text-destructive',\n              )\n            \"\n          >\n            <template v-if=\"index < activeIndex\">\n              <Icon\n                v-if=\"completedStepIcon(step, props.component)\"\n                :name=\"completedStepIcon(step, props.component)\"\n                class=\"size-3.5\"\n              />\n              <Icon\n                v-else\n                name=\"alfakit::schemas.wizard.completed-step\"\n                :fallback=\"CheckIcon\"\n                class=\"size-3.5\"\n              />\n            </template>\n            <Icon v-else-if=\"step.icon\" :name=\"step.icon\" class=\"size-3.5\" />\n            <template v-else>{{ index + 1 }}</template>\n          </span>\n          <span class=\"flex flex-col items-start leading-tight\">\n            {{ step.label }}\n            <span v-if=\"step.description\" class=\"text-muted-foreground text-xs font-normal\">{{\n              step.description\n            }}</span>\n          </span>\n        </button>\n        <span v-if=\"index < steps.length - 1\" class=\"bg-border hidden h-px w-6 sm:block\" />\n      </li>\n    </ol>\n    <div\n      v-for=\"(step, index) in steps\"\n      :key=\"step.key\"\n      :class=\"cn('p-6', index !== activeIndex && 'hidden')\"\n    >\n      <DeferredSchema v-slot=\"{ component: loaded }\" :component=\"step\">\n        <SchemaRenderer\n          :components=\"loaded.schema ?? []\"\n          :columns=\"loaded.columns\"\n          :attributes=\"loaded.extraAttributes\"\n          :class=\"schemaGapClass(loaded) || undefined\"\n        />\n      </DeferredSchema>\n    </div>\n    <div class=\"flex items-center justify-between gap-2 border-t p-4\">\n      <span v-if=\"props.component.previousAction === false\" />\n      <ActionButton\n        v-else-if=\"props.component.previousAction\"\n        :action=\"{ ...props.component.previousAction, disabled: activeIndex === 0 || undefined }\"\n        :context=\"actionContext\"\n        :on-trigger=\"() => void (current = activeIndex - 1)\"\n      />\n      <Button\n        v-else\n        type=\"button\"\n        variant=\"outline\"\n        :disabled=\"activeIndex === 0\"\n        @click=\"current = activeIndex - 1\"\n        >{{ props.component.previousActionLabel ?? t('form.previous_step', {}, 'Back') }}</Button\n      >\n      <template v-if=\"activeIndex < steps.length - 1\">\n        <span v-if=\"props.component.nextAction === false\" />\n        <ActionButton\n          v-else-if=\"props.component.nextAction\"\n          :action=\"{\n            ...props.component.nextAction,\n            disabled: props.component.nextAction.disabled || validating || undefined,\n          }\"\n          :context=\"actionContext\"\n          :on-trigger=\"() => next()\"\n        />\n        <Button\n          v-else\n          type=\"button\"\n          :disabled=\"validating\"\n          :aria-busy=\"validating || undefined\"\n          @click=\"next\"\n          >{{ props.component.nextActionLabel ?? t('form.next_step', {}, 'Next') }}</Button\n        >\n      </template>\n      <ActionButton\n        v-else-if=\"props.component.submitAction\"\n        :action=\"props.component.submitAction\"\n        :context=\"actionContext\"\n      />\n      <div\n        v-else-if=\"props.component.submitActionHtml\"\n        data-slot=\"wizard-submit\"\n        v-html=\"props.component.submitActionHtml\"\n      />\n      <span v-else class=\"text-muted-foreground text-xs\">{{\n        props.component.submitActionLabel\n      }}</span>\n    </div>\n  </div>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"WizardComponent.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_mergeProps","_createElementVNode","_unref","_Fragment","_renderList","_normalizeClass","_createBlock","Icon","_createTextVNode","_toDisplayString","_createCommentVNode","_createVNode","DeferredSchema","_withCtx","SchemaRenderer","ActionButton","Button","Icon_default","Button_default","ActionButton_default","SchemaRenderer_default","DeferredSchema_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","WizardComponent_vue_vue_type_script_setup_true_lang_default","props","__props","t","useT","steps","computed","current","ref","initialWizardStep","stepQueryKey","wizardStepQueryKey","actionContext","usePageActionContext","persistWizardStep","step","store","useOptionalFormStore","fieldContext","useFieldActionContext","submitContext","count","reportWizardProgress","errors","useStoreSelector","state","stepHasError","index","collectFields","field","watch","reveal","wizardStepToReveal","previous","next","id","requested","wizardRequestedStepIndex","activeIndex","validating","valid","wizardStepFieldPaths","openBlock","createElementBlock","mergeProps","createElementVNode","unref","Fragment","renderList","normalizeClass","cn","completedStepIcon","createBlock","CheckIcon","createTextVNode","toDisplayString","createCommentVNode","createVNode","withCtx","loaded","schemaGapClass","_cache"],"sources":["../../../src/components/layout/WizardComponent.vue"],"mappings":"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"}

package/dist/components/layout/component-context.js.map

@@ -1 +1 @@
-{"version":3,"file":"component-context.js","names":["NO_FORM","useSchemaComponentContext","form","useOptionalFormStore","state","useStoreSelector","value","computed","current","toValue","component","createSchemaComponentContext"],"sources":["../../../src/components/layout/component-context.ts"],"sourcesContent":["import type { BaseComponent, FormState, SchemaComponentContextValue, Store } from '@alfakit/core'\nimport { createSchemaComponentContext } from '@alfakit/core'\nimport { computed, toValue, type ComputedRef, type MaybeRefOrGetter } from 'vue'\nimport { useStoreSelector } from '../../composables/use-store'\nimport { useOptionalFormStore } from '../form/form-context'\n\nconst NO_FORM: Pick<Store<FormState | null>, 'get' | 'subscribe'> = {\n  get: () => null,\n  subscribe: () => () => {},\n}\n\n/**\n * What a custom schema component can read about its schema: other components' state\n * (`get('../other')`, like PHP's `$get()`), the whole form `state`, and the `operation`,\n * `recordKey`, `record` attributes and `data` the PHP component exposes with\n * `exposeContext()`. Outside a form (infolists) `state` is `null`.\n */\nexport function useSchemaComponentContext(\n  component: MaybeRefOrGetter<Pick<BaseComponent, 'context'> & { statePath?: string }>,\n): ComputedRef<SchemaComponentContextValue> {\n  const form = useOptionalFormStore()\n  const state = useStoreSelector<FormState | null, Record<string, unknown> | null>(\n    form?.store ?? NO_FORM,\n    (value) => (value ? value.values : null),\n  )\n\n  return computed(() => {\n    const current = toValue(component)\n\n    return createSchemaComponentContext(current.context, state.value, current.statePath)\n  })\n}\n"],"mappings":";;;;;AAMA,IAAMA,IAA8D;CAClE,WAAW;CACX,uBAAuB,CAAC;AAC1B;AAQA,SAAgBC,EACd,GAC0C;CAC1C,IAAMC,IAAOC,EAAqB,GAC5BC,IAAQC,EACZH,GAAM,SAASF,IACd,MAAWM,IAAQA,EAAM,SAAS,IACrC;CAEA,OAAOC,QAAe;EACpB,IAAMC,IAAUC,EAAQC,CAAS;EAEjC,OAAOC,EAA6BH,EAAQ,SAASJ,EAAM,OAAOI,EAAQ,SAAS;CACrF,CAAC;AACH"}
+{"version":3,"file":"component-context.js","names":["NO_FORM","useSchemaComponentContext","form","useOptionalFormStore","state","useStoreSelector","value","computed","current","toValue","component","createSchemaComponentContext"],"sources":["../../../src/components/layout/component-context.ts"],"mappings":";;;;;AAMA,IAAMA,IAA8D;CAClE,WAAW;CACX,uBAAuB,CAAC;AAC1B;AAQA,SAAgBC,EACd,GAC0C;CAC1C,IAAMC,IAAOC,EAAqB,GAC5BC,IAAQC,EACZH,GAAM,SAASF,IACd,MAAWM,IAAQA,EAAM,SAAS,IACrC;CAEA,OAAOC,QAAe;EACpB,IAAMC,IAAUC,EAAQC,CAAS;EAEjC,OAAOC,EAA6BH,EAAQ,SAASJ,EAAM,OAAOI,EAAQ,SAAS;CACrF,CAAC;AACH"}

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

@@ -1 +1 @@
-{"version":3,"file":"deferred.js","names":["emptyFormState","createStore","useDeferredBadge","form","useOptionalFormStore","panel","usePanel","page","usePageActionContext","badge","ref","tab","controller","onMounted","url","loadDeferredBadge","loaded","error","reportRequestError","onScopeDispose"],"sources":["../../../src/components/layout/deferred.ts"],"sourcesContent":["import type { DeferredBadgeSchema, FormState } from '@alfakit/core'\nimport { createStore, loadDeferredBadge, reportRequestError } from '@alfakit/core'\nimport { onMounted, onScopeDispose, ref, type Ref } from 'vue'\nimport { usePanel } from '../../context'\nimport { usePageActionContext } from '../actions/action-context'\nimport { useOptionalFormStore } from '../form/form-context'\n\n/** Stands in for the form store outside forms (infolists). */\nexport const emptyFormState = createStore<Pick<FormState, 'errors'>>({ errors: {} })\n\n/**\n * `Tab::deferBadge()`: the tab's badge, loaded after mounting (so SSR renders the tab\n * without it). Non-deferred tabs return their own badge.\n */\nexport function useDeferredBadge(tab: {\n  key: string\n  badgeDeferred?: boolean\n  badge?: string | number\n  badgeColor?: string\n  badgeTooltip?: string\n}): Ref<DeferredBadgeSchema> {\n  const form = useOptionalFormStore()\n  const panel = usePanel()\n  const page = usePageActionContext()\n  const badge = ref<DeferredBadgeSchema>(\n    tab.badgeDeferred\n      ? {}\n      : { badge: tab.badge, badgeColor: tab.badgeColor, badgeTooltip: tab.badgeTooltip },\n  )\n  const controller = typeof AbortController === 'undefined' ? null : new AbortController()\n\n  onMounted(() => {\n    const url = panel.value?.endpoints?.schemaDeferred\n\n    if (!tab.badgeDeferred || !url) return\n\n    loadDeferredBadge({\n      url,\n      token: page.token,\n      key: tab.key,\n      form,\n      signal: controller?.signal,\n    })\n      .then((loaded) => {\n        badge.value = loaded\n      })\n      .catch((error: Error) => {\n        if (error.name !== 'AbortError') reportRequestError(error)\n      })\n  })\n\n  onScopeDispose(() => controller?.abort())\n\n  return badge\n}\n"],"mappings":";;;;;;AAQA,IAAaA,IAAiBC,EAAuC,EAAE,QAAQ,CAAC,EAAE,CAAC;AAMnF,SAAgBC,EAAiB,GAMJ;CAC3B,IAAMC,IAAOC,EAAqB,GAC5BC,IAAQC,EAAS,GACjBC,IAAOC,EAAqB,GAC5BC,IAAQC,EACZC,EAAI,gBACA,CAAC,IACD;EAAE,OAAOA,EAAI;EAAO,YAAYA,EAAI;EAAY,cAAcA,EAAI;CAAa,CACrF,GACMC,IAAa,OAAO,kBAAoB,MAAc,OAAO,IAAI,gBAAgB;CAwBvF,OAtBAC,QAAgB;EACd,IAAMC,IAAMT,EAAM,OAAO,WAAW;EAEpC,AAAKM,EAAI,iBAAkBG,KAE3BC,EAAkB;GAChB;GACA,OAAOR,EAAK;GACZ,KAAKI,EAAI;GACT;GACA,QAAQC,GAAY;EACtB,CAAC,CAAC,CACC,MAAM,MAAW;GAChB,EAAM,QAAQI;EAChB,CAAC,CAAC,CACD,OAAO,MAAiB;GACvB,AAAIC,EAAM,SAAS,gBAAcC,EAAmBD,CAAK;EAC3D,CAAC;CACL,CAAC,GAEDE,QAAqBP,GAAY,MAAM,CAAC,GAEjCH;AACT"}
+{"version":3,"file":"deferred.js","names":["emptyFormState","createStore","useDeferredBadge","form","useOptionalFormStore","panel","usePanel","page","usePageActionContext","badge","ref","tab","controller","onMounted","url","loadDeferredBadge","loaded","error","reportRequestError","onScopeDispose"],"sources":["../../../src/components/layout/deferred.ts"],"mappings":";;;;;;AAQA,IAAaA,IAAiBC,EAAuC,EAAE,QAAQ,CAAC,EAAE,CAAC;AAMnF,SAAgBC,EAAiB,GAMJ;CAC3B,IAAMC,IAAOC,EAAqB,GAC5BC,IAAQC,EAAS,GACjBC,IAAOC,EAAqB,GAC5BC,IAAQC,EACZC,EAAI,gBACA,CAAC,IACD;EAAE,OAAOA,EAAI;EAAO,YAAYA,EAAI;EAAY,cAAcA,EAAI;CAAa,CACrF,GACMC,IAAa,OAAO,kBAAoB,MAAc,OAAO,IAAI,gBAAgB;CAwBvF,OAtBAC,QAAgB;EACd,IAAMC,IAAMT,EAAM,OAAO,WAAW;EAEpC,AAAKM,EAAI,iBAAkBG,KAE3BC,EAAkB;GAChB;GACA,OAAOR,EAAK;GACZ,KAAKI,EAAI;GACT;GACA,QAAQC,GAAY;EACtB,CAAC,CAAC,CACC,MAAM,MAAW;GAChB,EAAM,QAAQI;EAChB,CAAC,CAAC,CACD,OAAO,MAAiB;GACvB,AAAIC,EAAM,SAAS,gBAAcC,EAAmBD,CAAK;EAC3D,CAAC;CACL,CAAC,GAEDE,QAAqBP,GAAY,MAAM,CAAC,GAEjCH;AACT"}