@alfakit/vue 0.1.10 → 0.1.12

package/dist/components/kanban/KanbanCard.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"KanbanCard.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_createElementVNode","_unref","_normalizeClass","_normalizeStyle","_createCommentVNode","_toDisplayString","_Fragment","_renderList","_createBlock","Badge","_withCtx","Icon","_createTextVNode","SchemaRenderer","_createVNode","Avatar","AvatarImage","AvatarFallback","ActionList","Icon_default","Badge_default","ActionList_default","SchemaRenderer_default","Avatar_default","AvatarFallback_default","AvatarImage_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","_hoisted_13","_hoisted_14","_hoisted_15","_hoisted_16","KanbanCard_vue_vue_type_script_setup_true_lang_default","__emit","props","__props","emit","t","useT","formatter","useFormatter","titleId","useId","opens","computed","assignees","shownAssignees","dueDate","openBlock","createElementBlock","createElementVNode","unref","normalizeClass","cn","normalizeStyle","cssColor","_cache","event","$event","createCommentVNode","toDisplayString","Fragment","renderList","createBlock","index","badge","colorClass","badgeColorClasses","withCtx","createTextVNode","createVNode","CalendarIcon","assignee","kanbanInitials"],"sources":["../../../src/components/kanban/KanbanCard.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { KanbanCardSchema, KanbanSchema } from '@alfakit/core'\nimport { kanbanInitials } from '@alfakit/core'\nimport { CalendarIcon } from '@lucide/vue'\nimport { computed, useId } from 'vue'\nimport { useFormatter, useT } from '../../context'\nimport { badgeColorClasses, colorClass, cssColor } from '../../lib/colors'\nimport { Icon } from '../../lib/icons'\nimport { cn } from '../../lib/utils'\nimport ActionList from '../actions/ActionList.vue'\nimport SchemaRenderer from '../schema/SchemaRenderer.vue'\nimport Avatar from '../ui/Avatar.vue'\nimport AvatarFallback from '../ui/AvatarFallback.vue'\nimport AvatarImage from '../ui/AvatarImage.vue'\nimport Badge from '../ui/Badge.vue'\n\nconst props = defineProps<{\n  card: KanbanCardSchema\n  board: KanbanSchema\n  token: string\n  current: boolean\n  picked?: 'keyboard' | 'pointer'\n  saving: boolean\n  describedBy: string\n  setRef: (element: unknown) => void\n}>()\nconst emit = defineEmits<{ focus: []; keydown: [event: KeyboardEvent]; open: [] }>()\nconst t = useT()\nconst formatter = useFormatter()\nconst titleId = useId()\n\nconst opens = computed(\n  () => props.card.clickable !== false && Boolean(props.card.url || props.board.cardAction),\n)\nconst assignees = computed(() => props.card.assignees ?? [])\nconst shownAssignees = computed(() => assignees.value.slice(0, 3))\nconst dueDate = computed(() => (props.card.dueDate ? formatter.value.date(props.card.dueDate) : ''))\n</script>\n\n<template>\n  <li\n    class=\"relative\"\n    data-slot=\"kanban-card\"\n    :data-key=\"props.card.key\"\n    :data-movable=\"props.board.movable && props.card.movable !== false ? undefined : 'false'\"\n    :data-picked=\"props.picked\"\n    :data-saving=\"props.saving ? '' : undefined\"\n  >\n    <div\n      :ref=\"props.setRef\"\n      role=\"button\"\n      :tabindex=\"props.current ? 0 : -1\"\n      :aria-labelledby=\"titleId\"\n      :aria-describedby=\"props.describedBy\"\n      :aria-disabled=\"opens ? undefined : true\"\n      data-slot=\"kanban-card-body\"\n      :class=\"\n        cn(\n          'bg-card text-card-foreground focus-visible:ring-ring/50 flex touch-manipulation flex-col gap-2 overflow-hidden rounded-lg border p-3 text-start shadow-xs outline-none select-none focus-visible:ring-[3px]',\n          opens && 'hover:border-ring/60 cursor-pointer',\n          props.card.color && 'border-s-4',\n        )\n      \"\n      :style=\"props.card.color ? { borderInlineStartColor: cssColor(props.card.color) } : undefined\"\n      @focus=\"(event: FocusEvent) => event.target === event.currentTarget && emit('focus')\"\n      @keydown=\"emit('keydown', $event)\"\n      @click=\"opens && emit('open')\"\n    >\n      <img\n        v-if=\"props.card.coverImage\"\n        :src=\"props.card.coverImage\"\n        :alt=\"props.card.coverImageAlt ?? ''\"\n        loading=\"lazy\"\n        draggable=\"false\"\n        class=\"-mx-3 -mt-3 h-32 w-[calc(100%+1.5rem)] max-w-none object-cover\"\n      />\n      <span\n        :id=\"titleId\"\n        :class=\"cn('text-sm leading-snug font-medium', props.card.actions && 'pe-7')\"\n        >{{ props.card.title }}</span\n      >\n      <p v-if=\"props.card.description\" class=\"text-muted-foreground line-clamp-3 text-xs\">\n        {{ props.card.description }}\n      </p>\n      <div v-if=\"props.card.badges?.length\" class=\"flex flex-wrap gap-1\">\n        <Badge\n          v-for=\"(badge, index) in props.card.badges\"\n          :key=\"index\"\n          variant=\"outline\"\n          :title=\"badge.tooltip\"\n          :class=\"colorClass(badgeColorClasses, badge.color, 'gray')\"\n        >\n          <Icon v-if=\"badge.icon\" :name=\"badge.icon\" />\n          {{ badge.label }}\n        </Badge>\n      </div>\n      <SchemaRenderer\n        v-if=\"props.card.schema?.length\"\n        :components=\"props.card.schema\"\n        class=\"gap-2 text-xs\"\n      />\n      <div\n        v-if=\"props.card.progress !== undefined\"\n        role=\"progressbar\"\n        :aria-valuemin=\"0\"\n        :aria-valuemax=\"100\"\n        :aria-valuenow=\"Math.round(props.card.progress)\"\n        :aria-label=\"\n          t(\n            'kanban.progress',\n            { percent: formatter.percent(props.card.progress / 100) },\n            ':percent complete',\n          )\n        \"\n        class=\"bg-muted h-1.5 overflow-hidden rounded-full\"\n      >\n        <div class=\"bg-primary h-full rounded-full\" :style=\"{ width: `${props.card.progress}%` }\" />\n      </div>\n      <div\n        v-if=\"props.card.dueDate || assignees.length > 0\"\n        class=\"flex items-center gap-2 text-xs\"\n      >\n        <span\n          v-if=\"props.card.dueDate\"\n          :class=\"\n            cn(\n              'inline-flex items-center gap-1',\n              props.card.overdue ? 'text-destructive font-medium' : 'text-muted-foreground',\n            )\n          \"\n        >\n          <CalendarIcon class=\"size-3.5\" aria-hidden=\"true\" />\n          <span class=\"sr-only\">{{ t('kanban.due', { date: dueDate }, 'Due :date') }}</span>\n          <time :datetime=\"props.card.dueDate\" aria-hidden=\"true\">{{ dueDate }}</time>\n          <span v-if=\"props.card.overdue\" class=\"sr-only\">{{\n            t('kanban.overdue', {}, 'Overdue')\n          }}</span>\n        </span>\n        <div v-if=\"assignees.length > 0\" class=\"ms-auto flex items-center\">\n          <span class=\"sr-only\">{{\n            t(\n              'kanban.assignees',\n              { names: formatter.list(assignees.map((assignee) => assignee.name)) },\n              'Assigned to :names',\n            )\n          }}</span>\n          <div class=\"flex -space-x-1.5 rtl:space-x-reverse\" aria-hidden=\"true\">\n            <Avatar\n              v-for=\"(assignee, index) in shownAssignees\"\n              :key=\"index\"\n              class=\"ring-card size-6 ring-2\"\n              :title=\"assignee.name\"\n            >\n              <AvatarImage v-if=\"assignee.avatar\" :src=\"assignee.avatar\" alt=\"\" />\n              <AvatarFallback class=\"text-[0.625rem]\">{{\n                kanbanInitials(assignee.name)\n              }}</AvatarFallback>\n            </Avatar>\n            <span\n              v-if=\"assignees.length > shownAssignees.length\"\n              class=\"bg-muted ring-card flex size-6 items-center justify-center rounded-full text-[0.625rem] font-medium ring-2\"\n              >{{\n                t(\n                  'kanban.more_assignees',\n                  { count: assignees.length - shownAssignees.length },\n                  '+:count',\n                )\n              }}</span\n            >\n          </div>\n        </div>\n      </div>\n    </div>\n    <div v-if=\"props.card.actions?.length\" class=\"absolute end-1.5 top-1.5\" data-kanban-no-drag=\"\">\n      <ActionList\n        :actions=\"props.card.actions\"\n        :context=\"{\n          token: props.token,\n          component: props.board.actionComponent,\n          record: props.card.key,\n        }\"\n        size=\"xs\"\n      />\n    </div>\n  </li>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"KanbanCard.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_createElementVNode","_unref","_normalizeClass","_normalizeStyle","_createCommentVNode","_toDisplayString","_Fragment","_renderList","_createBlock","Badge","_withCtx","Icon","_createTextVNode","SchemaRenderer","_createVNode","Avatar","AvatarImage","AvatarFallback","ActionList","Icon_default","Badge_default","ActionList_default","SchemaRenderer_default","Avatar_default","AvatarFallback_default","AvatarImage_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","_hoisted_13","_hoisted_14","_hoisted_15","_hoisted_16","KanbanCard_vue_vue_type_script_setup_true_lang_default","__emit","props","__props","emit","t","useT","formatter","useFormatter","titleId","useId","opens","computed","assignees","shownAssignees","dueDate","openBlock","createElementBlock","createElementVNode","unref","normalizeClass","cn","normalizeStyle","cssColor","_cache","event","$event","createCommentVNode","toDisplayString","Fragment","renderList","createBlock","index","badge","colorClass","badgeColorClasses","withCtx","createTextVNode","createVNode","CalendarIcon","assignee","kanbanInitials"],"sources":["../../../src/components/kanban/KanbanCard.vue"],"mappings":"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"}

package/dist/components/kanban/KanbanColumnHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"KanbanColumnHeader.js","names":["_sfc_main","KanbanColumnHeader_vue_vue_type_script_setup_true_lang_default","KanbanColumnHeader_default"],"sources":["../../../src/components/kanban/KanbanColumnHeader.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { KanbanColumnSchema } from '@alfakit/core'\nimport { kanbanWipState } from '@alfakit/core'\nimport { ChevronsLeftRightIcon, ChevronsRightLeftIcon, PlusIcon } from '@lucide/vue'\nimport { computed } from 'vue'\nimport { useChoice, useT } from '../../context'\nimport { cssColor } from '../../lib/colors'\nimport { Icon } from '../../lib/icons'\nimport { cn } from '../../lib/utils'\nimport Badge from '../ui/Badge.vue'\nimport Button from '../ui/Button.vue'\n\nconst props = defineProps<{\n  column: KanbanColumnSchema\n  id: string\n  collapsed: boolean\n  creatable: boolean\n  filtered: boolean\n}>()\nconst emit = defineEmits<{ toggle: []; create: [] }>()\nconst t = useT()\nconst choice = useChoice()\n\nconst wip = computed(() => kanbanWipState(props.column))\nconst shown = computed(() =>\n  props.column.wipLimit !== undefined\n    ? props.column.count\n    : props.filtered\n      ? props.column.total\n      : props.column.count,\n)\nconst countLabel = computed(() => {\n  const column = props.column\n\n  if (column.wipLimit !== undefined) {\n    return t('kanban.wip', { count: column.count, limit: column.wipLimit }, ':count of :limit')\n  }\n\n  return props.filtered && column.total !== column.count\n    ? t(\n        'kanban.count_filtered',\n        { shown: column.total, count: column.count },\n        ':shown of :count cards',\n      )\n    : choice('kanban.count', column.count, {}, '{1} :count card|[0,*] :count cards')\n})\nconst style = computed(() =>\n  props.column.color ? { borderTopColor: cssColor(props.column.color) } : undefined,\n)\nconst toggleLabel = computed(() =>\n  props.collapsed\n    ? t('kanban.expand', { column: props.column.label }, 'Expand :column')\n    : t('kanban.collapse', { column: props.column.label }, 'Collapse :column'),\n)\nconst addLabel = computed(() =>\n  t('kanban.add_card', { column: props.column.label }, 'Add a card to :column'),\n)\n</script>\n\n<template>\n  <div\n    v-if=\"props.collapsed\"\n    class=\"bg-muted/60 flex snap-start flex-col items-center gap-2 rounded-lg border border-t-4 px-1 py-2\"\n    :style=\"style\"\n    data-slot=\"kanban-column-header\"\n    :data-column=\"props.column.key\"\n    data-collapsed=\"\"\n    :data-wip=\"wip ?? undefined\"\n  >\n    <Button\n      type=\"button\"\n      variant=\"ghost\"\n      size=\"icon-xs\"\n      :aria-label=\"toggleLabel\"\n      :aria-expanded=\"false\"\n      @click=\"emit('toggle')\"\n    >\n      <ChevronsLeftRightIcon aria-hidden=\"true\" />\n    </Button>\n    <span class=\"text-muted-foreground text-xs tabular-nums\" :title=\"countLabel\">{{ shown }}</span>\n    <h3 :id=\"props.id\" class=\"text-sm font-medium [writing-mode:vertical-rl]\">\n      {{ props.column.label }}\n    </h3>\n  </div>\n  <div\n    v-else\n    class=\"bg-muted/60 flex snap-start flex-col gap-1 rounded-lg border border-t-4 px-3 py-2\"\n    :style=\"style\"\n    data-slot=\"kanban-column-header\"\n    :data-column=\"props.column.key\"\n    :data-wip=\"wip ?? undefined\"\n  >\n    <div class=\"flex items-center gap-2\">\n      <Icon\n        v-if=\"props.column.icon\"\n        :name=\"props.column.icon\"\n        class=\"text-muted-foreground size-4\"\n      />\n      <h3 :id=\"props.id\" class=\"min-w-0 truncate text-sm font-semibold\">\n        {{ props.column.label }}\n      </h3>\n      <Badge\n        variant=\"secondary\"\n        :class=\"\n          cn(\n            'h-5 px-1.5 tabular-nums',\n            wip === 'over' && 'bg-destructive/15 text-destructive',\n            wip === 'full' && 'bg-warning/15 text-warning',\n          )\n        \"\n        :title=\"countLabel\"\n      >\n        <span aria-hidden=\"true\">{{\n          props.column.wipLimit !== undefined\n            ? `${props.column.count}/${props.column.wipLimit}`\n            : shown\n        }}</span>\n        <span class=\"sr-only\">{{ countLabel }}</span>\n      </Badge>\n      <div class=\"ms-auto flex items-center\">\n        <Button\n          v-if=\"props.creatable\"\n          type=\"button\"\n          variant=\"ghost\"\n          size=\"icon-xs\"\n          :aria-label=\"addLabel\"\n          :title=\"addLabel\"\n          @click=\"emit('create')\"\n        >\n          <PlusIcon aria-hidden=\"true\" />\n        </Button>\n        <Button\n          v-if=\"props.column.collapsible\"\n          type=\"button\"\n          variant=\"ghost\"\n          size=\"icon-xs\"\n          :aria-label=\"toggleLabel\"\n          :title=\"toggleLabel\"\n          :aria-expanded=\"true\"\n          @click=\"emit('toggle')\"\n        >\n          <ChevronsRightLeftIcon aria-hidden=\"true\" />\n        </Button>\n      </div>\n    </div>\n    <p v-if=\"props.column.description\" class=\"text-muted-foreground line-clamp-2 text-xs\">\n      {{ props.column.description }}\n    </p>\n    <p v-if=\"wip === 'over'\" class=\"text-destructive text-xs\">\n      {{\n        choice(\n          'kanban.wip_over',\n          props.column.wipLimit ?? 0,\n          { limit: props.column.wipLimit ?? 0 },\n          '{1} Over the limit of :limit card|[0,*] Over the limit of :limit cards',\n        )\n      }}\n    </p>\n    <p v-if=\"wip === 'full' && props.column.wipStrict\" class=\"text-muted-foreground text-xs\">\n      {{ t('kanban.wip_full', {}, 'This column is full') }}\n    </p>\n  </div>\n</template>\n"],"mappings":""}
+{"version":3,"file":"KanbanColumnHeader.js","names":["_sfc_main","KanbanColumnHeader_vue_vue_type_script_setup_true_lang_default","KanbanColumnHeader_default"],"sources":["../../../src/components/kanban/KanbanColumnHeader.vue"],"mappings":""}

