@alfakit/vue 0.1.10 → 0.1.11

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"SectionComponent.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","Collapsible","_withCtx","_createElementVNode","_mergeProps","_createElementBlock","_unref","Icon","_createCommentVNode","_resolveDynamicComponent","_createTextVNode","_toDisplayString","ActionList","_createVNode","MixedContent","CollapsibleTrigger","Button","_normalizeClass","CollapsibleContent","DeferredSchema","SchemaRenderer","Icon_default","Button_default","ActionList_default","SchemaRenderer_default","DeferredSchema_default","Collapsible_default","CollapsibleContent_default","MixedContent_default","CollapsibleTrigger_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","SectionComponent_vue_vue_type_script_setup_true_lang_default","props","__props","open","ref","sectionForm","useOptionalFormStore","pageContext","usePageActionContext","fieldContext","useFieldActionContext","context","computed","heading","headingTag","hasHeader","key","stored","readPersisted","setOpen","next","writePersisted","hasFooterActions","hasFooter","t","useT","openBlock","createBlock","_cache","$event","withCtx","createElementVNode","mergeProps","createElementBlock","unref","createCommentVNode","resolveDynamicComponent","createTextVNode","toDisplayString","createVNode","ChevronDownIcon","normalizeClass","cn","loaded","schemaGapClass","actionsAlignmentClass"],"sources":["../../../src/components/layout/SectionComponent.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { SectionSchema } from '@alfakit/core'\nimport {\n  actionsAlignmentClass,\n  headingTag,\n  readPersisted,\n  schemaGapClass,\n  writePersisted,\n} from '@alfakit/core'\nimport { ChevronDownIcon } from '@lucide/vue'\nimport { computed, onMounted, ref } from 'vue'\nimport { Icon } from '../../lib/icons'\nimport { cn } from '../../lib/utils'\nimport { usePageActionContext } from '../actions/action-context'\nimport { useOptionalFormStore } from '../form/form-context'\nimport { useFieldActionContext } from '../schema/field-actions'\nimport ActionList from '../actions/ActionList.vue'\nimport SchemaRenderer from '../schema/SchemaRenderer.vue'\nimport Button from '../ui/Button.vue'\nimport Collapsible from '../ui/Collapsible.vue'\nimport CollapsibleContent from '../ui/CollapsibleContent.vue'\nimport CollapsibleTrigger from '../ui/CollapsibleTrigger.vue'\nimport { useT } from '../../context'\nimport DeferredSchema from './DeferredSchema.vue'\nimport MixedContent from './MixedContent.vue'\n\nconst props = defineProps<{ component: SectionSchema }>()\nconst open = ref(!props.component.collapsed)\n// Inside a form the section's actions run as field actions, so `$get` / `$set` work.\nconst sectionForm = useOptionalFormStore()\nconst pageContext = usePageActionContext()\nconst fieldContext = useFieldActionContext(() => props.component)\nconst context = computed(() => (sectionForm ? fieldContext.value : pageContext))\nconst heading = computed(() => headingTag(props.component.headingLevel))\nconst hasHeader = computed(() =>\n  Boolean(\n    props.component.heading ||\n    props.component.description ||\n    props.component.icon ||\n    props.component.headerActions?.length ||\n    props.component.afterHeader?.length,\n  ),\n)\n\n// Stored after mounting, so the server render and hydration use the schema's default.\nonMounted(() => {\n  const key = props.component.persistCollapsed\n\n  if (!key) return\n\n  const stored = readPersisted(key)\n\n  if (stored !== null) open.value = stored !== 'collapsed'\n})\n\nfunction setOpen(next: boolean) {\n  open.value = next\n\n  if (props.component.persistCollapsed) {\n    writePersisted(props.component.persistCollapsed, next ? 'expanded' : 'collapsed')\n  }\n}\nconst hasFooterActions = computed(() => Boolean(props.component.footerActions?.length))\nconst hasFooter = computed(() => hasFooterActions.value || Boolean(props.component.footer?.length))\nconst t = useT()\n</script>\n\n<template>\n  <Collapsible\n    v-if=\"props.component.aside\"\n    :open=\"!props.component.collapsible || open\"\n    as-child\n    @update:open=\"setOpen($event)\"\n  >\n    <section\n      data-slot=\"section\"\n      class=\"grid gap-6 lg:grid-cols-3\"\n      v-bind=\"props.component.extraAttributes\"\n    >\n      <div v-if=\"hasHeader\" class=\"flex flex-wrap items-start gap-3 lg:col-span-1\">\n        <Icon\n          v-if=\"props.component.icon\"\n          :name=\"props.component.icon\"\n          class=\"text-muted-foreground mt-0.5 size-5\"\n        />\n        <div class=\"min-w-0 flex-1 basis-48\">\n          <component\n            :is=\"heading\"\n            v-if=\"props.component.heading\"\n            class=\"text-base leading-6 font-semibold break-words\"\n          >\n            {{ props.component.heading }}\n          </component>\n          <p\n            v-if=\"props.component.description\"\n            class=\"text-muted-foreground mt-1 text-sm break-words\"\n          >\n            {{ props.component.description }}\n          </p>\n        </div>\n        <ActionList\n          v-if=\"props.component.headerActions && props.component.headerActions.length > 0\"\n          :actions=\"props.component.headerActions\"\n          :context=\"context\"\n          size=\"sm\"\n        />\n        <MixedContent\n          :items=\"props.component.afterHeader\"\n          name=\"section-after-header\"\n          :context=\"context\"\n        />\n        <CollapsibleTrigger v-if=\"props.component.collapsible\" as-child>\n          <Button\n            type=\"button\"\n            variant=\"ghost\"\n            size=\"icon-sm\"\n            :aria-label=\"t('toggle_section', {}, 'Toggle section')\"\n          >\n            <Icon\n              name=\"alfakit::schemas.section.collapse-button\"\n              :fallback=\"ChevronDownIcon\"\n              :class=\"cn('transition-transform', open && 'rotate-180')\"\n            />\n          </Button>\n        </CollapsibleTrigger>\n      </div>\n      <CollapsibleContent as-child>\n        <div\n          data-surface=\"section\"\n          :class=\"\n            cn(\n              'bg-card rounded-xl border shadow-xs lg:col-span-2',\n              props.component.secondary && 'bg-muted/40',\n            )\n          \"\n        >\n          <div :class=\"cn('p-6', props.component.compact && 'p-4')\">\n            <DeferredSchema v-slot=\"{ component: loaded }\" :component=\"props.component\">\n              <SchemaRenderer\n                :components=\"loaded.schema ?? []\"\n                :columns=\"loaded.columns\"\n                :class=\"schemaGapClass(loaded) || undefined\"\n              />\n            </DeferredSchema>\n          </div>\n          <div\n            v-if=\"hasFooter\"\n            data-slot=\"section-footer\"\n            :class=\"\n              cn(\n                'flex flex-wrap items-center gap-3 border-t px-6 py-4',\n                props.component.compact && 'px-4 py-3',\n              )\n            \"\n          >\n            <ActionList\n              v-if=\"hasFooterActions\"\n              :actions=\"props.component.footerActions!\"\n              :context=\"context\"\n              :class=\"actionsAlignmentClass(props.component.footerActionsAlignment) || undefined\"\n            />\n            <MixedContent\n              :items=\"props.component.footer\"\n              name=\"section-footer-content\"\n              :context=\"context\"\n            />\n          </div>\n        </div>\n      </CollapsibleContent>\n    </section>\n  </Collapsible>\n  <Collapsible\n    v-else\n    :open=\"!props.component.collapsible || open\"\n    as-child\n    @update:open=\"setOpen($event)\"\n  >\n    <section\n      data-slot=\"section\"\n      data-surface=\"section\"\n      :class=\"cn('bg-card rounded-xl border shadow-xs', props.component.secondary && 'bg-muted/40')\"\n      v-bind=\"props.component.extraAttributes\"\n    >\n      <div\n        v-if=\"hasHeader\"\n        :class=\"\n          cn(\n            'flex flex-wrap items-start gap-3 border-b px-6 py-4',\n            props.component.compact && 'px-4 py-3',\n          )\n        \"\n      >\n        <Icon\n          v-if=\"props.component.icon\"\n          :name=\"props.component.icon\"\n          class=\"text-muted-foreground mt-0.5 size-5\"\n        />\n        <div class=\"min-w-0 flex-1 basis-48\">\n          <component\n            :is=\"heading\"\n            v-if=\"props.component.heading\"\n            class=\"text-base leading-6 font-semibold break-words\"\n          >\n            {{ props.component.heading }}\n          </component>\n          <p\n            v-if=\"props.component.description\"\n            class=\"text-muted-foreground mt-1 text-sm break-words\"\n          >\n            {{ props.component.description }}\n          </p>\n        </div>\n        <ActionList\n          v-if=\"props.component.headerActions && props.component.headerActions.length > 0\"\n          :actions=\"props.component.headerActions\"\n          :context=\"context\"\n          size=\"sm\"\n        />\n        <MixedContent\n          :items=\"props.component.afterHeader\"\n          name=\"section-after-header\"\n          :context=\"context\"\n        />\n        <CollapsibleTrigger v-if=\"props.component.collapsible\" as-child>\n          <Button\n            type=\"button\"\n            variant=\"ghost\"\n            size=\"icon-sm\"\n            :aria-label=\"t('toggle_section', {}, 'Toggle section')\"\n          >\n            <Icon\n              name=\"alfakit::schemas.section.collapse-button\"\n              :fallback=\"ChevronDownIcon\"\n              :class=\"cn('transition-transform', open && 'rotate-180')\"\n            />\n          </Button>\n        </CollapsibleTrigger>\n      </div>\n      <CollapsibleContent>\n        <div :class=\"cn('p-6', props.component.compact && 'p-4')\">\n          <DeferredSchema v-slot=\"{ component: loaded }\" :component=\"props.component\">\n            <SchemaRenderer\n              :components=\"loaded.schema ?? []\"\n              :columns=\"loaded.columns\"\n              :class=\"schemaGapClass(loaded) || undefined\"\n            />\n          </DeferredSchema>\n        </div>\n        <div\n          v-if=\"hasFooter\"\n          data-slot=\"section-footer\"\n          :class=\"\n            cn(\n              'flex flex-wrap items-center gap-3 border-t px-6 py-4',\n              props.component.compact && 'px-4 py-3',\n            )\n          \"\n        >\n          <ActionList\n            v-if=\"hasFooterActions\"\n            :actions=\"props.component.footerActions!\"\n            :context=\"context\"\n            :class=\"actionsAlignmentClass(props.component.footerActionsAlignment) || undefined\"\n          />\n          <MixedContent\n            :items=\"props.component.footer\"\n            name=\"section-footer-content\"\n            :context=\"context\"\n          />\n        </div>\n      </CollapsibleContent>\n    </section>\n  </Collapsible>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"SectionComponent.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","Collapsible","_withCtx","_createElementVNode","_mergeProps","_createElementBlock","_unref","Icon","_createCommentVNode","_resolveDynamicComponent","_createTextVNode","_toDisplayString","ActionList","_createVNode","MixedContent","CollapsibleTrigger","Button","_normalizeClass","CollapsibleContent","DeferredSchema","SchemaRenderer","Icon_default","Button_default","ActionList_default","SchemaRenderer_default","DeferredSchema_default","Collapsible_default","CollapsibleContent_default","MixedContent_default","CollapsibleTrigger_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","SectionComponent_vue_vue_type_script_setup_true_lang_default","props","__props","open","ref","sectionForm","useOptionalFormStore","pageContext","usePageActionContext","fieldContext","useFieldActionContext","context","computed","heading","headingTag","hasHeader","key","stored","readPersisted","setOpen","next","writePersisted","hasFooterActions","hasFooter","t","useT","openBlock","createBlock","_cache","$event","withCtx","createElementVNode","mergeProps","createElementBlock","unref","createCommentVNode","resolveDynamicComponent","createTextVNode","toDisplayString","createVNode","ChevronDownIcon","normalizeClass","cn","loaded","schemaGapClass","actionsAlignmentClass"],"sources":["../../../src/components/layout/SectionComponent.vue"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0BA,IAAMqC,IAAQC,GACRC,IAAOC,EAAI,CAACH,EAAM,UAAU,SAAS,GAErCI,IAAcC,EAAqB,GACnCC,IAAcC,EAAqB,GACnCC,IAAeC,QAA4BT,EAAM,SAAS,GAC1DU,IAAUC,QAAgBP,IAAcI,EAAa,QAAQF,CAAY,GACzEM,IAAUD,QAAeE,EAAWb,EAAM,UAAU,YAAY,CAAC,GACjEc,IAAYH,QAChB,GACEX,EAAM,UAAU,WAChBA,EAAM,UAAU,eAChBA,EAAM,UAAU,QAChBA,EAAM,UAAU,eAAe,UAC/BA,EAAM,UAAU,aAAa,OAEjC;EAGA,QAAgB;GACd,IAAMe,IAAMf,EAAM,UAAU;GAE5B,IAAI,CAACe,GAAK;GAEV,IAAMC,IAASC,EAAcF,CAAG;GAEhC,AAAIC,MAAW,SAAM,EAAK,QAAQA,MAAW;EAC/C,CAAC;EAED,SAASE,EAAQ,GAAe;GAG9B,AAFA,EAAK,QAAQC,GAETnB,EAAM,UAAU,oBAClBoB,EAAepB,EAAM,UAAU,kBAAkBmB,IAAO,aAAa,WAAW;EAEpF;EACA,IAAME,IAAmBV,QAAe,EAAQX,EAAM,UAAU,eAAe,MAAO,GAChFsB,IAAYX,QAAeU,EAAiB,SAAS,EAAQrB,EAAM,UAAU,QAAQ,MAAO,GAC5FuB,IAAIC,EAAK;mBAKLxB,EAAM,UAAU,SADxBrC,EAAA,GAAAC,EAsGcC,GAAA;;GApGX,MAAI,CAAGmC,EAAM,UAAU,eAAeE,EAAA;GACvC,YAAA;GACC,iBAAW,AAAAyB,EAAA,QAAA,MAAET,EAAQU,CAAM;;GAE5B,SAAA9D,QA+FU,CA/FVC,EA+FU,WA/FVC,EA+FU;IA9FR,aAAU;IACV,OAAM;GACE,GAAAgC,EAAM,UAAU,eAAe,GAAA,CAE5Bc,EAAA,SAAXnD,EAAA,GAAAM,EA8CM,OA9CNyB,GA8CM;IA5CIM,EAAM,UAAU,QADxBrC,EAAA,GAAAC,EAIEM,EAAAC,CAAA,GAAA;;KAFC,MAAM6B,EAAM,UAAU;KACvB,OAAM;;IAERjC,EAcM,OAdN4B,GAcM,CAXIK,EAAM,UAAU,WAFxBrC,EAAA,GAAAC,EAMYS,EALLuC,EAAA,KAAO,GAAA;;KAEZ,OAAM;;KAEN,SAAA9C,QAA6B,CAA1BQ,EAAAC,EAAAyB,EAAM,UAAU,OAAO,GAAA,CAAA,CAAA,CAAA;;IAGpB,CAAA,KAAAkC,EAAA,IAAA,EAAA,GAAAlC,EAAM,UAAU,eADxBrC,EAAA,GAAAM,EAKI,KALJ2B,GAKIrB,EADCyB,EAAM,UAAU,WAAW,GAAA,CAAA,KAAAkC,EAAA,IAAA,EAAA,CAAA,CAAA;IAI1BlC,EAAM,UAAU,iBAAiBA,EAAM,UAAU,cAAc,SAAM,KAD7ErC,EAAA,GAAAC,EAKEY,GAAA;;KAHC,SAASwB,EAAM,UAAU;KACzB,SAASU,EAAA;KACV,MAAK;;IAEPjC,EAIEC,GAAA;KAHC,OAAOsB,EAAM,UAAU;KACxB,MAAK;KACJ,SAASU,EAAA;;IAEcV,EAAM,UAAU,eAA1CrC,EAAA,GAAAC,EAaqBe,GAAA;;KAbkC,YAAA;;KACrD,SAAAb,QAWS,CAXTW,EAWSG,GAAA;MAVP,MAAK;MACL,SAAQ;MACR,MAAK;MACJ,cAAYV,EAAAqD,CAAA,CAAC,CAAA,kBAAA,CAAA,GAAA,gBAAA;;MAEd,SAAAzD,QAIE,CAJFW,EAIEP,EAAAC,CAAA,GAAA;OAHA,MAAK;OACJ,UAAUD,EAAAqE,CAAA;OACV,OAAK1D,EAAEX,EAAAuE,CAAA,CAAE,CAAA,wBAAyBvC,EAAA,SAAI,YAAA,CAAA;;;;;;GAK/CzB,CAAAA,KAAAA,EAAAA,IAAAA,EAAAA,GAAAA,EA0CqBK,GAAA,EA1CD,YAAA,GAAQ,GAAA;IAC1B,SAAAhB,QAwCM,CAxCNC,EAwCM,OAAA;KAvCJ,gBAAa;KACZ,OAAKc,EAAeX,EAAAuE,CAAA,CAAE,CAAA,qDAAmFzC,EAAM,UAAU,aAAS,aAAA,CAAA;IAOnIjC,GAAAA,CAAAA,EAQM,OAAA,EARA,OAAKc,EAAEX,EAAAuE,CAAA,CAAE,CAAA,OAAQzC,EAAM,UAAU,WAAO,KAAA,CAAA,EAAA,GAAA,CAC5CvB,EAMiBM,GAAA,EAN+B,WAAWiB,EAAM,UAAA,GAAA;KAC/D,SAAAlC,GAIE,EAAA,WALiC4E,QAAM,CACzCjE,EAIEO,GAAA;MAHC,YAAY0D,EAAO,UAAM,CAAA;MACzB,SAASA,EAAO;MAChB,OAAK7D,EAAEX,EAAAyE,CAAA,CAAc,CAACD,CAAM,KAAK,KAAA,CAAS;;;;;;;IAKzC,GAAA,GAAA,CAAA,WAAA,CAAA,CAAA,GAAA,CAAA,GAAApB,EAAA,SADR3D,EAAA,GAAAM,EAqBM,OAAA;;KAnBJ,aAAU;KACT,OAAKY,EAAiBX,EAAAuE,CAAA,CAAE,CAAA,wDAA0FzC,EAAM,UAAU,WAAO,WAAA,CAAA;IAQlI,GAAA,CAAAqB,EAAA,SADR1D,EAAA,GAAAC,EAKEY,GAAA;;KAHC,SAASwB,EAAM,UAAU;KACzB,SAASU,EAAA;KACT,OAAK7B,EAAEX,EAAA0E,CAAA,CAAqB,CAAC5C,EAAM,UAAU,sBAAsB,KAAK,KAAA,CAAS;;;;;IAEpFvB,CAAAA,KAAAA,EAAAA,IAAAA,EAAAA,GAAAA,EAIEC,GAAA;KAHC,OAAOsB,EAAM,UAAU;KACxB,MAAK;KACJ,SAASU,EAAA;;;;;EAOtB/C,GAAAA,GAAAA,CAAAA,MAAAA,CAAAA,MAAAA,EAAA,GAAAC,EAqGcC,GAAA;;GAnGX,MAAI,CAAGmC,EAAM,UAAU,eAAeE,EAAA;GACvC,YAAA;GACC,iBAAW,AAAAyB,EAAA,QAAA,MAAET,EAAQU,CAAM;;GAE5B,SAAA9D,QA8FU,CA9FVC,EA8FU,WA9FVC,EA8FU;IA7FR,aAAU;IACV,gBAAa;IACZ,OAAOE,EAAAuE,CAAA,CAAE,CAAA,uCAAwCzC,EAAM,UAAU,aAAS,aAAA;GACnE,GAAAA,EAAM,UAAU,eAAe,GAAA,CAG/Bc,EAAA,SADRnD,EAAA,GAAAM,EAsDM,OAAA;;IApDH,OAAKY,EAAaX,EAAAuE,CAAA,CAAE,CAAA,uDAAiFzC,EAAM,UAAU,WAAO,WAAA,CAAA;;IAQrHA,EAAM,UAAU,QADxBrC,EAAA,GAAAC,EAIEM,EAAAC,CAAA,GAAA;;KAFC,MAAM6B,EAAM,UAAU;KACvB,OAAM;;IAERjC,EAcM,OAdN8B,GAcM,CAXIG,EAAM,UAAU,WAFxBrC,EAAA,GAAAC,EAMYS,EALLuC,EAAA,KAAO,GAAA;;KAEZ,OAAM;;KAEN,SAAA9C,QAA6B,CAA1BQ,EAAAC,EAAAyB,EAAM,UAAU,OAAO,GAAA,CAAA,CAAA,CAAA;;IAGpB,CAAA,KAAAkC,EAAA,IAAA,EAAA,GAAAlC,EAAM,UAAU,eADxBrC,EAAA,GAAAM,EAKI,KALJ6B,GAKIvB,EADCyB,EAAM,UAAU,WAAW,GAAA,CAAA,KAAAkC,EAAA,IAAA,EAAA,CAAA,CAAA;IAI1BlC,EAAM,UAAU,iBAAiBA,EAAM,UAAU,cAAc,SAAM,KAD7ErC,EAAA,GAAAC,EAKEY,GAAA;;KAHC,SAASwB,EAAM,UAAU;KACzB,SAASU,EAAA;KACV,MAAK;;IAEPjC,EAIEC,GAAA;KAHC,OAAOsB,EAAM,UAAU;KACxB,MAAK;KACJ,SAASU,EAAA;;IAEcV,EAAM,UAAU,eAA1CrC,EAAA,GAAAC,EAaqBe,GAAA;;KAbkC,YAAA;;KACrD,SAAAb,QAWS,CAXTW,EAWSG,GAAA;MAVP,MAAK;MACL,SAAQ;MACR,MAAK;MACJ,cAAYV,EAAAqD,CAAA,CAAC,CAAA,kBAAA,CAAA,GAAA,gBAAA;;MAEd,SAAAzD,QAIE,CAJFW,EAIEP,EAAAC,CAAA,GAAA;OAHA,MAAK;OACJ,UAAUD,EAAAqE,CAAA;OACV,OAAK1D,EAAEX,EAAAuE,CAAA,CAAE,CAAA,wBAAyBvC,EAAA,SAAI,YAAA,CAAA;;;;;;GAK/CzB,GAAAA,CAAAA,KAAAA,EAAAA,IAAAA,EAAAA,GAAAA,EAgCqBK,GAAA,MAAA;IA/BnB,SAAAhB,QAQM,CARNC,EAQM,OAAA,EARA,OAAKc,EAAEX,EAAAuE,CAAA,CAAE,CAAA,OAAQzC,EAAM,UAAU,WAAO,KAAA,CAAA,EAAA,GAAA,CAC5CvB,EAMiBM,GAAA,EAN+B,WAAWiB,EAAM,UAAA,GAAA;KAC/D,SAAAlC,GAIE,EAAA,WALiC4E,QAAM,CACzCjE,EAIEO,GAAA;MAHC,YAAY0D,EAAO,UAAM,CAAA;MACzB,SAASA,EAAO;MAChB,OAAK7D,EAAEX,EAAAyE,CAAA,CAAc,CAACD,CAAM,KAAK,KAAA,CAAS;;;;;;;IAKzC,GAAA,GAAA,CAAA,WAAA,CAAA,CAAA,GAAA,CAAA,GAAApB,EAAA,SADR3D,EAAA,GAAAM,EAqBM,OAAA;;KAnBJ,aAAU;KACT,OAAKY,EAAeX,EAAAuE,CAAA,CAAE,CAAA,wDAAsFzC,EAAM,UAAU,WAAO,WAAA,CAAA;IAQ5H,GAAA,CAAAqB,EAAA,SADR1D,EAAA,GAAAC,EAKEY,GAAA;;KAHC,SAASwB,EAAM,UAAU;KACzB,SAASU,EAAA;KACT,OAAK7B,EAAEX,EAAA0E,CAAA,CAAqB,CAAC5C,EAAM,UAAU,sBAAsB,KAAK,KAAA,CAAS;;;;;IAEpFvB,CAAAA,KAAAA,EAAAA,IAAAA,EAAAA,GAAAA,EAIEC,GAAA;KAHC,OAAOsB,EAAM,UAAU;KACxB,MAAK;KACJ,SAASU,EAAA"}

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

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

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

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

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

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

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"TextComponent.vue_vue_type_script_setup_true_lang.js","names":["_resolveComponent","_openBlock","_createBlock","Tooltip","_withCtx","_createVNode","TooltipTrigger","_createElementVNode","TooltipContent","_createTextVNode","_toDisplayString","Badge","_mergeProps","_unref","Icon","_createCommentVNode","_createElementBlock","_Fragment","_withModifiers","_normalizeClass","Icon_default","Badge_default","Tooltip_default","TooltipContent_default","TooltipTrigger_default","_hoisted_1","_hoisted_2","_hoisted_3","TextComponent_vue_vue_type_script_setup_true_lang_default","SIZES","WEIGHTS","FONT_FAMILIES","props","__props","t","useT","copied","ref","textColor","computed","color","textColorClasses","fontFamily","copy","_component_TextComponent","resolveComponent","openBlock","createBlock","withCtx","createVNode","createElementVNode","createTextVNode","toDisplayString","mergeProps","unref","cn","colorClass","badgeColorClasses","createCommentVNode","createElementBlock","Fragment","withModifiers","CheckIcon","CopyIcon","normalizeClass"],"sources":["../../../src/components/layout/TextComponent.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { TextSchema } from '@alfakit/core'\nimport { CheckIcon, CopyIcon } from '@lucide/vue'\nimport { computed, ref } from 'vue'\nimport { useT } from '../../context'\nimport { badgeColorClasses, colorClass, textColorClasses } from '../../lib/colors'\nimport { Icon } from '../../lib/icons'\nimport { cn } from '../../lib/utils'\nimport Badge from '../ui/Badge.vue'\nimport Tooltip from '../ui/Tooltip.vue'\nimport TooltipContent from '../ui/TooltipContent.vue'\nimport TooltipTrigger from '../ui/TooltipTrigger.vue'\n\nconst SIZES: Record<string, string> = {\n  xs: 'text-xs',\n  sm: 'text-sm',\n  md: 'text-base',\n  lg: 'text-lg',\n  xl: 'text-xl',\n}\nconst WEIGHTS: Record<string, string> = {\n  thin: 'font-thin',\n  light: 'font-light',\n  normal: 'font-normal',\n  medium: 'font-medium',\n  semibold: 'font-semibold',\n  bold: 'font-bold',\n  black: 'font-black',\n}\nconst FONT_FAMILIES: Record<string, string> = {\n  sans: 'font-sans',\n  serif: 'font-serif',\n  mono: 'font-mono',\n}\n\nconst props = defineProps<{ component: TextSchema }>()\nconst t = useT()\nconst copied = ref(false)\n\n// `color('neutral')` is the regular text colour (and a gray badge).\nconst textColor = computed(() => {\n  const color = props.component.color\n\n  if (!color) return undefined\n\n  return color === 'neutral' ? 'text-foreground' : textColorClasses[color]\n})\nconst fontFamily = computed(() =>\n  props.component.fontFamily ? FONT_FAMILIES[props.component.fontFamily] : undefined,\n)\n\n// Called with .prevent.stop: the text may sit inside a link.\nfunction copy() {\n  void navigator.clipboard?.writeText(props.component.content).then(() => {\n    copied.value = true\n    setTimeout(() => {\n      copied.value = false\n    }, props.component.copyMessageDuration ?? 1500)\n  })\n}\n</script>\n\n<template>\n  <Tooltip v-if=\"props.component.tooltip\">\n    <TooltipTrigger as-child>\n      <span class=\"inline-flex w-fit\">\n        <TextComponent :component=\"{ ...props.component, tooltip: undefined }\" />\n      </span>\n    </TooltipTrigger>\n    <TooltipContent>{{ props.component.tooltip }}</TooltipContent>\n  </Tooltip>\n  <Badge\n    v-else-if=\"props.component.badge\"\n    variant=\"outline\"\n    :class=\"\n      cn(\n        colorClass(\n          badgeColorClasses,\n          props.component.color === 'neutral' ? 'gray' : props.component.color,\n          'gray',\n        ),\n        fontFamily,\n      )\n    \"\n    v-bind=\"props.component.extraAttributes\"\n  >\n    <Icon v-if=\"props.component.icon\" :name=\"props.component.icon\" />\n    {{ props.component.content }}\n    <template v-if=\"props.component.copyable\">\n      <button\n        type=\"button\"\n        data-slot=\"text-copy\"\n        class=\"text-muted-foreground hover:text-foreground\"\n        :aria-label=\"t('copy', {}, 'Copy')\"\n        @click.prevent.stop=\"copy\"\n      >\n        <CheckIcon v-if=\"copied\" class=\"size-3.5\" />\n        <CopyIcon v-else class=\"size-3.5\" />\n      </button>\n      <span\n        v-if=\"copied\"\n        role=\"status\"\n        :class=\"cn('text-xs', !props.component.copyMessage && 'sr-only')\"\n        >{{ props.component.copyMessage ?? t('copied', {}, 'Copied') }}</span\n      >\n    </template>\n  </Badge>\n  <p\n    v-else\n    :class=\"\n      cn(\n        'flex items-center gap-1.5 text-sm',\n        props.component.size && SIZES[props.component.size],\n        props.component.weight && WEIGHTS[props.component.weight],\n        fontFamily,\n        textColor,\n      )\n    \"\n    v-bind=\"props.component.extraAttributes\"\n  >\n    <Icon v-if=\"props.component.icon\" :name=\"props.component.icon\" />\n    {{ props.component.content }}\n    <template v-if=\"props.component.copyable\">\n      <button\n        type=\"button\"\n        data-slot=\"text-copy\"\n        class=\"text-muted-foreground hover:text-foreground\"\n        :aria-label=\"t('copy', {}, 'Copy')\"\n        @click.prevent.stop=\"copy\"\n      >\n        <CheckIcon v-if=\"copied\" class=\"size-3.5\" />\n        <CopyIcon v-else class=\"size-3.5\" />\n      </button>\n      <span\n        v-if=\"copied\"\n        role=\"status\"\n        :class=\"cn('text-xs', !props.component.copyMessage && 'sr-only')\"\n        >{{ props.component.copyMessage ?? t('copied', {}, 'Copied') }}</span\n      >\n    </template>\n  </p>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;EAaA,IAAM6B,IAAgC;GACpC,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;EACN,GACMC,IAAkC;GACtC,MAAM;GACN,OAAO;GACP,QAAQ;GACR,QAAQ;GACR,UAAU;GACV,MAAM;GACN,OAAO;EACT,GACMC,IAAwC;GAC5C,MAAM;GACN,OAAO;GACP,MAAM;EACR,GAEMC,IAAQC,GACRC,IAAIC,EAAK,GACTC,IAASC,EAAI,EAAK,GAGlBC,IAAYC,QAAe;GAC/B,IAAMC,IAAQR,EAAM,UAAU;GAE9B,IAAKQ,GAEL,OAAOA,MAAU,YAAY,oBAAoBC,EAAiBD;EACpE,CAAC,GACKE,IAAaH,QACjBP,EAAM,UAAU,aAAaD,EAAcC,EAAM,UAAU,cAAc,KAAA,CAC3E;EAGA,SAASW,IAAO;GACd,UAAe,WAAW,UAAUX,EAAM,UAAU,OAAO,CAAC,CAAC,WAAW;IAEtE,AADA,EAAO,QAAQ,IACf,iBAAiB;KACf,EAAO,QAAQ;IACjB,GAAGA,EAAM,UAAU,uBAAuB,IAAI;GAChD,CAAC;EACH;;;GAIiB,OAAAA,EAAM,UAAU,WAA/B/B,EAAA,GAAAC,EAOUC,GAAA,EAAA,KAAA,EAAA,GAAA;IANR,SAAAC,QAIiB,CAJjBC,EAIiBC,GAAA,EAJD,YAAA,GAAQ,GAAA;KACtB,SAAAF,QAEO,CAFPG,EAEO,QAFPkB,GAEO,CADLpB,EAAyEuC,GAAA,EAAzD,WAAS;MAAA,GAAOZ,EAAM;MAAS,SAAW,KAAA;KAAS,EAAA,GAAA,MAAA,GAAA,CAAA,WAAA,CAAA,CAAA,CAAA,CAAA,CAAA;;IAGvE3B,CAAAA,GAAAA,EAA8DG,GAAA,MAAA;KAA9C,SAAAJ,QAA6B,CAA1BK,EAAAC,EAAAsB,EAAM,UAAU,OAAO,GAAA,CAAA,CAAA,CAAA;;;;GAG/B,CAAA,KAAAA,EAAM,UAAU,SAD7B/B,EAAA,GAAAC,EAmCQS,GAnCRC,EAmCQ;;IAjCN,SAAQ;IACP,OAAcC,EAAA0C,CAAA,CAAE,CAAU1C,EAAA2C,CAAA,CAAU,CAAY3C,EAAA4C,CAAA,GAA6BzB,EAAM,UAAU,UAAK,YAAA,SAA0BA,EAAM,UAAU,OAAA,MAAA,GAA4CU,EAAA,KAAA;GAUjL,GAAAV,EAAM,UAAU,eAAe,GAAA;IAEvC,SAAA5B,QAAiE;KAArD4B,EAAM,UAAU,QAA5B/B,EAAA,GAAAC,EAAiEW,EAAAC,CAAA,GAAA;;MAA9B,MAAMkB,EAAM,UAAU;;KAAQvB,EAAA,MACjEC,EAAGsB,EAAM,UAAU,OAAO,IAAG,KAC7B,CAAA;KAAgBA,EAAM,UAAU,YAAhC/B,EAAA,GAAAe,EAiBWC,GAAA,EAAA,KAAA,EAAA,GAAA,CAhBTV,EASS,UAAA;MARP,MAAK;MACL,aAAU;MACV,OAAM;MACL,cAAYM,EAAAqB,CAAA,CAAC,CAAA,QAAA,CAAA,GAAA,MAAA;MACb,SAAKhB,EAAeyB,GAAI,CAAA,WAAA,MAAA,CAAA;KAER,GAAA,CAAAP,EAAA,SAAjBnC,EAAA,GAAAC,EAA4CW,EAAAiD,CAAA,GAAA;;MAAnB,OAAM;KAC/B7D,CAAAA,MAAAA,EAAA,GAAAC,EAAoCW,EAAAkD,CAAA,GAAA;;MAAnB,OAAM;KAGjB,CAAA,EAAA,GAAA,GAAArC,CAAA,GAAAU,EAAA,SADRnC,EAAA,GAAAe,EAKC,QAAA;;MAHC,MAAK;MACJ,OAAKG,EAAEN,EAAA0C,CAAA,CAAE,CAAA,WAAA,CAAavB,EAAM,UAAU,eAAW,SAAA,CAAA;KAC9C,GAAAtB,EAAAsB,EAAM,UAAU,eAAenB,EAAAqB,CAAA,CAAC,CAAA,UAAA,CAAA,GAAA,QAAA,CAAA,GAAA,CAAA,KAAAwB,EAAA,IAAA,EAAA,CAAA,GAAA,EAAA,KAAAA,EAAA,IAAA,EAAA;;;GAI1CzD,GAAAA,IAAAA,CAAAA,OAAAA,CAAAA,MAAAA,EAAA,GAAAe,EAiCI,KAjCJJ,EAiCI;;IA/BD,OAAcC,EAAA0C,CAAA,CAAE,CAAA,qCAAuDvB,EAAM,UAAU,QAAQH,EAAMG,EAAM,UAAU,OAAeA,EAAM,UAAU,UAAUF,EAAQE,EAAM,UAAU,SAAiBU,EAAA,OAAoBJ,EAAA,KAAA;GASpN,GAAAN,EAAM,UAAU,eAAe,GAAA;IAE3BA,EAAM,UAAU,QAA5B/B,EAAA,GAAAC,EAAiEW,EAAAC,CAAA,GAAA;;KAA9B,MAAMkB,EAAM,UAAU;;IAAQvB,EAAA,MACjEC,EAAGsB,EAAM,UAAU,OAAO,IAAG,KAC7B,CAAA;IAAgBA,EAAM,UAAU,YAAhC/B,EAAA,GAAAe,EAiBWC,GAAA,EAAA,KAAA,EAAA,GAAA,CAhBTV,EASS,UAAA;KARP,MAAK;KACL,aAAU;KACV,OAAM;KACL,cAAYM,EAAAqB,CAAA,CAAC,CAAA,QAAA,CAAA,GAAA,MAAA;KACb,SAAKhB,EAAeyB,GAAI,CAAA,WAAA,MAAA,CAAA;IAER,GAAA,CAAAP,EAAA,SAAjBnC,EAAA,GAAAC,EAA4CW,EAAAiD,CAAA,GAAA;;KAAnB,OAAM;IAC/B7D,CAAAA,MAAAA,EAAA,GAAAC,EAAoCW,EAAAkD,CAAA,GAAA;;KAAnB,OAAM;IAGjB,CAAA,EAAA,GAAA,GAAApC,CAAA,GAAAS,EAAA,SADRnC,EAAA,GAAAe,EAKC,QAAA;;KAHC,MAAK;KACJ,OAAKG,EAAEN,EAAA0C,CAAA,CAAE,CAAA,WAAA,CAAavB,EAAM,UAAU,eAAW,SAAA,CAAA;IAC9C,GAAAtB,EAAAsB,EAAM,UAAU,eAAenB,EAAAqB,CAAA,CAAC,CAAA,UAAA,CAAA,GAAA,QAAA,CAAA,GAAA,CAAA,KAAAwB,EAAA,IAAA,EAAA,CAAA,GAAA,EAAA,KAAAA,EAAA,IAAA,EAAA"}
+{"version":3,"file":"TextComponent.vue_vue_type_script_setup_true_lang.js","names":["_resolveComponent","_openBlock","_createBlock","Tooltip","_withCtx","_createVNode","TooltipTrigger","_createElementVNode","TooltipContent","_createTextVNode","_toDisplayString","Badge","_mergeProps","_unref","Icon","_createCommentVNode","_createElementBlock","_Fragment","_withModifiers","_normalizeClass","Icon_default","Badge_default","Tooltip_default","TooltipContent_default","TooltipTrigger_default","_hoisted_1","_hoisted_2","_hoisted_3","TextComponent_vue_vue_type_script_setup_true_lang_default","SIZES","WEIGHTS","FONT_FAMILIES","props","__props","t","useT","copied","ref","textColor","computed","color","textColorClasses","fontFamily","copy","_component_TextComponent","resolveComponent","openBlock","createBlock","withCtx","createVNode","createElementVNode","createTextVNode","toDisplayString","mergeProps","unref","cn","colorClass","badgeColorClasses","createCommentVNode","createElementBlock","Fragment","withModifiers","CheckIcon","CopyIcon","normalizeClass"],"sources":["../../../src/components/layout/TextComponent.vue"],"mappings":"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"}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/components/notifications/FlashToasts.js.map

