@alfakit/vue 0.1.2 → 0.1.7

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","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 { 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()\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    : t('kanban.count', { count: column.count }, ':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        t(\n          'kanban.wip_over',\n          { limit: props.column.wipLimit ?? 0 },\n          '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"],"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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"}

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

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

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

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

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

@@ -6,12 +6,12 @@ import i from "../ui/Button2.js";
 import a from "../actions/ActionList.js";
 import { useOptionalFormStore as o } from "../form/form-context.js";
 import s from "../schema/SchemaRenderer.js";
-import c from "../ui/Collapsible.js";
-import l from "../ui/CollapsibleContent.js";
-import u from "../ui/CollapsibleTrigger.js";
-import { useFieldActionContext as d } from "../schema/field-actions.js";
-import f from "./DeferredSchema.js";
-import p from "./MixedContent.js";
+import { useFieldActionContext as c } from "../schema/field-actions.js";
+import l from "./DeferredSchema.js";
+import u from "../ui/Collapsible.js";
+import d from "../ui/CollapsibleContent.js";
+import f from "./MixedContent.js";
+import p from "../ui/CollapsibleTrigger.js";
 import { actionsAlignmentClass as m, headingTag as h, readPersisted as g, schemaGapClass as _, writePersisted as v } from "@alfakit/core";
 import { computed as y, createBlock as b, createCommentVNode as x, createElementBlock as S, createElementVNode as C, createTextVNode as w, createVNode as T, defineComponent as E, mergeProps as D, normalizeClass as O, onMounted as k, openBlock as A, ref as j, resolveDynamicComponent as M, toDisplayString as N, unref as P, withCtx as F } from "vue";
 import { ChevronDownIcon as I } from "@lucide/vue";
@@ -21,15 +21,15 @@ var L = {
 	class: "flex flex-wrap items-start gap-3 lg:col-span-1"
 }, R = { class: "min-w-0 flex-1 basis-48" }, z = {
 	key: 1,
-	class: "text-muted-foreground mt-1 text-sm"
+	class: "text-muted-foreground mt-1 text-sm break-words"
 }, B = { class: "min-w-0 flex-1 basis-48" }, V = {
 	key: 1,
-	class: "text-muted-foreground mt-1 text-sm"
+	class: "text-muted-foreground mt-1 text-sm break-words"
 }, H = /*@__PURE__*/ E({
 	__name: "SectionComponent",
 	props: { component: {} },
 	setup(E) {
-		let H = E, U = j(!H.component.collapsed), W = o(), G = t(), K = d(() => H.component), q = y(() => W ? K.value : G), J = y(() => h(H.component.headingLevel)), Y = y(() => !!(H.component.heading || H.component.description || H.component.icon || H.component.headerActions?.length || H.component.afterHeader?.length));
+		let H = E, U = j(!H.component.collapsed), W = o(), G = t(), K = c(() => H.component), q = y(() => W ? K.value : G), J = y(() => h(H.component.headingLevel)), Y = y(() => !!(H.component.heading || H.component.description || H.component.icon || H.component.headerActions?.length || H.component.afterHeader?.length));
 		k(() => {
 			let e = H.component.persistCollapsed;
 			if (!e) return;
@@ -40,7 +40,7 @@ var L = {
 			U.value = e, H.component.persistCollapsed && v(H.component.persistCollapsed, e ? "expanded" : "collapsed");
 		}
 		let Z = y(() => !!H.component.footerActions?.length), Q = y(() => Z.value || !!H.component.footer?.length), $ = e();
-		return (e, t) => H.component.aside ? (A(), b(c, {
+		return (e, t) => H.component.aside ? (A(), b(u, {
 			key: 0,
 			open: !H.component.collapsible || U.value,
 			"as-child": "",
@@ -57,7 +57,7 @@ var L = {
 				}, null, 8, ["name"])) : x("", !0),
 				C("div", R, [H.component.heading ? (A(), b(M(J.value), {
 					key: 0,
-					class: "text-base leading-6 font-semibold"
+					class: "text-base leading-6 font-semibold break-words"
 				}, {
 					default: F(() => [w(N(H.component.heading), 1)]),
 					_: 1
@@ -68,11 +68,11 @@ var L = {
 					context: q.value,
 					size: "sm"
 				}, null, 8, ["actions", "context"])) : x("", !0),
-				T(p, {
+				T(f, {
 					items: H.component.afterHeader,
 					name: "section-after-header"
 				}, null, 8, ["items"]),
-				H.component.collapsible ? (A(), b(u, {
+				H.component.collapsible ? (A(), b(p, {
 					key: 2,
 					"as-child": ""
 				}, {
@@ -91,11 +91,11 @@ var L = {
 					}, 8, ["aria-label"])]),
 					_: 1
 				})) : x("", !0)
-			])) : x("", !0), T(l, { "as-child": "" }, {
+			])) : x("", !0), T(d, { "as-child": "" }, {
 				default: F(() => [C("div", {
 					"data-surface": "section",
 					class: O(P(n)("bg-card rounded-xl border shadow-xs lg:col-span-2", H.component.secondary && "bg-muted/40"))
-				}, [C("div", { class: O(P(n)("p-6", H.component.compact && "p-4")) }, [T(f, { component: H.component }, {
+				}, [C("div", { class: O(P(n)("p-6", H.component.compact && "p-4")) }, [T(l, { component: H.component }, {
 					default: F(({ component: e }) => [T(s, {
 						components: e.schema ?? [],
 						columns: e.columns,
@@ -119,14 +119,14 @@ var L = {
 					"actions",
 					"context",
 					"class"
-				])) : x("", !0), T(p, {
+				])) : x("", !0), T(f, {
 					items: H.component.footer,
 					name: "section-footer-content"
 				}, null, 8, ["items"])], 2)) : x("", !0)], 2)]),
 				_: 1
 			})], 16)]),
 			_: 1
-		}, 8, ["open"])) : (A(), b(c, {
+		}, 8, ["open"])) : (A(), b(u, {
 			key: 1,
 			open: !H.component.collapsible || U.value,
 			"as-child": "",
@@ -147,7 +147,7 @@ var L = {
 				}, null, 8, ["name"])) : x("", !0),
 				C("div", B, [H.component.heading ? (A(), b(M(J.value), {
 					key: 0,
-					class: "text-base leading-6 font-semibold"
+					class: "text-base leading-6 font-semibold break-words"
 				}, {
 					default: F(() => [w(N(H.component.heading), 1)]),
 					_: 1
@@ -158,11 +158,11 @@ var L = {
 					context: q.value,
 					size: "sm"
 				}, null, 8, ["actions", "context"])) : x("", !0),
-				T(p, {
+				T(f, {
 					items: H.component.afterHeader,
 					name: "section-after-header"
 				}, null, 8, ["items"]),
-				H.component.collapsible ? (A(), b(u, {
+				H.component.collapsible ? (A(), b(p, {
 					key: 2,
 					"as-child": ""
 				}, {
@@ -181,8 +181,8 @@ var L = {
 					}, 8, ["aria-label"])]),
 					_: 1
 				})) : x("", !0)
-			], 2)) : x("", !0), T(l, null, {
-				default: F(() => [C("div", { class: O(P(n)("p-6", H.component.compact && "p-4")) }, [T(f, { component: H.component }, {
+			], 2)) : x("", !0), T(d, null, {
+				default: F(() => [C("div", { class: O(P(n)("p-6", H.component.compact && "p-4")) }, [T(l, { component: H.component }, {
 					default: F(({ component: e }) => [T(s, {
 						components: e.schema ?? [],
 						columns: e.columns,
@@ -206,7 +206,7 @@ var L = {
 					"actions",
 					"context",
 					"class"
-				])) : x("", !0), T(p, {
+				])) : x("", !0), T(f, {
 					items: H.component.footer,
 					name: "section-footer-content"
 				}, null, 8, ["items"])], 2)) : x("", !0)]),

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

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

package/dist/components/panel/DebugPanel.vue_vue_type_script_setup_true_lang.js

@@ -12,10 +12,10 @@ import oe from "../ui/Tabs.js";
 import o from "../ui/TabsContent.js";
 import s from "../ui/TabsList.js";
 import c from "../ui/TabsTrigger.js";
-import l from "../ui/ScrollArea.js";
-import u from "../ui/Collapsible.js";
-import d from "../ui/CollapsibleContent.js";
-import f from "../ui/CollapsibleTrigger.js";
+import l from "../ui/Collapsible.js";
+import u from "../ui/CollapsibleContent.js";
+import d from "../ui/CollapsibleTrigger.js";
+import f from "../ui/ScrollArea.js";
 import p from "./DebugFormState.js";
 import m from "./DebugTreeNode.js";
 import { byteLength as se, debugRecorder as h, formatBytes as g } from "@alfakit/core";
@@ -132,7 +132,7 @@ var N = {
 							})
 						]),
 						_: 1
-					}), w(l, { class: "min-h-0 flex-1" }, {
+					}), w(f, { class: "min-h-0 flex-1" }, {
 						default: A(() => [
 							w(o, {
 								value: "schema",
@@ -167,11 +167,11 @@ var N = {
 								}, {
 									default: A(() => [C(O(k(J)("debug.clear", {}, "Clear")), 1)]),
 									_: 1
-								})]), (E(!0), x(_, null, D(k(Z).requests, (e) => (E(), y(u, {
+								})]), (E(!0), x(_, null, D(k(Z).requests, (e) => (E(), y(l, {
 									key: e.id,
 									class: "rounded-md border"
 								}, {
-									default: A(() => [w(f, { class: "flex w-full items-center gap-2 px-3 py-2 text-start [&[data-state=open]>svg]:rotate-90" }, {
+									default: A(() => [w(d, { class: "flex w-full items-center gap-2 px-3 py-2 text-start [&[data-state=open]>svg]:rotate-90" }, {
 										default: A(() => [
 											w(k(M), { class: "text-muted-foreground size-3.5 shrink-0 transition-transform rtl:rotate-180" }),
 											S("span", V, O(e.method), 1),
@@ -189,7 +189,7 @@ var N = {
 											S("span", U, O(e.duration) + " ms", 1)
 										]),
 										_: 2
-									}, 1024), w(d, { class: "space-y-2 border-t px-3 py-2" }, {
+									}, 1024), w(u, { class: "space-y-2 border-t px-3 py-2" }, {
 										default: A(() => [
 											S("dl", W, [
 												S("dt", null, O(k(J)("debug.duration", {}, "Duration")), 1),

package/dist/components/panel/DebugPanel.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"DebugPanel.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","Sheet","_withCtx","_createVNode","SheetTrigger","Button","_unref","SheetContent","_createElementVNode","SheetHeader","SheetTitle","_createTextVNode","_toDisplayString","SheetDescription","Tabs","TabsList","TabsTrigger","_createElementBlock","_createCommentVNode","ScrollArea","TabsContent","_Fragment","_renderList","DebugTreeNode","DebugFormState","Collapsible","CollapsibleTrigger","Badge","CollapsibleContent","Badge_default","Button_default","Sheet_default","SheetContent_default","SheetDescription_default","SheetHeader_default","SheetTitle_default","SheetTrigger_default","Tabs_default","TabsContent_default","TabsList_default","TabsTrigger_default","ScrollArea_default","Collapsible_default","CollapsibleContent_default","CollapsibleTrigger_default","DebugFormState_default","DebugTreeNode_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","_hoisted_17","_hoisted_18","_hoisted_19","_hoisted_20","_hoisted_21","_hoisted_22","_hoisted_23","_hoisted_24","_hoisted_25","_hoisted_26","_hoisted_27","_hoisted_28","_hoisted_29","_hoisted_30","_hoisted_31","_hoisted_32","_hoisted_33","_hoisted_34","_hoisted_35","_hoisted_36","_hoisted_37","_hoisted_38","_hoisted_39","_hoisted_40","_hoisted_41","_hoisted_42","_hoisted_43","DebugPanel_vue_vue_type_script_setup_true_lang_default","t","useT","props","useAlfakitProps","direction","useDirection","debug","computed","state","useStore","debugRecorder","payloadBytes","byteLength","json","value","pathOf","parsed","url","forms","openBlock","createBlock","withCtx","createVNode","unref","BugIcon","createElementVNode","createTextVNode","toDisplayString","createElementBlock","createCommentVNode","Fragment","renderList","node","index","_cache","request","ChevronRightIcon","formatBytes","closure","item"],"sources":["../../../src/components/panel/DebugPanel.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { FormStore } from '@alfakit/core'\nimport { byteLength, debugRecorder, formatBytes } from '@alfakit/core'\nimport { BugIcon, ChevronRightIcon } from '@lucide/vue'\nimport { computed } from 'vue'\nimport { useStore } from '../../composables/use-store'\nimport { useAlfakitProps, useDirection, useT } from '../../context'\nimport Badge from '../ui/Badge.vue'\nimport Button from '../ui/Button.vue'\nimport Collapsible from '../ui/Collapsible.vue'\nimport CollapsibleContent from '../ui/CollapsibleContent.vue'\nimport CollapsibleTrigger from '../ui/CollapsibleTrigger.vue'\nimport ScrollArea from '../ui/ScrollArea.vue'\nimport Sheet from '../ui/Sheet.vue'\nimport SheetContent from '../ui/SheetContent.vue'\nimport SheetDescription from '../ui/SheetDescription.vue'\nimport SheetHeader from '../ui/SheetHeader.vue'\nimport SheetTitle from '../ui/SheetTitle.vue'\nimport SheetTrigger from '../ui/SheetTrigger.vue'\nimport Tabs from '../ui/Tabs.vue'\nimport TabsContent from '../ui/TabsContent.vue'\nimport TabsList from '../ui/TabsList.vue'\nimport TabsTrigger from '../ui/TabsTrigger.vue'\nimport DebugFormState from './DebugFormState.vue'\nimport DebugTreeNode from './DebugTreeNode.vue'\n\n/**\n * The developer debug panel: a top bar toggle that opens a drawer with the page's resolved\n * schema tree (visibility and authorisation per component, closures evaluated), the live\n * form state, the internal requests captured by `requestJson()` and timings. Rendered only\n * when the page carries the `alfakitDebug` prop, which PHP adds while `Panel::debugPanel()`\n * is active and `app.debug` is on. Replace it with `components: { 'panel:debug-panel': … }`.\n */\nconst t = useT()\nconst props = useAlfakitProps()\nconst direction = useDirection()\nconst debug = computed(() => props.value.alfakitDebug)\nconst state = useStore(debugRecorder.store)\nconst payloadBytes = computed(() => byteLength(props.value))\n\nconst json = (value: unknown): string => {\n  try {\n    return typeof value === 'string' ? value : JSON.stringify(value, null, 2)\n  } catch {\n    return String(value)\n  }\n}\n\nconst pathOf = (url: string): string => {\n  try {\n    const parsed = new URL(url, 'http://localhost')\n\n    return parsed.pathname + parsed.search\n  } catch {\n    return url\n  }\n}\n\nconst forms = computed(() => state.value.forms as FormStore[])\n</script>\n\n<template>\n  <Sheet v-if=\"debug\">\n    <SheetTrigger as-child>\n      <Button\n        type=\"button\"\n        variant=\"ghost\"\n        size=\"icon\"\n        :aria-label=\"t('debug.open', {}, 'Open debug panel')\"\n        data-slot=\"debug-toggle\"\n      >\n        <BugIcon />\n      </Button>\n    </SheetTrigger>\n    <SheetContent\n      :side=\"direction === 'rtl' ? 'left' : 'right'\"\n      class=\"flex w-full flex-col gap-0 p-0 sm:max-w-xl\"\n    >\n      <div data-slot=\"debug-panel\" class=\"flex min-h-0 flex-1 flex-col\">\n        <SheetHeader class=\"border-b\">\n          <SheetTitle class=\"flex items-center gap-2\">\n            <BugIcon class=\"size-4\" />\n            {{ t('debug.title', {}, 'Debug') }}\n          </SheetTitle>\n          <SheetDescription class=\"truncate font-mono text-xs\" :title=\"debug.page\">\n            {{ debug.page }}\n          </SheetDescription>\n        </SheetHeader>\n        <Tabs default-value=\"schema\" class=\"flex min-h-0 flex-1 flex-col gap-0\">\n          <TabsList class=\"mx-4 mt-3 grid w-auto grid-cols-4\">\n            <TabsTrigger value=\"schema\">{{ t('debug.schema', {}, 'Schema') }}</TabsTrigger>\n            <TabsTrigger value=\"form\">\n              {{ t('debug.form', {}, 'Form') }}\n              <span\n                v-if=\"forms.length > 0\"\n                class=\"bg-muted text-muted-foreground ms-1.5 rounded-full px-1.5 font-mono text-[10px] tabular-nums\"\n                >{{ forms.length }}</span\n              >\n            </TabsTrigger>\n            <TabsTrigger value=\"requests\">\n              {{ t('debug.requests', {}, 'Requests') }}\n              <span\n                v-if=\"state.requests.length > 0\"\n                class=\"bg-muted text-muted-foreground ms-1.5 rounded-full px-1.5 font-mono text-[10px] tabular-nums\"\n                >{{ state.requests.length }}</span\n              >\n            </TabsTrigger>\n            <TabsTrigger value=\"timings\">{{ t('debug.timings', {}, 'Timings') }}</TabsTrigger>\n          </TabsList>\n          <ScrollArea class=\"min-h-0 flex-1\">\n            <TabsContent value=\"schema\" class=\"p-4 text-sm\">\n              <p v-if=\"debug.tree.length === 0\" class=\"text-muted-foreground text-sm\">\n                {{ t('debug.no_tree', {}, 'The server sent no schema tree for this page.') }}\n              </p>\n              <ul v-else class=\"space-y-0.5 font-mono text-xs\">\n                <DebugTreeNode\n                  v-for=\"(node, index) in debug.tree\"\n                  :key=\"`${node.key ?? node.type}-${index}`\"\n                  :node=\"node\"\n                  :depth=\"0\"\n                />\n              </ul>\n            </TabsContent>\n            <TabsContent value=\"form\" class=\"space-y-4 p-4 text-sm\">\n              <p v-if=\"forms.length === 0\" class=\"text-muted-foreground text-sm\">\n                {{ t('debug.no_forms', {}, 'No forms on this page.') }}\n              </p>\n              <DebugFormState v-for=\"(form, index) in forms\" :key=\"index\" :form=\"form\" />\n            </TabsContent>\n            <TabsContent value=\"requests\" class=\"space-y-2 p-4 text-sm\">\n              <p v-if=\"state.requests.length === 0\" class=\"text-muted-foreground text-sm\">\n                {{ t('debug.no_requests', {}, 'No internal requests yet.') }}\n              </p>\n              <template v-else>\n                <div class=\"flex justify-end\">\n                  <Button\n                    type=\"button\"\n                    variant=\"ghost\"\n                    size=\"sm\"\n                    @click=\"debugRecorder.clearRequests()\"\n                  >\n                    {{ t('debug.clear', {}, 'Clear') }}\n                  </Button>\n                </div>\n                <Collapsible\n                  v-for=\"request in state.requests\"\n                  :key=\"request.id\"\n                  class=\"rounded-md border\"\n                >\n                  <CollapsibleTrigger\n                    class=\"flex w-full items-center gap-2 px-3 py-2 text-start [&[data-state=open]>svg]:rotate-90\"\n                  >\n                    <ChevronRightIcon\n                      class=\"text-muted-foreground size-3.5 shrink-0 transition-transform rtl:rotate-180\"\n                    />\n                    <span class=\"font-mono text-xs font-semibold\">{{ request.method }}</span>\n                    <span class=\"min-w-0 flex-1 truncate font-mono text-xs\" :title=\"request.url\">{{\n                      pathOf(request.url)\n                    }}</span>\n                    <Badge\n                      :variant=\"\n                        request.status === 0 || request.status >= 400 ? 'destructive' : 'secondary'\n                      \"\n                      class=\"font-mono\"\n                      >{{\n                        request.status === 0 ? t('debug.failed', {}, 'failed') : request.status\n                      }}</Badge\n                    >\n                    <span class=\"text-muted-foreground font-mono text-xs tabular-nums\"\n                      >{{ request.duration }} ms</span\n                    >\n                  </CollapsibleTrigger>\n                  <CollapsibleContent class=\"space-y-2 border-t px-3 py-2\">\n                    <dl\n                      class=\"text-muted-foreground grid grid-cols-[auto_1fr] gap-x-4 gap-y-1 text-xs\"\n                    >\n                      <dt>{{ t('debug.duration', {}, 'Duration') }}</dt>\n                      <dd class=\"font-mono tabular-nums\">\n                        {{ request.duration }} ms\n                        <template v-if=\"request.serverDuration !== null\">\n                          ({{ t('debug.server_time', {}, 'Server time') }}:\n                          {{ request.serverDuration }} ms)\n                        </template>\n                      </dd>\n                      <dt>{{ t('debug.size', {}, 'Size') }}</dt>\n                      <dd class=\"font-mono tabular-nums\">\n                        ↑ {{ formatBytes(request.requestBytes) }} · ↓\n                        {{ formatBytes(request.responseBytes) }}\n                      </dd>\n                    </dl>\n                    <pre\n                      v-if=\"request.request !== undefined && request.request !== null\"\n                      dir=\"ltr\"\n                      class=\"bg-muted/50 max-h-72 overflow-auto rounded-md p-2 text-start font-mono text-xs leading-relaxed\"\n                      >{{ json(request.request) }}</pre>\n                    <pre\n                      dir=\"ltr\"\n                      class=\"bg-muted/50 max-h-72 overflow-auto rounded-md p-2 text-start font-mono text-xs leading-relaxed\"\n                      >{{ json(request.response) }}</pre>\n                  </CollapsibleContent>\n                </Collapsible>\n              </template>\n            </TabsContent>\n            <TabsContent value=\"timings\" class=\"space-y-4 p-4 text-sm\">\n              <dl class=\"grid grid-cols-2 gap-3\">\n                <div class=\"rounded-md border p-3\">\n                  <dt class=\"text-muted-foreground text-xs\">\n                    {{ t('debug.server_time', {}, 'Server time') }}\n                  </dt>\n                  <dd class=\"font-mono text-sm font-semibold tabular-nums\">\n                    {{ debug.server.duration }} ms\n                  </dd>\n                </div>\n                <div class=\"rounded-md border p-3\">\n                  <dt class=\"text-muted-foreground text-xs\">\n                    {{ t('debug.queries', {}, 'Queries') }}\n                  </dt>\n                  <dd class=\"font-mono text-sm font-semibold tabular-nums\">\n                    {{ debug.server.queries }} · {{ debug.server.queryTime }} ms\n                  </dd>\n                </div>\n                <div class=\"rounded-md border p-3\">\n                  <dt class=\"text-muted-foreground text-xs\">\n                    {{ t('debug.memory', {}, 'Peak memory') }}\n                  </dt>\n                  <dd class=\"font-mono text-sm font-semibold tabular-nums\">\n                    {{ formatBytes(debug.server.memory) }}\n                  </dd>\n                </div>\n                <div class=\"rounded-md border p-3\">\n                  <dt class=\"text-muted-foreground text-xs\">\n                    {{ t('debug.payload', {}, 'Page payload') }}\n                  </dt>\n                  <dd class=\"font-mono text-sm font-semibold tabular-nums\">\n                    {{ formatBytes(payloadBytes) }}\n                  </dd>\n                </div>\n              </dl>\n              <p class=\"text-muted-foreground font-mono text-xs\">\n                PHP {{ debug.server.php }} · Laravel {{ debug.server.laravel }}\n              </p>\n              <section>\n                <h3 class=\"mb-2 text-sm font-medium\">\n                  {{ t('debug.closures', {}, 'Closures evaluated') }}\n                  <span\n                    v-if=\"debug.closures.length > 0\"\n                    class=\"bg-muted text-muted-foreground ms-1.5 rounded-full px-1.5 font-mono text-[10px] tabular-nums\"\n                    >{{ debug.closures.length }}</span\n                  >\n                </h3>\n                <p v-if=\"debug.closures.length === 0\" class=\"text-muted-foreground text-sm\">\n                  {{ t('debug.no_closures', {}, 'No closures were evaluated.') }}\n                </p>\n                <ul v-else class=\"divide-y rounded-md border font-mono text-xs\">\n                  <li\n                    v-for=\"(closure, index) in debug.closures\"\n                    :key=\"index\"\n                    class=\"flex items-center gap-2 px-3 py-1.5\"\n                  >\n                    <span class=\"font-semibold\">{{ closure.owner }}</span>\n                    <span\n                      class=\"text-muted-foreground min-w-0 flex-1 truncate\"\n                      :title=\"closure.file\"\n                      >{{ closure.file }}:{{ closure.line }}</span\n                    >\n                    <Badge v-if=\"closure.count > 1\" variant=\"secondary\">{{\n                      t('debug.times', { count: closure.count }, '×:count')\n                    }}</Badge>\n                  </li>\n                </ul>\n              </section>\n              <section v-if=\"(debug.deprecations ?? []).length > 0\">\n                <h3 class=\"mb-2 text-sm font-medium\">\n                  {{ t('debug.deprecations', {}, 'Deprecations') }}\n                  <span class=\"bg-muted ms-1 rounded px-1.5 py-0.5 font-mono text-xs\">{{\n                    debug.deprecations?.length\n                  }}</span>\n                </h3>\n                <ul class=\"divide-y rounded-md border text-xs\">\n                  <li\n                    v-for=\"item in debug.deprecations\"\n                    :key=\"item.subject\"\n                    class=\"flex flex-col gap-0.5 px-3 py-1.5\"\n                  >\n                    <span class=\"font-mono font-semibold\"\n                      >{{ item.subject\n                      }}<span v-if=\"item.since\" class=\"text-muted-foreground font-normal\">\n                        · {{ item.since }}</span\n                      ></span\n                    >\n                    <span class=\"text-muted-foreground\">{{ item.message }}</span>\n                  </li>\n                </ul>\n              </section>\n            </TabsContent>\n          </ScrollArea>\n        </Tabs>\n      </div>\n    </SheetContent>\n  </Sheet>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"DebugPanel.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","Sheet","_withCtx","_createVNode","SheetTrigger","Button","_unref","SheetContent","_createElementVNode","SheetHeader","SheetTitle","_createTextVNode","_toDisplayString","SheetDescription","Tabs","TabsList","TabsTrigger","_createElementBlock","_createCommentVNode","ScrollArea","TabsContent","_Fragment","_renderList","DebugTreeNode","DebugFormState","Collapsible","CollapsibleTrigger","Badge","CollapsibleContent","Badge_default","Button_default","Sheet_default","SheetContent_default","SheetDescription_default","SheetHeader_default","SheetTitle_default","SheetTrigger_default","Tabs_default","TabsContent_default","TabsList_default","TabsTrigger_default","Collapsible_default","CollapsibleContent_default","CollapsibleTrigger_default","ScrollArea_default","DebugFormState_default","DebugTreeNode_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","_hoisted_17","_hoisted_18","_hoisted_19","_hoisted_20","_hoisted_21","_hoisted_22","_hoisted_23","_hoisted_24","_hoisted_25","_hoisted_26","_hoisted_27","_hoisted_28","_hoisted_29","_hoisted_30","_hoisted_31","_hoisted_32","_hoisted_33","_hoisted_34","_hoisted_35","_hoisted_36","_hoisted_37","_hoisted_38","_hoisted_39","_hoisted_40","_hoisted_41","_hoisted_42","_hoisted_43","DebugPanel_vue_vue_type_script_setup_true_lang_default","t","useT","props","useAlfakitProps","direction","useDirection","debug","computed","state","useStore","debugRecorder","payloadBytes","byteLength","json","value","pathOf","parsed","url","forms","openBlock","createBlock","withCtx","createVNode","unref","BugIcon","createElementVNode","createTextVNode","toDisplayString","createElementBlock","createCommentVNode","Fragment","renderList","node","index","_cache","request","ChevronRightIcon","formatBytes","closure","item"],"sources":["../../../src/components/panel/DebugPanel.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { FormStore } from '@alfakit/core'\nimport { byteLength, debugRecorder, formatBytes } from '@alfakit/core'\nimport { BugIcon, ChevronRightIcon } from '@lucide/vue'\nimport { computed } from 'vue'\nimport { useStore } from '../../composables/use-store'\nimport { useAlfakitProps, useDirection, useT } from '../../context'\nimport Badge from '../ui/Badge.vue'\nimport Button from '../ui/Button.vue'\nimport Collapsible from '../ui/Collapsible.vue'\nimport CollapsibleContent from '../ui/CollapsibleContent.vue'\nimport CollapsibleTrigger from '../ui/CollapsibleTrigger.vue'\nimport ScrollArea from '../ui/ScrollArea.vue'\nimport Sheet from '../ui/Sheet.vue'\nimport SheetContent from '../ui/SheetContent.vue'\nimport SheetDescription from '../ui/SheetDescription.vue'\nimport SheetHeader from '../ui/SheetHeader.vue'\nimport SheetTitle from '../ui/SheetTitle.vue'\nimport SheetTrigger from '../ui/SheetTrigger.vue'\nimport Tabs from '../ui/Tabs.vue'\nimport TabsContent from '../ui/TabsContent.vue'\nimport TabsList from '../ui/TabsList.vue'\nimport TabsTrigger from '../ui/TabsTrigger.vue'\nimport DebugFormState from './DebugFormState.vue'\nimport DebugTreeNode from './DebugTreeNode.vue'\n\n/**\n * The developer debug panel: a top bar toggle that opens a drawer with the page's resolved\n * schema tree (visibility and authorisation per component, closures evaluated), the live\n * form state, the internal requests captured by `requestJson()` and timings. Rendered only\n * when the page carries the `alfakitDebug` prop, which PHP adds while `Panel::debugPanel()`\n * is active and `app.debug` is on. Replace it with `components: { 'panel:debug-panel': … }`.\n */\nconst t = useT()\nconst props = useAlfakitProps()\nconst direction = useDirection()\nconst debug = computed(() => props.value.alfakitDebug)\nconst state = useStore(debugRecorder.store)\nconst payloadBytes = computed(() => byteLength(props.value))\n\nconst json = (value: unknown): string => {\n  try {\n    return typeof value === 'string' ? value : JSON.stringify(value, null, 2)\n  } catch {\n    return String(value)\n  }\n}\n\nconst pathOf = (url: string): string => {\n  try {\n    const parsed = new URL(url, 'http://localhost')\n\n    return parsed.pathname + parsed.search\n  } catch {\n    return url\n  }\n}\n\nconst forms = computed(() => state.value.forms as FormStore[])\n</script>\n\n<template>\n  <Sheet v-if=\"debug\">\n    <SheetTrigger as-child>\n      <Button\n        type=\"button\"\n        variant=\"ghost\"\n        size=\"icon\"\n        :aria-label=\"t('debug.open', {}, 'Open debug panel')\"\n        data-slot=\"debug-toggle\"\n      >\n        <BugIcon />\n      </Button>\n    </SheetTrigger>\n    <SheetContent\n      :side=\"direction === 'rtl' ? 'left' : 'right'\"\n      class=\"flex w-full flex-col gap-0 p-0 sm:max-w-xl\"\n    >\n      <div data-slot=\"debug-panel\" class=\"flex min-h-0 flex-1 flex-col\">\n        <SheetHeader class=\"border-b\">\n          <SheetTitle class=\"flex items-center gap-2\">\n            <BugIcon class=\"size-4\" />\n            {{ t('debug.title', {}, 'Debug') }}\n          </SheetTitle>\n          <SheetDescription class=\"truncate font-mono text-xs\" :title=\"debug.page\">\n            {{ debug.page }}\n          </SheetDescription>\n        </SheetHeader>\n        <Tabs default-value=\"schema\" class=\"flex min-h-0 flex-1 flex-col gap-0\">\n          <TabsList class=\"mx-4 mt-3 grid w-auto grid-cols-4\">\n            <TabsTrigger value=\"schema\">{{ t('debug.schema', {}, 'Schema') }}</TabsTrigger>\n            <TabsTrigger value=\"form\">\n              {{ t('debug.form', {}, 'Form') }}\n              <span\n                v-if=\"forms.length > 0\"\n                class=\"bg-muted text-muted-foreground ms-1.5 rounded-full px-1.5 font-mono text-[10px] tabular-nums\"\n                >{{ forms.length }}</span\n              >\n            </TabsTrigger>\n            <TabsTrigger value=\"requests\">\n              {{ t('debug.requests', {}, 'Requests') }}\n              <span\n                v-if=\"state.requests.length > 0\"\n                class=\"bg-muted text-muted-foreground ms-1.5 rounded-full px-1.5 font-mono text-[10px] tabular-nums\"\n                >{{ state.requests.length }}</span\n              >\n            </TabsTrigger>\n            <TabsTrigger value=\"timings\">{{ t('debug.timings', {}, 'Timings') }}</TabsTrigger>\n          </TabsList>\n          <ScrollArea class=\"min-h-0 flex-1\">\n            <TabsContent value=\"schema\" class=\"p-4 text-sm\">\n              <p v-if=\"debug.tree.length === 0\" class=\"text-muted-foreground text-sm\">\n                {{ t('debug.no_tree', {}, 'The server sent no schema tree for this page.') }}\n              </p>\n              <ul v-else class=\"space-y-0.5 font-mono text-xs\">\n                <DebugTreeNode\n                  v-for=\"(node, index) in debug.tree\"\n                  :key=\"`${node.key ?? node.type}-${index}`\"\n                  :node=\"node\"\n                  :depth=\"0\"\n                />\n              </ul>\n            </TabsContent>\n            <TabsContent value=\"form\" class=\"space-y-4 p-4 text-sm\">\n              <p v-if=\"forms.length === 0\" class=\"text-muted-foreground text-sm\">\n                {{ t('debug.no_forms', {}, 'No forms on this page.') }}\n              </p>\n              <DebugFormState v-for=\"(form, index) in forms\" :key=\"index\" :form=\"form\" />\n            </TabsContent>\n            <TabsContent value=\"requests\" class=\"space-y-2 p-4 text-sm\">\n              <p v-if=\"state.requests.length === 0\" class=\"text-muted-foreground text-sm\">\n                {{ t('debug.no_requests', {}, 'No internal requests yet.') }}\n              </p>\n              <template v-else>\n                <div class=\"flex justify-end\">\n                  <Button\n                    type=\"button\"\n                    variant=\"ghost\"\n                    size=\"sm\"\n                    @click=\"debugRecorder.clearRequests()\"\n                  >\n                    {{ t('debug.clear', {}, 'Clear') }}\n                  </Button>\n                </div>\n                <Collapsible\n                  v-for=\"request in state.requests\"\n                  :key=\"request.id\"\n                  class=\"rounded-md border\"\n                >\n                  <CollapsibleTrigger\n                    class=\"flex w-full items-center gap-2 px-3 py-2 text-start [&[data-state=open]>svg]:rotate-90\"\n                  >\n                    <ChevronRightIcon\n                      class=\"text-muted-foreground size-3.5 shrink-0 transition-transform rtl:rotate-180\"\n                    />\n                    <span class=\"font-mono text-xs font-semibold\">{{ request.method }}</span>\n                    <span class=\"min-w-0 flex-1 truncate font-mono text-xs\" :title=\"request.url\">{{\n                      pathOf(request.url)\n                    }}</span>\n                    <Badge\n                      :variant=\"\n                        request.status === 0 || request.status >= 400 ? 'destructive' : 'secondary'\n                      \"\n                      class=\"font-mono\"\n                      >{{\n                        request.status === 0 ? t('debug.failed', {}, 'failed') : request.status\n                      }}</Badge\n                    >\n                    <span class=\"text-muted-foreground font-mono text-xs tabular-nums\"\n                      >{{ request.duration }} ms</span\n                    >\n                  </CollapsibleTrigger>\n                  <CollapsibleContent class=\"space-y-2 border-t px-3 py-2\">\n                    <dl\n                      class=\"text-muted-foreground grid grid-cols-[auto_1fr] gap-x-4 gap-y-1 text-xs\"\n                    >\n                      <dt>{{ t('debug.duration', {}, 'Duration') }}</dt>\n                      <dd class=\"font-mono tabular-nums\">\n                        {{ request.duration }} ms\n                        <template v-if=\"request.serverDuration !== null\">\n                          ({{ t('debug.server_time', {}, 'Server time') }}:\n                          {{ request.serverDuration }} ms)\n                        </template>\n                      </dd>\n                      <dt>{{ t('debug.size', {}, 'Size') }}</dt>\n                      <dd class=\"font-mono tabular-nums\">\n                        ↑ {{ formatBytes(request.requestBytes) }} · ↓\n                        {{ formatBytes(request.responseBytes) }}\n                      </dd>\n                    </dl>\n                    <pre\n                      v-if=\"request.request !== undefined && request.request !== null\"\n                      dir=\"ltr\"\n                      class=\"bg-muted/50 max-h-72 overflow-auto rounded-md p-2 text-start font-mono text-xs leading-relaxed\"\n                      >{{ json(request.request) }}</pre>\n                    <pre\n                      dir=\"ltr\"\n                      class=\"bg-muted/50 max-h-72 overflow-auto rounded-md p-2 text-start font-mono text-xs leading-relaxed\"\n                      >{{ json(request.response) }}</pre>\n                  </CollapsibleContent>\n                </Collapsible>\n              </template>\n            </TabsContent>\n            <TabsContent value=\"timings\" class=\"space-y-4 p-4 text-sm\">\n              <dl class=\"grid grid-cols-2 gap-3\">\n                <div class=\"rounded-md border p-3\">\n                  <dt class=\"text-muted-foreground text-xs\">\n                    {{ t('debug.server_time', {}, 'Server time') }}\n                  </dt>\n                  <dd class=\"font-mono text-sm font-semibold tabular-nums\">\n                    {{ debug.server.duration }} ms\n                  </dd>\n                </div>\n                <div class=\"rounded-md border p-3\">\n                  <dt class=\"text-muted-foreground text-xs\">\n                    {{ t('debug.queries', {}, 'Queries') }}\n                  </dt>\n                  <dd class=\"font-mono text-sm font-semibold tabular-nums\">\n                    {{ debug.server.queries }} · {{ debug.server.queryTime }} ms\n                  </dd>\n                </div>\n                <div class=\"rounded-md border p-3\">\n                  <dt class=\"text-muted-foreground text-xs\">\n                    {{ t('debug.memory', {}, 'Peak memory') }}\n                  </dt>\n                  <dd class=\"font-mono text-sm font-semibold tabular-nums\">\n                    {{ formatBytes(debug.server.memory) }}\n                  </dd>\n                </div>\n                <div class=\"rounded-md border p-3\">\n                  <dt class=\"text-muted-foreground text-xs\">\n                    {{ t('debug.payload', {}, 'Page payload') }}\n                  </dt>\n                  <dd class=\"font-mono text-sm font-semibold tabular-nums\">\n                    {{ formatBytes(payloadBytes) }}\n                  </dd>\n                </div>\n              </dl>\n              <p class=\"text-muted-foreground font-mono text-xs\">\n                PHP {{ debug.server.php }} · Laravel {{ debug.server.laravel }}\n              </p>\n              <section>\n                <h3 class=\"mb-2 text-sm font-medium\">\n                  {{ t('debug.closures', {}, 'Closures evaluated') }}\n                  <span\n                    v-if=\"debug.closures.length > 0\"\n                    class=\"bg-muted text-muted-foreground ms-1.5 rounded-full px-1.5 font-mono text-[10px] tabular-nums\"\n                    >{{ debug.closures.length }}</span\n                  >\n                </h3>\n                <p v-if=\"debug.closures.length === 0\" class=\"text-muted-foreground text-sm\">\n                  {{ t('debug.no_closures', {}, 'No closures were evaluated.') }}\n                </p>\n                <ul v-else class=\"divide-y rounded-md border font-mono text-xs\">\n                  <li\n                    v-for=\"(closure, index) in debug.closures\"\n                    :key=\"index\"\n                    class=\"flex items-center gap-2 px-3 py-1.5\"\n                  >\n                    <span class=\"font-semibold\">{{ closure.owner }}</span>\n                    <span\n                      class=\"text-muted-foreground min-w-0 flex-1 truncate\"\n                      :title=\"closure.file\"\n                      >{{ closure.file }}:{{ closure.line }}</span\n                    >\n                    <Badge v-if=\"closure.count > 1\" variant=\"secondary\">{{\n                      t('debug.times', { count: closure.count }, '×:count')\n                    }}</Badge>\n                  </li>\n                </ul>\n              </section>\n              <section v-if=\"(debug.deprecations ?? []).length > 0\">\n                <h3 class=\"mb-2 text-sm font-medium\">\n                  {{ t('debug.deprecations', {}, 'Deprecations') }}\n                  <span class=\"bg-muted ms-1 rounded px-1.5 py-0.5 font-mono text-xs\">{{\n                    debug.deprecations?.length\n                  }}</span>\n                </h3>\n                <ul class=\"divide-y rounded-md border text-xs\">\n                  <li\n                    v-for=\"item in debug.deprecations\"\n                    :key=\"item.subject\"\n                    class=\"flex flex-col gap-0.5 px-3 py-1.5\"\n                  >\n                    <span class=\"font-mono font-semibold\"\n                      >{{ item.subject\n                      }}<span v-if=\"item.since\" class=\"text-muted-foreground font-normal\">\n                        · {{ item.since }}</span\n                      ></span\n                    >\n                    <span class=\"text-muted-foreground\">{{ item.message }}</span>\n                  </li>\n                </ul>\n              </section>\n            </TabsContent>\n          </ScrollArea>\n        </Tabs>\n      </div>\n    </SheetContent>\n  </Sheet>\n</template>\n"],"mappings":"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"}