package/dist/components/kanban/KanbanColumnHeader.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"KanbanColumnHeader.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeStyle","_createVNode","Button","_withCtx","_unref","_createElementVNode","_toDisplayString","_createBlock","Icon","_createCommentVNode","Badge","_normalizeClass","Icon_default","Badge_default","Button_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","KanbanColumnHeader_vue_vue_type_script_setup_true_lang_default","__emit","props","__props","emit","t","useT","choice","useChoice","wip","computed","kanbanWipState","shown","countLabel","column","style","cssColor","toggleLabel","addLabel","openBlock","createElementBlock","normalizeStyle","createVNode","_cache","withCtx","unref","ChevronsLeftRightIcon","createElementVNode","toDisplayString","createBlock","createCommentVNode","normalizeClass","cn","PlusIcon","ChevronsRightLeftIcon"],"sources":["../../../src/components/kanban/KanbanColumnHeader.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { KanbanColumnSchema } from '@alfakit/core'\nimport { kanbanWipState } from '@alfakit/core'\nimport { ChevronsLeftRightIcon, ChevronsRightLeftIcon, PlusIcon } from '@lucide/vue'\nimport { computed } from 'vue'\nimport { useChoice, useT } from '../../context'\nimport { cssColor } from '../../lib/colors'\nimport { Icon } from '../../lib/icons'\nimport { cn } from '../../lib/utils'\nimport Badge from '../ui/Badge.vue'\nimport Button from '../ui/Button.vue'\n\nconst props = defineProps<{\n  column: KanbanColumnSchema\n  id: string\n  collapsed: boolean\n  creatable: boolean\n  filtered: boolean\n}>()\nconst emit = defineEmits<{ toggle: []; create: [] }>()\nconst t = useT()\nconst choice = useChoice()\n\nconst wip = computed(() => kanbanWipState(props.column))\nconst shown = computed(() =>\n  props.column.wipLimit !== undefined\n    ? props.column.count\n    : props.filtered\n      ? props.column.total\n      : props.column.count,\n)\nconst countLabel = computed(() => {\n  const column = props.column\n\n  if (column.wipLimit !== undefined) {\n    return t('kanban.wip', { count: column.count, limit: column.wipLimit }, ':count of :limit')\n  }\n\n  return props.filtered && column.total !== column.count\n    ? t(\n        'kanban.count_filtered',\n        { shown: column.total, count: column.count },\n        ':shown of :count cards',\n      )\n    : choice('kanban.count', column.count, {}, '{1} :count card|[0,*] :count cards')\n})\nconst style = computed(() =>\n  props.column.color ? { borderTopColor: cssColor(props.column.color) } : undefined,\n)\nconst toggleLabel = computed(() =>\n  props.collapsed\n    ? t('kanban.expand', { column: props.column.label }, 'Expand :column')\n    : t('kanban.collapse', { column: props.column.label }, 'Collapse :column'),\n)\nconst addLabel = computed(() =>\n  t('kanban.add_card', { column: props.column.label }, 'Add a card to :column'),\n)\n</script>\n\n<template>\n  <div\n    v-if=\"props.collapsed\"\n    class=\"bg-muted/60 flex snap-start flex-col items-center gap-2 rounded-lg border border-t-4 px-1 py-2\"\n    :style=\"style\"\n    data-slot=\"kanban-column-header\"\n    :data-column=\"props.column.key\"\n    data-collapsed=\"\"\n    :data-wip=\"wip ?? undefined\"\n  >\n    <Button\n      type=\"button\"\n      variant=\"ghost\"\n      size=\"icon-xs\"\n      :aria-label=\"toggleLabel\"\n      :aria-expanded=\"false\"\n      @click=\"emit('toggle')\"\n    >\n      <ChevronsLeftRightIcon aria-hidden=\"true\" />\n    </Button>\n    <span class=\"text-muted-foreground text-xs tabular-nums\" :title=\"countLabel\">{{ shown }}</span>\n    <h3 :id=\"props.id\" class=\"text-sm font-medium [writing-mode:vertical-rl]\">\n      {{ props.column.label }}\n    </h3>\n  </div>\n  <div\n    v-else\n    class=\"bg-muted/60 flex snap-start flex-col gap-1 rounded-lg border border-t-4 px-3 py-2\"\n    :style=\"style\"\n    data-slot=\"kanban-column-header\"\n    :data-column=\"props.column.key\"\n    :data-wip=\"wip ?? undefined\"\n  >\n    <div class=\"flex items-center gap-2\">\n      <Icon\n        v-if=\"props.column.icon\"\n        :name=\"props.column.icon\"\n        class=\"text-muted-foreground size-4\"\n      />\n      <h3 :id=\"props.id\" class=\"min-w-0 truncate text-sm font-semibold\">\n        {{ props.column.label }}\n      </h3>\n      <Badge\n        variant=\"secondary\"\n        :class=\"\n          cn(\n            'h-5 px-1.5 tabular-nums',\n            wip === 'over' && 'bg-destructive/15 text-destructive',\n            wip === 'full' && 'bg-warning/15 text-warning',\n          )\n        \"\n        :title=\"countLabel\"\n      >\n        <span aria-hidden=\"true\">{{\n          props.column.wipLimit !== undefined\n            ? `${props.column.count}/${props.column.wipLimit}`\n            : shown\n        }}</span>\n        <span class=\"sr-only\">{{ countLabel }}</span>\n      </Badge>\n      <div class=\"ms-auto flex items-center\">\n        <Button\n          v-if=\"props.creatable\"\n          type=\"button\"\n          variant=\"ghost\"\n          size=\"icon-xs\"\n          :aria-label=\"addLabel\"\n          :title=\"addLabel\"\n          @click=\"emit('create')\"\n        >\n          <PlusIcon aria-hidden=\"true\" />\n        </Button>\n        <Button\n          v-if=\"props.column.collapsible\"\n          type=\"button\"\n          variant=\"ghost\"\n          size=\"icon-xs\"\n          :aria-label=\"toggleLabel\"\n          :title=\"toggleLabel\"\n          :aria-expanded=\"true\"\n          @click=\"emit('toggle')\"\n        >\n          <ChevronsRightLeftIcon aria-hidden=\"true\" />\n        </Button>\n      </div>\n    </div>\n    <p v-if=\"props.column.description\" class=\"text-muted-foreground line-clamp-2 text-xs\">\n      {{ props.column.description }}\n    </p>\n    <p v-if=\"wip === 'over'\" class=\"text-destructive text-xs\">\n      {{\n        choice(\n          'kanban.wip_over',\n          props.column.wipLimit ?? 0,\n          { limit: props.column.wipLimit ?? 0 },\n          '{1} Over the limit of :limit card|[0,*] Over the limit of :limit cards',\n        )\n      }}\n    </p>\n    <p v-if=\"wip === 'full' && props.column.wipStrict\" class=\"text-muted-foreground text-xs\">\n      {{ t('kanban.wip_full', {}, 'This column is full') }}\n    </p>\n  </div>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"KanbanColumnHeader.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeStyle","_createVNode","Button","_withCtx","_unref","_createElementVNode","_toDisplayString","_createBlock","Icon","_createCommentVNode","Badge","_normalizeClass","Icon_default","Badge_default","Button_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","KanbanColumnHeader_vue_vue_type_script_setup_true_lang_default","__emit","props","__props","emit","t","useT","choice","useChoice","wip","computed","kanbanWipState","shown","countLabel","column","style","cssColor","toggleLabel","addLabel","openBlock","createElementBlock","normalizeStyle","createVNode","_cache","withCtx","unref","ChevronsLeftRightIcon","createElementVNode","toDisplayString","createBlock","createCommentVNode","normalizeClass","cn","PlusIcon","ChevronsRightLeftIcon"],"sources":["../../../src/components/kanban/KanbanColumnHeader.vue"],"mappings":"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"}

package/dist/components/kanban/KanbanFilters.js.map

@@ -1 +1 @@
-{"version":3,"file":"KanbanFilters.js","names":["_sfc_main","KanbanFilters_vue_vue_type_script_setup_true_lang_default","KanbanFilters_default"],"sources":["../../../src/components/kanban/KanbanFilters.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { FormStore, KanbanController } from '@alfakit/core'\nimport { kanbanActiveFilters } from '@alfakit/core'\nimport { FilterIcon } from '@lucide/vue'\nimport { computed, watch } from 'vue'\nimport { useStore } from '../../composables/use-store'\nimport { useT } from '../../context'\nimport { provideForm } from '../form/form-context'\nimport SchemaRenderer from '../schema/SchemaRenderer.vue'\nimport Badge from '../ui/Badge.vue'\nimport Button from '../ui/Button.vue'\nimport Popover from '../ui/Popover.vue'\nimport PopoverContent from '../ui/PopoverContent.vue'\nimport PopoverTrigger from '../ui/PopoverTrigger.vue'\n\nconst props = defineProps<{ controller: KanbanController; store: FormStore }>()\nconst t = useT()\n\n// The store is created by the board and never replaced.\nconst store = props.store\n\nprovideForm(store)\n\nconst form = useStore(store.store)\nconst initial = {\n  components: store.state.components,\n  state: store.state.values,\n  columns: store.state.columns,\n}\nconst active = computed(() => kanbanActiveFilters(form.value.values))\n\nwatch(\n  () => form.value.values,\n  (values) => {\n    if (form.value.dirty.size > 0) props.controller.setFilters(values)\n  },\n)\n\nconst reset = () => {\n  store.fill(initial)\n  props.controller.setFilters(null, 0)\n}\n</script>\n\n<template>\n  <Popover>\n    <PopoverTrigger as-child>\n      <Button type=\"button\" variant=\"outline\" size=\"sm\" data-slot=\"kanban-filters\">\n        <FilterIcon aria-hidden=\"true\" />\n        {{ t('kanban.filters', {}, 'Filters') }}\n        <Badge v-if=\"active > 0\" class=\"h-5 min-w-5 px-1\">{{ active }}</Badge>\n      </Button>\n    </PopoverTrigger>\n    <PopoverContent align=\"end\" class=\"w-80 sm:w-96\">\n      <div class=\"flex flex-col gap-4\">\n        <SchemaRenderer :components=\"form.components\" :columns=\"form.columns\" class=\"gap-4\" />\n        <div v-if=\"active > 0\" class=\"flex justify-end\">\n          <Button type=\"button\" variant=\"link\" size=\"sm\" @click=\"reset\">\n            {{ t('kanban.reset_filters', {}, 'Reset') }}\n          </Button>\n        </div>\n      </div>\n    </PopoverContent>\n  </Popover>\n</template>\n"],"mappings":""}
+{"version":3,"file":"KanbanFilters.js","names":["_sfc_main","KanbanFilters_vue_vue_type_script_setup_true_lang_default","KanbanFilters_default"],"sources":["../../../src/components/kanban/KanbanFilters.vue"],"mappings":""}

package/dist/components/kanban/KanbanFilters.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"KanbanFilters.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","Popover","_withCtx","_createVNode","PopoverTrigger","Button","_unref","_createTextVNode","_toDisplayString","Badge","_createCommentVNode","PopoverContent","_createElementVNode","SchemaRenderer","_createElementBlock","Badge_default","Button_default","SchemaRenderer_default","Popover_default","PopoverContent_default","PopoverTrigger_default","_hoisted_1","_hoisted_2","KanbanFilters_vue_vue_type_script_setup_true_lang_default","props","__props","t","useT","store","form","useStore","initial","active","computed","kanbanActiveFilters","values","reset","openBlock","createBlock","withCtx","createVNode","unref","FilterIcon","createTextVNode","toDisplayString","createCommentVNode","createElementVNode","createElementBlock"],"sources":["../../../src/components/kanban/KanbanFilters.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { FormStore, KanbanController } from '@alfakit/core'\nimport { kanbanActiveFilters } from '@alfakit/core'\nimport { FilterIcon } from '@lucide/vue'\nimport { computed, watch } from 'vue'\nimport { useStore } from '../../composables/use-store'\nimport { useT } from '../../context'\nimport { provideForm } from '../form/form-context'\nimport SchemaRenderer from '../schema/SchemaRenderer.vue'\nimport Badge from '../ui/Badge.vue'\nimport Button from '../ui/Button.vue'\nimport Popover from '../ui/Popover.vue'\nimport PopoverContent from '../ui/PopoverContent.vue'\nimport PopoverTrigger from '../ui/PopoverTrigger.vue'\n\nconst props = defineProps<{ controller: KanbanController; store: FormStore }>()\nconst t = useT()\n\n// The store is created by the board and never replaced.\nconst store = props.store\n\nprovideForm(store)\n\nconst form = useStore(store.store)\nconst initial = {\n  components: store.state.components,\n  state: store.state.values,\n  columns: store.state.columns,\n}\nconst active = computed(() => kanbanActiveFilters(form.value.values))\n\nwatch(\n  () => form.value.values,\n  (values) => {\n    if (form.value.dirty.size > 0) props.controller.setFilters(values)\n  },\n)\n\nconst reset = () => {\n  store.fill(initial)\n  props.controller.setFilters(null, 0)\n}\n</script>\n\n<template>\n  <Popover>\n    <PopoverTrigger as-child>\n      <Button type=\"button\" variant=\"outline\" size=\"sm\" data-slot=\"kanban-filters\">\n        <FilterIcon aria-hidden=\"true\" />\n        {{ t('kanban.filters', {}, 'Filters') }}\n        <Badge v-if=\"active > 0\" class=\"h-5 min-w-5 px-1\">{{ active }}</Badge>\n      </Button>\n    </PopoverTrigger>\n    <PopoverContent align=\"end\" class=\"w-80 sm:w-96\">\n      <div class=\"flex flex-col gap-4\">\n        <SchemaRenderer :components=\"form.components\" :columns=\"form.columns\" class=\"gap-4\" />\n        <div v-if=\"active > 0\" class=\"flex justify-end\">\n          <Button type=\"button\" variant=\"link\" size=\"sm\" @click=\"reset\">\n            {{ t('kanban.reset_filters', {}, 'Reset') }}\n          </Button>\n        </div>\n      </div>\n    </PopoverContent>\n  </Popover>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;EAeA,IAAMyB,IAAQC,GACRC,IAAIC,EAAK,GAGTC,IAAQJ,EAAM;EAEpB,EAAYI,CAAK;EAEjB,IAAMC,IAAOC,EAASF,EAAM,KAAK,GAC3BG,IAAU;GACd,YAAYH,EAAM,MAAM;GACxB,OAAOA,EAAM,MAAM;GACnB,SAASA,EAAM,MAAM;EACvB,GACMI,IAASC,QAAeC,EAAoBL,EAAK,MAAM,MAAM,CAAC;EAEpE,QACQA,EAAK,MAAM,SAChB,MAAW;GACV,AAAIA,EAAK,MAAM,MAAM,OAAO,KAAGL,EAAM,WAAW,WAAWW,CAAM;EACnE,CACF;EAEA,IAAMC,UAAc;GAElB,AADAR,EAAM,KAAKG,CAAO,GAClBP,EAAM,WAAW,WAAW,MAAM,CAAC;EACrC;oBAIEzB,EAAA,GAAAC,EAkBUC,GAAA,MAAA;GAjBR,SAAAC,QAMiB,CANjBC,EAMiBC,GAAA,EAND,YAAA,GAAQ,GAAA;IACtB,SAAAF,QAIS,CAJTC,EAISE,GAAA;KAJD,MAAK;KAAS,SAAQ;KAAU,MAAK;KAAK,aAAU;;KAC1D,SAAAH,QAAiC;MAAjCC,EAAiCG,EAAAoC,CAAA,GAAA,EAArB,eAAY,OAAM,CAAA;MAAGnC,EAAA,MACjCC,EAAGF,EAAAoB,CAAA,CAAC,CAAA,kBAAA,CAAA,GAAA,SAAA,CAAA,IAAoC,KACxC,CAAA;MAAaM,EAAA,QAAM,KAAnBjC,EAAA,GAAAC,EAAsES,GAAA;;OAA7C,OAAM;;OAAmB,SAAAP,QAAY,CAATK,EAAAC,EAAAwB,EAAA,KAAM,GAAA,CAAA,CAAA,CAAA;;;;;;;GAG/D7B,CAAAA,GAAAA,EASiBQ,GAAA;IATD,OAAM;IAAM,OAAM;;IAChC,SAAAT,QAOM,CAPNU,EAOM,OAPNS,GAOM,CANJlB,EAAsFU,GAAA;KAArE,YAAYP,EAAAuB,CAAA,CAAI,CAAC;KAAa,SAASvB,EAAAuB,CAAA,CAAI,CAAC;KAAS,OAAM;IACjE,GAAA,MAAA,GAAA,CAAA,cAAA,SAAA,CAAA,GAAAG,EAAA,QAAM,KAAjBjC,EAAA,GAAAe,EAIM,OAJNQ,GAIM,CAHJnB,EAESE,GAAA;KAFD,MAAK;KAAS,SAAQ;KAAO,MAAK;KAAM,SAAO+B;;KACrD,SAAAlC,QAA4C,CAAzCK,EAAAC,EAAAF,EAAAoB,CAAA,CAAC,CAAA,wBAAA,CAAA,GAAA,OAAA,CAAA,GAAA,CAAA,CAAA,CAAA"}
+{"version":3,"file":"KanbanFilters.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","Popover","_withCtx","_createVNode","PopoverTrigger","Button","_unref","_createTextVNode","_toDisplayString","Badge","_createCommentVNode","PopoverContent","_createElementVNode","SchemaRenderer","_createElementBlock","Badge_default","Button_default","SchemaRenderer_default","Popover_default","PopoverContent_default","PopoverTrigger_default","_hoisted_1","_hoisted_2","KanbanFilters_vue_vue_type_script_setup_true_lang_default","props","__props","t","useT","store","form","useStore","initial","active","computed","kanbanActiveFilters","values","reset","openBlock","createBlock","withCtx","createVNode","unref","FilterIcon","createTextVNode","toDisplayString","createCommentVNode","createElementVNode","createElementBlock"],"sources":["../../../src/components/kanban/KanbanFilters.vue"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;EAeA,IAAMyB,IAAQC,GACRC,IAAIC,EAAK,GAGTC,IAAQJ,EAAM;EAEpB,EAAYI,CAAK;EAEjB,IAAMC,IAAOC,EAASF,EAAM,KAAK,GAC3BG,IAAU;GACd,YAAYH,EAAM,MAAM;GACxB,OAAOA,EAAM,MAAM;GACnB,SAASA,EAAM,MAAM;EACvB,GACMI,IAASC,QAAeC,EAAoBL,EAAK,MAAM,MAAM,CAAC;EAEpE,QACQA,EAAK,MAAM,SAChB,MAAW;GACV,AAAIA,EAAK,MAAM,MAAM,OAAO,KAAGL,EAAM,WAAW,WAAWW,CAAM;EACnE,CACF;EAEA,IAAMC,UAAc;GAElB,AADAR,EAAM,KAAKG,CAAO,GAClBP,EAAM,WAAW,WAAW,MAAM,CAAC;EACrC;oBAIEzB,EAAA,GAAAC,EAkBUC,GAAA,MAAA;GAjBR,SAAAC,QAMiB,CANjBC,EAMiBC,GAAA,EAND,YAAA,GAAQ,GAAA;IACtB,SAAAF,QAIS,CAJTC,EAISE,GAAA;KAJD,MAAK;KAAS,SAAQ;KAAU,MAAK;KAAK,aAAU;;KAC1D,SAAAH,QAAiC;MAAjCC,EAAiCG,EAAAoC,CAAA,GAAA,EAArB,eAAY,OAAM,CAAA;MAAGnC,EAAA,MACjCC,EAAGF,EAAAoB,CAAA,CAAC,CAAA,kBAAA,CAAA,GAAA,SAAA,CAAA,IAAoC,KACxC,CAAA;MAAaM,EAAA,QAAM,KAAnBjC,EAAA,GAAAC,EAAsES,GAAA;;OAA7C,OAAM;;OAAmB,SAAAP,QAAY,CAATK,EAAAC,EAAAwB,EAAA,KAAM,GAAA,CAAA,CAAA,CAAA;;;;;;;GAG/D7B,CAAAA,GAAAA,EASiBQ,GAAA;IATD,OAAM;IAAM,OAAM;;IAChC,SAAAT,QAOM,CAPNU,EAOM,OAPNS,GAOM,CANJlB,EAAsFU,GAAA;KAArE,YAAYP,EAAAuB,CAAA,CAAI,CAAC;KAAa,SAASvB,EAAAuB,CAAA,CAAI,CAAC;KAAS,OAAM;IACjE,GAAA,MAAA,GAAA,CAAA,cAAA,SAAA,CAAA,GAAAG,EAAA,QAAM,KAAjBjC,EAAA,GAAAe,EAIM,OAJNQ,GAIM,CAHJnB,EAESE,GAAA;KAFD,MAAK;KAAS,SAAQ;KAAO,MAAK;KAAM,SAAO+B;;KACrD,SAAAlC,QAA4C,CAAzCK,EAAAC,EAAAF,EAAAoB,CAAA,CAAC,CAAA,wBAAA,CAAA,GAAA,OAAA,CAAA,GAAA,CAAA,CAAA,CAAA"}

package/dist/components/kanban/KanbanSkeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"KanbanSkeleton.js","names":["_sfc_main","KanbanSkeleton_vue_vue_type_script_setup_true_lang_default","KanbanSkeleton_default"],"sources":["../../../src/components/kanban/KanbanSkeleton.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { KanbanSchema, KanbanWidgetSchema } from '@alfakit/core'\nimport { computed } from 'vue'\nimport Card from '../ui/Card.vue'\nimport CardContent from '../ui/CardContent.vue'\nimport Skeleton from '../ui/Skeleton.vue'\n\nconst props = defineProps<{ component?: KanbanSchema; widget?: KanbanWidgetSchema }>()\nconst count = computed(() =>\n  Math.min(5, Math.max(1, (props.component ?? props.widget?.kanban)?.columns.length ?? 3)),\n)\n</script>\n\n<template>\n  <Card class=\"gap-4 py-4\" aria-busy=\"true\" data-slot=\"kanban\">\n    <CardContent class=\"flex gap-3 overflow-hidden px-4\" aria-hidden=\"true\">\n      <div v-for=\"index in count\" :key=\"index\" class=\"flex w-64 shrink-0 flex-col gap-2\">\n        <Skeleton class=\"h-10\" />\n        <Skeleton class=\"h-24\" />\n        <Skeleton class=\"h-24\" />\n      </div>\n    </CardContent>\n  </Card>\n</template>\n"],"mappings":""}
+{"version":3,"file":"KanbanSkeleton.js","names":["_sfc_main","KanbanSkeleton_vue_vue_type_script_setup_true_lang_default","KanbanSkeleton_default"],"sources":["../../../src/components/kanban/KanbanSkeleton.vue"],"mappings":""}