@@ -1 +1 @@
-{"version":3,"file":"FlashToasts.js","names":["_sfc_main","FlashToasts_vue_vue_type_script_setup_true_lang_default","FlashToasts_default"],"sources":["../../../src/components/notifications/FlashToasts.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { onMounted } from 'vue'\nimport { useRegistry } from '../../context'\nimport { ensureFlashToasts } from '../../standalone/runtime'\n\n/** Turns flashed Alfakit notifications into sonner toasts. Mount once. */\nconst registry = useRegistry()\n\n// Inertia 3 delivers flash data as `page.flash` (and a `flash` event), not as a page prop,\n// so this shares the listener the standalone toaster uses. Mounted only: showing toasts\n// during a server render would leak them into other requests.\nonMounted(() => {\n  ensureFlashToasts(registry)\n})\n</script>\n\n<template>\n  <slot />\n</template>\n"],"mappings":""}
+{"version":3,"file":"FlashToasts.js","names":["_sfc_main","FlashToasts_vue_vue_type_script_setup_true_lang_default","FlashToasts_default"],"sources":["../../../src/components/notifications/FlashToasts.vue"],"mappings":""}

package/dist/components/notifications/FlashToasts.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"FlashToasts.vue_vue_type_script_setup_true_lang.js","names":["_renderSlot","FlashToasts_vue_vue_type_script_setup_true_lang_default","registry","useRegistry","onMounted","renderSlot","_ctx"],"sources":["../../../src/components/notifications/FlashToasts.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { onMounted } from 'vue'\nimport { useRegistry } from '../../context'\nimport { ensureFlashToasts } from '../../standalone/runtime'\n\n/** Turns flashed Alfakit notifications into sonner toasts. Mount once. */\nconst registry = useRegistry()\n\n// Inertia 3 delivers flash data as `page.flash` (and a `flash` event), not as a page prop,\n// so this shares the listener the standalone toaster uses. Mounted only: showing toasts\n// during a server render would leak them into other requests.\nonMounted(() => {\n  ensureFlashToasts(registry)\n})\n</script>\n\n<template>\n  <slot />\n</template>\n"],"mappings":";;;;;;;EAMA,IAAME,IAAWC,EAAY;SAK7BC,QAAgB;GACd,EAAkBF,CAAQ;EAC5B,CAAC,aAICF,EAAQM,EAAA,QAAA,SAAA"}
+{"version":3,"file":"FlashToasts.vue_vue_type_script_setup_true_lang.js","names":["_renderSlot","FlashToasts_vue_vue_type_script_setup_true_lang_default","registry","useRegistry","onMounted","renderSlot","_ctx"],"sources":["../../../src/components/notifications/FlashToasts.vue"],"mappings":";;;;;;;EAMA,IAAME,IAAWC,EAAY;SAK7BC,QAAgB;GACd,EAAkBF,CAAQ;EAC5B,CAAC,aAICF,EAAQM,EAAA,QAAA,SAAA"}

package/dist/components/notifications/NotificationActionButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationActionButton.js","names":["_sfc_main","NotificationActionButton_vue_vue_type_script_setup_true_lang_default","NotificationActionButton_default"],"sources":["../../../src/components/notifications/NotificationActionButton.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { NotificationActionSchema } from '@alfakit/core'\nimport { resolveActionSize } from '@alfakit/core'\nimport { router } from '@inertiajs/vue3'\nimport { computed } from 'vue'\nimport { toast } from 'vue-sonner'\nimport {\n  colorClass,\n  ghostButtonColorClasses,\n  outlineButtonColorClasses,\n  solidButtonColorClasses,\n  textColorClasses,\n} from '../../lib/colors'\nimport { Icon } from '../../lib/icons'\nimport Button from '../ui/Button.vue'\n\nconst props = defineProps<{\n  action: NotificationActionSchema\n  toastId?: string\n  onMarkAsRead?: () => void\n  /** Database notifications: `markAsUnread()`. */\n  onMarkAsUnread?: () => void\n}>()\n\nconst run = () => {\n  if (props.action.dispatch) {\n    window.dispatchEvent(\n      new CustomEvent(props.action.dispatch.event, { detail: props.action.dispatch.data }),\n    )\n  }\n\n  if (props.action.markAsRead) props.onMarkAsRead?.()\n  if (props.action.markAsUnread) props.onMarkAsUnread?.()\n  if (props.action.close && props.toastId) toast.dismiss(props.toastId)\n\n  if (props.action.url) {\n    if (props.action.openUrlInNewTab) window.open(props.action.url, '_blank', 'noopener')\n    else router.visit(props.action.url)\n  }\n}\n\nconst variant = computed(() => {\n  switch (props.action.variant) {\n    case 'button':\n      return 'default'\n    case 'outline':\n      return 'outline'\n    case 'ghost':\n    case 'icon-button':\n      return 'ghost'\n    default:\n      return 'link'\n  }\n})\n\n// The action's `color()` applied to its variant (links default to the primary colour).\nconst colorClasses = computed(() => {\n  const color = props.action.color\n\n  if (!color) return undefined\n\n  switch (props.action.variant) {\n    case 'button':\n      return colorClass(solidButtonColorClasses, color, 'primary')\n    case 'outline':\n      return colorClass(outlineButtonColorClasses, color, 'gray')\n    case 'ghost':\n    case 'icon-button':\n      return colorClass(ghostButtonColorClasses, color, 'gray')\n    default:\n      return colorClass(textColorClasses, color, 'primary')\n  }\n})\n</script>\n\n<template>\n  <Button\n    type=\"button\"\n    :size=\"resolveActionSize(props.action.size, 'xs')\"\n    :variant=\"variant\"\n    :class=\"colorClasses\"\n    @click=\"run\"\n  >\n    <Icon v-if=\"props.action.icon\" :name=\"props.action.icon\" class=\"size-3.5\" />\n    {{ props.action.label }}\n  </Button>\n</template>\n"],"mappings":""}
+{"version":3,"file":"NotificationActionButton.js","names":["_sfc_main","NotificationActionButton_vue_vue_type_script_setup_true_lang_default","NotificationActionButton_default"],"sources":["../../../src/components/notifications/NotificationActionButton.vue"],"mappings":""}