package/dist/components/kanban/KanbanSkeleton.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"KanbanSkeleton.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","Card","_withCtx","_createVNode","CardContent","_createElementBlock","_Fragment","_renderList","Skeleton","Skeleton_default","Card_default","CardContent_default","KanbanSkeleton_vue_vue_type_script_setup_true_lang_default","props","__props","count","computed","openBlock","createBlock","withCtx","createVNode","createElementBlock","Fragment","renderList","index"],"sources":["../../../src/components/kanban/KanbanSkeleton.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { KanbanSchema, KanbanWidgetSchema } from '@alfakit/core'\nimport { computed } from 'vue'\nimport Card from '../ui/Card.vue'\nimport CardContent from '../ui/CardContent.vue'\nimport Skeleton from '../ui/Skeleton.vue'\n\nconst props = defineProps<{ component?: KanbanSchema; widget?: KanbanWidgetSchema }>()\nconst count = computed(() =>\n  Math.min(5, Math.max(1, (props.component ?? props.widget?.kanban)?.columns.length ?? 3)),\n)\n</script>\n\n<template>\n  <Card class=\"gap-4 py-4\" aria-busy=\"true\" data-slot=\"kanban\">\n    <CardContent class=\"flex gap-3 overflow-hidden px-4\" aria-hidden=\"true\">\n      <div v-for=\"index in count\" :key=\"index\" class=\"flex w-64 shrink-0 flex-col gap-2\">\n        <Skeleton class=\"h-10\" />\n        <Skeleton class=\"h-24\" />\n        <Skeleton class=\"h-24\" />\n      </div>\n    </CardContent>\n  </Card>\n</template>\n"],"mappings":";;;;;;;;;;;;EAOA,IAAMc,IAAQC,GACRC,IAAQC,QACZ,KAAK,IAAI,GAAG,KAAK,IAAI,IAAIH,EAAM,aAAaA,EAAM,QAAQ,OAAA,EAAS,QAAQ,UAAU,CAAC,CAAC,CACzF;oBAIEd,EAAA,GAAAC,EAQOC,GAAA;GARD,OAAM;GAAa,aAAU;GAAO,aAAU;;GAClD,SAAAC,QAMc,CANdC,EAMcC,GAAA;IAND,OAAM;IAAkC,eAAY;;IAC1D,SAAAF,QAAsB,EAA3BH,EAAA,EAAA,GAAAM,EAIMC,GAAA,MAAAC,EAJeQ,EAAA,QAAT,OAAZhB,EAAA,GAAAM,EAIM,OAAA;KAJuB,KAAKmB;KAAO,OAAM;;KAC7CrB,EAAyBK,GAAA,EAAf,OAAM,OAAM,CAAA;KACtBL,EAAyBK,GAAA,EAAf,OAAM,OAAM,CAAA;KACtBL,EAAyBK,GAAA,EAAf,OAAM,OAAM,CAAA"}
+{"version":3,"file":"KanbanSkeleton.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","Card","_withCtx","_createVNode","CardContent","_createElementBlock","_Fragment","_renderList","Skeleton","Skeleton_default","Card_default","CardContent_default","KanbanSkeleton_vue_vue_type_script_setup_true_lang_default","props","__props","count","computed","openBlock","createBlock","withCtx","createVNode","createElementBlock","Fragment","renderList","index"],"sources":["../../../src/components/kanban/KanbanSkeleton.vue"],"mappings":";;;;;;;;;;;;EAOA,IAAMc,IAAQC,GACRC,IAAQC,QACZ,KAAK,IAAI,GAAG,KAAK,IAAI,IAAIH,EAAM,aAAaA,EAAM,QAAQ,OAAA,EAAS,QAAQ,UAAU,CAAC,CAAC,CACzF;oBAIEd,EAAA,GAAAC,EAQOC,GAAA;GARD,OAAM;GAAa,aAAU;GAAO,aAAU;;GAClD,SAAAC,QAMc,CANdC,EAMcC,GAAA;IAND,OAAM;IAAkC,eAAY;;IAC1D,SAAAF,QAAsB,EAA3BH,EAAA,EAAA,GAAAM,EAIMC,GAAA,MAAAC,EAJeQ,EAAA,QAAT,OAAZhB,EAAA,GAAAM,EAIM,OAAA;KAJuB,KAAKmB;KAAO,OAAM;;KAC7CrB,EAAyBK,GAAA,EAAf,OAAM,OAAM,CAAA;KACtBL,EAAyBK,GAAA,EAAf,OAAM,OAAM,CAAA;KACtBL,EAAyBK,GAAA,EAAf,OAAM,OAAM,CAAA"}