package/dist/components/notifications/NotificationActionButton.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationActionButton.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","Button","_unref","_normalizeClass","_withCtx","Icon","_createCommentVNode","_createTextVNode","_toDisplayString","Icon_default","Button_default","NotificationActionButton_vue_vue_type_script_setup_true_lang_default","props","__props","run","toast","router","variant","computed","colorClasses","color","colorClass","solidButtonColorClasses","outlineButtonColorClasses","ghostButtonColorClasses","textColorClasses","openBlock","createBlock","unref","resolveActionSize","normalizeClass","withCtx","createCommentVNode","createTextVNode","toDisplayString"],"sources":["../../../src/components/notifications/NotificationActionButton.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { NotificationActionSchema } from '@alfakit/core'\nimport { resolveActionSize } from '@alfakit/core'\nimport { router } from '@inertiajs/vue3'\nimport { computed } from 'vue'\nimport { toast } from 'vue-sonner'\nimport {\n  colorClass,\n  ghostButtonColorClasses,\n  outlineButtonColorClasses,\n  solidButtonColorClasses,\n  textColorClasses,\n} from '../../lib/colors'\nimport { Icon } from '../../lib/icons'\nimport Button from '../ui/Button.vue'\n\nconst props = defineProps<{\n  action: NotificationActionSchema\n  toastId?: string\n  onMarkAsRead?: () => void\n  /** Database notifications: `markAsUnread()`. */\n  onMarkAsUnread?: () => void\n}>()\n\nconst run = () => {\n  if (props.action.dispatch) {\n    window.dispatchEvent(\n      new CustomEvent(props.action.dispatch.event, { detail: props.action.dispatch.data }),\n    )\n  }\n\n  if (props.action.markAsRead) props.onMarkAsRead?.()\n  if (props.action.markAsUnread) props.onMarkAsUnread?.()\n  if (props.action.close && props.toastId) toast.dismiss(props.toastId)\n\n  if (props.action.url) {\n    if (props.action.openUrlInNewTab) window.open(props.action.url, '_blank', 'noopener')\n    else router.visit(props.action.url)\n  }\n}\n\nconst variant = computed(() => {\n  switch (props.action.variant) {\n    case 'button':\n      return 'default'\n    case 'outline':\n      return 'outline'\n    case 'ghost':\n    case 'icon-button':\n      return 'ghost'\n    default:\n      return 'link'\n  }\n})\n\n// The action's `color()` applied to its variant (links default to the primary colour).\nconst colorClasses = computed(() => {\n  const color = props.action.color\n\n  if (!color) return undefined\n\n  switch (props.action.variant) {\n    case 'button':\n      return colorClass(solidButtonColorClasses, color, 'primary')\n    case 'outline':\n      return colorClass(outlineButtonColorClasses, color, 'gray')\n    case 'ghost':\n    case 'icon-button':\n      return colorClass(ghostButtonColorClasses, color, 'gray')\n    default:\n      return colorClass(textColorClasses, color, 'primary')\n  }\n})\n</script>\n\n<template>\n  <Button\n    type=\"button\"\n    :size=\"resolveActionSize(props.action.size, 'xs')\"\n    :variant=\"variant\"\n    :class=\"colorClasses\"\n    @click=\"run\"\n  >\n    <Icon v-if=\"props.action.icon\" :name=\"props.action.icon\" class=\"size-3.5\" />\n    {{ props.action.label }}\n  </Button>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;EAgBA,IAAMa,IAAQC,GAQRC,UAAY;GAWhB,AAVIF,EAAM,OAAO,YACf,OAAO,cACL,IAAI,YAAYA,EAAM,OAAO,SAAS,OAAO,EAAE,QAAQA,EAAM,OAAO,SAAS,KAAK,CAAC,CACrF,GAGEA,EAAM,OAAO,cAAYA,EAAM,eAAe,GAC9CA,EAAM,OAAO,gBAAcA,EAAM,iBAAiB,GAClDA,EAAM,OAAO,SAASA,EAAM,WAASG,EAAM,QAAQH,EAAM,OAAO,GAEhEA,EAAM,OAAO,QACXA,EAAM,OAAO,kBAAiB,OAAO,KAAKA,EAAM,OAAO,KAAK,UAAU,UAAU,IAC/EI,EAAO,MAAMJ,EAAM,OAAO,GAAG;EAEtC,GAEMK,IAAUC,QAAe;GAC7B,QAAQN,EAAM,OAAO,SAArB;IACE,KAAK,UACH,OAAO;IACT,KAAK,WACH,OAAO;IACT,KAAK;IACL,KAAK,eACH,OAAO;IACT,SACE,OAAO;GACX;EACF,CAAC,GAGKO,IAAeD,QAAe;GAClC,IAAME,IAAQR,EAAM,OAAO;GAE3B,IAAKQ,GAEL,QAAQR,EAAM,OAAO,SAArB;IACE,KAAK,UACH,OAAOS,EAAWC,GAAyBF,GAAO,SAAS;IAC7D,KAAK,WACH,OAAOC,EAAWE,GAA2BH,GAAO,MAAM;IAC5D,KAAK;IACL,KAAK,eACH,OAAOC,EAAWG,GAAyBJ,GAAO,MAAM;IAC1D,SACE,OAAOC,EAAWI,GAAkBL,GAAO,SAAS;GACxD;EACF,CAAC;oBAICrB,EAAA,GAAAC,EASSC,GAAA;GARP,MAAK;GACJ,MAAMC,EAAA2B,CAAA,CAAiB,CAACjB,EAAM,OAAO,MAAI,IAAA;GACzC,SAASK,EAAA;GACT,OAAKd,EAAEgB,EAAA,KAAY;GACnB,SAAOL;;GAER,SAAAV,QAA4E,CAAhEQ,EAAM,OAAO,QAAzBb,EAAA,GAAAC,EAA4EE,EAAAG,CAAA,GAAA;;IAA5C,MAAMO,EAAM,OAAO;IAAM,OAAM;GAAaL,GAAAA,MAAAA,GAAAA,CAAAA,MAAAA,CAAAA,KAAAA,EAAAA,IAAAA,EAAAA,GAAAA,EAAA,MAC5EC,EAAGI,EAAM,OAAO,KAAK,GAAA,CAAA,CAAA,CAAA"}
+{"version":3,"file":"NotificationActionButton.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","Button","_unref","_normalizeClass","_withCtx","Icon","_createCommentVNode","_createTextVNode","_toDisplayString","Icon_default","Button_default","NotificationActionButton_vue_vue_type_script_setup_true_lang_default","props","__props","run","toast","router","variant","computed","colorClasses","color","colorClass","solidButtonColorClasses","outlineButtonColorClasses","ghostButtonColorClasses","textColorClasses","openBlock","createBlock","unref","resolveActionSize","normalizeClass","withCtx","createCommentVNode","createTextVNode","toDisplayString"],"sources":["../../../src/components/notifications/NotificationActionButton.vue"],"mappings":";;;;;;;;;;;;;;;;;EAgBA,IAAMa,IAAQC,GAQRC,UAAY;GAWhB,AAVIF,EAAM,OAAO,YACf,OAAO,cACL,IAAI,YAAYA,EAAM,OAAO,SAAS,OAAO,EAAE,QAAQA,EAAM,OAAO,SAAS,KAAK,CAAC,CACrF,GAGEA,EAAM,OAAO,cAAYA,EAAM,eAAe,GAC9CA,EAAM,OAAO,gBAAcA,EAAM,iBAAiB,GAClDA,EAAM,OAAO,SAASA,EAAM,WAASG,EAAM,QAAQH,EAAM,OAAO,GAEhEA,EAAM,OAAO,QACXA,EAAM,OAAO,kBAAiB,OAAO,KAAKA,EAAM,OAAO,KAAK,UAAU,UAAU,IAC/EI,EAAO,MAAMJ,EAAM,OAAO,GAAG;EAEtC,GAEMK,IAAUC,QAAe;GAC7B,QAAQN,EAAM,OAAO,SAArB;IACE,KAAK,UACH,OAAO;IACT,KAAK,WACH,OAAO;IACT,KAAK;IACL,KAAK,eACH,OAAO;IACT,SACE,OAAO;GACX;EACF,CAAC,GAGKO,IAAeD,QAAe;GAClC,IAAME,IAAQR,EAAM,OAAO;GAE3B,IAAKQ,GAEL,QAAQR,EAAM,OAAO,SAArB;IACE,KAAK,UACH,OAAOS,EAAWC,GAAyBF,GAAO,SAAS;IAC7D,KAAK,WACH,OAAOC,EAAWE,GAA2BH,GAAO,MAAM;IAC5D,KAAK;IACL,KAAK,eACH,OAAOC,EAAWG,GAAyBJ,GAAO,MAAM;IAC1D,SACE,OAAOC,EAAWI,GAAkBL,GAAO,SAAS;GACxD;EACF,CAAC;oBAICrB,EAAA,GAAAC,EASSC,GAAA;GARP,MAAK;GACJ,MAAMC,EAAA2B,CAAA,CAAiB,CAACjB,EAAM,OAAO,MAAI,IAAA;GACzC,SAASK,EAAA;GACT,OAAKd,EAAEgB,EAAA,KAAY;GACnB,SAAOL;;GAER,SAAAV,QAA4E,CAAhEQ,EAAM,OAAO,QAAzBb,EAAA,GAAAC,EAA4EE,EAAAG,CAAA,GAAA;;IAA5C,MAAMO,EAAM,OAAO;IAAM,OAAM;GAAaL,GAAAA,MAAAA,GAAAA,CAAAA,MAAAA,CAAAA,KAAAA,EAAAA,IAAAA,EAAAA,GAAAA,EAAA,MAC5EC,EAAGI,EAAM,OAAO,KAAK,GAAA,CAAA,CAAA,CAAA"}

package/dist/components/notifications/NotificationsMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationsMenu.js","names":["_sfc_main","NotificationsMenu_vue_vue_type_script_setup_true_lang_default","NotificationsMenu_default"],"sources":["../../../src/components/notifications/NotificationsMenu.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  NotificationCenter,\n  notificationTintStyles,\n  onDatabaseNotificationsSent,\n  onOpenDatabaseNotifications,\n  pwaStore,\n  startPwa,\n  togglePushNotifications,\n} from '@alfakit/core'\nimport { BellIcon, BellOffIcon, BellRingIcon, CheckCheckIcon, Trash2Icon } from '@lucide/vue'\nimport { computed, onMounted, onScopeDispose, ref, watch } from 'vue'\nimport { toast } from 'vue-sonner'\nimport { useStore } from '../../composables/use-store'\nimport { useDirection, useFormatter, usePanel, useT } from '../../context'\nimport { cssColor, textColorClasses } from '../../lib/colors'\nimport { Icon } from '../../lib/icons'\nimport { cn } from '../../lib/utils'\nimport Button from '../ui/Button.vue'\nimport Popover from '../ui/Popover.vue'\nimport PopoverContent from '../ui/PopoverContent.vue'\nimport PopoverTrigger from '../ui/PopoverTrigger.vue'\nimport ScrollArea from '../ui/ScrollArea.vue'\nimport Spinner from '../ui/Spinner.vue'\nimport NotificationActionButton from './NotificationActionButton.vue'\n\n/**\n * Bell menu for database notifications. It also opens when something calls\n * `openDatabaseNotifications()` (or an action with `->openDatabaseNotifications()`).\n * `variant=\"sidebar\"`: a full-width row with a label, for layouts that put it in the sidebar.\n */\nconst props = withDefaults(defineProps<{ variant?: 'topbar' | 'sidebar' }>(), {\n  variant: 'topbar',\n})\nconst t = useT()\nconst direction = useDirection()\nconst panel = usePanel()\nconst config = computed(() => panel.value.databaseNotifications)\nconst endpoints = panel.value.endpoints\n\nconst center =\n  endpoints.notifications && endpoints.notificationsReadAll && endpoints.notificationsDestroyAll\n    ? new NotificationCenter(\n        {\n          notifications: endpoints.notifications,\n          notificationsReadAll: endpoints.notificationsReadAll,\n          notificationsDestroyAll: endpoints.notificationsDestroyAll,\n        },\n        config.value?.unreadCount ?? 0,\n      )\n    : null\n\nconst open = ref(false)\nconst state = useStore(\n  center?.store ?? {\n    get: () => ({ notifications: [], unreadCount: 0, loading: false, hasMore: false, page: 0 }),\n    subscribe: () => () => {},\n  },\n)\n\n// Polling starts in the browser only: a server render must not leave timers behind.\nonMounted(() => {\n  watch(\n    () => config.value?.pollingInterval,\n    (interval) => center?.startPolling(interval),\n    { immediate: true },\n  )\n})\n\nwatch(open, (isOpen) => {\n  if (isOpen) void center?.load()\n})\n\n// Every visit brings the server's unread count (another user after impersonating, or\n// notifications read in another tab): follow it instead of waiting for the next poll.\nwatch(\n  () => config.value?.unreadCount,\n  (count) => {\n    if (center && typeof count === 'number' && count !== center.store.get().unreadCount) {\n      center.store.update({ unreadCount: count })\n    }\n  },\n)\n\n// Realtime notifications announce stored ones, so the unread count updates right away.\nlet stopListening: (() => void) | null = null\nonMounted(() => {\n  stopListening = center ? onDatabaseNotificationsSent(() => void center.load()) : null\n})\nonScopeDispose(() => stopListening?.())\n\n// `openDatabaseNotifications()`: opened from code or an action.\nlet stopOpenListener: (() => void) | null = null\nonMounted(() => {\n  stopOpenListener = onOpenDatabaseNotifications(() => (open.value = true))\n})\nonScopeDispose(() => stopOpenListener?.())\n\nonScopeDispose(() => center?.stopPolling())\nconst format = useFormatter()\n\n// `pwa(push: true)` in a starter kit: the app's user menu has no AlfaKit entries, so Web\n// Push is turned on or off from the bell's menu.\nconst pwa = useStore(pwaStore)\nconst pushToggle = computed(\n  () =>\n    Boolean(panel.value.starterKit && panel.value.pwa?.push) && pwa.value.push !== 'unsupported',\n)\nonMounted(() => {\n  if (panel.value.starterKit && panel.value.pwa?.push) startPwa(panel.value.pwa)\n})\nasync function togglePush() {\n  const { message } = await togglePushNotifications()\n  const text = t(message.key, {}, message.fallback)\n\n  if (message.error) toast.error(text)\n  else toast.success(text)\n}\n</script>\n\n<template>\n  <Popover v-if=\"config && center\" :open=\"open\" @update:open=\"open = $event\">\n    <PopoverTrigger as-child>\n      <Button\n        v-if=\"props.variant === 'sidebar'\"\n        type=\"button\"\n        variant=\"ghost\"\n        class=\"relative w-full justify-start gap-2 group-data-[collapsible=icon]:size-8 group-data-[collapsible=icon]:justify-center group-data-[collapsible=icon]:p-0\"\n        data-slot=\"notifications-trigger\"\n        data-variant=\"sidebar\"\n      >\n        <!-- In a collapsed (icon) sidebar only the bell and its badge stay visible. -->\n        <Icon\n          name=\"alfakit::panels.topbar.open-database-notifications-button\"\n          :fallback=\"BellIcon\"\n        />\n        <span class=\"flex-1 text-start group-data-[collapsible=icon]:sr-only\">{{\n          t('notifications', {}, 'Notifications')\n        }}</span>\n        <span\n          v-if=\"state.unreadCount > 0\"\n          class=\"bg-primary text-primary-foreground flex h-5 min-w-5 items-center justify-center rounded-full px-1 text-xs font-medium group-data-[collapsible=icon]:absolute group-data-[collapsible=icon]:-end-1 group-data-[collapsible=icon]:-top-1 group-data-[collapsible=icon]:h-4 group-data-[collapsible=icon]:min-w-4 group-data-[collapsible=icon]:text-[10px]\"\n          >{{ state.unreadCount > 99 ? '99+' : state.unreadCount }}\n          <span class=\"sr-only\">{{ t('unread_notifications', {}, 'unread') }}</span></span\n        >\n      </Button>\n      <Button\n        v-else\n        type=\"button\"\n        variant=\"ghost\"\n        size=\"icon\"\n        class=\"relative\"\n        data-slot=\"notifications-trigger\"\n        :aria-label=\"t('notifications', {}, 'Notifications')\"\n      >\n        <Icon\n          name=\"alfakit::panels.topbar.open-database-notifications-button\"\n          :fallback=\"BellIcon\"\n        />\n        <span\n          v-if=\"state.unreadCount > 0\"\n          class=\"bg-primary text-primary-foreground absolute -end-0.5 -top-0.5 flex h-4 min-w-4 items-center justify-center rounded-full px-1 text-[10px] font-medium\"\n          >{{ state.unreadCount > 99 ? '99+' : state.unreadCount }}</span\n        >\n      </Button>\n    </PopoverTrigger>\n    <PopoverContent\n      :align=\"props.variant === 'sidebar' ? 'start' : 'end'\"\n      :side=\"props.variant === 'sidebar' ? (direction === 'rtl' ? 'left' : 'right') : 'bottom'\"\n      class=\"w-80 p-0 sm:w-96\"\n    >\n      <div class=\"flex items-center justify-between border-b px-3 py-2\">\n        <span class=\"text-sm font-semibold\">{{ t('notifications', {}, 'Notifications') }}</span>\n        <div class=\"flex items-center gap-1\">\n          <Button\n            v-if=\"pushToggle\"\n            type=\"button\"\n            variant=\"ghost\"\n            size=\"icon-sm\"\n            data-slot=\"pwa-push\"\n            :disabled=\"pwa.pushBusy || pwa.push === 'denied'\"\n            :title=\"\n              pwa.push === 'subscribed'\n                ? t('pwa.notifications.disable', {}, 'Turn off notifications')\n                : t('pwa.notifications.enable', {}, 'Turn on notifications')\n            \"\n            :aria-label=\"\n              pwa.push === 'subscribed'\n                ? t('pwa.notifications.disable', {}, 'Turn off notifications')\n                : t('pwa.notifications.enable', {}, 'Turn on notifications')\n            \"\n            @click=\"void togglePush()\"\n          >\n            <BellOffIcon v-if=\"pwa.push === 'subscribed'\" />\n            <BellRingIcon v-else />\n          </Button>\n          <Button\n            v-if=\"state.unreadCount > 0\"\n            type=\"button\"\n            variant=\"ghost\"\n            size=\"icon-sm\"\n            :title=\"t('mark_all_read', {}, 'Mark all as read')\"\n            @click=\"void center.markAllAsRead()\"\n            ><CheckCheckIcon\n          /></Button>\n          <Button\n            v-if=\"state.notifications.length > 0\"\n            type=\"button\"\n            variant=\"ghost\"\n            size=\"icon-sm\"\n            :title=\"t('clear_notifications', {}, 'Clear notifications')\"\n            @click=\"void center.clear()\"\n            ><Trash2Icon\n          /></Button>\n        </div>\n      </div>\n      <ScrollArea class=\"max-h-96\">\n        <div\n          v-if=\"state.loading && state.notifications.length === 0\"\n          class=\"flex justify-center py-8\"\n        >\n          <Spinner />\n        </div>\n        <p\n          v-else-if=\"state.notifications.length === 0\"\n          class=\"text-muted-foreground px-3 py-8 text-center text-sm\"\n        >\n          {{ t('no_notifications', {}, 'You have no notifications.') }}\n        </p>\n        <ul v-else class=\"divide-y\">\n          <li\n            v-for=\"notification in state.notifications\"\n            :key=\"notification.id\"\n            :class=\"cn('flex gap-3 px-3 py-3', !notification.readAt && 'bg-primary/5')\"\n            :style=\"\n              notification.color\n                ? notificationTintStyles(cssColor(notification.color)).item\n                : undefined\n            \"\n          >\n            <Icon\n              v-if=\"notification.icon\"\n              :name=\"notification.icon\"\n              :class=\"\n                cn(\n                  'mt-0.5 size-5 shrink-0',\n                  notification.iconColor && textColorClasses[notification.iconColor],\n                )\n              \"\n            />\n            <div class=\"flex min-w-0 flex-1 flex-col gap-1\">\n              <div class=\"flex items-start justify-between gap-2\">\n                <p class=\"text-sm font-medium\">{{ notification.title }}</p>\n                <button\n                  v-if=\"!notification.readAt\"\n                  type=\"button\"\n                  class=\"focus-visible:ring-ring/50 -me-2 -mt-0.5 flex size-6 shrink-0 items-center justify-center rounded-full outline-none focus-visible:ring-[3px]\"\n                  :aria-label=\"t('mark_as_read', {}, 'Mark as read')\"\n                  @click=\"void center.markAsRead(notification.id)\"\n                >\n                  <span class=\"bg-primary size-2 rounded-full\" aria-hidden=\"true\" />\n                </button>\n              </div>\n              <p\n                v-if=\"notification.body\"\n                class=\"text-muted-foreground text-sm\"\n                v-html=\"notification.body\"\n              />\n              <time v-if=\"notification.date\" class=\"text-muted-foreground text-xs\">{{\n                format.relative(notification.date)\n              }}</time>\n              <div v-if=\"notification.actions\" class=\"flex flex-wrap gap-1\">\n                <NotificationActionButton\n                  v-for=\"action in notification.actions\"\n                  :key=\"action.name\"\n                  :action=\"action\"\n                  :on-mark-as-read=\"() => void center!.markAsRead(notification.id)\"\n                  :on-mark-as-unread=\"() => void center!.markAsUnread(notification.id)\"\n                />\n              </div>\n            </div>\n          </li>\n        </ul>\n        <div\n          v-if=\"state.hasMore && state.notifications.length > 0\"\n          class=\"flex justify-center border-t p-2\"\n        >\n          <Button\n            type=\"button\"\n            variant=\"ghost\"\n            size=\"sm\"\n            :disabled=\"state.loading\"\n            @click=\"void center!.loadMore()\"\n          >\n            <Spinner v-if=\"state.loading\" />\n            {{ t('load_more', {}, 'Load more') }}\n          </Button>\n        </div>\n      </ScrollArea>\n    </PopoverContent>\n  </Popover>\n</template>\n"],"mappings":""}
+{"version":3,"file":"NotificationsMenu.js","names":["_sfc_main","NotificationsMenu_vue_vue_type_script_setup_true_lang_default","NotificationsMenu_default"],"sources":["../../../src/components/notifications/NotificationsMenu.vue"],"mappings":""}