package/dist/components/kanban/kanban-lazy.js.map

@@ -1 +1 @@
-{"version":3,"file":"kanban-lazy.js","names":["KanbanSkeleton","KanbanSkeleton_default","Kanban","lazyComponent","module"],"sources":["../../../src/components/kanban/kanban-lazy.ts"],"sourcesContent":["import { lazyComponent } from '../../lib/lazy'\nimport KanbanSkeleton from './KanbanSkeleton.vue'\n\n/** The Kanban board; its code loads the first time a board is shown. */\nexport const Kanban = lazyComponent(\n  'Kanban',\n  () => import('./Kanban.vue').then((module) => module.default),\n  KanbanSkeleton,\n)\n"],"mappings":";;;AAIA,IAAaE,IAASC,EACpB,gBACM,OAAO,cAAe,CAAC,MAAM,MAAWC,EAAO,OAAO,GAC5DJ,CACF"}
+{"version":3,"file":"kanban-lazy.js","names":["KanbanSkeleton","KanbanSkeleton_default","Kanban","lazyComponent","module"],"sources":["../../../src/components/kanban/kanban-lazy.ts"],"mappings":";;;AAIA,IAAaE,IAASC,EACpB,gBACM,OAAO,cAAe,CAAC,MAAM,MAAWC,EAAO,OAAO,GAC5DJ,CACF"}

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

@@ -1 +1 @@
-{"version":3,"file":"ActionsComponent.js","names":["_sfc_main","ActionsComponent_vue_vue_type_script_setup_true_lang_default","ActionsComponent_default"],"sources":["../../../src/components/layout/ActionsComponent.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ActionsComponentSchema } from '@alfakit/core'\nimport { computed } from 'vue'\nimport { cn } from '../../lib/utils'\nimport ActionList from '../actions/ActionList.vue'\nimport { useFieldActionContext } from '../schema/field-actions'\n\nconst JUSTIFY: Record<string, string> = {\n  start: 'justify-start',\n  center: 'justify-center',\n  end: 'justify-end',\n  between: 'justify-between',\n  justify: 'justify-between',\n}\n\nconst VERTICAL: Record<string, string> = {\n  start: 'justify-start',\n  center: 'justify-center',\n  end: 'justify-end',\n}\n\n/**\n * `Actions::make([...])`: a row of buttons placed freely in a form or infolist. They run in\n * the component's field context, so `$set()` in an action updates the surrounding form.\n */\nconst props = defineProps<{ component: ActionsComponentSchema }>()\nconst context = useFieldActionContext(() => props.component)\nconst stretch = computed(() => props.component.fullWidth || props.component.alignment === 'justify')\n</script>\n\n<template>\n  <div\n    data-slot=\"schema-actions\"\n    :data-alignment=\"props.component.alignment ?? 'start'\"\n    :class=\"\n      cn(\n        'flex h-full flex-col',\n        props.component.verticalAlignment && VERTICAL[props.component.verticalAlignment],\n      )\n    \"\n    v-bind=\"props.component.extraAttributes\"\n  >\n    <ActionList\n      :actions=\"props.component.actions ?? []\"\n      :context=\"context\"\n      :class=\"\n        cn('w-full', JUSTIFY[props.component.alignment ?? 'start'], stretch && '[&>*]:flex-1')\n      \"\n    />\n  </div>\n</template>\n"],"mappings":""}
+{"version":3,"file":"ActionsComponent.js","names":["_sfc_main","ActionsComponent_vue_vue_type_script_setup_true_lang_default","ActionsComponent_default"],"sources":["../../../src/components/layout/ActionsComponent.vue"],"mappings":""}

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

@@ -1 +1 @@
-{"version":3,"file":"ActionsComponent.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_mergeProps","_unref","_createVNode","ActionList","_normalizeClass","ActionList_default","_hoisted_1","ActionsComponent_vue_vue_type_script_setup_true_lang_default","JUSTIFY","VERTICAL","props","__props","context","useFieldActionContext","stretch","computed","openBlock","createElementBlock","mergeProps","unref","cn","createVNode","normalizeClass"],"sources":["../../../src/components/layout/ActionsComponent.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ActionsComponentSchema } from '@alfakit/core'\nimport { computed } from 'vue'\nimport { cn } from '../../lib/utils'\nimport ActionList from '../actions/ActionList.vue'\nimport { useFieldActionContext } from '../schema/field-actions'\n\nconst JUSTIFY: Record<string, string> = {\n  start: 'justify-start',\n  center: 'justify-center',\n  end: 'justify-end',\n  between: 'justify-between',\n  justify: 'justify-between',\n}\n\nconst VERTICAL: Record<string, string> = {\n  start: 'justify-start',\n  center: 'justify-center',\n  end: 'justify-end',\n}\n\n/**\n * `Actions::make([...])`: a row of buttons placed freely in a form or infolist. They run in\n * the component's field context, so `$set()` in an action updates the surrounding form.\n */\nconst props = defineProps<{ component: ActionsComponentSchema }>()\nconst context = useFieldActionContext(() => props.component)\nconst stretch = computed(() => props.component.fullWidth || props.component.alignment === 'justify')\n</script>\n\n<template>\n  <div\n    data-slot=\"schema-actions\"\n    :data-alignment=\"props.component.alignment ?? 'start'\"\n    :class=\"\n      cn(\n        'flex h-full flex-col',\n        props.component.verticalAlignment && VERTICAL[props.component.verticalAlignment],\n      )\n    \"\n    v-bind=\"props.component.extraAttributes\"\n  >\n    <ActionList\n      :actions=\"props.component.actions ?? []\"\n      :context=\"context\"\n      :class=\"\n        cn('w-full', JUSTIFY[props.component.alignment ?? 'start'], stretch && '[&>*]:flex-1')\n      \"\n    />\n  </div>\n</template>\n"],"mappings":";;;;;;;;;EAOA,IAAMU,IAAkC;GACtC,OAAO;GACP,QAAQ;GACR,KAAK;GACL,SAAS;GACT,SAAS;EACX,GAEMC,IAAmC;GACvC,OAAO;GACP,QAAQ;GACR,KAAK;EACP,GAMMC,IAAQC,GACRC,IAAUC,QAA4BH,EAAM,SAAS,GACrDI,IAAUC,QAAeL,EAAM,UAAU,aAAaA,EAAM,UAAU,cAAc,SAAS;oBAIjGZ,EAAA,GAAAC,EAkBM,OAlBNC,EAkBM;GAjBJ,aAAU;GACT,kBAAgBU,EAAM,UAAU,aAAS;GACzC,OAAcT,EAAAmB,CAAA,CAAE,CAAA,wBAA0CV,EAAM,UAAU,qBAAqBD,EAASC,EAAM,UAAU,kBAAA;EAMjH,GAAAA,EAAM,UAAU,eAAe,GAAA,CAEvCR,EAMEC,GAAA;GALC,SAASO,EAAM,UAAU,WAAO,CAAA;GAChC,SAAST,EAAAW,CAAA;GACT,OAAKR,EAAWH,EAAAmB,CAAA,CAAE,CAAA,UAAWZ,EAAQE,EAAM,UAAU,aAAS,UAAcI,EAAA,SAAO,cAAA,CAAA"}
+{"version":3,"file":"ActionsComponent.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_mergeProps","_unref","_createVNode","ActionList","_normalizeClass","ActionList_default","_hoisted_1","ActionsComponent_vue_vue_type_script_setup_true_lang_default","JUSTIFY","VERTICAL","props","__props","context","useFieldActionContext","stretch","computed","openBlock","createElementBlock","mergeProps","unref","cn","createVNode","normalizeClass"],"sources":["../../../src/components/layout/ActionsComponent.vue"],"mappings":";;;;;;;;;EAOA,IAAMU,IAAkC;GACtC,OAAO;GACP,QAAQ;GACR,KAAK;GACL,SAAS;GACT,SAAS;EACX,GAEMC,IAAmC;GACvC,OAAO;GACP,QAAQ;GACR,KAAK;EACP,GAMMC,IAAQC,GACRC,IAAUC,QAA4BH,EAAM,SAAS,GACrDI,IAAUC,QAAeL,EAAM,UAAU,aAAaA,EAAM,UAAU,cAAc,SAAS;oBAIjGZ,EAAA,GAAAC,EAkBM,OAlBNC,EAkBM;GAjBJ,aAAU;GACT,kBAAgBU,EAAM,UAAU,aAAS;GACzC,OAAcT,EAAAmB,CAAA,CAAE,CAAA,wBAA0CV,EAAM,UAAU,qBAAqBD,EAASC,EAAM,UAAU,kBAAA;EAMjH,GAAAA,EAAM,UAAU,eAAe,GAAA,CAEvCR,EAMEC,GAAA;GALC,SAASO,EAAM,UAAU,WAAO,CAAA;GAChC,SAAST,EAAAW,CAAA;GACT,OAAKR,EAAWH,EAAAmB,CAAA,CAAE,CAAA,UAAWZ,EAAQE,EAAM,UAAU,aAAS,UAAcI,EAAA,SAAO,cAAA,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"CalloutComponent.js","names":["_sfc_main","CalloutComponent_vue_vue_type_script_setup_true_lang_default","CalloutComponent_default"],"sources":["../../../src/components/layout/CalloutComponent.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { CalloutSchema } from '@alfakit/core'\nimport { actionsAlignmentClass } from '@alfakit/core'\nimport { computed } from 'vue'\nimport { colorClass, textColorClasses } from '../../lib/colors'\nimport { Icon } from '../../lib/icons'\nimport { cn } from '../../lib/utils'\nimport { usePageActionContext } from '../actions/action-context'\nimport { useOptionalFormStore } from '../form/form-context'\nimport ActionList from '../actions/ActionList.vue'\nimport { useFieldActionContext } from '../schema/field-actions'\nimport MixedContent from './MixedContent.vue'\n\nconst CALLOUT_COLORS: Record<string, string> = {\n  primary: 'border-primary/30 bg-primary/5 [&_[data-slot=callout-icon]]:text-primary',\n  secondary: 'border-border bg-secondary [&_[data-slot=callout-icon]]:text-secondary-foreground',\n  success: 'border-success/30 bg-success/5 [&_[data-slot=callout-icon]]:text-success',\n  warning: 'border-warning/40 bg-warning/10 [&_[data-slot=callout-icon]]:text-warning',\n  danger: 'border-destructive/30 bg-destructive/5 [&_[data-slot=callout-icon]]:text-destructive',\n  info: 'border-info/30 bg-info/5 [&_[data-slot=callout-icon]]:text-info',\n  gray: 'border-border bg-muted/40 [&_[data-slot=callout-icon]]:text-muted-foreground',\n}\n\nconst CALLOUT_ICON_SIZES: Record<string, string> = {\n  xs: 'size-4',\n  sm: 'size-4',\n  md: 'size-5',\n  lg: 'size-6',\n  xl: 'size-7',\n  '2xl': 'size-8',\n}\n\nconst props = defineProps<{ component: CalloutSchema }>()\n// Inside a form the actions run as field actions of this component, so `$get` / `$set`\n// reach the form (like a section's header actions).\nconst form = useOptionalFormStore()\nconst pageContext = usePageActionContext()\nconst fieldContext = useFieldActionContext(() => props.component)\nconst context = computed(() => (form ? fieldContext.value : pageContext))\nconst tone = computed(() => props.component.color ?? props.component.status)\n// `iconColor()`, or the status colour once `color(null)` removed the background.\nconst iconColor = computed(\n  () => props.component.iconColor ?? (props.component.color ? undefined : props.component.status),\n)\n</script>\n\n<template>\n  <div\n    data-slot=\"callout\"\n    :data-color=\"props.component.color ?? 'gray'\"\n    :data-status=\"props.component.status\"\n    :role=\"tone === 'danger' || tone === 'warning' ? 'alert' : 'note'\"\n    :class=\"\n      cn(\n        'flex items-start gap-3 rounded-lg border p-4 text-sm',\n        colorClass(CALLOUT_COLORS, props.component.color),\n      )\n    \"\n    v-bind=\"props.component.extraAttributes\"\n  >\n    <span v-if=\"props.component.icon\" data-slot=\"callout-icon\" class=\"mt-0.5 shrink-0\">\n      <Icon\n        :name=\"props.component.icon\"\n        :class=\"\n          cn(\n            (props.component.iconSize && CALLOUT_ICON_SIZES[props.component.iconSize]) || 'size-5',\n            iconColor && colorClass(textColorClasses, iconColor),\n          )\n        \"\n      />\n    </span>\n    <div class=\"flex min-w-0 flex-1 flex-col gap-1\">\n      <p v-if=\"props.component.heading\" class=\"leading-6 font-semibold\">\n        {{ props.component.heading }}\n      </p>\n      <div\n        v-if=\"props.component.description\"\n        class=\"text-muted-foreground alfakit-prose\"\n        v-html=\"props.component.description\"\n      />\n      <ActionList\n        v-if=\"props.component.actions && props.component.actions.length > 0\"\n        :actions=\"props.component.actions\"\n        :context=\"context\"\n        size=\"sm\"\n        :class=\"cn('mt-2', actionsAlignmentClass(props.component.footerActionsAlignment))\"\n      />\n      <MixedContent\n        :items=\"props.component.footer\"\n        :context=\"context\"\n        name=\"callout-footer\"\n        class=\"mt-2\"\n      />\n    </div>\n    <MixedContent\n      :items=\"props.component.controls\"\n      :context=\"context\"\n      name=\"callout-controls\"\n      class=\"-me-1 -mt-1 shrink-0 gap-1\"\n    />\n  </div>\n</template>\n"],"mappings":""}
+{"version":3,"file":"CalloutComponent.js","names":["_sfc_main","CalloutComponent_vue_vue_type_script_setup_true_lang_default","CalloutComponent_default"],"sources":["../../../src/components/layout/CalloutComponent.vue"],"mappings":""}

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