package/dist/components/notifications/NotificationsMenu.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationsMenu.vue_vue_type_script_setup_true_lang.js","names":["_unref","_openBlock","_createBlock","Popover","_withCtx","_createVNode","PopoverTrigger","Button","Icon","_createElementVNode","_toDisplayString","_createElementBlock","_createTextVNode","_createCommentVNode","PopoverContent","ScrollArea","Spinner","_Fragment","_renderList","_normalizeClass","_normalizeStyle","NotificationActionButton","Icon_default","Button_default","Spinner_default","NotificationActionButton_default","Popover_default","PopoverContent_default","PopoverTrigger_default","ScrollArea_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","NotificationsMenu_vue_vue_type_script_setup_true_lang_default","props","__props","t","useT","direction","useDirection","panel","usePanel","config","computed","endpoints","center","NotificationCenter","open","ref","state","useStore","onMounted","interval","watch","isOpen","count","stopListening","onDatabaseNotificationsSent","onScopeDispose","stopOpenListener","onOpenDatabaseNotifications","format","useFormatter","pwa","pwaStore","pushToggle","startPwa","togglePush","togglePushNotifications","text","message","toast","unref","openBlock","createBlock","_cache","$event","withCtx","createVNode","BellIcon","createElementVNode","toDisplayString","createElementBlock","createTextVNode","createCommentVNode","BellOffIcon","BellRingIcon","CheckCheckIcon","Trash2Icon","Fragment","renderList","notification","normalizeClass","cn","normalizeStyle","notificationTintStyles","cssColor","textColorClasses","action"],"sources":["../../../src/components/notifications/NotificationsMenu.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  NotificationCenter,\n  notificationTintStyles,\n  onDatabaseNotificationsSent,\n  onOpenDatabaseNotifications,\n  pwaStore,\n  startPwa,\n  togglePushNotifications,\n} from '@alfakit/core'\nimport { BellIcon, BellOffIcon, BellRingIcon, CheckCheckIcon, Trash2Icon } from '@lucide/vue'\nimport { computed, onMounted, onScopeDispose, ref, watch } from 'vue'\nimport { toast } from 'vue-sonner'\nimport { useStore } from '../../composables/use-store'\nimport { useDirection, useFormatter, usePanel, useT } from '../../context'\nimport { cssColor, textColorClasses } from '../../lib/colors'\nimport { Icon } from '../../lib/icons'\nimport { cn } from '../../lib/utils'\nimport Button from '../ui/Button.vue'\nimport Popover from '../ui/Popover.vue'\nimport PopoverContent from '../ui/PopoverContent.vue'\nimport PopoverTrigger from '../ui/PopoverTrigger.vue'\nimport ScrollArea from '../ui/ScrollArea.vue'\nimport Spinner from '../ui/Spinner.vue'\nimport NotificationActionButton from './NotificationActionButton.vue'\n\n/**\n * Bell menu for database notifications. It also opens when something calls\n * `openDatabaseNotifications()` (or an action with `->openDatabaseNotifications()`).\n * `variant=\"sidebar\"`: a full-width row with a label, for layouts that put it in the sidebar.\n */\nconst props = withDefaults(defineProps<{ variant?: 'topbar' | 'sidebar' }>(), {\n  variant: 'topbar',\n})\nconst t = useT()\nconst direction = useDirection()\nconst panel = usePanel()\nconst config = computed(() => panel.value.databaseNotifications)\nconst endpoints = panel.value.endpoints\n\nconst center =\n  endpoints.notifications && endpoints.notificationsReadAll && endpoints.notificationsDestroyAll\n    ? new NotificationCenter(\n        {\n          notifications: endpoints.notifications,\n          notificationsReadAll: endpoints.notificationsReadAll,\n          notificationsDestroyAll: endpoints.notificationsDestroyAll,\n        },\n        config.value?.unreadCount ?? 0,\n      )\n    : null\n\nconst open = ref(false)\nconst state = useStore(\n  center?.store ?? {\n    get: () => ({ notifications: [], unreadCount: 0, loading: false, hasMore: false, page: 0 }),\n    subscribe: () => () => {},\n  },\n)\n\n// Polling starts in the browser only: a server render must not leave timers behind.\nonMounted(() => {\n  watch(\n    () => config.value?.pollingInterval,\n    (interval) => center?.startPolling(interval),\n    { immediate: true },\n  )\n})\n\nwatch(open, (isOpen) => {\n  if (isOpen) void center?.load()\n})\n\n// Every visit brings the server's unread count (another user after impersonating, or\n// notifications read in another tab): follow it instead of waiting for the next poll.\nwatch(\n  () => config.value?.unreadCount,\n  (count) => {\n    if (center && typeof count === 'number' && count !== center.store.get().unreadCount) {\n      center.store.update({ unreadCount: count })\n    }\n  },\n)\n\n// Realtime notifications announce stored ones, so the unread count updates right away.\nlet stopListening: (() => void) | null = null\nonMounted(() => {\n  stopListening = center ? onDatabaseNotificationsSent(() => void center.load()) : null\n})\nonScopeDispose(() => stopListening?.())\n\n// `openDatabaseNotifications()`: opened from code or an action.\nlet stopOpenListener: (() => void) | null = null\nonMounted(() => {\n  stopOpenListener = onOpenDatabaseNotifications(() => (open.value = true))\n})\nonScopeDispose(() => stopOpenListener?.())\n\nonScopeDispose(() => center?.stopPolling())\nconst format = useFormatter()\n\n// `pwa(push: true)` in a starter kit: the app's user menu has no AlfaKit entries, so Web\n// Push is turned on or off from the bell's menu.\nconst pwa = useStore(pwaStore)\nconst pushToggle = computed(\n  () =>\n    Boolean(panel.value.starterKit && panel.value.pwa?.push) && pwa.value.push !== 'unsupported',\n)\nonMounted(() => {\n  if (panel.value.starterKit && panel.value.pwa?.push) startPwa(panel.value.pwa)\n})\nasync function togglePush() {\n  const { message } = await togglePushNotifications()\n  const text = t(message.key, {}, message.fallback)\n\n  if (message.error) toast.error(text)\n  else toast.success(text)\n}\n</script>\n\n<template>\n  <Popover v-if=\"config && center\" :open=\"open\" @update:open=\"open = $event\">\n    <PopoverTrigger as-child>\n      <Button\n        v-if=\"props.variant === 'sidebar'\"\n        type=\"button\"\n        variant=\"ghost\"\n        class=\"relative w-full justify-start gap-2 group-data-[collapsible=icon]:size-8 group-data-[collapsible=icon]:justify-center group-data-[collapsible=icon]:p-0\"\n        data-slot=\"notifications-trigger\"\n        data-variant=\"sidebar\"\n      >\n        <!-- In a collapsed (icon) sidebar only the bell and its badge stay visible. -->\n        <Icon\n          name=\"alfakit::panels.topbar.open-database-notifications-button\"\n          :fallback=\"BellIcon\"\n        />\n        <span class=\"flex-1 text-start group-data-[collapsible=icon]:sr-only\">{{\n          t('notifications', {}, 'Notifications')\n        }}</span>\n        <span\n          v-if=\"state.unreadCount > 0\"\n          class=\"bg-primary text-primary-foreground flex h-5 min-w-5 items-center justify-center rounded-full px-1 text-xs font-medium group-data-[collapsible=icon]:absolute group-data-[collapsible=icon]:-end-1 group-data-[collapsible=icon]:-top-1 group-data-[collapsible=icon]:h-4 group-data-[collapsible=icon]:min-w-4 group-data-[collapsible=icon]:text-[10px]\"\n          >{{ state.unreadCount > 99 ? '99+' : state.unreadCount }}\n          <span class=\"sr-only\">{{ t('unread_notifications', {}, 'unread') }}</span></span\n        >\n      </Button>\n      <Button\n        v-else\n        type=\"button\"\n        variant=\"ghost\"\n        size=\"icon\"\n        class=\"relative\"\n        data-slot=\"notifications-trigger\"\n        :aria-label=\"t('notifications', {}, 'Notifications')\"\n      >\n        <Icon\n          name=\"alfakit::panels.topbar.open-database-notifications-button\"\n          :fallback=\"BellIcon\"\n        />\n        <span\n          v-if=\"state.unreadCount > 0\"\n          class=\"bg-primary text-primary-foreground absolute -end-0.5 -top-0.5 flex h-4 min-w-4 items-center justify-center rounded-full px-1 text-[10px] font-medium\"\n          >{{ state.unreadCount > 99 ? '99+' : state.unreadCount }}</span\n        >\n      </Button>\n    </PopoverTrigger>\n    <PopoverContent\n      :align=\"props.variant === 'sidebar' ? 'start' : 'end'\"\n      :side=\"props.variant === 'sidebar' ? (direction === 'rtl' ? 'left' : 'right') : 'bottom'\"\n      class=\"w-80 p-0 sm:w-96\"\n    >\n      <div class=\"flex items-center justify-between border-b px-3 py-2\">\n        <span class=\"text-sm font-semibold\">{{ t('notifications', {}, 'Notifications') }}</span>\n        <div class=\"flex items-center gap-1\">\n          <Button\n            v-if=\"pushToggle\"\n            type=\"button\"\n            variant=\"ghost\"\n            size=\"icon-sm\"\n            data-slot=\"pwa-push\"\n            :disabled=\"pwa.pushBusy || pwa.push === 'denied'\"\n            :title=\"\n              pwa.push === 'subscribed'\n                ? t('pwa.notifications.disable', {}, 'Turn off notifications')\n                : t('pwa.notifications.enable', {}, 'Turn on notifications')\n            \"\n            :aria-label=\"\n              pwa.push === 'subscribed'\n                ? t('pwa.notifications.disable', {}, 'Turn off notifications')\n                : t('pwa.notifications.enable', {}, 'Turn on notifications')\n            \"\n            @click=\"void togglePush()\"\n          >\n            <BellOffIcon v-if=\"pwa.push === 'subscribed'\" />\n            <BellRingIcon v-else />\n          </Button>\n          <Button\n            v-if=\"state.unreadCount > 0\"\n            type=\"button\"\n            variant=\"ghost\"\n            size=\"icon-sm\"\n            :title=\"t('mark_all_read', {}, 'Mark all as read')\"\n            @click=\"void center.markAllAsRead()\"\n            ><CheckCheckIcon\n          /></Button>\n          <Button\n            v-if=\"state.notifications.length > 0\"\n            type=\"button\"\n            variant=\"ghost\"\n            size=\"icon-sm\"\n            :title=\"t('clear_notifications', {}, 'Clear notifications')\"\n            @click=\"void center.clear()\"\n            ><Trash2Icon\n          /></Button>\n        </div>\n      </div>\n      <ScrollArea class=\"max-h-96\">\n        <div\n          v-if=\"state.loading && state.notifications.length === 0\"\n          class=\"flex justify-center py-8\"\n        >\n          <Spinner />\n        </div>\n        <p\n          v-else-if=\"state.notifications.length === 0\"\n          class=\"text-muted-foreground px-3 py-8 text-center text-sm\"\n        >\n          {{ t('no_notifications', {}, 'You have no notifications.') }}\n        </p>\n        <ul v-else class=\"divide-y\">\n          <li\n            v-for=\"notification in state.notifications\"\n            :key=\"notification.id\"\n            :class=\"cn('flex gap-3 px-3 py-3', !notification.readAt && 'bg-primary/5')\"\n            :style=\"\n              notification.color\n                ? notificationTintStyles(cssColor(notification.color)).item\n                : undefined\n            \"\n          >\n            <Icon\n              v-if=\"notification.icon\"\n              :name=\"notification.icon\"\n              :class=\"\n                cn(\n                  'mt-0.5 size-5 shrink-0',\n                  notification.iconColor && textColorClasses[notification.iconColor],\n                )\n              \"\n            />\n            <div class=\"flex min-w-0 flex-1 flex-col gap-1\">\n              <div class=\"flex items-start justify-between gap-2\">\n                <p class=\"text-sm font-medium\">{{ notification.title }}</p>\n                <button\n                  v-if=\"!notification.readAt\"\n                  type=\"button\"\n                  class=\"focus-visible:ring-ring/50 -me-2 -mt-0.5 flex size-6 shrink-0 items-center justify-center rounded-full outline-none focus-visible:ring-[3px]\"\n                  :aria-label=\"t('mark_as_read', {}, 'Mark as read')\"\n                  @click=\"void center.markAsRead(notification.id)\"\n                >\n                  <span class=\"bg-primary size-2 rounded-full\" aria-hidden=\"true\" />\n                </button>\n              </div>\n              <p\n                v-if=\"notification.body\"\n                class=\"text-muted-foreground text-sm\"\n                v-html=\"notification.body\"\n              />\n              <time v-if=\"notification.date\" class=\"text-muted-foreground text-xs\">{{\n                format.relative(notification.date)\n              }}</time>\n              <div v-if=\"notification.actions\" class=\"flex flex-wrap gap-1\">\n                <NotificationActionButton\n                  v-for=\"action in notification.actions\"\n                  :key=\"action.name\"\n                  :action=\"action\"\n                  :on-mark-as-read=\"() => void center!.markAsRead(notification.id)\"\n                  :on-mark-as-unread=\"() => void center!.markAsUnread(notification.id)\"\n                />\n              </div>\n            </div>\n          </li>\n        </ul>\n        <div\n          v-if=\"state.hasMore && state.notifications.length > 0\"\n          class=\"flex justify-center border-t p-2\"\n        >\n          <Button\n            type=\"button\"\n            variant=\"ghost\"\n            size=\"sm\"\n            :disabled=\"state.loading\"\n            @click=\"void center!.loadMore()\"\n          >\n            <Spinner v-if=\"state.loading\" />\n            {{ t('load_more', {}, 'Load more') }}\n          </Button>\n        </div>\n      </ScrollArea>\n    </PopoverContent>\n  </Popover>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"NotificationsMenu.vue_vue_type_script_setup_true_lang.js","names":["_unref","_openBlock","_createBlock","Popover","_withCtx","_createVNode","PopoverTrigger","Button","Icon","_createElementVNode","_toDisplayString","_createElementBlock","_createTextVNode","_createCommentVNode","PopoverContent","ScrollArea","Spinner","_Fragment","_renderList","_normalizeClass","_normalizeStyle","NotificationActionButton","Icon_default","Button_default","Spinner_default","NotificationActionButton_default","Popover_default","PopoverContent_default","PopoverTrigger_default","ScrollArea_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","NotificationsMenu_vue_vue_type_script_setup_true_lang_default","props","__props","t","useT","direction","useDirection","panel","usePanel","config","computed","endpoints","center","NotificationCenter","open","ref","state","useStore","onMounted","interval","watch","isOpen","count","stopListening","onDatabaseNotificationsSent","onScopeDispose","stopOpenListener","onOpenDatabaseNotifications","format","useFormatter","pwa","pwaStore","pushToggle","startPwa","togglePush","togglePushNotifications","text","message","toast","unref","openBlock","createBlock","_cache","$event","withCtx","createVNode","BellIcon","createElementVNode","toDisplayString","createElementBlock","createTextVNode","createCommentVNode","BellOffIcon","BellRingIcon","CheckCheckIcon","Trash2Icon","Fragment","renderList","notification","normalizeClass","cn","normalizeStyle","notificationTintStyles","cssColor","textColorClasses","action"],"sources":["../../../src/components/notifications/NotificationsMenu.vue"],"mappings":"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"}