@@ -1 +1 @@
-{"version":3,"file":"CalloutComponent.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_mergeProps","_unref","_createVNode","Icon","_normalizeClass","_createCommentVNode","_createElementVNode","_toDisplayString","_createBlock","ActionList","MixedContent","Icon_default","ActionList_default","MixedContent_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","CalloutComponent_vue_vue_type_script_setup_true_lang_default","CALLOUT_COLORS","CALLOUT_ICON_SIZES","props","__props","form","useOptionalFormStore","pageContext","usePageActionContext","fieldContext","useFieldActionContext","context","computed","tone","iconColor","openBlock","createElementBlock","mergeProps","unref","cn","colorClass","createVNode","normalizeClass","textColorClasses","createCommentVNode","createElementVNode","toDisplayString","createBlock","actionsAlignmentClass"],"sources":["../../../src/components/layout/CalloutComponent.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { CalloutSchema } from '@alfakit/core'\nimport { actionsAlignmentClass } from '@alfakit/core'\nimport { computed } from 'vue'\nimport { colorClass, textColorClasses } from '../../lib/colors'\nimport { Icon } from '../../lib/icons'\nimport { cn } from '../../lib/utils'\nimport { usePageActionContext } from '../actions/action-context'\nimport { useOptionalFormStore } from '../form/form-context'\nimport ActionList from '../actions/ActionList.vue'\nimport { useFieldActionContext } from '../schema/field-actions'\nimport MixedContent from './MixedContent.vue'\n\nconst CALLOUT_COLORS: Record<string, string> = {\n  primary: 'border-primary/30 bg-primary/5 [&_[data-slot=callout-icon]]:text-primary',\n  secondary: 'border-border bg-secondary [&_[data-slot=callout-icon]]:text-secondary-foreground',\n  success: 'border-success/30 bg-success/5 [&_[data-slot=callout-icon]]:text-success',\n  warning: 'border-warning/40 bg-warning/10 [&_[data-slot=callout-icon]]:text-warning',\n  danger: 'border-destructive/30 bg-destructive/5 [&_[data-slot=callout-icon]]:text-destructive',\n  info: 'border-info/30 bg-info/5 [&_[data-slot=callout-icon]]:text-info',\n  gray: 'border-border bg-muted/40 [&_[data-slot=callout-icon]]:text-muted-foreground',\n}\n\nconst CALLOUT_ICON_SIZES: Record<string, string> = {\n  xs: 'size-4',\n  sm: 'size-4',\n  md: 'size-5',\n  lg: 'size-6',\n  xl: 'size-7',\n  '2xl': 'size-8',\n}\n\nconst props = defineProps<{ component: CalloutSchema }>()\n// Inside a form the actions run as field actions of this component, so `$get` / `$set`\n// reach the form (like a section's header actions).\nconst form = useOptionalFormStore()\nconst pageContext = usePageActionContext()\nconst fieldContext = useFieldActionContext(() => props.component)\nconst context = computed(() => (form ? fieldContext.value : pageContext))\nconst tone = computed(() => props.component.color ?? props.component.status)\n// `iconColor()`, or the status colour once `color(null)` removed the background.\nconst iconColor = computed(\n  () => props.component.iconColor ?? (props.component.color ? undefined : props.component.status),\n)\n</script>\n\n<template>\n  <div\n    data-slot=\"callout\"\n    :data-color=\"props.component.color ?? 'gray'\"\n    :data-status=\"props.component.status\"\n    :role=\"tone === 'danger' || tone === 'warning' ? 'alert' : 'note'\"\n    :class=\"\n      cn(\n        'flex items-start gap-3 rounded-lg border p-4 text-sm',\n        colorClass(CALLOUT_COLORS, props.component.color),\n      )\n    \"\n    v-bind=\"props.component.extraAttributes\"\n  >\n    <span v-if=\"props.component.icon\" data-slot=\"callout-icon\" class=\"mt-0.5 shrink-0\">\n      <Icon\n        :name=\"props.component.icon\"\n        :class=\"\n          cn(\n            (props.component.iconSize && CALLOUT_ICON_SIZES[props.component.iconSize]) || 'size-5',\n            iconColor && colorClass(textColorClasses, iconColor),\n          )\n        \"\n      />\n    </span>\n    <div class=\"flex min-w-0 flex-1 flex-col gap-1\">\n      <p v-if=\"props.component.heading\" class=\"leading-6 font-semibold\">\n        {{ props.component.heading }}\n      </p>\n      <div\n        v-if=\"props.component.description\"\n        class=\"text-muted-foreground alfakit-prose\"\n        v-html=\"props.component.description\"\n      />\n      <ActionList\n        v-if=\"props.component.actions && props.component.actions.length > 0\"\n        :actions=\"props.component.actions\"\n        :context=\"context\"\n        size=\"sm\"\n        :class=\"cn('mt-2', actionsAlignmentClass(props.component.footerActionsAlignment))\"\n      />\n      <MixedContent\n        :items=\"props.component.footer\"\n        :context=\"context\"\n        name=\"callout-footer\"\n        class=\"mt-2\"\n      />\n    </div>\n    <MixedContent\n      :items=\"props.component.controls\"\n      :context=\"context\"\n      name=\"callout-controls\"\n      class=\"-me-1 -mt-1 shrink-0 gap-1\"\n    />\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;EAaA,IAAMsB,IAAyC;GAC7C,SAAS;GACT,WAAW;GACX,SAAS;GACT,SAAS;GACT,QAAQ;GACR,MAAM;GACN,MAAM;EACR,GAEMC,IAA6C;GACjD,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,OAAO;EACT,GAEMC,IAAQC,GAGRC,IAAOC,EAAqB,GAC5BC,IAAcC,EAAqB,GACnCC,IAAeC,QAA4BP,EAAM,SAAS,GAC1DQ,IAAUC,QAAgBP,IAAOI,EAAa,QAAQF,CAAY,GAClEM,IAAOD,QAAeT,EAAM,UAAU,SAASA,EAAM,UAAU,MAAM,GAErEW,IAAYF,QACVT,EAAM,UAAU,cAAcA,EAAM,UAAU,QAAQ,KAAA,IAAYA,EAAM,UAAU,OAC1F;oBAIExB,EAAA,GAAAC,EAqDM,OArDNC,EAqDM;GApDJ,aAAU;GACT,cAAYsB,EAAM,UAAU,SAAK;GACjC,eAAaA,EAAM,UAAU;GAC7B,MAAMU,EAAA,UAAI,YAAiBA,EAAA,UAAI,YAAA,UAAA;GAC/B,OAAc/B,EAAAqC,CAAA,CAAE,CAAA,wDAA0ErC,EAAAsC,CAAA,CAAU,CAACnB,GAAgBE,EAAM,UAAU,KAAK,CAAA;EAMnI,GAAAA,EAAM,UAAU,eAAe,GAAA;GAE3BA,EAAM,UAAU,QAA5BxB,EAAA,GAAAC,EAUO,QAVPgB,GAUO,CATLb,EAQED,EAAAE,CAAA,GAAA;IAPC,MAAMmB,EAAM,UAAU;IACtB,OAAKlB,EAAaH,EAAAqC,CAAA,CAAE,CAAehB,EAAM,UAAU,YAAYD,EAAmBC,EAAM,UAAU,aAAQ,UAA4BW,EAAA,SAAahC,EAAAsC,CAAA,CAAU,CAACtC,EAAAyC,CAAA,GAAkBT,EAAA,KAAS,CAAA,CAAA;;GAQ9L3B,EAsBM,OAtBNU,GAsBM;IArBKM,EAAM,UAAU,WAAzBxB,EAAA,GAAAC,EAEI,KAFJkB,GAEIV,EADCe,EAAM,UAAU,OAAO,GAAA,CAAA,KAAAqB,EAAA,IAAA,EAAA;IAGpBrB,EAAM,UAAU,eADxBxB,EAAA,GAAAC,EAIE,OAAA;;KAFA,OAAM;KACN,WAAQuB,EAAM,UAAU;;IAGlBA,EAAM,UAAU,WAAWA,EAAM,UAAU,QAAQ,SAAM,KADjExB,EAAA,GAAAU,EAMEC,GAAA;;KAJC,SAASa,EAAM,UAAU;KACzB,SAASQ,EAAA;KACV,MAAK;KACJ,OAAK1B,EAAEH,EAAAqC,CAAA,CAAE,CAAA,QAASrC,EAAA8C,CAAA,CAAqB,CAACzB,EAAM,UAAU,sBAAsB,CAAA,CAAA;;;;;;IAEjFpB,EAKEQ,GAAA;KAJC,OAAOY,EAAM,UAAU;KACvB,SAASQ,EAAA;KACV,MAAK;KACL,OAAM;;;GAGV5B,EAKEQ,GAAA;IAJC,OAAOY,EAAM,UAAU;IACvB,SAASQ,EAAA;IACV,MAAK;IACL,OAAM"}
+{"version":3,"file":"CalloutComponent.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_mergeProps","_unref","_createVNode","Icon","_normalizeClass","_createCommentVNode","_createElementVNode","_toDisplayString","_createBlock","ActionList","MixedContent","Icon_default","ActionList_default","MixedContent_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","CalloutComponent_vue_vue_type_script_setup_true_lang_default","CALLOUT_COLORS","CALLOUT_ICON_SIZES","props","__props","form","useOptionalFormStore","pageContext","usePageActionContext","fieldContext","useFieldActionContext","context","computed","tone","iconColor","openBlock","createElementBlock","mergeProps","unref","cn","colorClass","createVNode","normalizeClass","textColorClasses","createCommentVNode","createElementVNode","toDisplayString","createBlock","actionsAlignmentClass"],"sources":["../../../src/components/layout/CalloutComponent.vue"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;EAaA,IAAMsB,IAAyC;GAC7C,SAAS;GACT,WAAW;GACX,SAAS;GACT,SAAS;GACT,QAAQ;GACR,MAAM;GACN,MAAM;EACR,GAEMC,IAA6C;GACjD,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,OAAO;EACT,GAEMC,IAAQC,GAGRC,IAAOC,EAAqB,GAC5BC,IAAcC,EAAqB,GACnCC,IAAeC,QAA4BP,EAAM,SAAS,GAC1DQ,IAAUC,QAAgBP,IAAOI,EAAa,QAAQF,CAAY,GAClEM,IAAOD,QAAeT,EAAM,UAAU,SAASA,EAAM,UAAU,MAAM,GAErEW,IAAYF,QACVT,EAAM,UAAU,cAAcA,EAAM,UAAU,QAAQ,KAAA,IAAYA,EAAM,UAAU,OAC1F;oBAIExB,EAAA,GAAAC,EAqDM,OArDNC,EAqDM;GApDJ,aAAU;GACT,cAAYsB,EAAM,UAAU,SAAK;GACjC,eAAaA,EAAM,UAAU;GAC7B,MAAMU,EAAA,UAAI,YAAiBA,EAAA,UAAI,YAAA,UAAA;GAC/B,OAAc/B,EAAAqC,CAAA,CAAE,CAAA,wDAA0ErC,EAAAsC,CAAA,CAAU,CAACnB,GAAgBE,EAAM,UAAU,KAAK,CAAA;EAMnI,GAAAA,EAAM,UAAU,eAAe,GAAA;GAE3BA,EAAM,UAAU,QAA5BxB,EAAA,GAAAC,EAUO,QAVPgB,GAUO,CATLb,EAQED,EAAAE,CAAA,GAAA;IAPC,MAAMmB,EAAM,UAAU;IACtB,OAAKlB,EAAaH,EAAAqC,CAAA,CAAE,CAAehB,EAAM,UAAU,YAAYD,EAAmBC,EAAM,UAAU,aAAQ,UAA4BW,EAAA,SAAahC,EAAAsC,CAAA,CAAU,CAACtC,EAAAyC,CAAA,GAAkBT,EAAA,KAAS,CAAA,CAAA;;GAQ9L3B,EAsBM,OAtBNU,GAsBM;IArBKM,EAAM,UAAU,WAAzBxB,EAAA,GAAAC,EAEI,KAFJkB,GAEIV,EADCe,EAAM,UAAU,OAAO,GAAA,CAAA,KAAAqB,EAAA,IAAA,EAAA;IAGpBrB,EAAM,UAAU,eADxBxB,EAAA,GAAAC,EAIE,OAAA;;KAFA,OAAM;KACN,WAAQuB,EAAM,UAAU;;IAGlBA,EAAM,UAAU,WAAWA,EAAM,UAAU,QAAQ,SAAM,KADjExB,EAAA,GAAAU,EAMEC,GAAA;;KAJC,SAASa,EAAM,UAAU;KACzB,SAASQ,EAAA;KACV,MAAK;KACJ,OAAK1B,EAAEH,EAAAqC,CAAA,CAAE,CAAA,QAASrC,EAAA8C,CAAA,CAAqB,CAACzB,EAAM,UAAU,sBAAsB,CAAA,CAAA;;;;;;IAEjFpB,EAKEQ,GAAA;KAJC,OAAOY,EAAM,UAAU;KACvB,SAASQ,EAAA;KACV,MAAK;KACL,OAAM;;;GAGV5B,EAKEQ,GAAA;IAJC,OAAOY,EAAM,UAAU;IACvB,SAASQ,EAAA;IACV,MAAK;IACL,OAAM"}

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

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

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"EmptyStateComponent.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_mergeProps","_unref","_normalizeClass","_createVNode","Icon","_createCommentVNode","_toDisplayString","_createBlock","ActionList","MixedContent","Icon_default","ActionList_default","MixedContent_default","_hoisted_1","_hoisted_2","EmptyStateComponent_vue_vue_type_script_setup_true_lang_default","props","__props","form","useOptionalFormStore","pageContext","usePageActionContext","fieldContext","useFieldActionContext","context","computed","openBlock","createElementBlock","mergeProps","unref","cn","normalizeClass","colorClass","iconBackgroundColorClasses","createVNode","createCommentVNode","toDisplayString","createBlock"],"sources":["../../../src/components/layout/EmptyStateComponent.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { EmptyStateComponentSchema } from '@alfakit/core'\nimport { computed } from 'vue'\nimport { colorClass, iconBackgroundColorClasses } from '../../lib/colors'\nimport { Icon } from '../../lib/icons'\nimport { cn } from '../../lib/utils'\nimport { usePageActionContext } from '../actions/action-context'\nimport { useOptionalFormStore } from '../form/form-context'\nimport ActionList from '../actions/ActionList.vue'\nimport { useFieldActionContext } from '../schema/field-actions'\nimport MixedContent from './MixedContent.vue'\n\nconst props = defineProps<{ component: EmptyStateComponentSchema }>()\n// Inside a form the actions run as field actions of this component, so `$get` / `$set`\n// reach the form (like a section's header actions).\nconst form = useOptionalFormStore()\nconst pageContext = usePageActionContext()\nconst fieldContext = useFieldActionContext(() => props.component)\nconst context = computed(() => (form ? fieldContext.value : pageContext))\n</script>\n\n<template>\n  <div\n    data-slot=\"empty-state\"\n    :class=\"\n      cn(\n        'flex flex-col items-center justify-center gap-3 px-6 py-10 text-center',\n        props.component.contained && 'rounded-xl border border-dashed',\n      )\n    \"\n    v-bind=\"props.component.extraAttributes\"\n  >\n    <div\n      v-if=\"props.component.icon\"\n      :class=\"\n        cn(\n          'flex size-12 items-center justify-center rounded-full',\n          colorClass(iconBackgroundColorClasses, props.component.color),\n        )\n      \"\n    >\n      <Icon :name=\"props.component.icon\" class=\"size-6\" />\n    </div>\n    <h3 v-if=\"props.component.heading\" class=\"text-base font-semibold\">\n      {{ props.component.heading }}\n    </h3>\n    <div\n      v-if=\"props.component.description\"\n      class=\"text-muted-foreground max-w-md text-sm\"\n      v-html=\"props.component.description\"\n    />\n    <ActionList\n      v-if=\"props.component.actions && props.component.actions.length > 0\"\n      :actions=\"props.component.actions\"\n      :context=\"context\"\n      class=\"mt-2 justify-center\"\n    />\n    <MixedContent\n      :items=\"props.component.footer\"\n      :context=\"context\"\n      name=\"empty-state-footer\"\n      class=\"justify-center\"\n    />\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;EAYA,IAAMkB,IAAQC,GAGRC,IAAOC,EAAqB,GAC5BC,IAAcC,EAAqB,GACnCC,IAAeC,QAA4BP,EAAM,SAAS,GAC1DQ,IAAUC,QAAgBP,IAAOI,EAAa,QAAQF,CAAY;oBAItEtB,EAAA,GAAAC,EAyCM,OAzCNC,EAyCM;GAxCJ,aAAU;GACT,OAAcC,EAAA6B,CAAA,CAAE,CAAA,0EAA4Fd,EAAM,UAAU,aAAS,iCAAA;EAM9H,GAAAA,EAAM,UAAU,eAAe,GAAA;GAG/BA,EAAM,UAAU,QADxBlB,EAAA,GAAAC,EAUM,OAAA;;IARH,OAAKG,EAAWD,EAAA6B,CAAA,CAAE,CAAA,yDAA+E7B,EAAA+B,CAAA,CAAU,CAAC/B,EAAAgC,CAAA,GAA4BjB,EAAM,UAAU,KAAK,CAAA,CAAA;GAO9Jb,GAAAA,CAAAA,EAAoDF,EAAAG,CAAA,GAAA;IAA7C,MAAMY,EAAM,UAAU;IAAM,OAAM;;GAEjCA,EAAM,UAAU,WAA1BlB,EAAA,GAAAC,EAEK,MAFLc,GAEKP,EADAU,EAAM,UAAU,OAAO,GAAA,CAAA,KAAAmB,EAAA,IAAA,EAAA;GAGpBnB,EAAM,UAAU,eADxBlB,EAAA,GAAAC,EAIE,OAAA;;IAFA,OAAM;IACN,WAAQiB,EAAM,UAAU;;GAGlBA,EAAM,UAAU,WAAWA,EAAM,UAAU,QAAQ,SAAM,KADjElB,EAAA,GAAAS,EAKEC,GAAA;;IAHC,SAASQ,EAAM,UAAU;IACzB,SAASQ,EAAA;IACV,OAAM;;GAERrB,EAKEM,GAAA;IAJC,OAAOO,EAAM,UAAU;IACvB,SAASQ,EAAA;IACV,MAAK;IACL,OAAM"}
+{"version":3,"file":"EmptyStateComponent.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_mergeProps","_unref","_normalizeClass","_createVNode","Icon","_createCommentVNode","_toDisplayString","_createBlock","ActionList","MixedContent","Icon_default","ActionList_default","MixedContent_default","_hoisted_1","_hoisted_2","EmptyStateComponent_vue_vue_type_script_setup_true_lang_default","props","__props","form","useOptionalFormStore","pageContext","usePageActionContext","fieldContext","useFieldActionContext","context","computed","openBlock","createElementBlock","mergeProps","unref","cn","normalizeClass","colorClass","iconBackgroundColorClasses","createVNode","createCommentVNode","toDisplayString","createBlock"],"sources":["../../../src/components/layout/EmptyStateComponent.vue"],"mappings":";;;;;;;;;;;;;;;;;EAYA,IAAMkB,IAAQC,GAGRC,IAAOC,EAAqB,GAC5BC,IAAcC,EAAqB,GACnCC,IAAeC,QAA4BP,EAAM,SAAS,GAC1DQ,IAAUC,QAAgBP,IAAOI,EAAa,QAAQF,CAAY;oBAItEtB,EAAA,GAAAC,EAyCM,OAzCNC,EAyCM;GAxCJ,aAAU;GACT,OAAcC,EAAA6B,CAAA,CAAE,CAAA,0EAA4Fd,EAAM,UAAU,aAAS,iCAAA;EAM9H,GAAAA,EAAM,UAAU,eAAe,GAAA;GAG/BA,EAAM,UAAU,QADxBlB,EAAA,GAAAC,EAUM,OAAA;;IARH,OAAKG,EAAWD,EAAA6B,CAAA,CAAE,CAAA,yDAA+E7B,EAAA+B,CAAA,CAAU,CAAC/B,EAAAgC,CAAA,GAA4BjB,EAAM,UAAU,KAAK,CAAA,CAAA;GAO9Jb,GAAAA,CAAAA,EAAoDF,EAAAG,CAAA,GAAA;IAA7C,MAAMY,EAAM,UAAU;IAAM,OAAM;;GAEjCA,EAAM,UAAU,WAA1BlB,EAAA,GAAAC,EAEK,MAFLc,GAEKP,EADAU,EAAM,UAAU,OAAO,GAAA,CAAA,KAAAmB,EAAA,IAAA,EAAA;GAGpBnB,EAAM,UAAU,eADxBlB,EAAA,GAAAC,EAIE,OAAA;;IAFA,OAAM;IACN,WAAQiB,EAAM,UAAU;;GAGlBA,EAAM,UAAU,WAAWA,EAAM,UAAU,QAAQ,SAAM,KADjElB,EAAA,GAAAS,EAKEC,GAAA;;IAHC,SAASQ,EAAM,UAAU;IACzB,SAASQ,EAAA;IACV,OAAM;;GAERrB,EAKEM,GAAA;IAJC,OAAOO,EAAM,UAAU;IACvB,SAASQ,EAAA;IACV,MAAK;IACL,OAAM"}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"IconComponent.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","Tooltip","_withCtx","_createVNode","TooltipTrigger","_createElementVNode","_mergeProps","_unref","Icon","_normalizeClass","TooltipContent","_createTextVNode","_toDisplayString","_createElementBlock","Icon_default","Tooltip_default","TooltipContent_default","TooltipTrigger_default","_hoisted_1","IconComponent_vue_vue_type_script_setup_true_lang_default","props","__props","openBlock","createBlock","withCtx","createVNode","createElementVNode","mergeProps","unref","normalizeClass","cn","iconSizeClasses","textColorClasses","createTextVNode","toDisplayString","createElementBlock"],"sources":["../../../src/components/layout/IconComponent.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { IconSchema } from '@alfakit/core'\nimport { iconSizeClasses, textColorClasses } from '../../lib/colors'\nimport { Icon } from '../../lib/icons'\nimport { cn } from '../../lib/utils'\nimport Tooltip from '../ui/Tooltip.vue'\nimport TooltipContent from '../ui/TooltipContent.vue'\nimport TooltipTrigger from '../ui/TooltipTrigger.vue'\n\nconst props = defineProps<{ component: IconSchema }>()\n</script>\n\n<template>\n  <Tooltip v-if=\"props.component.tooltip\">\n    <TooltipTrigger as-child>\n      <span\n        data-slot=\"icon\"\n        class=\"inline-flex\"\n        role=\"img\"\n        :aria-label=\"props.component.tooltip\"\n        v-bind=\"props.component.extraAttributes\"\n      >\n        <Icon\n          :name=\"props.component.icon\"\n          aria-hidden=\"true\"\n          :class=\"\n            cn(\n              iconSizeClasses[props.component.size ?? 'md'] ?? 'size-5',\n              props.component.color && textColorClasses[props.component.color],\n            )\n          \"\n        />\n      </span>\n    </TooltipTrigger>\n    <TooltipContent>{{ props.component.tooltip }}</TooltipContent>\n  </Tooltip>\n  <span v-else data-slot=\"icon\" class=\"inline-flex\" v-bind=\"props.component.extraAttributes\">\n    <Icon\n      :name=\"props.component.icon\"\n      aria-hidden=\"true\"\n      :class=\"\n        cn(\n          iconSizeClasses[props.component.size ?? 'md'] ?? 'size-5',\n          props.component.color && textColorClasses[props.component.color],\n        )\n      \"\n    />\n  </span>\n</template>\n"],"mappings":";;;;;;;;;;;;EASA,IAAMqB,IAAQC;mBAIGD,EAAM,UAAU,WAA/BrB,EAAA,GAAAC,EAsBUC,GAAA,EAAA,KAAA,EAAA,GAAA;GArBR,SAAAC,QAmBiB,CAnBjBC,EAmBiBC,GAAA,EAnBD,YAAA,GAAQ,GAAA;IACtB,SAAAF,QAiBO,CAjBPG,EAiBO,QAjBPC,EAiBO;KAhBL,aAAU;KACV,OAAM;KACN,MAAK;KACJ,cAAYc,EAAM,UAAU;IACrB,GAAAA,EAAM,UAAU,eAAe,GAAA,CAEvCjB,EASEI,EAAAC,CAAA,GAAA;KARC,MAAMY,EAAM,UAAU;KACvB,eAAY;KACX,OAAKX,EAAeF,EAAAuB,CAAA,CAAE,CAAgBvB,EAAAwB,CAAA,CAAe,CAACX,EAAM,UAAU,QAAI,SAAA,UAAqCA,EAAM,UAAU,SAASb,EAAAyB,CAAA,CAAgB,CAACZ,EAAM,UAAU,MAAA,CAAA;;;GAShLjB,CAAAA,GAAAA,EAA8DO,GAAA,MAAA;IAA9C,SAAAR,QAA6B,CAA1BS,EAAAC,EAAAQ,EAAM,UAAU,OAAO,GAAA,CAAA,CAAA,CAAA;;;;EAE5CrB,CAAAA,MAAAA,EAAA,GAAAc,EAWO,QAXPP,EAWO;;GAXM,aAAU;GAAO,OAAM;EAAsB,GAAAc,EAAM,UAAU,eAAe,GAAA,CACvFjB,EASEI,EAAAC,CAAA,GAAA;GARC,MAAMY,EAAM,UAAU;GACvB,eAAY;GACX,OAAKX,EAAWF,EAAAuB,CAAA,CAAE,CAAYvB,EAAAwB,CAAA,CAAe,CAACX,EAAM,UAAU,QAAI,SAAA,UAAiCA,EAAM,UAAU,SAASb,EAAAyB,CAAA,CAAgB,CAACZ,EAAM,UAAU,MAAA,CAAA"}
+{"version":3,"file":"IconComponent.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","Tooltip","_withCtx","_createVNode","TooltipTrigger","_createElementVNode","_mergeProps","_unref","Icon","_normalizeClass","TooltipContent","_createTextVNode","_toDisplayString","_createElementBlock","Icon_default","Tooltip_default","TooltipContent_default","TooltipTrigger_default","_hoisted_1","IconComponent_vue_vue_type_script_setup_true_lang_default","props","__props","openBlock","createBlock","withCtx","createVNode","createElementVNode","mergeProps","unref","normalizeClass","cn","iconSizeClasses","textColorClasses","createTextVNode","toDisplayString","createElementBlock"],"sources":["../../../src/components/layout/IconComponent.vue"],"mappings":";;;;;;;;;;;;EASA,IAAMqB,IAAQC;mBAIGD,EAAM,UAAU,WAA/BrB,EAAA,GAAAC,EAsBUC,GAAA,EAAA,KAAA,EAAA,GAAA;GArBR,SAAAC,QAmBiB,CAnBjBC,EAmBiBC,GAAA,EAnBD,YAAA,GAAQ,GAAA;IACtB,SAAAF,QAiBO,CAjBPG,EAiBO,QAjBPC,EAiBO;KAhBL,aAAU;KACV,OAAM;KACN,MAAK;KACJ,cAAYc,EAAM,UAAU;IACrB,GAAAA,EAAM,UAAU,eAAe,GAAA,CAEvCjB,EASEI,EAAAC,CAAA,GAAA;KARC,MAAMY,EAAM,UAAU;KACvB,eAAY;KACX,OAAKX,EAAeF,EAAAuB,CAAA,CAAE,CAAgBvB,EAAAwB,CAAA,CAAe,CAACX,EAAM,UAAU,QAAI,SAAA,UAAqCA,EAAM,UAAU,SAASb,EAAAyB,CAAA,CAAgB,CAACZ,EAAM,UAAU,MAAA,CAAA;;;GAShLjB,CAAAA,GAAAA,EAA8DO,GAAA,MAAA;IAA9C,SAAAR,QAA6B,CAA1BS,EAAAC,EAAAQ,EAAM,UAAU,OAAO,GAAA,CAAA,CAAA,CAAA;;;;EAE5CrB,CAAAA,MAAAA,EAAA,GAAAc,EAWO,QAXPP,EAWO;;GAXM,aAAU;GAAO,OAAM;EAAsB,GAAAc,EAAM,UAAU,eAAe,GAAA,CACvFjB,EASEI,EAAAC,CAAA,GAAA;GARC,MAAMY,EAAM,UAAU;GACvB,eAAY;GACX,OAAKX,EAAWF,EAAAuB,CAAA,CAAE,CAAYvB,EAAAwB,CAAA,CAAe,CAACX,EAAM,UAAU,QAAI,SAAA,UAAiCA,EAAM,UAAU,SAASb,EAAAyB,CAAA,CAAgB,CAACZ,EAAM,UAAU,MAAA,CAAA"}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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