package/dist/components/notifications/RealtimeNotifications.js.map

@@ -1 +1 @@
-{"version":3,"file":"RealtimeNotifications.js","names":["_sfc_main","RealtimeNotifications_vue_vue_type_script_setup_true_lang_default","RealtimeNotifications_default"],"sources":["../../../src/components/notifications/RealtimeNotifications.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  announceDatabaseNotificationsSent,\n  configureRealtime,\n  subscribeToNotifications,\n} from '@alfakit/core'\nimport { onMounted, onScopeDispose, watch } from 'vue'\nimport { useOptionalRegistry, usePanel } from '../../context'\nimport { showToast } from './flash-toasts'\n\n/**\n * With `Panel::realtimeNotifications()` (or `realtime()`) and Laravel Echo, shows broadcast\n * notifications as toasts and refreshes the bell when one is stored. Subscribes in the\n * browser only (never during a server render).\n */\nconst panel = usePanel()\nconst registry = useOptionalRegistry()\nlet unsubscribe: (() => void) | null = null\n\n// `Panel::realtime()`: where Echo authorises the panel's channels (used when the app has no\n// `window.Echo` of its own). Kept current before page components start listening.\nif (typeof window !== 'undefined') {\n  watch(\n    () => [JSON.stringify(panel.value?.realtime ?? null), panel.value?.csrf],\n    () => configureRealtime(panel.value?.realtime ?? null, { csrfToken: panel.value?.csrf }),\n    { immediate: true, flush: 'sync' },\n  )\n}\n\nonMounted(() => {\n  watch(\n    () => panel.value?.realtime?.channel,\n    (channel) => {\n      unsubscribe?.()\n      unsubscribe = channel\n        ? subscribeToNotifications({\n            channel,\n            onNotification: (notification) =>\n              showToast(notification, registry?.resolve(notification.view ?? '')),\n            onDatabaseNotificationsSent: announceDatabaseNotificationsSent,\n          })\n        : null\n    },\n    { immediate: true },\n  )\n})\n\nonScopeDispose(() => unsubscribe?.())\n</script>\n\n<template>\n  <slot />\n</template>\n"],"mappings":""}
+{"version":3,"file":"RealtimeNotifications.js","names":["_sfc_main","RealtimeNotifications_vue_vue_type_script_setup_true_lang_default","RealtimeNotifications_default"],"sources":["../../../src/components/notifications/RealtimeNotifications.vue"],"mappings":""}