@alfakit/vue 0.1.10 → 0.1.11

package/dist/components/fields/SliderField.js.map

@@ -1 +1 @@
-{"version":3,"file":"SliderField.js","names":["_sfc_main","SliderField_vue_vue_type_script_setup_true_lang_default","SliderField_default"],"sources":["../../../src/components/fields/SliderField.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { SliderSchema } from '@alfakit/core'\nimport {\n  fieldIds,\n  sliderBehavior,\n  sliderBlocksTap,\n  sliderDirection,\n  sliderFillSections,\n  sliderFillStyle,\n  sliderFromPrimitive,\n  sliderHasTooltips,\n  sliderNextValues,\n  sliderPips,\n  sliderPrimitive,\n  sliderShowsTooltip,\n  sliderSnap,\n  sliderState,\n  sliderToPrimitive,\n  sliderValues,\n  startSliderRangeDrag,\n} from '@alfakit/core'\nimport { SliderRange, SliderRoot, SliderThumb, SliderTrack } from 'reka-ui'\nimport { computed, ref } from 'vue'\nimport { useDirection, useFormatter, useT } from '../../context'\nimport { cn } from '../../lib/utils'\nimport { useField } from '../form/form-context'\nimport FieldWrapper from '../schema/FieldWrapper.vue'\n\n/**\n * A slider with one thumb, or several for a range. Built on Reka Slider, which handles\n * pointer and keyboard input and mirrors itself in right-to-left layouts (`dir`). Values,\n * tooltips and pips are formatted with the panel's locale.\n */\nconst props = defineProps<{ component: SliderSchema }>()\nconst t = useT()\nconst panelDir = useDirection()\n// `rtl()` overrides the panel's direction.\nconst dir = computed(() => sliderDirection(props.component, panelDir.value))\nconst formatter = useFormatter()\nconst { value, setValue, blur, error, id, disabled, readOnly, aria } = useField<unknown>(\n  () => props.component,\n)\nconst values = computed(() => sliderValues(value.value, props.component))\nconst pips = computed(() => (props.component.pips ? sliderPips(props.component) : []))\nconst vertical = computed(() => Boolean(props.component.vertical))\n// `vertical(isTopToBottom: true)`: the minimum at the top.\nconst topToBottom = computed(() => vertical.value && Boolean(props.component.topToBottom))\nconst behavior = computed(() => sliderBehavior(props.component))\n// `Behavior::SmoothSteps`: no snapping while a pointer drags a thumb.\nconst smooth = ref(false)\nconst primitive = computed(() => sliderPrimitive(props.component, smooth.value))\nconst locked = computed(() => disabled.value || readOnly.value)\n\nconst change = (next: number[]) =>\n  setValue(sliderState(sliderNextValues(values.value, next, props.component), props.component))\n\nconst onModelValue = (next: number[] | undefined) => {\n  if (next) change(sliderFromPrimitive(next, props.component, !smooth.value))\n}\n\nconst onCommit = () => {\n  if (smooth.value) {\n    smooth.value = false\n    change(values.value.map((thumb) => sliderSnap(thumb, props.component)))\n  }\n\n  blur()\n}\n\n// Before the primitive sees the press: start a range drag, or swallow taps on the track.\nconst onPointerDownCapture = (event: PointerEvent) => {\n  if (locked.value) return\n\n  const target = event.target as Element\n  const track = (event.currentTarget as HTMLElement).querySelector<HTMLElement>(\n    '[data-slot=\"slider-track\"]',\n  )\n\n  if (behavior.value.has('drag') && target.closest('[data-slot=\"slider-range\"]') && track) {\n    startSliderRangeDrag(event, {\n      track,\n      values: values.value,\n      schema: props.component,\n      direction: dir.value,\n      vertical: vertical.value,\n      topToBottom: topToBottom.value,\n      onChange: (next) => setValue(sliderState(next, props.component)),\n      onEnd: () => blur(),\n    })\n\n    return\n  }\n\n  if (sliderBlocksTap(target, props.component)) {\n    event.stopPropagation()\n\n    return\n  }\n\n  if (behavior.value.has('smooth-steps') && target.closest('[role=\"slider\"]')) smooth.value = true\n}\n// `fillTrack([…])`: chosen sections are drawn here; the primitive's range stays clear.\nconst fillSections = computed(() => sliderFillSections(values.value, props.component))\nconst fill = computed(\n  () =>\n    fillSections.value === null && (props.component.fillTrack === true || values.value.length > 1),\n)\n\nconst format = (number: number) =>\n  formatter.value.number(number, {\n    maximumFractionDigits: props.component.decimalPlaces ?? 10,\n    minimumFractionDigits: props.component.decimalPlaces ?? 0,\n  })\n\nconst thumbLabel = (index: number) => {\n  if (values.value.length === 1) return undefined\n  if (values.value.length === 2) {\n    return index === 0 ? t('slider.minimum', {}, 'Minimum') : t('slider.maximum', {}, 'Maximum')\n  }\n\n  return t('slider.thumb', { number: index + 1 }, 'Value :number')\n}\n\n// Reka puts the minimum at the bottom of a vertical slider and at the inline start of a\n// horizontal one (the right in RTL).\nconst pipStyle = (percent: number) =>\n  vertical.value\n    ? topToBottom.value\n      ? { top: `${percent}%` }\n      : { bottom: `${percent}%` }\n    : dir.value === 'rtl'\n      ? { right: `${percent}%` }\n      : { left: `${percent}%` }\n</script>\n\n<template>\n  <FieldWrapper :field=\"props.component\" :html-for=\"`${id}-thumb-0`\" :error=\"error\">\n    <div\n      data-slot=\"slider\"\n      :class=\"\n        cn(\n          'px-2',\n          sliderHasTooltips(props.component) && !vertical && 'pt-7',\n          pips.length > 0 && 'pb-6',\n        )\n      \"\n      @pointerdown.capture=\"onPointerDownCapture\"\n    >\n      <SliderRoot\n        :id=\"id\"\n        :dir=\"dir\"\n        :min=\"primitive.min\"\n        :max=\"primitive.max\"\n        :step=\"primitive.step\"\n        :min-steps-between-thumbs=\"\n          props.component.minDifference && !primitive.nonLinear\n            ? Math.round(props.component.minDifference / props.component.step)\n            : 0\n        \"\n        :orientation=\"vertical ? 'vertical' : 'horizontal'\"\n        :inverted=\"topToBottom\"\n        :disabled=\"locked\"\n        :model-value=\"sliderToPrimitive(values, props.component)\"\n        :class=\"\n          cn(\n            'relative flex touch-none items-center select-none data-[disabled]:opacity-50',\n            vertical ? 'h-48 w-5 flex-col' : 'w-full',\n            readOnly && 'data-[disabled]:opacity-100',\n          )\n        \"\n        @update:model-value=\"onModelValue\"\n        @value-commit=\"onCommit\"\n      >\n        <SliderTrack\n          data-slot=\"slider-track\"\n          :class=\"\n            cn(\n              'bg-muted relative grow overflow-hidden rounded-full',\n              vertical ? 'h-full w-1.5' : 'h-1.5 w-full',\n            )\n          \"\n        >\n          <span\n            v-for=\"section in fillSections ?? []\"\n            :key=\"`${section.start}-${section.end}`\"\n            data-slot=\"slider-fill\"\n            aria-hidden=\"true\"\n            :class=\"cn('bg-primary absolute', vertical ? 'w-full' : 'h-full')\"\n            :style=\"sliderFillStyle(section, { vertical, topToBottom, direction: dir })\"\n          />\n          <SliderRange\n            data-slot=\"slider-range\"\n            :class=\"\n              cn(\n                'absolute',\n                fill ? 'bg-primary' : 'bg-transparent',\n                vertical ? 'w-full' : 'h-full',\n                behavior.has('drag') && values.length > 1 && !locked && 'cursor-grab',\n              )\n            \"\n          />\n        </SliderTrack>\n        <SliderThumb\n          v-for=\"(thumb, index) in values\"\n          :id=\"`${id}-thumb-${index}`\"\n          :key=\"index\"\n          :aria-label=\"thumbLabel(index)\"\n          :aria-labelledby=\"\n            values.length === 1 && props.component.label ? fieldIds(id).label : undefined\n          \"\n          :aria-describedby=\"aria['aria-describedby']\"\n          :aria-valuetext=\"format(thumb)\"\n          class=\"border-primary bg-background ring-ring/50 relative block size-4 shrink-0 rounded-full border shadow-sm transition-[color,box-shadow] hover:ring-4 focus-visible:ring-4 focus-visible:outline-hidden disabled:pointer-events-none\"\n        >\n          <span\n            v-if=\"sliderShowsTooltip(props.component, index)\"\n            aria-hidden=\"true\"\n            :class=\"\n              cn(\n                'bg-foreground text-background pointer-events-none absolute rounded px-1.5 py-0.5 text-xs whitespace-nowrap tabular-nums',\n                vertical\n                  ? 'start-6 top-1/2 -translate-y-1/2'\n                  : 'bottom-6 left-1/2 -translate-x-1/2',\n              )\n            \"\n            >{{ format(thumb) }}</span\n          >\n        </SliderThumb>\n        <div\n          v-if=\"pips.length > 0\"\n          aria-hidden=\"true\"\n          :class=\"\n            cn('pointer-events-none absolute', vertical ? 'inset-y-0 start-6' : 'inset-x-0 top-4')\n          \"\n        >\n          <span\n            v-for=\"pip in pips\"\n            :key=\"pip.value\"\n            :style=\"pipStyle(pip.percent)\"\n            :class=\"\n              cn(\n                'absolute flex items-center gap-1',\n                vertical\n                  ? cn('flex-row', topToBottom ? '-translate-y-1/2' : 'translate-y-1/2')\n                  : 'flex-col',\n                !vertical && (dir === 'rtl' ? 'translate-x-1/2' : '-translate-x-1/2'),\n              )\n            \"\n          >\n            <span\n              :class=\"\n                cn(\n                  'bg-border block',\n                  vertical ? 'h-px' : 'w-px',\n                  pip.labelled && !pip.small\n                    ? vertical\n                      ? 'w-2'\n                      : 'h-2'\n                    : vertical\n                      ? 'w-1'\n                      : 'h-1',\n                )\n              \"\n            />\n            <span\n              v-if=\"pip.labelled\"\n              :class=\"\n                cn('text-muted-foreground tabular-nums', pip.small ? 'text-[0.625rem]' : 'text-xs')\n              \"\n              >{{ format(pip.value) }}</span\n            >\n          </span>\n        </div>\n      </SliderRoot>\n    </div>\n  </FieldWrapper>\n</template>\n"],"mappings":""}
+{"version":3,"file":"SliderField.js","names":["_sfc_main","SliderField_vue_vue_type_script_setup_true_lang_default","SliderField_default"],"sources":["../../../src/components/fields/SliderField.vue"],"mappings":""}

package/dist/components/fields/SliderField.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"SliderField.vue_vue_type_script_setup_true_lang.js","names":["useDirection","_openBlock","_createBlock","FieldWrapper","_unref","_withCtx","_createElementVNode","_normalizeClass","_createVNode","_createElementBlock","_Fragment","_renderList","_normalizeStyle","_toDisplayString","_createCommentVNode","useDirection$1","FieldWrapper_default","SliderField_vue_vue_type_script_setup_true_lang_default","props","__props","t","useT","panelDir","dir","computed","sliderDirection","formatter","useFormatter","useField","values","sliderValues","value","pips","sliderPips","vertical","topToBottom","behavior","sliderBehavior","smooth","ref","primitive","sliderPrimitive","locked","disabled","readOnly","change","setValue","sliderState","sliderNextValues","next","onModelValue","sliderFromPrimitive","onCommit","sliderSnap","thumb","blur","onPointerDownCapture","target","event","track","sliderBlocksTap","fillSections","sliderFillSections","fill","format","number","thumbLabel","index","pipStyle","percent","openBlock","createBlock","unref","id","error","withCtx","createElementVNode","normalizeClass","cn","sliderHasTooltips","createVNode","SliderRoot","sliderToPrimitive","SliderTrack","createElementBlock","Fragment","renderList","section","normalizeStyle","sliderFillStyle","SliderRange","SliderThumb","fieldIds","aria","sliderShowsTooltip","toDisplayString","createCommentVNode","pip"],"sources":["../../../src/components/fields/SliderField.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { SliderSchema } from '@alfakit/core'\nimport {\n  fieldIds,\n  sliderBehavior,\n  sliderBlocksTap,\n  sliderDirection,\n  sliderFillSections,\n  sliderFillStyle,\n  sliderFromPrimitive,\n  sliderHasTooltips,\n  sliderNextValues,\n  sliderPips,\n  sliderPrimitive,\n  sliderShowsTooltip,\n  sliderSnap,\n  sliderState,\n  sliderToPrimitive,\n  sliderValues,\n  startSliderRangeDrag,\n} from '@alfakit/core'\nimport { SliderRange, SliderRoot, SliderThumb, SliderTrack } from 'reka-ui'\nimport { computed, ref } from 'vue'\nimport { useDirection, useFormatter, useT } from '../../context'\nimport { cn } from '../../lib/utils'\nimport { useField } from '../form/form-context'\nimport FieldWrapper from '../schema/FieldWrapper.vue'\n\n/**\n * A slider with one thumb, or several for a range. Built on Reka Slider, which handles\n * pointer and keyboard input and mirrors itself in right-to-left layouts (`dir`). Values,\n * tooltips and pips are formatted with the panel's locale.\n */\nconst props = defineProps<{ component: SliderSchema }>()\nconst t = useT()\nconst panelDir = useDirection()\n// `rtl()` overrides the panel's direction.\nconst dir = computed(() => sliderDirection(props.component, panelDir.value))\nconst formatter = useFormatter()\nconst { value, setValue, blur, error, id, disabled, readOnly, aria } = useField<unknown>(\n  () => props.component,\n)\nconst values = computed(() => sliderValues(value.value, props.component))\nconst pips = computed(() => (props.component.pips ? sliderPips(props.component) : []))\nconst vertical = computed(() => Boolean(props.component.vertical))\n// `vertical(isTopToBottom: true)`: the minimum at the top.\nconst topToBottom = computed(() => vertical.value && Boolean(props.component.topToBottom))\nconst behavior = computed(() => sliderBehavior(props.component))\n// `Behavior::SmoothSteps`: no snapping while a pointer drags a thumb.\nconst smooth = ref(false)\nconst primitive = computed(() => sliderPrimitive(props.component, smooth.value))\nconst locked = computed(() => disabled.value || readOnly.value)\n\nconst change = (next: number[]) =>\n  setValue(sliderState(sliderNextValues(values.value, next, props.component), props.component))\n\nconst onModelValue = (next: number[] | undefined) => {\n  if (next) change(sliderFromPrimitive(next, props.component, !smooth.value))\n}\n\nconst onCommit = () => {\n  if (smooth.value) {\n    smooth.value = false\n    change(values.value.map((thumb) => sliderSnap(thumb, props.component)))\n  }\n\n  blur()\n}\n\n// Before the primitive sees the press: start a range drag, or swallow taps on the track.\nconst onPointerDownCapture = (event: PointerEvent) => {\n  if (locked.value) return\n\n  const target = event.target as Element\n  const track = (event.currentTarget as HTMLElement).querySelector<HTMLElement>(\n    '[data-slot=\"slider-track\"]',\n  )\n\n  if (behavior.value.has('drag') && target.closest('[data-slot=\"slider-range\"]') && track) {\n    startSliderRangeDrag(event, {\n      track,\n      values: values.value,\n      schema: props.component,\n      direction: dir.value,\n      vertical: vertical.value,\n      topToBottom: topToBottom.value,\n      onChange: (next) => setValue(sliderState(next, props.component)),\n      onEnd: () => blur(),\n    })\n\n    return\n  }\n\n  if (sliderBlocksTap(target, props.component)) {\n    event.stopPropagation()\n\n    return\n  }\n\n  if (behavior.value.has('smooth-steps') && target.closest('[role=\"slider\"]')) smooth.value = true\n}\n// `fillTrack([…])`: chosen sections are drawn here; the primitive's range stays clear.\nconst fillSections = computed(() => sliderFillSections(values.value, props.component))\nconst fill = computed(\n  () =>\n    fillSections.value === null && (props.component.fillTrack === true || values.value.length > 1),\n)\n\nconst format = (number: number) =>\n  formatter.value.number(number, {\n    maximumFractionDigits: props.component.decimalPlaces ?? 10,\n    minimumFractionDigits: props.component.decimalPlaces ?? 0,\n  })\n\nconst thumbLabel = (index: number) => {\n  if (values.value.length === 1) return undefined\n  if (values.value.length === 2) {\n    return index === 0 ? t('slider.minimum', {}, 'Minimum') : t('slider.maximum', {}, 'Maximum')\n  }\n\n  return t('slider.thumb', { number: index + 1 }, 'Value :number')\n}\n\n// Reka puts the minimum at the bottom of a vertical slider and at the inline start of a\n// horizontal one (the right in RTL).\nconst pipStyle = (percent: number) =>\n  vertical.value\n    ? topToBottom.value\n      ? { top: `${percent}%` }\n      : { bottom: `${percent}%` }\n    : dir.value === 'rtl'\n      ? { right: `${percent}%` }\n      : { left: `${percent}%` }\n</script>\n\n<template>\n  <FieldWrapper :field=\"props.component\" :html-for=\"`${id}-thumb-0`\" :error=\"error\">\n    <div\n      data-slot=\"slider\"\n      :class=\"\n        cn(\n          'px-2',\n          sliderHasTooltips(props.component) && !vertical && 'pt-7',\n          pips.length > 0 && 'pb-6',\n        )\n      \"\n      @pointerdown.capture=\"onPointerDownCapture\"\n    >\n      <SliderRoot\n        :id=\"id\"\n        :dir=\"dir\"\n        :min=\"primitive.min\"\n        :max=\"primitive.max\"\n        :step=\"primitive.step\"\n        :min-steps-between-thumbs=\"\n          props.component.minDifference && !primitive.nonLinear\n            ? Math.round(props.component.minDifference / props.component.step)\n            : 0\n        \"\n        :orientation=\"vertical ? 'vertical' : 'horizontal'\"\n        :inverted=\"topToBottom\"\n        :disabled=\"locked\"\n        :model-value=\"sliderToPrimitive(values, props.component)\"\n        :class=\"\n          cn(\n            'relative flex touch-none items-center select-none data-[disabled]:opacity-50',\n            vertical ? 'h-48 w-5 flex-col' : 'w-full',\n            readOnly && 'data-[disabled]:opacity-100',\n          )\n        \"\n        @update:model-value=\"onModelValue\"\n        @value-commit=\"onCommit\"\n      >\n        <SliderTrack\n          data-slot=\"slider-track\"\n          :class=\"\n            cn(\n              'bg-muted relative grow overflow-hidden rounded-full',\n              vertical ? 'h-full w-1.5' : 'h-1.5 w-full',\n            )\n          \"\n        >\n          <span\n            v-for=\"section in fillSections ?? []\"\n            :key=\"`${section.start}-${section.end}`\"\n            data-slot=\"slider-fill\"\n            aria-hidden=\"true\"\n            :class=\"cn('bg-primary absolute', vertical ? 'w-full' : 'h-full')\"\n            :style=\"sliderFillStyle(section, { vertical, topToBottom, direction: dir })\"\n          />\n          <SliderRange\n            data-slot=\"slider-range\"\n            :class=\"\n              cn(\n                'absolute',\n                fill ? 'bg-primary' : 'bg-transparent',\n                vertical ? 'w-full' : 'h-full',\n                behavior.has('drag') && values.length > 1 && !locked && 'cursor-grab',\n              )\n            \"\n          />\n        </SliderTrack>\n        <SliderThumb\n          v-for=\"(thumb, index) in values\"\n          :id=\"`${id}-thumb-${index}`\"\n          :key=\"index\"\n          :aria-label=\"thumbLabel(index)\"\n          :aria-labelledby=\"\n            values.length === 1 && props.component.label ? fieldIds(id).label : undefined\n          \"\n          :aria-describedby=\"aria['aria-describedby']\"\n          :aria-valuetext=\"format(thumb)\"\n          class=\"border-primary bg-background ring-ring/50 relative block size-4 shrink-0 rounded-full border shadow-sm transition-[color,box-shadow] hover:ring-4 focus-visible:ring-4 focus-visible:outline-hidden disabled:pointer-events-none\"\n        >\n          <span\n            v-if=\"sliderShowsTooltip(props.component, index)\"\n            aria-hidden=\"true\"\n            :class=\"\n              cn(\n                'bg-foreground text-background pointer-events-none absolute rounded px-1.5 py-0.5 text-xs whitespace-nowrap tabular-nums',\n                vertical\n                  ? 'start-6 top-1/2 -translate-y-1/2'\n                  : 'bottom-6 left-1/2 -translate-x-1/2',\n              )\n            \"\n            >{{ format(thumb) }}</span\n          >\n        </SliderThumb>\n        <div\n          v-if=\"pips.length > 0\"\n          aria-hidden=\"true\"\n          :class=\"\n            cn('pointer-events-none absolute', vertical ? 'inset-y-0 start-6' : 'inset-x-0 top-4')\n          \"\n        >\n          <span\n            v-for=\"pip in pips\"\n            :key=\"pip.value\"\n            :style=\"pipStyle(pip.percent)\"\n            :class=\"\n              cn(\n                'absolute flex items-center gap-1',\n                vertical\n                  ? cn('flex-row', topToBottom ? '-translate-y-1/2' : 'translate-y-1/2')\n                  : 'flex-col',\n                !vertical && (dir === 'rtl' ? 'translate-x-1/2' : '-translate-x-1/2'),\n              )\n            \"\n          >\n            <span\n              :class=\"\n                cn(\n                  'bg-border block',\n                  vertical ? 'h-px' : 'w-px',\n                  pip.labelled && !pip.small\n                    ? vertical\n                      ? 'w-2'\n                      : 'h-2'\n                    : vertical\n                      ? 'w-1'\n                      : 'h-1',\n                )\n              \"\n            />\n            <span\n              v-if=\"pip.labelled\"\n              :class=\"\n                cn('text-muted-foreground tabular-nums', pip.small ? 'text-[0.625rem]' : 'text-xs')\n              \"\n              >{{ format(pip.value) }}</span\n            >\n          </span>\n        </div>\n      </SliderRoot>\n    </div>\n  </FieldWrapper>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"SliderField.vue_vue_type_script_setup_true_lang.js","names":["useDirection","_openBlock","_createBlock","FieldWrapper","_unref","_withCtx","_createElementVNode","_normalizeClass","_createVNode","_createElementBlock","_Fragment","_renderList","_normalizeStyle","_toDisplayString","_createCommentVNode","useDirection$1","FieldWrapper_default","SliderField_vue_vue_type_script_setup_true_lang_default","props","__props","t","useT","panelDir","dir","computed","sliderDirection","formatter","useFormatter","useField","values","sliderValues","value","pips","sliderPips","vertical","topToBottom","behavior","sliderBehavior","smooth","ref","primitive","sliderPrimitive","locked","disabled","readOnly","change","setValue","sliderState","sliderNextValues","next","onModelValue","sliderFromPrimitive","onCommit","sliderSnap","thumb","blur","onPointerDownCapture","target","event","track","sliderBlocksTap","fillSections","sliderFillSections","fill","format","number","thumbLabel","index","pipStyle","percent","openBlock","createBlock","unref","id","error","withCtx","createElementVNode","normalizeClass","cn","sliderHasTooltips","createVNode","SliderRoot","sliderToPrimitive","SliderTrack","createElementBlock","Fragment","renderList","section","normalizeStyle","sliderFillStyle","SliderRange","SliderThumb","fieldIds","aria","sliderShowsTooltip","toDisplayString","createCommentVNode","pip"],"sources":["../../../src/components/fields/SliderField.vue"],"mappings":"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"}

package/dist/components/fields/TableColumnHeaders.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableColumnHeaders.js","names":["_sfc_main","TableColumnHeaders_vue_vue_type_script_setup_true_lang_default","TableColumnHeaders_default"],"sources":["../../../src/components/fields/TableColumnHeaders.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { TableColumnSchema } from '@alfakit/core'\nimport { tableColumnAlignmentClass } from '@alfakit/core'\nimport { cn } from '../../lib/utils'\n\n/** Header cells shared by the Repeater and RepeatableEntry tables. */\nconst props = defineProps<{ columns: TableColumnSchema[] }>()\n\n// A fixed `width()` (`9rem`, `120px`) is also the column's minimum, so the table scrolls\n// sideways instead of squeezing its fields; percentages stay flexible.\nconst widthStyle = (width?: string | null) =>\n  !width ? undefined : width.trim().endsWith('%') ? { width } : { width, minWidth: width }\n</script>\n\n<template>\n  <th\n    v-for=\"(column, index) in props.columns\"\n    :key=\"`${column.name ?? 'column'}-${index}`\"\n    scope=\"col\"\n    :style=\"widthStyle(column.width)\"\n    :class=\"\n      cn(\n        'text-muted-foreground px-3 py-2 text-xs font-medium',\n        tableColumnAlignmentClass(column),\n        !column.wrapHeader && 'whitespace-nowrap',\n      )\n    \"\n  >\n    <span :class=\"cn(column.hiddenLabel && 'sr-only')\">{{ column.label }}</span\n    ><span v-if=\"column.required\" class=\"text-destructive ms-0.5\" aria-hidden=\"true\">*</span>\n  </th>\n</template>\n"],"mappings":""}
+{"version":3,"file":"TableColumnHeaders.js","names":["_sfc_main","TableColumnHeaders_vue_vue_type_script_setup_true_lang_default","TableColumnHeaders_default"],"sources":["../../../src/components/fields/TableColumnHeaders.vue"],"mappings":""}

package/dist/components/fields/TableColumnHeaders.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableColumnHeaders.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_Fragment","_renderList","_normalizeStyle","_normalizeClass","_unref","_createElementVNode","_toDisplayString","_createCommentVNode","_hoisted_1","TableColumnHeaders_vue_vue_type_script_setup_true_lang_default","props","__props","widthStyle","width","openBlock","createElementBlock","Fragment","renderList","column","index","normalizeStyle","normalizeClass","unref","cn","tableColumnAlignmentClass","createElementVNode","toDisplayString","createCommentVNode"],"sources":["../../../src/components/fields/TableColumnHeaders.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { TableColumnSchema } from '@alfakit/core'\nimport { tableColumnAlignmentClass } from '@alfakit/core'\nimport { cn } from '../../lib/utils'\n\n/** Header cells shared by the Repeater and RepeatableEntry tables. */\nconst props = defineProps<{ columns: TableColumnSchema[] }>()\n\n// A fixed `width()` (`9rem`, `120px`) is also the column's minimum, so the table scrolls\n// sideways instead of squeezing its fields; percentages stay flexible.\nconst widthStyle = (width?: string | null) =>\n  !width ? undefined : width.trim().endsWith('%') ? { width } : { width, minWidth: width }\n</script>\n\n<template>\n  <th\n    v-for=\"(column, index) in props.columns\"\n    :key=\"`${column.name ?? 'column'}-${index}`\"\n    scope=\"col\"\n    :style=\"widthStyle(column.width)\"\n    :class=\"\n      cn(\n        'text-muted-foreground px-3 py-2 text-xs font-medium',\n        tableColumnAlignmentClass(column),\n        !column.wrapHeader && 'whitespace-nowrap',\n      )\n    \"\n  >\n    <span :class=\"cn(column.hiddenLabel && 'sr-only')\">{{ column.label }}</span\n    ><span v-if=\"column.required\" class=\"text-destructive ms-0.5\" aria-hidden=\"true\">*</span>\n  </th>\n</template>\n"],"mappings":";;;;;;;;;;;;EAMA,IAAMY,IAAQC,GAIRC,KAAc,MACjBC,IAAoBA,EAAM,KAAK,CAAC,CAAC,SAAS,GAAG,IAAI,EAAE,SAAM,IAAI;GAAE;GAAO,UAAUA;EAAM,IAA9E,KAAA;oBAITf,EAAA,EAAA,GAAAC,EAeKC,GAAA,MAAAC,EAduBS,EAAM,UAAxB,GAAQ,OADlBZ,EAAA,GAAAC,EAeK,MAAA;GAbF,KAAG,GAAKmB,EAAO,QAAI,SAAA,GAAgBC;GACpC,OAAM;GACL,OAAKjB,EAAEU,EAAWM,EAAO,KAAK,CAAA;GAC9B,OAAKf,EAASC,EAAAmB,CAAA,CAAE,CAAA,uDAAyEnB,EAAAoB,CAAA,CAAyB,CAACN,CAAM,GAAY,CAAAA,EAAO,cAAU,mBAAA,CAAA;EAQvJb,GAAAA,CAAAA,EACC,QAAA,EADM,OAAKF,EAAEC,EAAAmB,CAAA,CAAE,CAACL,EAAO,eAAW,SAAA,CAAA,EAAmB,GAAAZ,EAAAY,EAAO,KAAK,GAAA,CAAA,GACrDA,EAAO,YAAnBpB,EAAA,GAAAC,EAAwF,QAAxFS,GAAgF,GAAC,KAAAmB,EAAA,IAAA,EAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"TableColumnHeaders.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_Fragment","_renderList","_normalizeStyle","_normalizeClass","_unref","_createElementVNode","_toDisplayString","_createCommentVNode","_hoisted_1","TableColumnHeaders_vue_vue_type_script_setup_true_lang_default","props","__props","widthStyle","width","openBlock","createElementBlock","Fragment","renderList","column","index","normalizeStyle","normalizeClass","unref","cn","tableColumnAlignmentClass","createElementVNode","toDisplayString","createCommentVNode"],"sources":["../../../src/components/fields/TableColumnHeaders.vue"],"mappings":";;;;;;;;;;;;EAMA,IAAMY,IAAQC,GAIRC,KAAc,MACjBC,IAAoBA,EAAM,KAAK,CAAC,CAAC,SAAS,GAAG,IAAI,EAAE,SAAM,IAAI;GAAE;GAAO,UAAUA;EAAM,IAA9E,KAAA;oBAITf,EAAA,EAAA,GAAAC,EAeKC,GAAA,MAAAC,EAduBS,EAAM,UAAxB,GAAQ,OADlBZ,EAAA,GAAAC,EAeK,MAAA;GAbF,KAAG,GAAKmB,EAAO,QAAI,SAAA,GAAgBC;GACpC,OAAM;GACL,OAAKjB,EAAEU,EAAWM,EAAO,KAAK,CAAA;GAC9B,OAAKf,EAASC,EAAAmB,CAAA,CAAE,CAAA,uDAAyEnB,EAAAoB,CAAA,CAAyB,CAACN,CAAM,GAAY,CAAAA,EAAO,cAAU,mBAAA,CAAA;EAQvJb,GAAAA,CAAAA,EACC,QAAA,EADM,OAAKF,EAAEC,EAAAmB,CAAA,CAAE,CAACL,EAAO,eAAW,SAAA,CAAA,EAAmB,GAAAZ,EAAAY,EAAO,KAAK,GAAA,CAAA,GACrDA,EAAO,YAAnBpB,EAAA,GAAAC,EAAwF,QAAxFS,GAAgF,GAAC,KAAAmB,EAAA,IAAA,EAAA,CAAA,GAAA,CAAA"}

package/dist/components/fields/TagsInputField.js.map

@@ -1 +1 @@
-{"version":3,"file":"TagsInputField.js","names":["_sfc_main","TagsInputField_vue_vue_type_script_setup_true_lang_default","TagsInputField_default"],"sources":["../../../src/components/fields/TagsInputField.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { moveListItem, reorderOffset, type TagsInputSchema } from '@alfakit/core'\nimport { XIcon } from '@lucide/vue'\nimport { computed, nextTick, ref } from 'vue'\nimport { useDirection, useT } from '../../context'\nimport { badgeColorClasses, colorClass } from '../../lib/colors'\nimport { cn } from '../../lib/utils'\nimport { useField } from '../form/form-context'\nimport FieldWrapper from '../schema/FieldWrapper.vue'\nimport Badge from '../ui/Badge.vue'\n\nconst props = defineProps<{ component: TagsInputSchema }>()\nconst t = useT()\nconst { value, setValue, blur, error, id, disabled, readOnly, aria } = useField<string[] | null>(\n  () => props.component,\n)\nconst direction = useDirection()\nconst draft = ref('')\nconst listRef = ref<HTMLElement | null>(null)\n// Live-region text announced after a keyboard move.\nconst announcement = ref('')\nconst dragIndex = ref<number | null>(null)\nconst reorderable = computed(\n  () => Boolean(props.component.reorderable) && !disabled.value && !readOnly.value,\n)\n\nconst onTagDrop = (index: number) => {\n  if (dragIndex.value !== null && dragIndex.value !== index)\n    setValue(moveListItem(tags.value, dragIndex.value, index))\n  dragIndex.value = null\n}\n\n// Alt + ArrowLeft/ArrowRight (flipped in RTL) moves the focused tag.\nconst onTagKeyDown = (event: KeyboardEvent, index: number) => {\n  const offset = reorderOffset(event, 'horizontal', direction.value)\n\n  if (!reorderable.value || offset === null) {\n    return\n  }\n\n  event.preventDefault()\n  const target = index + offset\n\n  if (target < 0 || target >= tags.value.length) {\n    return\n  }\n\n  const tag = tags.value[index] ?? ''\n  setValue(moveListItem(tags.value, index, target))\n  announcement.value = t(\n    'form.tag_moved',\n    { tag, position: target + 1, total: tags.value.length },\n    ':tag moved to position :position of :total',\n  )\n  void nextTick(() => listRef.value?.querySelectorAll<HTMLElement>('[data-tag]')[target]?.focus())\n}\nconst tags = computed(() => value.value ?? [])\nconst listId = computed(() => (props.component.suggestions ? `${id}-suggestions` : undefined))\n\nconst commit = (raw: string) => {\n  const tag = `${props.component.tagPrefix ?? ''}${raw.trim()}${props.component.tagSuffix ?? ''}`\n\n  if (raw.trim() === '' || tags.value.includes(tag)) {\n    draft.value = ''\n\n    return\n  }\n\n  setValue([...tags.value, tag])\n  draft.value = ''\n}\n\nconst onKeyDown = (event: KeyboardEvent) => {\n  if (readOnly.value) {\n    return\n  }\n\n  if (props.component.splitKeys.includes(event.key)) {\n    event.preventDefault()\n    commit(draft.value)\n  } else if (event.key === 'Backspace' && draft.value === '' && tags.value.length > 0) {\n    setValue(tags.value.slice(0, -1))\n  }\n}\n\nconst onBlur = () => {\n  if (!readOnly.value && draft.value.trim() !== '') {\n    commit(draft.value)\n  }\n\n  blur()\n}\n</script>\n\n<template>\n  <FieldWrapper :field=\"props.component\" :html-for=\"id\" :error=\"error\">\n    <div\n      ref=\"listRef\"\n      :class=\"\n        cn(\n          'border-input dark:bg-input/30 has-[input:focus-visible]:border-ring has-[input:focus-visible]:ring-ring/50 flex min-h-9 w-full flex-wrap items-center gap-1.5 rounded-md border px-2 py-1.5 shadow-xs has-[input:focus-visible]:ring-[3px]',\n          error && 'border-destructive',\n          disabled && 'opacity-50',\n        )\n      \"\n    >\n      <Badge\n        v-for=\"(tag, index) in tags\"\n        :key=\"`${tag}-${index}`\"\n        variant=\"outline\"\n        data-tag=\"\"\n        :tabindex=\"reorderable ? 0 : undefined\"\n        :aria-describedby=\"reorderable ? `${id}-reorder-hint` : undefined\"\n        :draggable=\"reorderable\"\n        :class=\"\n          cn(\n            'gap-1 pe-1',\n            colorClass(badgeColorClasses, props.component.color, 'gray'),\n            reorderable &&\n              'focus-visible:ring-ring/50 cursor-grab outline-none focus-visible:ring-[3px]',\n            dragIndex === index && 'opacity-50',\n          )\n        \"\n        @dragstart=\"dragIndex = index\"\n        @dragover=\"reorderable && $event.preventDefault()\"\n        @drop=\"onTagDrop(index)\"\n        @dragend=\"dragIndex = null\"\n        @keydown=\"onTagKeyDown($event, index)\"\n      >\n        {{ tag }}\n        <button\n          v-if=\"!disabled && !readOnly\"\n          type=\"button\"\n          :aria-label=\"t('form.remove_tag', { tag }, 'Remove :tag')\"\n          class=\"hover:bg-foreground/10 rounded-sm\"\n          @click=\"setValue(tags.filter((_, i) => i !== index))\"\n        >\n          <XIcon class=\"size-3\" />\n        </button>\n      </Badge>\n      <input\n        :id=\"id\"\n        v-model=\"draft\"\n        dir=\"auto\"\n        :list=\"listId\"\n        :placeholder=\"\n          tags.length === 0 ? (props.component.placeholder ?? t('form.add_item', {}, 'Add…')) : ''\n        \"\n        :disabled=\"disabled\"\n        :readonly=\"readOnly\"\n        :aria-invalid=\"aria['aria-invalid']\"\n        :aria-describedby=\"aria['aria-describedby']\"\n        :aria-required=\"aria['aria-required']\"\n        class=\"placeholder:text-muted-foreground min-w-[6rem] flex-1 bg-transparent text-sm outline-none\"\n        @keydown=\"onKeyDown\"\n        @blur=\"onBlur\"\n      />\n      <datalist v-if=\"props.component.suggestions\" :id=\"listId\">\n        <option\n          v-for=\"suggestion in props.component.suggestions\"\n          :key=\"suggestion\"\n          :value=\"suggestion\"\n        />\n      </datalist>\n      <span v-if=\"reorderable\" :id=\"`${id}-reorder-hint`\" class=\"sr-only\">{{\n        t('form.reorder_tags_hint', {}, 'Press Alt with an arrow key to move this tag.')\n      }}</span>\n      <span aria-live=\"polite\" aria-atomic=\"true\" class=\"sr-only\">{{ announcement }}</span>\n    </div>\n  </FieldWrapper>\n</template>\n"],"mappings":""}
+{"version":3,"file":"TagsInputField.js","names":["_sfc_main","TagsInputField_vue_vue_type_script_setup_true_lang_default","TagsInputField_default"],"sources":["../../../src/components/fields/TagsInputField.vue"],"mappings":""}

package/dist/components/fields/TagsInputField.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"TagsInputField.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","FieldWrapper","_unref","_withCtx","_createElementVNode","_normalizeClass","_createElementBlock","_Fragment","_renderList","Badge","_createTextVNode","_toDisplayString","_createVNode","_createCommentVNode","_withDirectives","_vModelText","Badge_default","FieldWrapper_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","TagsInputField_vue_vue_type_script_setup_true_lang_default","props","__props","t","useT","useField","direction","useDirection","draft","ref","listRef","announcement","dragIndex","reorderable","computed","disabled","readOnly","onTagDrop","index","setValue","moveListItem","tags","onTagKeyDown","offset","reorderOffset","event","target","tag","nextTick","value","listId","id","commit","raw","onKeyDown","onBlur","blur","openBlock","createBlock","unref","error","withCtx","createElementVNode","normalizeClass","cn","createElementBlock","Fragment","renderList","colorClass","badgeColorClasses","_cache","$event","createTextVNode","toDisplayString","i","createVNode","XIcon","createCommentVNode","withDirectives","aria","vModelText","suggestion"],"sources":["../../../src/components/fields/TagsInputField.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { moveListItem, reorderOffset, type TagsInputSchema } from '@alfakit/core'\nimport { XIcon } from '@lucide/vue'\nimport { computed, nextTick, ref } from 'vue'\nimport { useDirection, useT } from '../../context'\nimport { badgeColorClasses, colorClass } from '../../lib/colors'\nimport { cn } from '../../lib/utils'\nimport { useField } from '../form/form-context'\nimport FieldWrapper from '../schema/FieldWrapper.vue'\nimport Badge from '../ui/Badge.vue'\n\nconst props = defineProps<{ component: TagsInputSchema }>()\nconst t = useT()\nconst { value, setValue, blur, error, id, disabled, readOnly, aria } = useField<string[] | null>(\n  () => props.component,\n)\nconst direction = useDirection()\nconst draft = ref('')\nconst listRef = ref<HTMLElement | null>(null)\n// Live-region text announced after a keyboard move.\nconst announcement = ref('')\nconst dragIndex = ref<number | null>(null)\nconst reorderable = computed(\n  () => Boolean(props.component.reorderable) && !disabled.value && !readOnly.value,\n)\n\nconst onTagDrop = (index: number) => {\n  if (dragIndex.value !== null && dragIndex.value !== index)\n    setValue(moveListItem(tags.value, dragIndex.value, index))\n  dragIndex.value = null\n}\n\n// Alt + ArrowLeft/ArrowRight (flipped in RTL) moves the focused tag.\nconst onTagKeyDown = (event: KeyboardEvent, index: number) => {\n  const offset = reorderOffset(event, 'horizontal', direction.value)\n\n  if (!reorderable.value || offset === null) {\n    return\n  }\n\n  event.preventDefault()\n  const target = index + offset\n\n  if (target < 0 || target >= tags.value.length) {\n    return\n  }\n\n  const tag = tags.value[index] ?? ''\n  setValue(moveListItem(tags.value, index, target))\n  announcement.value = t(\n    'form.tag_moved',\n    { tag, position: target + 1, total: tags.value.length },\n    ':tag moved to position :position of :total',\n  )\n  void nextTick(() => listRef.value?.querySelectorAll<HTMLElement>('[data-tag]')[target]?.focus())\n}\nconst tags = computed(() => value.value ?? [])\nconst listId = computed(() => (props.component.suggestions ? `${id}-suggestions` : undefined))\n\nconst commit = (raw: string) => {\n  const tag = `${props.component.tagPrefix ?? ''}${raw.trim()}${props.component.tagSuffix ?? ''}`\n\n  if (raw.trim() === '' || tags.value.includes(tag)) {\n    draft.value = ''\n\n    return\n  }\n\n  setValue([...tags.value, tag])\n  draft.value = ''\n}\n\nconst onKeyDown = (event: KeyboardEvent) => {\n  if (readOnly.value) {\n    return\n  }\n\n  if (props.component.splitKeys.includes(event.key)) {\n    event.preventDefault()\n    commit(draft.value)\n  } else if (event.key === 'Backspace' && draft.value === '' && tags.value.length > 0) {\n    setValue(tags.value.slice(0, -1))\n  }\n}\n\nconst onBlur = () => {\n  if (!readOnly.value && draft.value.trim() !== '') {\n    commit(draft.value)\n  }\n\n  blur()\n}\n</script>\n\n<template>\n  <FieldWrapper :field=\"props.component\" :html-for=\"id\" :error=\"error\">\n    <div\n      ref=\"listRef\"\n      :class=\"\n        cn(\n          'border-input dark:bg-input/30 has-[input:focus-visible]:border-ring has-[input:focus-visible]:ring-ring/50 flex min-h-9 w-full flex-wrap items-center gap-1.5 rounded-md border px-2 py-1.5 shadow-xs has-[input:focus-visible]:ring-[3px]',\n          error && 'border-destructive',\n          disabled && 'opacity-50',\n        )\n      \"\n    >\n      <Badge\n        v-for=\"(tag, index) in tags\"\n        :key=\"`${tag}-${index}`\"\n        variant=\"outline\"\n        data-tag=\"\"\n        :tabindex=\"reorderable ? 0 : undefined\"\n        :aria-describedby=\"reorderable ? `${id}-reorder-hint` : undefined\"\n        :draggable=\"reorderable\"\n        :class=\"\n          cn(\n            'gap-1 pe-1',\n            colorClass(badgeColorClasses, props.component.color, 'gray'),\n            reorderable &&\n              'focus-visible:ring-ring/50 cursor-grab outline-none focus-visible:ring-[3px]',\n            dragIndex === index && 'opacity-50',\n          )\n        \"\n        @dragstart=\"dragIndex = index\"\n        @dragover=\"reorderable && $event.preventDefault()\"\n        @drop=\"onTagDrop(index)\"\n        @dragend=\"dragIndex = null\"\n        @keydown=\"onTagKeyDown($event, index)\"\n      >\n        {{ tag }}\n        <button\n          v-if=\"!disabled && !readOnly\"\n          type=\"button\"\n          :aria-label=\"t('form.remove_tag', { tag }, 'Remove :tag')\"\n          class=\"hover:bg-foreground/10 rounded-sm\"\n          @click=\"setValue(tags.filter((_, i) => i !== index))\"\n        >\n          <XIcon class=\"size-3\" />\n        </button>\n      </Badge>\n      <input\n        :id=\"id\"\n        v-model=\"draft\"\n        dir=\"auto\"\n        :list=\"listId\"\n        :placeholder=\"\n          tags.length === 0 ? (props.component.placeholder ?? t('form.add_item', {}, 'Add…')) : ''\n        \"\n        :disabled=\"disabled\"\n        :readonly=\"readOnly\"\n        :aria-invalid=\"aria['aria-invalid']\"\n        :aria-describedby=\"aria['aria-describedby']\"\n        :aria-required=\"aria['aria-required']\"\n        class=\"placeholder:text-muted-foreground min-w-[6rem] flex-1 bg-transparent text-sm outline-none\"\n        @keydown=\"onKeyDown\"\n        @blur=\"onBlur\"\n      />\n      <datalist v-if=\"props.component.suggestions\" :id=\"listId\">\n        <option\n          v-for=\"suggestion in props.component.suggestions\"\n          :key=\"suggestion\"\n          :value=\"suggestion\"\n        />\n      </datalist>\n      <span v-if=\"reorderable\" :id=\"`${id}-reorder-hint`\" class=\"sr-only\">{{\n        t('form.reorder_tags_hint', {}, 'Press Alt with an arrow key to move this tag.')\n      }}</span>\n      <span aria-live=\"polite\" aria-atomic=\"true\" class=\"sr-only\">{{ announcement }}</span>\n    </div>\n  </FieldWrapper>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"TagsInputField.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","FieldWrapper","_unref","_withCtx","_createElementVNode","_normalizeClass","_createElementBlock","_Fragment","_renderList","Badge","_createTextVNode","_toDisplayString","_createVNode","_createCommentVNode","_withDirectives","_vModelText","Badge_default","FieldWrapper_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","TagsInputField_vue_vue_type_script_setup_true_lang_default","props","__props","t","useT","useField","direction","useDirection","draft","ref","listRef","announcement","dragIndex","reorderable","computed","disabled","readOnly","onTagDrop","index","setValue","moveListItem","tags","onTagKeyDown","offset","reorderOffset","event","target","tag","nextTick","value","listId","id","commit","raw","onKeyDown","onBlur","blur","openBlock","createBlock","unref","error","withCtx","createElementVNode","normalizeClass","cn","createElementBlock","Fragment","renderList","colorClass","badgeColorClasses","_cache","$event","createTextVNode","toDisplayString","i","createVNode","XIcon","createCommentVNode","withDirectives","aria","vModelText","suggestion"],"sources":["../../../src/components/fields/TagsInputField.vue"],"mappings":"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"}

package/dist/components/fields/TextInputField.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextInputField.js","names":["_sfc_main","TextInputField_vue_vue_type_script_setup_true_lang_default","TextInputField_default"],"sources":["../../../src/components/fields/TextInputField.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { applyMask, type TextInputSchema } from '@alfakit/core'\nimport { CheckIcon, CopyIcon, EyeIcon, EyeOffIcon } from '@lucide/vue'\nimport { computed, onBeforeUnmount, ref } from 'vue'\nimport { textColorClasses } from '../../lib/colors'\nimport { Icon } from '../../lib/icons'\nimport { cn } from '../../lib/utils'\nimport { useField } from '../form/form-context'\nimport FieldWrapper from '../schema/FieldWrapper.vue'\nimport Button from '../ui/Button.vue'\nimport Input from '../ui/Input.vue'\nimport { useT } from '../../context'\n\nconst LTR_INPUT_TYPES = new Set(['email', 'url', 'tel', 'password', 'number'])\n\nconst props = defineProps<{ component: TextInputSchema }>()\nconst { value, setValue, blur, error, id, disabled, aria } = useField<string | number | null>(\n  () => props.component,\n)\nconst revealed = ref(false)\nconst copied = ref(false)\nlet copiedTimer: ReturnType<typeof setTimeout> | undefined\n\nonBeforeUnmount(() => clearTimeout(copiedTimer))\n\n// `copyable()`: copy the current value; the confirmation stays for `copyMessageDuration`.\nconst copy = () => {\n  const text = value.value === null || value.value === undefined ? '' : String(value.value)\n\n  void navigator.clipboard?.writeText(text).then(() => {\n    copied.value = true\n    clearTimeout(copiedTimer)\n    copiedTimer = setTimeout(\n      () => (copied.value = false),\n      props.component.copyMessageDuration ?? 1500,\n    )\n  })\n}\n\nconst type = computed(() =>\n  props.component.inputType === 'password' && revealed.value ? 'text' : props.component.inputType,\n)\nconst hasAffixes = computed(() =>\n  Boolean(\n    props.component.prefix ||\n    props.component.suffix ||\n    props.component.prefixIcon ||\n    props.component.suffixIcon ||\n    props.component.revealable ||\n    props.component.copyable,\n  ),\n)\n// Addresses, numbers and passwords are always written left to right.\nconst dir = computed(() => (LTR_INPUT_TYPES.has(props.component.inputType) ? 'ltr' : 'auto'))\nconst listId = computed(() => (props.component.datalist ? `${id}-list` : undefined))\nconst t = useT()\n\n// `mask()`: reformat what was typed before the value is emitted (the DOM is corrected too,\n// since a rejected character leaves the model value unchanged).\nconst onMaskInput = (event: Event) => {\n  const input = event.target as HTMLInputElement\n  const masked = applyMask(input.value, props.component.mask)\n\n  if (masked !== input.value) input.value = masked\n}\n</script>\n\n<template>\n  <FieldWrapper :field=\"props.component\" :html-for=\"id\" :error=\"error\">\n    <div\n      v-if=\"hasAffixes\"\n      data-slot=\"input-group\"\n      :class=\"\n        cn(\n          'border-input dark:bg-input/30 has-[input:focus-visible]:border-ring has-[input:focus-visible]:ring-ring/50 flex h-9 w-full items-stretch overflow-hidden rounded-md border shadow-xs has-[input:focus-visible]:ring-[3px]',\n          error && 'border-destructive',\n        )\n      \"\n    >\n      <span\n        v-if=\"props.component.prefix || props.component.prefixIcon\"\n        class=\"text-muted-foreground bg-muted/50 flex items-center gap-1 border-e px-3 text-sm\"\n      >\n        <Icon\n          :name=\"props.component.prefixIcon\"\n          :class=\"\n            props.component.prefixIconColor && textColorClasses[props.component.prefixIconColor]\n          \"\n        />\n        {{ props.component.prefix }}\n      </span>\n      <Input\n        :id=\"id\"\n        :dir=\"dir\"\n        :name=\"props.component.name\"\n        :type=\"type\"\n        :model-value=\"value ?? ''\"\n        :placeholder=\"props.component.placeholder\"\n        :disabled=\"disabled\"\n        :readonly=\"props.component.readOnly\"\n        :required=\"props.component.required\"\n        :autofocus=\"props.component.autofocus\"\n        :minlength=\"props.component.minLength\"\n        :maxlength=\"props.component.maxLength\"\n        :min=\"props.component.min\"\n        :max=\"props.component.max\"\n        :step=\"props.component.step\"\n        :autocomplete=\"props.component.autocomplete\"\n        :inputmode=\"props.component.inputMode\"\n        :autocapitalize=\"props.component.autocapitalize\"\n        :list=\"listId\"\n        :aria-invalid=\"aria['aria-invalid']\"\n        :aria-describedby=\"aria['aria-describedby']\"\n        :aria-required=\"aria['aria-required']\"\n        class=\"h-full border-0 bg-transparent shadow-none focus-visible:ring-0 dark:bg-transparent\"\n        v-bind=\"props.component.extraInputAttributes\"\n        @input=\"onMaskInput\"\n        @update:model-value=\"setValue($event)\"\n        @blur=\"blur\"\n      />\n      <span\n        v-if=\"props.component.suffix || props.component.suffixIcon\"\n        class=\"text-muted-foreground bg-muted/50 flex items-center gap-1 border-s px-3 text-sm\"\n      >\n        {{ props.component.suffix }}\n        <Icon\n          :name=\"props.component.suffixIcon\"\n          :class=\"\n            props.component.suffixIconColor && textColorClasses[props.component.suffixIconColor]\n          \"\n        />\n      </span>\n      <Button\n        v-if=\"props.component.revealable\"\n        type=\"button\"\n        variant=\"ghost\"\n        size=\"icon-sm\"\n        class=\"my-auto me-1\"\n        :aria-label=\"\n          revealed\n            ? t('form.hide_password', {}, 'Hide password')\n            : t('form.show_password', {}, 'Show password')\n        \"\n        @click=\"revealed = !revealed\"\n      >\n        <Icon\n          v-if=\"revealed\"\n          name=\"alfakit::forms.components.text-input.actions.hide-password\"\n          :fallback=\"EyeOffIcon\"\n        />\n        <Icon\n          v-else\n          name=\"alfakit::forms.components.text-input.actions.show-password\"\n          :fallback=\"EyeIcon\"\n        />\n      </Button>\n      <Button\n        v-if=\"props.component.copyable\"\n        type=\"button\"\n        variant=\"ghost\"\n        size=\"icon-sm\"\n        class=\"my-auto me-1\"\n        data-slot=\"copy-button\"\n        :aria-label=\"t('copy', {}, 'Copy')\"\n        @click=\"copy\"\n      >\n        <CheckIcon v-if=\"copied\" />\n        <Icon\n          v-else\n          name=\"alfakit::forms.components.text-input.actions.copy\"\n          :fallback=\"CopyIcon\"\n        />\n      </Button>\n    </div>\n    <Input\n      v-else\n      :id=\"id\"\n      :dir=\"dir\"\n      :name=\"props.component.name\"\n      :type=\"type\"\n      :model-value=\"value ?? ''\"\n      :placeholder=\"props.component.placeholder\"\n      :disabled=\"disabled\"\n      :readonly=\"props.component.readOnly\"\n      :required=\"props.component.required\"\n      :autofocus=\"props.component.autofocus\"\n      :minlength=\"props.component.minLength\"\n      :maxlength=\"props.component.maxLength\"\n      :min=\"props.component.min\"\n      :max=\"props.component.max\"\n      :step=\"props.component.step\"\n      :autocomplete=\"props.component.autocomplete\"\n      :inputmode=\"props.component.inputMode\"\n      :autocapitalize=\"props.component.autocapitalize\"\n      :list=\"listId\"\n      :aria-invalid=\"aria['aria-invalid']\"\n      :aria-describedby=\"aria['aria-describedby']\"\n      :aria-required=\"aria['aria-required']\"\n      v-bind=\"props.component.extraInputAttributes\"\n      @input=\"onMaskInput\"\n      @update:model-value=\"setValue($event)\"\n      @blur=\"blur\"\n    />\n    <span\n      v-if=\"props.component.copyable && copied\"\n      role=\"status\"\n      :class=\"cn('text-xs', !props.component.copyMessage && 'sr-only')\"\n    >\n      {{ props.component.copyMessage ?? t('copied', {}, 'Copied') }}\n    </span>\n    <datalist v-if=\"props.component.datalist\" :id=\"listId\">\n      <option v-for=\"option in props.component.datalist\" :key=\"option\" :value=\"option\" />\n    </datalist>\n  </FieldWrapper>\n</template>\n"],"mappings":""}
+{"version":3,"file":"TextInputField.js","names":["_sfc_main","TextInputField_vue_vue_type_script_setup_true_lang_default","TextInputField_default"],"sources":["../../../src/components/fields/TextInputField.vue"],"mappings":""}

package/dist/components/fields/TextInputField.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextInputField.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","FieldWrapper","_unref","_withCtx","_createElementBlock","_normalizeClass","_createVNode","Icon","_createTextVNode","_toDisplayString","_createCommentVNode","Input","_mergeProps","Button","_Fragment","_renderList","Icon_default","Button_default","Input_default","FieldWrapper_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","TextInputField_vue_vue_type_script_setup_true_lang_default","LTR_INPUT_TYPES","props","__props","useField","revealed","ref","copied","copiedTimer","copy","text","value","type","computed","hasAffixes","dir","listId","id","t","useT","onMaskInput","input","event","masked","applyMask","openBlock","createBlock","unref","error","withCtx","createElementBlock","normalizeClass","cn","createVNode","textColorClasses","createTextVNode","toDisplayString","createCommentVNode","mergeProps","disabled","aria","_cache","setValue","$event","blur","EyeOffIcon","EyeIcon","CheckIcon","CopyIcon","Fragment","renderList","option"],"sources":["../../../src/components/fields/TextInputField.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { applyMask, type TextInputSchema } from '@alfakit/core'\nimport { CheckIcon, CopyIcon, EyeIcon, EyeOffIcon } from '@lucide/vue'\nimport { computed, onBeforeUnmount, ref } from 'vue'\nimport { textColorClasses } from '../../lib/colors'\nimport { Icon } from '../../lib/icons'\nimport { cn } from '../../lib/utils'\nimport { useField } from '../form/form-context'\nimport FieldWrapper from '../schema/FieldWrapper.vue'\nimport Button from '../ui/Button.vue'\nimport Input from '../ui/Input.vue'\nimport { useT } from '../../context'\n\nconst LTR_INPUT_TYPES = new Set(['email', 'url', 'tel', 'password', 'number'])\n\nconst props = defineProps<{ component: TextInputSchema }>()\nconst { value, setValue, blur, error, id, disabled, aria } = useField<string | number | null>(\n  () => props.component,\n)\nconst revealed = ref(false)\nconst copied = ref(false)\nlet copiedTimer: ReturnType<typeof setTimeout> | undefined\n\nonBeforeUnmount(() => clearTimeout(copiedTimer))\n\n// `copyable()`: copy the current value; the confirmation stays for `copyMessageDuration`.\nconst copy = () => {\n  const text = value.value === null || value.value === undefined ? '' : String(value.value)\n\n  void navigator.clipboard?.writeText(text).then(() => {\n    copied.value = true\n    clearTimeout(copiedTimer)\n    copiedTimer = setTimeout(\n      () => (copied.value = false),\n      props.component.copyMessageDuration ?? 1500,\n    )\n  })\n}\n\nconst type = computed(() =>\n  props.component.inputType === 'password' && revealed.value ? 'text' : props.component.inputType,\n)\nconst hasAffixes = computed(() =>\n  Boolean(\n    props.component.prefix ||\n    props.component.suffix ||\n    props.component.prefixIcon ||\n    props.component.suffixIcon ||\n    props.component.revealable ||\n    props.component.copyable,\n  ),\n)\n// Addresses, numbers and passwords are always written left to right.\nconst dir = computed(() => (LTR_INPUT_TYPES.has(props.component.inputType) ? 'ltr' : 'auto'))\nconst listId = computed(() => (props.component.datalist ? `${id}-list` : undefined))\nconst t = useT()\n\n// `mask()`: reformat what was typed before the value is emitted (the DOM is corrected too,\n// since a rejected character leaves the model value unchanged).\nconst onMaskInput = (event: Event) => {\n  const input = event.target as HTMLInputElement\n  const masked = applyMask(input.value, props.component.mask)\n\n  if (masked !== input.value) input.value = masked\n}\n</script>\n\n<template>\n  <FieldWrapper :field=\"props.component\" :html-for=\"id\" :error=\"error\">\n    <div\n      v-if=\"hasAffixes\"\n      data-slot=\"input-group\"\n      :class=\"\n        cn(\n          'border-input dark:bg-input/30 has-[input:focus-visible]:border-ring has-[input:focus-visible]:ring-ring/50 flex h-9 w-full items-stretch overflow-hidden rounded-md border shadow-xs has-[input:focus-visible]:ring-[3px]',\n          error && 'border-destructive',\n        )\n      \"\n    >\n      <span\n        v-if=\"props.component.prefix || props.component.prefixIcon\"\n        class=\"text-muted-foreground bg-muted/50 flex items-center gap-1 border-e px-3 text-sm\"\n      >\n        <Icon\n          :name=\"props.component.prefixIcon\"\n          :class=\"\n            props.component.prefixIconColor && textColorClasses[props.component.prefixIconColor]\n          \"\n        />\n        {{ props.component.prefix }}\n      </span>\n      <Input\n        :id=\"id\"\n        :dir=\"dir\"\n        :name=\"props.component.name\"\n        :type=\"type\"\n        :model-value=\"value ?? ''\"\n        :placeholder=\"props.component.placeholder\"\n        :disabled=\"disabled\"\n        :readonly=\"props.component.readOnly\"\n        :required=\"props.component.required\"\n        :autofocus=\"props.component.autofocus\"\n        :minlength=\"props.component.minLength\"\n        :maxlength=\"props.component.maxLength\"\n        :min=\"props.component.min\"\n        :max=\"props.component.max\"\n        :step=\"props.component.step\"\n        :autocomplete=\"props.component.autocomplete\"\n        :inputmode=\"props.component.inputMode\"\n        :autocapitalize=\"props.component.autocapitalize\"\n        :list=\"listId\"\n        :aria-invalid=\"aria['aria-invalid']\"\n        :aria-describedby=\"aria['aria-describedby']\"\n        :aria-required=\"aria['aria-required']\"\n        class=\"h-full border-0 bg-transparent shadow-none focus-visible:ring-0 dark:bg-transparent\"\n        v-bind=\"props.component.extraInputAttributes\"\n        @input=\"onMaskInput\"\n        @update:model-value=\"setValue($event)\"\n        @blur=\"blur\"\n      />\n      <span\n        v-if=\"props.component.suffix || props.component.suffixIcon\"\n        class=\"text-muted-foreground bg-muted/50 flex items-center gap-1 border-s px-3 text-sm\"\n      >\n        {{ props.component.suffix }}\n        <Icon\n          :name=\"props.component.suffixIcon\"\n          :class=\"\n            props.component.suffixIconColor && textColorClasses[props.component.suffixIconColor]\n          \"\n        />\n      </span>\n      <Button\n        v-if=\"props.component.revealable\"\n        type=\"button\"\n        variant=\"ghost\"\n        size=\"icon-sm\"\n        class=\"my-auto me-1\"\n        :aria-label=\"\n          revealed\n            ? t('form.hide_password', {}, 'Hide password')\n            : t('form.show_password', {}, 'Show password')\n        \"\n        @click=\"revealed = !revealed\"\n      >\n        <Icon\n          v-if=\"revealed\"\n          name=\"alfakit::forms.components.text-input.actions.hide-password\"\n          :fallback=\"EyeOffIcon\"\n        />\n        <Icon\n          v-else\n          name=\"alfakit::forms.components.text-input.actions.show-password\"\n          :fallback=\"EyeIcon\"\n        />\n      </Button>\n      <Button\n        v-if=\"props.component.copyable\"\n        type=\"button\"\n        variant=\"ghost\"\n        size=\"icon-sm\"\n        class=\"my-auto me-1\"\n        data-slot=\"copy-button\"\n        :aria-label=\"t('copy', {}, 'Copy')\"\n        @click=\"copy\"\n      >\n        <CheckIcon v-if=\"copied\" />\n        <Icon\n          v-else\n          name=\"alfakit::forms.components.text-input.actions.copy\"\n          :fallback=\"CopyIcon\"\n        />\n      </Button>\n    </div>\n    <Input\n      v-else\n      :id=\"id\"\n      :dir=\"dir\"\n      :name=\"props.component.name\"\n      :type=\"type\"\n      :model-value=\"value ?? ''\"\n      :placeholder=\"props.component.placeholder\"\n      :disabled=\"disabled\"\n      :readonly=\"props.component.readOnly\"\n      :required=\"props.component.required\"\n      :autofocus=\"props.component.autofocus\"\n      :minlength=\"props.component.minLength\"\n      :maxlength=\"props.component.maxLength\"\n      :min=\"props.component.min\"\n      :max=\"props.component.max\"\n      :step=\"props.component.step\"\n      :autocomplete=\"props.component.autocomplete\"\n      :inputmode=\"props.component.inputMode\"\n      :autocapitalize=\"props.component.autocapitalize\"\n      :list=\"listId\"\n      :aria-invalid=\"aria['aria-invalid']\"\n      :aria-describedby=\"aria['aria-describedby']\"\n      :aria-required=\"aria['aria-required']\"\n      v-bind=\"props.component.extraInputAttributes\"\n      @input=\"onMaskInput\"\n      @update:model-value=\"setValue($event)\"\n      @blur=\"blur\"\n    />\n    <span\n      v-if=\"props.component.copyable && copied\"\n      role=\"status\"\n      :class=\"cn('text-xs', !props.component.copyMessage && 'sr-only')\"\n    >\n      {{ props.component.copyMessage ?? t('copied', {}, 'Copied') }}\n    </span>\n    <datalist v-if=\"props.component.datalist\" :id=\"listId\">\n      <option v-for=\"option in props.component.datalist\" :key=\"option\" :value=\"option\" />\n    </datalist>\n  </FieldWrapper>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;EAaA,IAAM0B,oBAAkB,IAAI,IAAI;GAAC;GAAS;GAAO;GAAO;GAAY;EAAQ,CAAC,GAEvEC,IAAQC,GACR,EAAE,UAAO,aAAU,SAAM,UAAO,OAAI,aAAU,YAASC,QACrDF,EAAM,SACd,GACMG,IAAWC,EAAI,EAAK,GACpBC,IAASD,EAAI,EAAK,GACpBE;EAEJ,QAAsB,aAAaA,CAAW,CAAC;EAG/C,IAAMC,UAAa;GACjB,IAAMC,IAAOC,EAAM,UAAU,QAAQA,EAAM,UAAU,KAAA,IAAY,KAAK,OAAOA,EAAM,KAAK;GAExF,UAAe,WAAW,UAAUD,CAAI,CAAC,CAAC,WAAW;IAGnD,AAFA,EAAO,QAAQ,IACf,aAAaF,CAAW,GACxB,IAAc,iBACL,EAAO,QAAQ,IACtBN,EAAM,UAAU,uBAAuB,IACzC;GACF,CAAC;EACH,GAEMU,IAAOC,QACXX,EAAM,UAAU,cAAc,cAAcG,EAAS,QAAQ,SAASH,EAAM,UAAU,SACxF,GACMY,IAAaD,QACjB,GACEX,EAAM,UAAU,UAChBA,EAAM,UAAU,UAChBA,EAAM,UAAU,cAChBA,EAAM,UAAU,cAChBA,EAAM,UAAU,cAChBA,EAAM,UAAU,SAEpB,GAEMa,IAAMF,QAAgBZ,EAAgB,IAAIC,EAAM,UAAU,SAAS,IAAI,QAAQ,MAAO,GACtFc,IAASH,QAAgBX,EAAM,UAAU,WAAW,GAAGe,EAAG,SAAS,KAAA,CAAU,GAC7EC,IAAIC,EAAK,GAITC,KAAe,MAAiB;GACpC,IAAMC,IAAQC,EAAM,QACdC,IAASC,EAAUH,EAAM,OAAOnB,EAAM,UAAU,IAAI;GAE1D,AAAIqB,MAAWF,EAAM,UAAO,EAAM,QAAQE;EAC5C;oBAIEhD,EAAA,GAAAC,EAiJeC,GAAA;GAjJA,OAAOyB,EAAM;GAAY,YAAUxB,EAAAuC,CAAA;GAAK,OAAOvC,EAAAkD,CAAA;;GAC5D,SAAAjD,QAwGM;IAvGEmC,EAAA,SADRvC,EAAA,GAAAK,EAwGM,OAAA;;KAtGJ,aAAU;KACT,OAAKC,EAAWH,EAAAsD,CAAA,CAAE,CAAA,6NAAmPtD,EAAAkD,CAAA,KAAK,oBAAA,CAAA;;KAQnQ1B,EAAM,UAAU,UAAUA,EAAM,UAAU,cADlD3B,EAAA,GAAAK,EAWO,QAXPgB,GAWO,CAPLd,EAKEJ,EAAAK,CAAA,GAAA;MAJC,MAAMmB,EAAM,UAAU;MACtB,OAAKrB,EAAeqB,EAAM,UAAU,mBAAmBxB,EAAAwD,CAAA,CAAgB,CAAChC,EAAM,UAAU,gBAAA;KAGzFlB,GAAAA,MAAAA,GAAAA,CAAAA,QAAAA,OAAAA,CAAAA,GAAAA,EAAA,MACFC,EAAGiB,EAAM,UAAU,MAAM,GAAA,CAAA,CAAA,CAAA,KAAAmC,EAAA,IAAA,EAAA;KAE3BvD,EA4BEK,GA5BFC,EA4BE;MA3BC,IAAIV,EAAAuC,CAAA;MACJ,KAAKF,EAAA;MACL,MAAMb,EAAM,UAAU;MACtB,MAAMU,EAAA;MACN,eAAalC,EAAAiC,CAAA,KAAK;MAClB,aAAaT,EAAM,UAAU;MAC7B,UAAUxB,EAAA6D,CAAA;MACV,UAAUrC,EAAM,UAAU;MAC1B,UAAUA,EAAM,UAAU;MAC1B,WAAWA,EAAM,UAAU;MAC3B,WAAWA,EAAM,UAAU;MAC3B,WAAWA,EAAM,UAAU;MAC3B,KAAKA,EAAM,UAAU;MACrB,KAAKA,EAAM,UAAU;MACrB,MAAMA,EAAM,UAAU;MACtB,cAAcA,EAAM,UAAU;MAC9B,WAAWA,EAAM,UAAU;MAC3B,gBAAgBA,EAAM,UAAU;MAChC,MAAMc,EAAA;MACN,gBAActC,EAAA8D,CAAA,CAAI,CAAA;MAClB,oBAAkB9D,EAAA8D,CAAA,CAAI,CAAA;MACtB,iBAAe9D,EAAA8D,CAAA,CAAI,CAAA;MACpB,OAAM;KACE,GAAAtC,EAAM,UAAU,sBAAoB;MAC3C,SAAOkB;MACP,uBAAkB,AAAAqB,EAAA,QAAA,MAAE/D,EAAAgE,CAAA,CAAQ,CAACC,CAAM;MACnC,QAAMjE,EAAAkE,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;KAGD1C,EAAM,UAAU,UAAUA,EAAM,UAAU,cADlD3B,EAAA,GAAAK,EAWO,QAXPiB,GAWO,CAPFb,EAAAC,EAAAiB,EAAM,UAAU,MAAM,IAAG,KAC5B,CAAA,GAAApB,EAKEJ,EAAAK,CAAA,GAAA;MAJC,MAAMmB,EAAM,UAAU;MACtB,OAAKrB,EAAeqB,EAAM,UAAU,mBAAmBxB,EAAAwD,CAAA,CAAgB,CAAChC,EAAM,UAAU,gBAAA;;KAMrFA,EAAM,UAAU,cADxB3B,EAAA,GAAAC,EAuBSa,GAAA;;MArBP,MAAK;MACL,SAAQ;MACR,MAAK;MACL,OAAM;MACL,cAAuBgB,EAAA,QAAuB3B,EAAAwC,CAAA,CAAC,CAAA,sBAAA,CAAA,GAAA,eAAA,IAA0DxC,EAAAwC,CAAA,CAAC,CAAA,sBAAA,CAAA,GAAA,eAAA;MAK1G,SAAK,AAAAuB,EAAA,QAAA,MAAE,EAAA,QAAQ,CAAIpC,EAAA;;MAEpB,SAAA1B,QAIE,CAHM0B,EAAA,SADR9B,EAAA,GAAAC,EAIEE,EAAAK,CAAA,GAAA;;OAFA,MAAK;OACJ,UAAUL,EAAAmE,CAAA;MAEbtE,GAAAA,MAAAA,GAAAA,CAAAA,UAAAA,CAAAA,MAAAA,EAAA,GAAAC,EAIEE,EAAAK,CAAA,GAAA;;OAFA,MAAK;OACJ,UAAUL,EAAAoE,CAAA;;;;KAIP5C,EAAM,UAAU,YADxB3B,EAAA,GAAAC,EAgBSa,GAAA;;MAdP,MAAK;MACL,SAAQ;MACR,MAAK;MACL,OAAM;MACN,aAAU;MACT,cAAYX,EAAAwC,CAAA,CAAC,CAAA,QAAA,CAAA,GAAA,MAAA;MACb,SAAOT;;MAER,SAAA9B,QAA2B,CAAV4B,EAAA,SAAjBhC,EAAA,GAAAC,EAA2BE,EAAAqE,CAAA,GAAA,EAAA,KAAA,EAAA,CAAA,MAC3BxE,EAAA,GAAAC,EAIEE,EAAAK,CAAA,GAAA;;OAFA,MAAK;OACJ,UAAUL,EAAAsE,CAAA;;;;IAIjBzE,GAAAA,CAAAA,MAAAA,EAAA,GAAAC,EA4BEW,GA5BFC,EA4BE;;KA1BC,IAAIV,EAAAuC,CAAA;KACJ,KAAKF,EAAA;KACL,MAAMb,EAAM,UAAU;KACtB,MAAMU,EAAA;KACN,eAAalC,EAAAiC,CAAA,KAAK;KAClB,aAAaT,EAAM,UAAU;KAC7B,UAAUxB,EAAA6D,CAAA;KACV,UAAUrC,EAAM,UAAU;KAC1B,UAAUA,EAAM,UAAU;KAC1B,WAAWA,EAAM,UAAU;KAC3B,WAAWA,EAAM,UAAU;KAC3B,WAAWA,EAAM,UAAU;KAC3B,KAAKA,EAAM,UAAU;KACrB,KAAKA,EAAM,UAAU;KACrB,MAAMA,EAAM,UAAU;KACtB,cAAcA,EAAM,UAAU;KAC9B,WAAWA,EAAM,UAAU;KAC3B,gBAAgBA,EAAM,UAAU;KAChC,MAAMc,EAAA;KACN,gBAActC,EAAA8D,CAAA,CAAI,CAAA;KAClB,oBAAkB9D,EAAA8D,CAAA,CAAI,CAAA;KACtB,iBAAe9D,EAAA8D,CAAA,CAAI,CAAA;IACZ,GAAAtC,EAAM,UAAU,sBAAoB;KAC3C,SAAOkB;KACP,uBAAkB,AAAAqB,EAAA,QAAA,MAAE/D,EAAAgE,CAAA,CAAQ,CAACC,CAAM;KACnC,QAAMjE,EAAAkE,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;IAGD1C,EAAM,UAAU,YAAYK,EAAA,SADpChC,EAAA,GAAAK,EAMO,QAAA;;KAJL,MAAK;KACJ,OAAKC,EAAEH,EAAAsD,CAAA,CAAE,CAAA,WAAA,CAAa9B,EAAM,UAAU,eAAW,SAAA,CAAA;IAE/C,GAAAjB,EAAAiB,EAAM,UAAU,eAAexB,EAAAwC,CAAA,CAAC,CAAA,UAAA,CAAA,GAAA,QAAA,CAAA,GAAA,CAAA,KAAAmB,EAAA,IAAA,EAAA;IAErBnC,EAAM,UAAU,YAAhC3B,EAAA,GAAAK,EAEW,YAAA;;KAFgC,IAAIoC,EAAA;IAC7CzC,GAAAA,EAAAA,EAAA,EAAA,GAAAK,EAAmFU,GAAA,MAAAC,EAA1DW,EAAM,UAAU,WAA1B,OAAf3B,EAAA,GAAAK,EAAmF,UAAA;KAA/B,KAAKuE;KAAS,OAAOA"}
+{"version":3,"file":"TextInputField.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","FieldWrapper","_unref","_withCtx","_createElementBlock","_normalizeClass","_createVNode","Icon","_createTextVNode","_toDisplayString","_createCommentVNode","Input","_mergeProps","Button","_Fragment","_renderList","Icon_default","Button_default","Input_default","FieldWrapper_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","TextInputField_vue_vue_type_script_setup_true_lang_default","LTR_INPUT_TYPES","props","__props","useField","revealed","ref","copied","copiedTimer","copy","text","value","type","computed","hasAffixes","dir","listId","id","t","useT","onMaskInput","input","event","masked","applyMask","openBlock","createBlock","unref","error","withCtx","createElementBlock","normalizeClass","cn","createVNode","textColorClasses","createTextVNode","toDisplayString","createCommentVNode","mergeProps","disabled","aria","_cache","setValue","$event","blur","EyeOffIcon","EyeIcon","CheckIcon","CopyIcon","Fragment","renderList","option"],"sources":["../../../src/components/fields/TextInputField.vue"],"mappings":"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"}

package/dist/components/fields/TextareaField.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextareaField.js","names":["_sfc_main","TextareaField_vue_vue_type_script_setup_true_lang_default","TextareaField_default"],"sources":["../../../src/components/fields/TextareaField.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { TextareaSchema } from '@alfakit/core'\nimport { useField } from '../form/form-context'\nimport FieldWrapper from '../schema/FieldWrapper.vue'\nimport Textarea from '../ui/Textarea.vue'\n\nconst props = defineProps<{ component: TextareaSchema }>()\nconst { value, setValue, blur, error, id, disabled, aria } = useField<string | null>(\n  () => props.component,\n)\n</script>\n\n<template>\n  <FieldWrapper :field=\"props.component\" :html-for=\"id\" :error=\"error\">\n    <Textarea\n      :id=\"id\"\n      dir=\"auto\"\n      :name=\"props.component.name\"\n      :model-value=\"value ?? ''\"\n      :placeholder=\"props.component.placeholder\"\n      :disabled=\"disabled\"\n      :readonly=\"props.component.readOnly\"\n      :required=\"props.component.required\"\n      :autofocus=\"props.component.autofocus\"\n      :rows=\"props.component.rows\"\n      :cols=\"props.component.cols\"\n      :minlength=\"props.component.minLength\"\n      :maxlength=\"props.component.maxLength\"\n      :aria-invalid=\"aria['aria-invalid']\"\n      :aria-describedby=\"aria['aria-describedby']\"\n      :aria-required=\"aria['aria-required']\"\n      :class=\"props.component.autosize ? 'field-sizing-content' : undefined\"\n      v-bind=\"props.component.extraInputAttributes\"\n      @update:model-value=\"setValue($event)\"\n      @blur=\"blur\"\n    />\n  </FieldWrapper>\n</template>\n"],"mappings":""}
+{"version":3,"file":"TextareaField.js","names":["_sfc_main","TextareaField_vue_vue_type_script_setup_true_lang_default","TextareaField_default"],"sources":["../../../src/components/fields/TextareaField.vue"],"mappings":""}

package/dist/components/fields/TextareaField.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextareaField.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","FieldWrapper","_unref","_withCtx","_createVNode","Textarea","_mergeProps","FieldWrapper_default","Textarea_default","TextareaField_vue_vue_type_script_setup_true_lang_default","props","__props","useField","openBlock","createBlock","unref","id","error","withCtx","createVNode","mergeProps","value","disabled","aria","_cache","setValue","$event","blur"],"sources":["../../../src/components/fields/TextareaField.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { TextareaSchema } from '@alfakit/core'\nimport { useField } from '../form/form-context'\nimport FieldWrapper from '../schema/FieldWrapper.vue'\nimport Textarea from '../ui/Textarea.vue'\n\nconst props = defineProps<{ component: TextareaSchema }>()\nconst { value, setValue, blur, error, id, disabled, aria } = useField<string | null>(\n  () => props.component,\n)\n</script>\n\n<template>\n  <FieldWrapper :field=\"props.component\" :html-for=\"id\" :error=\"error\">\n    <Textarea\n      :id=\"id\"\n      dir=\"auto\"\n      :name=\"props.component.name\"\n      :model-value=\"value ?? ''\"\n      :placeholder=\"props.component.placeholder\"\n      :disabled=\"disabled\"\n      :readonly=\"props.component.readOnly\"\n      :required=\"props.component.required\"\n      :autofocus=\"props.component.autofocus\"\n      :rows=\"props.component.rows\"\n      :cols=\"props.component.cols\"\n      :minlength=\"props.component.minLength\"\n      :maxlength=\"props.component.maxLength\"\n      :aria-invalid=\"aria['aria-invalid']\"\n      :aria-describedby=\"aria['aria-describedby']\"\n      :aria-required=\"aria['aria-required']\"\n      :class=\"props.component.autosize ? 'field-sizing-content' : undefined\"\n      v-bind=\"props.component.extraInputAttributes\"\n      @update:model-value=\"setValue($event)\"\n      @blur=\"blur\"\n    />\n  </FieldWrapper>\n</template>\n"],"mappings":";;;;;;;;;EAMA,IAAMW,IAAQC,GACR,EAAE,UAAO,aAAU,SAAM,UAAO,OAAI,aAAU,YAASC,QACrDF,EAAM,SACd;oBAIEX,EAAA,GAAAC,EAuBeC,GAAA;GAvBA,OAAOS,EAAM;GAAY,YAAUR,EAAAc,CAAA;GAAK,OAAOd,EAAAe,CAAA;;GAC5D,SAAAd,QAqBE,CArBFC,EAqBEC,GArBFC,EAqBE;IApBC,IAAIJ,EAAAc,CAAA;IACL,KAAI;IACH,MAAMN,EAAM,UAAU;IACtB,eAAaR,EAAAmB,CAAA,KAAK;IAClB,aAAaX,EAAM,UAAU;IAC7B,UAAUR,EAAAoB,CAAA;IACV,UAAUZ,EAAM,UAAU;IAC1B,UAAUA,EAAM,UAAU;IAC1B,WAAWA,EAAM,UAAU;IAC3B,MAAMA,EAAM,UAAU;IACtB,MAAMA,EAAM,UAAU;IACtB,WAAWA,EAAM,UAAU;IAC3B,WAAWA,EAAM,UAAU;IAC3B,gBAAcR,EAAAqB,CAAA,CAAI,CAAA;IAClB,oBAAkBrB,EAAAqB,CAAA,CAAI,CAAA;IACtB,iBAAerB,EAAAqB,CAAA,CAAI,CAAA;IACnB,OAAOb,EAAM,UAAU,WAAQ,yBAA4B,KAAA;GACpD,GAAAA,EAAM,UAAU,sBAAoB;IAC3C,uBAAkB,AAAAc,EAAA,QAAA,MAAEtB,EAAAuB,CAAA,CAAQ,CAACC,CAAM;IACnC,QAAMxB,EAAAyB,CAAA"}
+{"version":3,"file":"TextareaField.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","FieldWrapper","_unref","_withCtx","_createVNode","Textarea","_mergeProps","FieldWrapper_default","Textarea_default","TextareaField_vue_vue_type_script_setup_true_lang_default","props","__props","useField","openBlock","createBlock","unref","id","error","withCtx","createVNode","mergeProps","value","disabled","aria","_cache","setValue","$event","blur"],"sources":["../../../src/components/fields/TextareaField.vue"],"mappings":";;;;;;;;;EAMA,IAAMW,IAAQC,GACR,EAAE,UAAO,aAAU,SAAM,UAAO,OAAI,aAAU,YAASC,QACrDF,EAAM,SACd;oBAIEX,EAAA,GAAAC,EAuBeC,GAAA;GAvBA,OAAOS,EAAM;GAAY,YAAUR,EAAAc,CAAA;GAAK,OAAOd,EAAAe,CAAA;;GAC5D,SAAAd,QAqBE,CArBFC,EAqBEC,GArBFC,EAqBE;IApBC,IAAIJ,EAAAc,CAAA;IACL,KAAI;IACH,MAAMN,EAAM,UAAU;IACtB,eAAaR,EAAAmB,CAAA,KAAK;IAClB,aAAaX,EAAM,UAAU;IAC7B,UAAUR,EAAAoB,CAAA;IACV,UAAUZ,EAAM,UAAU;IAC1B,UAAUA,EAAM,UAAU;IAC1B,WAAWA,EAAM,UAAU;IAC3B,MAAMA,EAAM,UAAU;IACtB,MAAMA,EAAM,UAAU;IACtB,WAAWA,EAAM,UAAU;IAC3B,WAAWA,EAAM,UAAU;IAC3B,gBAAcR,EAAAqB,CAAA,CAAI,CAAA;IAClB,oBAAkBrB,EAAAqB,CAAA,CAAI,CAAA;IACtB,iBAAerB,EAAAqB,CAAA,CAAI,CAAA;IACnB,OAAOb,EAAM,UAAU,WAAQ,yBAA4B,KAAA;GACpD,GAAAA,EAAM,UAAU,sBAAoB;IAC3C,uBAAkB,AAAAc,EAAA,QAAA,MAAEtB,EAAAuB,CAAA,CAAQ,CAACC,CAAM;IACnC,QAAMxB,EAAAyB,CAAA"}

package/dist/components/fields/ToggleButtonsField.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleButtonsField.js","names":["_sfc_main","ToggleButtonsField_vue_vue_type_script_setup_true_lang_default","ToggleButtonsField_default"],"sources":["../../../src/components/fields/ToggleButtonsField.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ToggleButtonsSchema } from '@alfakit/core'\nimport {\n  fieldIds,\n  gridColumnsClasses,\n  isOptionGroup,\n  toggleButtonsNext,\n  toggleButtonsSelected,\n} from '@alfakit/core'\nimport { computed } from 'vue'\nimport { solidButtonColorClasses } from '../../lib/colors'\nimport { Icon } from '../../lib/icons'\nimport { cn } from '../../lib/utils'\nimport { useField } from '../form/form-context'\nimport FieldWrapper from '../schema/FieldWrapper.vue'\nimport TooltipProvider from '../ui/TooltipProvider.vue'\nimport OptionTooltip from './OptionTooltip.vue'\n\n/**\n * Buttons acting as a radio group (or, when `multiple`, a set of toggles). Each button\n * reports its state with `aria-pressed`; the selected one takes the option's colour.\n */\nconst props = defineProps<{ component: ToggleButtonsSchema }>()\nconst { value, setValue, error, id, disabled, readOnly, aria } = useField<unknown>(\n  () => props.component,\n)\nconst multiple = computed(() => Boolean(props.component.multiple))\nconst selected = computed(() => toggleButtonsSelected(value.value, multiple.value))\nconst locked = computed(() => disabled.value || readOnly.value)\nconst options = computed(() =>\n  props.component.options.flatMap((option) => (isOptionGroup(option) ? option.options : [option])),\n)\n\n/** `gridDirection('column')`: buttons flow down each column. Spelled out for Tailwind. */\nconst COLUMN_FLOW_CLASSES: Record<number, string> = {\n  2: 'md:columns-2',\n  3: 'md:columns-3',\n  4: 'md:columns-4',\n  5: 'md:columns-5',\n  6: 'md:columns-6',\n}\n// `columns()`: a grid of full-width buttons (inline and grouped layouts stay a row).\nconst grid = computed(\n  () =>\n    !props.component.inline && !props.component.grouped && (props.component.gridColumns ?? 0) > 1,\n)\nconst columnFlow = computed(() => grid.value && props.component.gridDirection === 'column')\n\n/** `size()`: height, padding and text of the buttons (medium is the default). */\nconst SIZE_CLASSES: Record<string, string> = {\n  xs: 'h-7 px-2 text-xs',\n  sm: 'h-8 px-2.5 text-sm',\n  md: 'h-9 px-3 text-sm',\n  lg: 'h-10 px-4 text-base',\n  xl: 'h-11 px-5 text-base',\n}\nconst fullWidth = computed(() => Boolean(props.component.fullWidth))\n// Any other `size()` string is a CSS class for the buttons.\nconst sizeClasses = computed(\n  () => SIZE_CLASSES[props.component.size ?? 'md'] ?? cn(SIZE_CLASSES.md, props.component.size),\n)\n</script>\n\n<template>\n  <FieldWrapper :field=\"props.component\" :html-for=\"id\" :error=\"error\">\n    <TooltipProvider>\n      <div\n        :id=\"id\"\n        role=\"group\"\n        data-slot=\"toggle-buttons\"\n        :aria-labelledby=\"props.component.label ? fieldIds(id).label : undefined\"\n        :aria-describedby=\"aria['aria-describedby']\"\n        :data-grid-direction=\"grid ? (props.component.gridDirection ?? 'row') : undefined\"\n        :class=\"\n          cn(\n            grid\n              ? columnFlow\n                ? cn(\n                    'gap-x-2 *:mb-2 *:w-full',\n                    COLUMN_FLOW_CLASSES[props.component.gridColumns ?? 1],\n                  )\n                : cn(\n                    'grid gap-2',\n                    gridColumnsClasses({ default: 1, md: props.component.gridColumns ?? 1 }),\n                  )\n              : 'flex gap-2',\n            !grid &&\n              (props.component.inline\n                ? 'flex-row flex-wrap'\n                : cn('flex-col', fullWidth ? 'items-stretch' : 'items-start')),\n            props.component.grouped &&\n              cn('gap-0 rounded-md shadow-xs', fullWidth ? 'w-full' : 'w-fit'),\n            fullWidth && 'w-full',\n          )\n        \"\n      >\n        <OptionTooltip\n          v-for=\"option in options\"\n          :key=\"option.value\"\n          :text=\"props.component.tooltips?.[option.value]\"\n        >\n          <button\n            type=\"button\"\n            :aria-pressed=\"selected.includes(option.value)\"\n            :aria-label=\"props.component.iconsOnly ? option.label : undefined\"\n            :title=\"props.component.iconsOnly ? option.label : undefined\"\n            :disabled=\"locked || option.disabled\"\n            :data-state=\"selected.includes(option.value) ? 'on' : 'off'\"\n            :class=\"\n              cn(\n                'focus-visible:border-ring focus-visible:ring-ring/50 inline-flex items-center justify-center gap-1.5 rounded-md border font-medium whitespace-nowrap transition-colors outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50',\n                sizeClasses,\n                fullWidth && props.component.inline && 'flex-1',\n                selected.includes(option.value)\n                  ? cn('border-transparent', solidButtonColorClasses[option.color ?? 'primary'])\n                  : 'bg-background hover:bg-accent hover:text-accent-foreground',\n                props.component.grouped &&\n                  'rounded-none shadow-none not-first:-ms-px first:rounded-s-md last:rounded-e-md focus-visible:z-10',\n                readOnly && 'disabled:opacity-100',\n              )\n            \"\n            @click=\"setValue(toggleButtonsNext(value, option.value, multiple))\"\n          >\n            <Icon v-if=\"option.icon\" :name=\"option.icon\" class=\"size-4\" />\n            <span v-if=\"!props.component.iconsOnly\">{{ option.label }}</span>\n          </button>\n        </OptionTooltip>\n      </div>\n    </TooltipProvider>\n  </FieldWrapper>\n</template>\n"],"mappings":""}
+{"version":3,"file":"ToggleButtonsField.js","names":["_sfc_main","ToggleButtonsField_vue_vue_type_script_setup_true_lang_default","ToggleButtonsField_default"],"sources":["../../../src/components/fields/ToggleButtonsField.vue"],"mappings":""}

package/dist/components/fields/ToggleButtonsField.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleButtonsField.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","FieldWrapper","_unref","_withCtx","_createVNode","TooltipProvider","_createElementVNode","_normalizeClass","_createElementBlock","_Fragment","_renderList","OptionTooltip","Icon","_createCommentVNode","_toDisplayString","Icon_default","FieldWrapper_default","TooltipProvider_default","OptionTooltip_default","_hoisted_1","_hoisted_2","_hoisted_3","ToggleButtonsField_vue_vue_type_script_setup_true_lang_default","props","__props","useField","multiple","computed","selected","toggleButtonsSelected","value","locked","disabled","readOnly","options","isOptionGroup","option","COLUMN_FLOW_CLASSES","grid","columnFlow","SIZE_CLASSES","fullWidth","sizeClasses","cn","openBlock","createBlock","unref","id","error","withCtx","createVNode","createElementVNode","fieldIds","aria","normalizeClass","gridColumnsClasses","createElementBlock","Fragment","renderList","solidButtonColorClasses","setValue","toggleButtonsNext","createCommentVNode","toDisplayString"],"sources":["../../../src/components/fields/ToggleButtonsField.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ToggleButtonsSchema } from '@alfakit/core'\nimport {\n  fieldIds,\n  gridColumnsClasses,\n  isOptionGroup,\n  toggleButtonsNext,\n  toggleButtonsSelected,\n} from '@alfakit/core'\nimport { computed } from 'vue'\nimport { solidButtonColorClasses } from '../../lib/colors'\nimport { Icon } from '../../lib/icons'\nimport { cn } from '../../lib/utils'\nimport { useField } from '../form/form-context'\nimport FieldWrapper from '../schema/FieldWrapper.vue'\nimport TooltipProvider from '../ui/TooltipProvider.vue'\nimport OptionTooltip from './OptionTooltip.vue'\n\n/**\n * Buttons acting as a radio group (or, when `multiple`, a set of toggles). Each button\n * reports its state with `aria-pressed`; the selected one takes the option's colour.\n */\nconst props = defineProps<{ component: ToggleButtonsSchema }>()\nconst { value, setValue, error, id, disabled, readOnly, aria } = useField<unknown>(\n  () => props.component,\n)\nconst multiple = computed(() => Boolean(props.component.multiple))\nconst selected = computed(() => toggleButtonsSelected(value.value, multiple.value))\nconst locked = computed(() => disabled.value || readOnly.value)\nconst options = computed(() =>\n  props.component.options.flatMap((option) => (isOptionGroup(option) ? option.options : [option])),\n)\n\n/** `gridDirection('column')`: buttons flow down each column. Spelled out for Tailwind. */\nconst COLUMN_FLOW_CLASSES: Record<number, string> = {\n  2: 'md:columns-2',\n  3: 'md:columns-3',\n  4: 'md:columns-4',\n  5: 'md:columns-5',\n  6: 'md:columns-6',\n}\n// `columns()`: a grid of full-width buttons (inline and grouped layouts stay a row).\nconst grid = computed(\n  () =>\n    !props.component.inline && !props.component.grouped && (props.component.gridColumns ?? 0) > 1,\n)\nconst columnFlow = computed(() => grid.value && props.component.gridDirection === 'column')\n\n/** `size()`: height, padding and text of the buttons (medium is the default). */\nconst SIZE_CLASSES: Record<string, string> = {\n  xs: 'h-7 px-2 text-xs',\n  sm: 'h-8 px-2.5 text-sm',\n  md: 'h-9 px-3 text-sm',\n  lg: 'h-10 px-4 text-base',\n  xl: 'h-11 px-5 text-base',\n}\nconst fullWidth = computed(() => Boolean(props.component.fullWidth))\n// Any other `size()` string is a CSS class for the buttons.\nconst sizeClasses = computed(\n  () => SIZE_CLASSES[props.component.size ?? 'md'] ?? cn(SIZE_CLASSES.md, props.component.size),\n)\n</script>\n\n<template>\n  <FieldWrapper :field=\"props.component\" :html-for=\"id\" :error=\"error\">\n    <TooltipProvider>\n      <div\n        :id=\"id\"\n        role=\"group\"\n        data-slot=\"toggle-buttons\"\n        :aria-labelledby=\"props.component.label ? fieldIds(id).label : undefined\"\n        :aria-describedby=\"aria['aria-describedby']\"\n        :data-grid-direction=\"grid ? (props.component.gridDirection ?? 'row') : undefined\"\n        :class=\"\n          cn(\n            grid\n              ? columnFlow\n                ? cn(\n                    'gap-x-2 *:mb-2 *:w-full',\n                    COLUMN_FLOW_CLASSES[props.component.gridColumns ?? 1],\n                  )\n                : cn(\n                    'grid gap-2',\n                    gridColumnsClasses({ default: 1, md: props.component.gridColumns ?? 1 }),\n                  )\n              : 'flex gap-2',\n            !grid &&\n              (props.component.inline\n                ? 'flex-row flex-wrap'\n                : cn('flex-col', fullWidth ? 'items-stretch' : 'items-start')),\n            props.component.grouped &&\n              cn('gap-0 rounded-md shadow-xs', fullWidth ? 'w-full' : 'w-fit'),\n            fullWidth && 'w-full',\n          )\n        \"\n      >\n        <OptionTooltip\n          v-for=\"option in options\"\n          :key=\"option.value\"\n          :text=\"props.component.tooltips?.[option.value]\"\n        >\n          <button\n            type=\"button\"\n            :aria-pressed=\"selected.includes(option.value)\"\n            :aria-label=\"props.component.iconsOnly ? option.label : undefined\"\n            :title=\"props.component.iconsOnly ? option.label : undefined\"\n            :disabled=\"locked || option.disabled\"\n            :data-state=\"selected.includes(option.value) ? 'on' : 'off'\"\n            :class=\"\n              cn(\n                'focus-visible:border-ring focus-visible:ring-ring/50 inline-flex items-center justify-center gap-1.5 rounded-md border font-medium whitespace-nowrap transition-colors outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50',\n                sizeClasses,\n                fullWidth && props.component.inline && 'flex-1',\n                selected.includes(option.value)\n                  ? cn('border-transparent', solidButtonColorClasses[option.color ?? 'primary'])\n                  : 'bg-background hover:bg-accent hover:text-accent-foreground',\n                props.component.grouped &&\n                  'rounded-none shadow-none not-first:-ms-px first:rounded-s-md last:rounded-e-md focus-visible:z-10',\n                readOnly && 'disabled:opacity-100',\n              )\n            \"\n            @click=\"setValue(toggleButtonsNext(value, option.value, multiple))\"\n          >\n            <Icon v-if=\"option.icon\" :name=\"option.icon\" class=\"size-4\" />\n            <span v-if=\"!props.component.iconsOnly\">{{ option.label }}</span>\n          </button>\n        </OptionTooltip>\n      </div>\n    </TooltipProvider>\n  </FieldWrapper>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;EAsBA,IAAMwB,IAAQC,GACR,EAAE,UAAO,aAAU,UAAO,OAAI,aAAU,aAAU,YAASC,QACzDF,EAAM,SACd,GACMG,IAAWC,QAAe,EAAQJ,EAAM,UAAU,QAAS,GAC3DK,IAAWD,QAAeE,EAAsBC,EAAM,OAAOJ,EAAS,KAAK,CAAC,GAC5EK,IAASJ,QAAeK,EAAS,SAASC,EAAS,KAAK,GACxDC,IAAUP,QACdJ,EAAM,UAAU,QAAQ,SAAS,MAAYY,EAAcC,CAAM,IAAIA,EAAO,UAAU,CAACA,CAAM,CAAE,CACjG,GAGMC,IAA8C;GAClD,GAAG;GACH,GAAG;GACH,GAAG;GACH,GAAG;GACH,GAAG;EACL,GAEMC,IAAOX,QAET,CAACJ,EAAM,UAAU,UAAU,CAACA,EAAM,UAAU,YAAYA,EAAM,UAAU,eAAe,KAAK,CAChG,GACMgB,IAAaZ,QAAeW,EAAK,SAASf,EAAM,UAAU,kBAAkB,QAAQ,GAGpFiB,IAAuC;GAC3C,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;EACN,GACMC,IAAYd,QAAe,EAAQJ,EAAM,UAAU,SAAU,GAE7DmB,IAAcf,QACZa,EAAajB,EAAM,UAAU,QAAQ,SAASoB,EAAGH,EAAa,IAAIjB,EAAM,UAAU,IAAI,CAC9F;oBAIExB,EAAA,GAAAC,EAiEeC,GAAA;GAjEA,OAAOsB,EAAM;GAAY,YAAUrB,EAAA6C,CAAA;GAAK,OAAO7C,EAAA8C,CAAA;;GAC5D,SAAA7C,QA+DkB,CA/DlBC,EA+DkBC,GAAA,MAAA;IA9DhB,SAAAF,QA6DM,CA7DNG,EA6DM,OAAA;KA5DH,IAAIJ,EAAA6C,CAAA;KACL,MAAK;KACL,aAAU;KACT,mBAAiBxB,EAAM,UAAU,QAAQrB,EAAAkD,CAAA,CAAQ,CAAClD,EAAA6C,CAAA,CAAE,CAAA,CAAE,QAAQ,KAAA;KAC9D,oBAAkB7C,EAAAmD,CAAA,CAAI,CAAA;KACtB,uBAAqBf,EAAA,QAAQf,EAAM,UAAU,iBAAa,QAAa,KAAA;KACvE,OAAKhB,EAAaL,EAAAyC,CAAA,CAAE,CAAcL,EAAA,QAAqBC,EAAA,QAA6BrC,EAAAyC,CAAA,CAAE,CAAA,2BAAqEN,EAAoBd,EAAM,UAAU,eAAW,EAAA,IAA8CrB,EAAAyC,CAAA,CAAE,CAAA,cAAwDzC,EAAAqD,CAAA,CAAkB,CAAA;MAAA,SAAA;MAAA,IAAmBhC,EAAM,UAAU,eAAW;KAAA,CAAA,CAAA,IAAA,cAAyE,CAAAe,EAAA,UAAuBf,EAAM,UAAU,SAAA,uBAAgErB,EAAAyC,CAAA,CAAE,CAAA,YAAaF,EAAA,QAAS,kBAAA,aAAA,IAAkDlB,EAAM,UAAU,WAAyBrB,EAAAyC,CAAA,CAAE,CAAA,8BAA+BF,EAAA,QAAS,WAAA,OAAA,GAAoCA,EAAA,SAAS,QAAA,CAAA;IAuB7uB1C,GAAAA,EAAAA,EAAA,EAAA,GAAAS,EA8BgBC,GAAA,MAAAC,EA7BGwB,EAAA,QAAV,OADTnC,EAAA,GAAAC,EA8BgBW,GAAA;KA5Bb,KAAKyB,EAAO;KACZ,MAAMb,EAAM,UAAU,WAAWa,EAAO;;KAEzC,SAAAjC,QAwBS,CAxBTG,EAwBS,UAAA;MAvBP,MAAK;MACJ,gBAAcsB,EAAA,MAAS,SAASQ,EAAO,KAAK;MAC5C,cAAYb,EAAM,UAAU,YAAYa,EAAO,QAAQ,KAAA;MACvD,OAAOb,EAAM,UAAU,YAAYa,EAAO,QAAQ,KAAA;MAClD,UAAUL,EAAA,SAAUK,EAAO;MAC3B,cAAYR,EAAA,MAAS,SAASQ,EAAO,KAAK,IAAA,OAAA;MAC1C,OAAK7B,EAAiBL,EAAAyC,CAAA,CAAE,CAAA,iQAAmSD,EAAA,OAA6BD,EAAA,SAAalB,EAAM,UAAU,UAAM,UAA8BK,EAAA,MAAS,SAASQ,EAAO,KAAK,IAAsBlC,EAAAyC,CAAA,CAAE,CAAA,sBAAuBzC,EAAAyD,CAAA,CAAuB,CAACvB,EAAO,SAAK,UAAA,IAAA,8DAAkHb,EAAM,UAAU,WAAA,qGAAkJrB,EAAA+B,CAAA,KAAQ,sBAAA,CAAA;MAatyB,UAAK,MAAE/B,EAAA0D,CAAA,CAAQ,CAAC1D,EAAA2D,CAAA,CAAiB,CAAC3D,EAAA4B,CAAA,GAAOM,EAAO,OAAOV,EAAA,KAAQ,CAAA;KAEpD,GAAA,CAAAU,EAAO,QAAnBrC,EAAA,GAAAC,EAA8DE,EAAAU,CAAA,GAAA;;MAApC,MAAMwB,EAAO;MAAM,OAAM;KACtC,GAAA,MAAA,GAAA,CAAA,MAAA,CAAA,KAAA0B,EAAA,IAAA,EAAA,GAAAvC,EAAM,UAAU,YAA0BuC,EAAA,IAAA,EAAA,KAAvD/D,EAAA,GAAAS,EAAiE,QAAAa,GAAAP,EAAtBsB,EAAO,KAAK,GAAA,CAAA,EAAA,GAAA,IAAAhB,CAAA,CAAA,CAAA"}
+{"version":3,"file":"ToggleButtonsField.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","FieldWrapper","_unref","_withCtx","_createVNode","TooltipProvider","_createElementVNode","_normalizeClass","_createElementBlock","_Fragment","_renderList","OptionTooltip","Icon","_createCommentVNode","_toDisplayString","Icon_default","FieldWrapper_default","TooltipProvider_default","OptionTooltip_default","_hoisted_1","_hoisted_2","_hoisted_3","ToggleButtonsField_vue_vue_type_script_setup_true_lang_default","props","__props","useField","multiple","computed","selected","toggleButtonsSelected","value","locked","disabled","readOnly","options","isOptionGroup","option","COLUMN_FLOW_CLASSES","grid","columnFlow","SIZE_CLASSES","fullWidth","sizeClasses","cn","openBlock","createBlock","unref","id","error","withCtx","createVNode","createElementVNode","fieldIds","aria","normalizeClass","gridColumnsClasses","createElementBlock","Fragment","renderList","solidButtonColorClasses","setValue","toggleButtonsNext","createCommentVNode","toDisplayString"],"sources":["../../../src/components/fields/ToggleButtonsField.vue"],"mappings":"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"}

package/dist/components/fields/ToggleField.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleField.js","names":["_sfc_main","ToggleField_vue_vue_type_script_setup_true_lang_default","ToggleField_default"],"sources":["../../../src/components/fields/ToggleField.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ToggleSchema } from '@alfakit/core'\nimport { computed } from 'vue'\nimport {\n  colorClass,\n  switchOffColorClasses,\n  switchOnColorClasses,\n  textColorClasses,\n} from '../../lib/colors'\nimport { Icon } from '../../lib/icons'\nimport { cn } from '../../lib/utils'\nimport { useField } from '../form/form-context'\nimport FieldWrapper from '../schema/FieldWrapper.vue'\nimport Switch from '../ui/Switch.vue'\n\nconst props = defineProps<{ component: ToggleSchema }>()\nconst { value, setValue, error, id, disabled, readOnly, aria } = useField<boolean | null>(\n  () => props.component,\n)\nconst on = computed(() => Boolean(value.value))\nconst icon = computed(() => (on.value ? props.component.onIcon : props.component.offIcon))\n</script>\n\n<template>\n  <FieldWrapper\n    :field=\"props.component\"\n    :html-for=\"id\"\n    :error=\"error\"\n    :inline=\"props.component.inline\"\n  >\n    <div class=\"flex items-center gap-2\">\n      <Switch\n        :id=\"id\"\n        :name=\"props.component.name\"\n        :model-value=\"on\"\n        :disabled=\"disabled || readOnly\"\n        :aria-readonly=\"readOnly || undefined\"\n        :aria-invalid=\"aria['aria-invalid']\"\n        :aria-describedby=\"aria['aria-describedby']\"\n        :aria-required=\"aria['aria-required']\"\n        :class=\"\n          cn(\n            props.component.onColor && colorClass(switchOnColorClasses, props.component.onColor),\n            props.component.offColor && colorClass(switchOffColorClasses, props.component.offColor),\n          )\n        \"\n        @update:model-value=\"setValue($event)\"\n      />\n      <Icon\n        v-if=\"icon\"\n        :name=\"icon\"\n        :class=\"\n          colorClass(\n            textColorClasses,\n            on ? props.component.onColor : props.component.offColor,\n            'gray',\n          )\n        \"\n      />\n    </div>\n  </FieldWrapper>\n</template>\n"],"mappings":""}
+{"version":3,"file":"ToggleField.js","names":["_sfc_main","ToggleField_vue_vue_type_script_setup_true_lang_default","ToggleField_default"],"sources":["../../../src/components/fields/ToggleField.vue"],"mappings":""}

package/dist/components/fields/ToggleField.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleField.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","FieldWrapper","_unref","_withCtx","_createElementVNode","_createVNode","Switch","_normalizeClass","Icon","_createCommentVNode","Icon_default","Switch_default","FieldWrapper_default","_hoisted_1","ToggleField_vue_vue_type_script_setup_true_lang_default","props","__props","useField","on","computed","value","icon","openBlock","createBlock","unref","id","error","withCtx","createElementVNode","createVNode","disabled","readOnly","aria","normalizeClass","cn","colorClass","switchOnColorClasses","switchOffColorClasses","_cache","setValue","$event","textColorClasses","createCommentVNode"],"sources":["../../../src/components/fields/ToggleField.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ToggleSchema } from '@alfakit/core'\nimport { computed } from 'vue'\nimport {\n  colorClass,\n  switchOffColorClasses,\n  switchOnColorClasses,\n  textColorClasses,\n} from '../../lib/colors'\nimport { Icon } from '../../lib/icons'\nimport { cn } from '../../lib/utils'\nimport { useField } from '../form/form-context'\nimport FieldWrapper from '../schema/FieldWrapper.vue'\nimport Switch from '../ui/Switch.vue'\n\nconst props = defineProps<{ component: ToggleSchema }>()\nconst { value, setValue, error, id, disabled, readOnly, aria } = useField<boolean | null>(\n  () => props.component,\n)\nconst on = computed(() => Boolean(value.value))\nconst icon = computed(() => (on.value ? props.component.onIcon : props.component.offIcon))\n</script>\n\n<template>\n  <FieldWrapper\n    :field=\"props.component\"\n    :html-for=\"id\"\n    :error=\"error\"\n    :inline=\"props.component.inline\"\n  >\n    <div class=\"flex items-center gap-2\">\n      <Switch\n        :id=\"id\"\n        :name=\"props.component.name\"\n        :model-value=\"on\"\n        :disabled=\"disabled || readOnly\"\n        :aria-readonly=\"readOnly || undefined\"\n        :aria-invalid=\"aria['aria-invalid']\"\n        :aria-describedby=\"aria['aria-describedby']\"\n        :aria-required=\"aria['aria-required']\"\n        :class=\"\n          cn(\n            props.component.onColor && colorClass(switchOnColorClasses, props.component.onColor),\n            props.component.offColor && colorClass(switchOffColorClasses, props.component.offColor),\n          )\n        \"\n        @update:model-value=\"setValue($event)\"\n      />\n      <Icon\n        v-if=\"icon\"\n        :name=\"icon\"\n        :class=\"\n          colorClass(\n            textColorClasses,\n            on ? props.component.onColor : props.component.offColor,\n            'gray',\n          )\n        \"\n      />\n    </div>\n  </FieldWrapper>\n</template>\n"],"mappings":";;;;;;;;;;;;EAeA,IAAMgB,IAAQC,GACR,EAAE,UAAO,aAAU,UAAO,OAAI,aAAU,aAAU,YAASC,QACzDF,EAAM,SACd,GACMG,IAAKC,QAAe,EAAQC,EAAM,KAAM,GACxCC,IAAOF,QAAgBD,EAAG,QAAQH,EAAM,UAAU,SAASA,EAAM,UAAU,OAAQ;oBAIvFhB,EAAA,GAAAC,EAoCeC,GAAA;GAnCZ,OAAOc,EAAM;GACb,YAAUb,EAAAuB,CAAA;GACV,OAAOvB,EAAAwB,CAAA;GACP,QAAQX,EAAM,UAAU;;GAEzB,SAAAZ,QA6BM,CA7BNC,EA6BM,OA7BNS,GA6BM,CA5BJR,EAgBEC,GAAA;IAfC,IAAIJ,EAAAuB,CAAA;IACJ,MAAMV,EAAM,UAAU;IACtB,eAAaG,EAAA;IACb,UAAUhB,EAAA4B,CAAA,KAAY5B,EAAA6B,CAAA;IACtB,iBAAe7B,EAAA6B,CAAA,KAAY,KAAA;IAC3B,gBAAc7B,EAAA8B,CAAA,CAAI,CAAA;IAClB,oBAAkB9B,EAAA8B,CAAA,CAAI,CAAA;IACtB,iBAAe9B,EAAA8B,CAAA,CAAI,CAAA;IACnB,OAAKzB,EAAaL,EAAAgC,CAAA,CAAE,CAAcnB,EAAM,UAAU,WAAWb,EAAAiC,CAAA,CAAU,CAACjC,EAAAkC,CAAA,GAAsBrB,EAAM,UAAU,OAAO,GAAeA,EAAM,UAAU,YAAYb,EAAAiC,CAAA,CAAU,CAACjC,EAAAmC,CAAA,GAAuBtB,EAAM,UAAU,QAAQ,CAAA,CAAA;IAM1N,uBAAkB,AAAAuB,EAAA,QAAA,MAAEpC,EAAAqC,CAAA,CAAQ,CAACC,CAAM;;;;;;;;;;;GAG9B,CAAA,GAAAnB,EAAA,SADRtB,EAAA,GAAAC,EAUEE,EAAAM,CAAA,GAAA;;IARC,MAAMa,EAAA;IACN,OAAKd,EAAaL,EAAAiC,CAAA,CAAU,CAAcjC,EAAAuC,CAAA,GAA8BvB,EAAA,QAAKH,EAAM,UAAU,UAAUA,EAAM,UAAU,UAAA,MAAA,CAAA"}
+{"version":3,"file":"ToggleField.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","FieldWrapper","_unref","_withCtx","_createElementVNode","_createVNode","Switch","_normalizeClass","Icon","_createCommentVNode","Icon_default","Switch_default","FieldWrapper_default","_hoisted_1","ToggleField_vue_vue_type_script_setup_true_lang_default","props","__props","useField","on","computed","value","icon","openBlock","createBlock","unref","id","error","withCtx","createElementVNode","createVNode","disabled","readOnly","aria","normalizeClass","cn","colorClass","switchOnColorClasses","switchOffColorClasses","_cache","setValue","$event","textColorClasses","createCommentVNode"],"sources":["../../../src/components/fields/ToggleField.vue"],"mappings":";;;;;;;;;;;;EAeA,IAAMgB,IAAQC,GACR,EAAE,UAAO,aAAU,UAAO,OAAI,aAAU,aAAU,YAASC,QACzDF,EAAM,SACd,GACMG,IAAKC,QAAe,EAAQC,EAAM,KAAM,GACxCC,IAAOF,QAAgBD,EAAG,QAAQH,EAAM,UAAU,SAASA,EAAM,UAAU,OAAQ;oBAIvFhB,EAAA,GAAAC,EAoCeC,GAAA;GAnCZ,OAAOc,EAAM;GACb,YAAUb,EAAAuB,CAAA;GACV,OAAOvB,EAAAwB,CAAA;GACP,QAAQX,EAAM,UAAU;;GAEzB,SAAAZ,QA6BM,CA7BNC,EA6BM,OA7BNS,GA6BM,CA5BJR,EAgBEC,GAAA;IAfC,IAAIJ,EAAAuB,CAAA;IACJ,MAAMV,EAAM,UAAU;IACtB,eAAaG,EAAA;IACb,UAAUhB,EAAA4B,CAAA,KAAY5B,EAAA6B,CAAA;IACtB,iBAAe7B,EAAA6B,CAAA,KAAY,KAAA;IAC3B,gBAAc7B,EAAA8B,CAAA,CAAI,CAAA;IAClB,oBAAkB9B,EAAA8B,CAAA,CAAI,CAAA;IACtB,iBAAe9B,EAAA8B,CAAA,CAAI,CAAA;IACnB,OAAKzB,EAAaL,EAAAgC,CAAA,CAAE,CAAcnB,EAAM,UAAU,WAAWb,EAAAiC,CAAA,CAAU,CAACjC,EAAAkC,CAAA,GAAsBrB,EAAM,UAAU,OAAO,GAAeA,EAAM,UAAU,YAAYb,EAAAiC,CAAA,CAAU,CAACjC,EAAAmC,CAAA,GAAuBtB,EAAM,UAAU,QAAQ,CAAA,CAAA;IAM1N,uBAAkB,AAAAuB,EAAA,QAAA,MAAEpC,EAAAqC,CAAA,CAAQ,CAACC,CAAM;;;;;;;;;;;GAG9B,CAAA,GAAAnB,EAAA,SADRtB,EAAA,GAAAC,EAUEE,EAAAM,CAAA,GAAA;;IARC,MAAMa,EAAA;IACN,OAAKd,EAAaL,EAAAiC,CAAA,CAAU,CAAcjC,EAAAuC,CAAA,GAA8BvB,EAAA,QAAKH,EAAM,UAAU,UAAUA,EAAM,UAAU,UAAA,MAAA,CAAA"}

package/dist/components/fields/code-editor-lazy.js.map

@@ -1 +1 @@
-{"version":3,"file":"code-editor-lazy.js","names":["CodeEditorPlaceholder","CodeEditorPlaceholder_default","CodeEditorField","lazyComponent","module"],"sources":["../../../src/components/fields/code-editor-lazy.ts"],"sourcesContent":["import { lazyComponent } from '../../lib/lazy'\nimport CodeEditorPlaceholder from './CodeEditorPlaceholder.vue'\n\n/** The code editor; its code loads the first time one is shown in the browser. */\nexport const CodeEditorField = lazyComponent(\n  'CodeEditorField',\n  () => import('./CodeEditorField.vue').then((module) => module.default),\n  CodeEditorPlaceholder,\n)\n"],"mappings":";;;AAIA,IAAaE,IAAkBC,EAC7B,yBACM,OAAO,uBAAwB,CAAC,MAAM,MAAWC,EAAO,OAAO,GACrEJ,CACF"}
+{"version":3,"file":"code-editor-lazy.js","names":["CodeEditorPlaceholder","CodeEditorPlaceholder_default","CodeEditorField","lazyComponent","module"],"sources":["../../../src/components/fields/code-editor-lazy.ts"],"mappings":";;;AAIA,IAAaE,IAAkBC,EAC7B,yBACM,OAAO,uBAAwB,CAAC,MAAM,MAAWC,EAAO,OAAO,GACrEJ,CACF"}

package/dist/components/fields/code-tokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"code-tokens.js","names":["codeTokenClasses"],"sources":["../../../src/components/fields/code-tokens.ts"],"sourcesContent":["import type { CodeTokenKind } from '@alfakit/core'\n\n/** Token colours; spelled out so Tailwind keeps them. */\nexport const codeTokenClasses: Record<CodeTokenKind, string> = {\n  plain: '',\n  comment: 'text-muted-foreground italic',\n  string: 'text-emerald-700 dark:text-emerald-400',\n  number: 'text-amber-700 dark:text-amber-400',\n  keyword: 'text-violet-700 dark:text-violet-400',\n  literal: 'text-orange-700 dark:text-orange-400',\n  tag: 'text-sky-700 dark:text-sky-400',\n  attribute: 'text-amber-800 dark:text-amber-300',\n  property: 'text-sky-800 dark:text-sky-300',\n  variable: 'text-rose-700 dark:text-rose-400',\n}\n"],"mappings":";AAGA,IAAaA,IAAkD;CAC7D,OAAO;CACP,SAAS;CACT,QAAQ;CACR,QAAQ;CACR,SAAS;CACT,SAAS;CACT,KAAK;CACL,WAAW;CACX,UAAU;CACV,UAAU;AACZ"}
+{"version":3,"file":"code-tokens.js","names":["codeTokenClasses"],"sources":["../../../src/components/fields/code-tokens.ts"],"mappings":";AAGA,IAAaA,IAAkD;CAC7D,OAAO;CACP,SAAS;CACT,QAAQ;CACR,QAAQ;CACR,SAAS;CACT,SAAS;CACT,KAAK;CACL,WAAW;CACX,UAAU;CACV,UAAU;AACZ"}

package/dist/components/fields/date-format.js.map

@@ -1 +1 @@
-{"version":3,"file":"date-format.js","names":["phpToDateFnsFormat","map","format","char"],"sources":["../../../src/components/fields/date-format.ts"],"sourcesContent":["/** Convert a PHP date format to a date-fns format string (common tokens only). */\nexport function phpToDateFnsFormat(format: string): string {\n  const map: Record<string, string> = {\n    d: 'dd',\n    j: 'd',\n    D: 'EEE',\n    l: 'EEEE',\n    m: 'MM',\n    n: 'M',\n    M: 'MMM',\n    F: 'MMMM',\n    Y: 'yyyy',\n    y: 'yy',\n    H: 'HH',\n    G: 'H',\n    h: 'hh',\n    g: 'h',\n    i: 'mm',\n    s: 'ss',\n    A: 'a',\n    a: 'aaa',\n    U: 't',\n  }\n\n  return format\n    .split('')\n    .map((char) => map[char] ?? (/[a-z]/i.test(char) ? `'${char}'` : char))\n    .join('')\n}\n"],"mappings":";AACA,SAAgBA,EAAmB,GAAwB;CACzD,IAAMC,IAA8B;EAClC,GAAG;EACH,GAAG;EACH,GAAG;EACH,GAAG;EACH,GAAG;EACH,GAAG;EACH,GAAG;EACH,GAAG;EACH,GAAG;EACH,GAAG;EACH,GAAG;EACH,GAAG;EACH,GAAG;EACH,GAAG;EACH,GAAG;EACH,GAAG;EACH,GAAG;EACH,GAAG;EACH,GAAG;CACL;CAEA,OAAOC,EACJ,MAAM,EAAE,CAAC,CACT,KAAK,MAASD,EAAIE,OAAU,SAAS,KAAKA,CAAI,IAAI,IAAIA,EAAK,KAAKA,EAAK,CAAC,CACtE,KAAK,EAAE;AACZ"}
+{"version":3,"file":"date-format.js","names":["phpToDateFnsFormat","map","format","char"],"sources":["../../../src/components/fields/date-format.ts"],"mappings":";AACA,SAAgBA,EAAmB,GAAwB;CACzD,IAAMC,IAA8B;EAClC,GAAG;EACH,GAAG;EACH,GAAG;EACH,GAAG;EACH,GAAG;EACH,GAAG;EACH,GAAG;EACH,GAAG;EACH,GAAG;EACH,GAAG;EACH,GAAG;EACH,GAAG;EACH,GAAG;EACH,GAAG;EACH,GAAG;EACH,GAAG;EACH,GAAG;EACH,GAAG;EACH,GAAG;CACL;CAEA,OAAOC,EACJ,MAAM,EAAE,CAAC,CACT,KAAK,MAASD,EAAIE,OAAU,SAAS,KAAKA,CAAI,IAAI,IAAIA,EAAK,KAAKA,EAAK,CAAC,CACtE,KAAK,EAAE;AACZ"}

package/dist/components/fields/icon-picker-lazy.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon-picker-lazy.js","names":["IconPickerPlaceholder","IconPickerPlaceholder_default","IconPickerField","lazyComponent","module"],"sources":["../../../src/components/fields/icon-picker-lazy.ts"],"sourcesContent":["import { lazyComponent } from '../../lib/lazy'\nimport IconPickerPlaceholder from './IconPickerPlaceholder.vue'\n\n/** The icon picker; its code loads the first time one is shown in the browser. */\nexport const IconPickerField = lazyComponent(\n  'IconPickerField',\n  () => import('./IconPickerField.vue').then((module) => module.default),\n  IconPickerPlaceholder,\n)\n"],"mappings":";;;AAIA,IAAaE,IAAkBC,EAC7B,yBACM,OAAO,uBAAwB,CAAC,MAAM,MAAWC,EAAO,OAAO,GACrEJ,CACF"}
+{"version":3,"file":"icon-picker-lazy.js","names":["IconPickerPlaceholder","IconPickerPlaceholder_default","IconPickerField","lazyComponent","module"],"sources":["../../../src/components/fields/icon-picker-lazy.ts"],"mappings":";;;AAIA,IAAaE,IAAkBC,EAC7B,yBACM,OAAO,uBAAwB,CAAC,MAAM,MAAWC,EAAO,OAAO,GACrEJ,CACF"}

package/dist/components/fields/icon-picker-sizes.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon-picker-sizes.js","names":["ICON_PICKER_SIZES"],"sources":["../../../src/components/fields/icon-picker-sizes.ts"],"sourcesContent":["/** Icon sizes per `previewSize()`: the drawn icon and its grid cell. */\nexport const ICON_PICKER_SIZES = {\n  sm: { icon: 'size-4', cell: 'h-8' },\n  md: { icon: 'size-5', cell: 'h-10' },\n  lg: { icon: 'size-6', cell: 'h-12' },\n} as const\n"],"mappings":";AACA,IAAaA,IAAoB;CAC/B,IAAI;EAAE,MAAM;EAAU,MAAM;CAAM;CAClC,IAAI;EAAE,MAAM;EAAU,MAAM;CAAO;CACnC,IAAI;EAAE,MAAM;EAAU,MAAM;CAAO;AACrC"}
+{"version":3,"file":"icon-picker-sizes.js","names":["ICON_PICKER_SIZES"],"sources":["../../../src/components/fields/icon-picker-sizes.ts"],"mappings":";AACA,IAAaA,IAAoB;CAC/B,IAAI;EAAE,MAAM;EAAU,MAAM;CAAM;CAClC,IAAI;EAAE,MAAM;EAAU,MAAM;CAAO;CACnC,IAAI;EAAE,MAAM;EAAU,MAAM;CAAO;AACrC"}

package/dist/components/fields/item-actions.js.map

@@ -1 +1 @@
-{"version":3,"file":"item-actions.js","names":["useItemActionFallbacks","t","useT","itemActionIcon","kind","useRunItemAction","runner","useActionRunner","action","itemActionContext","toValue","context","args","onClient","useItemMoves","tracker","ItemMoveTracker","announcement","ref","container","watch","value","nextTick","total","count","to","from","label","labelFor","move"],"sources":["../../../src/components/fields/item-actions.ts"],"sourcesContent":["import type {\n  ActionContext,\n  ItemActionFallback,\n  ItemActionName,\n  ItemActionSchema,\n} from '@alfakit/core'\nimport { ItemMoveTracker, itemActionContext, itemActionIcon } from '@alfakit/core'\nimport { nextTick, ref, toValue, watch, type MaybeRefOrGetter } from 'vue'\nimport { useActionRunner, useT } from '../../context'\n\n/** Default looks of the built-in item actions, for payloads without `itemActions` (icons follow their `alfakit::` aliases). */\nexport function useItemActionFallbacks(\n  kind: 'repeater' | 'builder' = 'repeater',\n): Record<ItemActionName, ItemActionFallback> {\n  const t = useT()\n\n  return {\n    add: { label: '', icon: 'plus', variant: 'outline' },\n    delete: {\n      label: t('form.remove_item', {}, 'Remove'),\n      icon: itemActionIcon(kind, 'delete', 'trash-2'),\n      color: 'danger',\n    },\n    clone: { label: t('form.clone', {}, 'Clone'), icon: itemActionIcon(kind, 'clone', 'copy') },\n    reorder: {\n      label: t('form.reorder_item', {}, 'Reorder'),\n      icon: itemActionIcon(kind, 'reorder', 'grip-vertical'),\n    },\n    moveUp: {\n      label: t('form.move_up', {}, 'Move up'),\n      icon: itemActionIcon(kind, 'move-up', 'chevron-up'),\n    },\n    moveDown: {\n      label: t('form.move_down', {}, 'Move down'),\n      icon: itemActionIcon(kind, 'move-down', 'chevron-down'),\n    },\n    collapse: {\n      label: t('form.collapse_item', {}, 'Collapse'),\n      icon: itemActionIcon(kind, 'collapse', 'chevron-up'),\n    },\n    expand: {\n      label: t('form.expand_item', {}, 'Expand'),\n      icon: itemActionIcon(kind, 'expand', 'chevron-down'),\n    },\n    collapseAll: {\n      label: t('form.collapse_all', {}, 'Collapse all'),\n      icon: 'chevrons-down-up',\n      variant: 'link',\n    },\n    expandAll: {\n      label: t('form.expand_all', {}, 'Expand all'),\n      icon: 'chevrons-up-down',\n      variant: 'link',\n    },\n  }\n}\n\n/** Run a built-in action: on the server when customised, else `onClient`. */\nexport function useRunItemAction(context: MaybeRefOrGetter<ActionContext>) {\n  const runner = useActionRunner()\n\n  return (\n    action: ItemActionSchema | null,\n    args: Record<string, unknown>,\n    onClient: () => void,\n  ): void => {\n    if (!action) return\n    if (action.server) void runner.trigger(action, itemActionContext(toValue(context), args))\n    else onClient()\n  }\n}\n\n/**\n * Moves made with the item move buttons: one at a time, announced in a live region\n * (`announcement`) and with focus kept on the moved item's move button. Put `container` on\n * an element holding the items (they carry `data-index`).\n */\nexport function useItemMoves(\n  value: MaybeRefOrGetter<unknown>,\n  move: (from: number, to: number) => void,\n  labelFor: (index: number) => string | null | undefined,\n  count: MaybeRefOrGetter<number>,\n) {\n  const t = useT()\n  const tracker = new ItemMoveTracker()\n  const announcement = ref('')\n  const container = ref<HTMLElement | null>(null)\n\n  watch(\n    () => toValue(value),\n    () => {\n      if (tracker.isMoving) void nextTick(() => tracker.finish(container.value))\n    },\n  )\n\n  const moveWithButton = (from: number, to: number) => {\n    const total = toValue(count)\n\n    if (to < 0 || to >= total || !tracker.begin(from, to)) return\n\n    const label = labelFor(from)\n\n    move(from, to)\n    announcement.value = label\n      ? t(\n          'form.labelled_item_moved',\n          { item: label, position: to + 1, total },\n          ':item moved to position :position of :total',\n        )\n      : t(\n          'form.item_moved',\n          { position: to + 1, total },\n          'Item moved to position :position of :total',\n        )\n  }\n\n  return { moveWithButton, announcement, container }\n}\n"],"mappings":";;;;AAWA,SAAgBA,EACd,IAA+B,YACa;CAC5C,IAAMC,IAAIC,EAAK;CAEf,OAAO;EACL,KAAK;GAAE,OAAO;GAAI,MAAM;GAAQ,SAAS;EAAU;EACnD,QAAQ;GACN,OAAOD,EAAE,oBAAoB,CAAC,GAAG,QAAQ;GACzC,MAAME,EAAeC,GAAM,UAAU,SAAS;GAC9C,OAAO;EACT;EACA,OAAO;GAAE,OAAOH,EAAE,cAAc,CAAC,GAAG,OAAO;GAAG,MAAME,EAAeC,GAAM,SAAS,MAAM;EAAE;EAC1F,SAAS;GACP,OAAOH,EAAE,qBAAqB,CAAC,GAAG,SAAS;GAC3C,MAAME,EAAeC,GAAM,WAAW,eAAe;EACvD;EACA,QAAQ;GACN,OAAOH,EAAE,gBAAgB,CAAC,GAAG,SAAS;GACtC,MAAME,EAAeC,GAAM,WAAW,YAAY;EACpD;EACA,UAAU;GACR,OAAOH,EAAE,kBAAkB,CAAC,GAAG,WAAW;GAC1C,MAAME,EAAeC,GAAM,aAAa,cAAc;EACxD;EACA,UAAU;GACR,OAAOH,EAAE,sBAAsB,CAAC,GAAG,UAAU;GAC7C,MAAME,EAAeC,GAAM,YAAY,YAAY;EACrD;EACA,QAAQ;GACN,OAAOH,EAAE,oBAAoB,CAAC,GAAG,QAAQ;GACzC,MAAME,EAAeC,GAAM,UAAU,cAAc;EACrD;EACA,aAAa;GACX,OAAOH,EAAE,qBAAqB,CAAC,GAAG,cAAc;GAChD,MAAM;GACN,SAAS;EACX;EACA,WAAW;GACT,OAAOA,EAAE,mBAAmB,CAAC,GAAG,YAAY;GAC5C,MAAM;GACN,SAAS;EACX;CACF;AACF;AAGA,SAAgBI,EAAiB,GAA0C;CACzE,IAAMC,IAASC,EAAgB;CAE/B,QACE,GACA,GACA,MACS;EACT,AAAKC,MACDA,EAAO,SAAQF,EAAY,QAAQE,GAAQC,EAAkBC,EAAQC,CAAO,GAAGC,CAAI,CAAC,IACnFC,EAAS;CAChB;AACF;AAOA,SAAgBC,EACd,GACA,GACA,GACA,GACA;CACA,IAAMb,IAAIC,EAAK,GACTa,IAAU,IAAIC,EAAgB,GAC9BC,IAAeC,EAAI,EAAE,GACrBC,IAAYD,EAAwB,IAAI;CA8B9C,OA5BAE,QACQV,EAAQW,CAAK,SACb;EACJ,AAAIN,EAAQ,YAAUO,QAAoBP,EAAQ,OAAOI,EAAU,KAAK,CAAC;CAC3E,CACF,GAuBO;EAAE,iBArBe,GAAc,MAAe;GACnD,IAAMI,IAAQb,EAAQc,CAAK;GAE3B,IAAIC,IAAK,KAAKA,KAAMF,KAAS,CAACR,EAAQ,MAAMW,GAAMD,CAAE,GAAG;GAEvD,IAAME,IAAQC,EAASF,CAAI;GAG3B,AADAG,EAAKH,GAAMD,CAAE,GACb,EAAa,QAAQE,IACjB1B,EACE,4BACA;IAAE,MAAM0B;IAAO,UAAUF,IAAK;IAAG;GAAM,GACvC,6CACF,IACAxB,EACE,mBACA;IAAE,UAAUwB,IAAK;IAAG;GAAM,GAC1B,4CACF;EACN;EAEyB;EAAc;CAAU;AACnD"}
+{"version":3,"file":"item-actions.js","names":["useItemActionFallbacks","t","useT","itemActionIcon","kind","useRunItemAction","runner","useActionRunner","action","itemActionContext","toValue","context","args","onClient","useItemMoves","tracker","ItemMoveTracker","announcement","ref","container","watch","value","nextTick","total","count","to","from","label","labelFor","move"],"sources":["../../../src/components/fields/item-actions.ts"],"mappings":";;;;AAWA,SAAgBA,EACd,IAA+B,YACa;CAC5C,IAAMC,IAAIC,EAAK;CAEf,OAAO;EACL,KAAK;GAAE,OAAO;GAAI,MAAM;GAAQ,SAAS;EAAU;EACnD,QAAQ;GACN,OAAOD,EAAE,oBAAoB,CAAC,GAAG,QAAQ;GACzC,MAAME,EAAeC,GAAM,UAAU,SAAS;GAC9C,OAAO;EACT;EACA,OAAO;GAAE,OAAOH,EAAE,cAAc,CAAC,GAAG,OAAO;GAAG,MAAME,EAAeC,GAAM,SAAS,MAAM;EAAE;EAC1F,SAAS;GACP,OAAOH,EAAE,qBAAqB,CAAC,GAAG,SAAS;GAC3C,MAAME,EAAeC,GAAM,WAAW,eAAe;EACvD;EACA,QAAQ;GACN,OAAOH,EAAE,gBAAgB,CAAC,GAAG,SAAS;GACtC,MAAME,EAAeC,GAAM,WAAW,YAAY;EACpD;EACA,UAAU;GACR,OAAOH,EAAE,kBAAkB,CAAC,GAAG,WAAW;GAC1C,MAAME,EAAeC,GAAM,aAAa,cAAc;EACxD;EACA,UAAU;GACR,OAAOH,EAAE,sBAAsB,CAAC,GAAG,UAAU;GAC7C,MAAME,EAAeC,GAAM,YAAY,YAAY;EACrD;EACA,QAAQ;GACN,OAAOH,EAAE,oBAAoB,CAAC,GAAG,QAAQ;GACzC,MAAME,EAAeC,GAAM,UAAU,cAAc;EACrD;EACA,aAAa;GACX,OAAOH,EAAE,qBAAqB,CAAC,GAAG,cAAc;GAChD,MAAM;GACN,SAAS;EACX;EACA,WAAW;GACT,OAAOA,EAAE,mBAAmB,CAAC,GAAG,YAAY;GAC5C,MAAM;GACN,SAAS;EACX;CACF;AACF;AAGA,SAAgBI,EAAiB,GAA0C;CACzE,IAAMC,IAASC,EAAgB;CAE/B,QACE,GACA,GACA,MACS;EACT,AAAKC,MACDA,EAAO,SAAQF,EAAY,QAAQE,GAAQC,EAAkBC,EAAQC,CAAO,GAAGC,CAAI,CAAC,IACnFC,EAAS;CAChB;AACF;AAOA,SAAgBC,EACd,GACA,GACA,GACA,GACA;CACA,IAAMb,IAAIC,EAAK,GACTa,IAAU,IAAIC,EAAgB,GAC9BC,IAAeC,EAAI,EAAE,GACrBC,IAAYD,EAAwB,IAAI;CA8B9C,OA5BAE,QACQV,EAAQW,CAAK,SACb;EACJ,AAAIN,EAAQ,YAAUO,QAAoBP,EAAQ,OAAOI,EAAU,KAAK,CAAC;CAC3E,CACF,GAuBO;EAAE,iBArBe,GAAc,MAAe;GACnD,IAAMI,IAAQb,EAAQc,CAAK;GAE3B,IAAIC,IAAK,KAAKA,KAAMF,KAAS,CAACR,EAAQ,MAAMW,GAAMD,CAAE,GAAG;GAEvD,IAAME,IAAQC,EAASF,CAAI;GAG3B,AADAG,EAAKH,GAAMD,CAAE,GACb,EAAa,QAAQE,IACjB1B,EACE,4BACA;IAAE,MAAM0B;IAAO,UAAUF,IAAK;IAAG;GAAM,GACvC,6CACF,IACAxB,EACE,mBACA;IAAE,UAAUwB,IAAK;IAAG;GAAM,GAC1B,4CACF;EACN;EAEyB;EAAc;CAAU;AACnD"}

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

@@ -1 +1 @@
-{"version":3,"file":"lazy-fields.js","names":["FieldPlaceholder","FieldPlaceholder_default","ModalTableSelectField","lazyComponent","module","QueryBuilderRulesField","defineComponent","h","attrs"],"sources":["../../../src/components/fields/lazy-fields.ts"],"sourcesContent":["import { defineComponent, h } from 'vue'\nimport { lazyComponent } from '../../lib/lazy'\nimport FieldPlaceholder from './FieldPlaceholder.vue'\n\n/** `ModalTableSelect`; its code (the picker's table) loads the first time one is shown. */\nexport const ModalTableSelectField = lazyComponent(\n  'ModalTableSelectField',\n  () => import('./ModalTableSelectField.vue').then((module) => module.default),\n  FieldPlaceholder,\n)\n\n/** The query builder filter's rules; its code loads the first time one is shown. */\nexport const QueryBuilderRulesField = lazyComponent(\n  'QueryBuilderRulesField',\n  () => import('./QueryBuilderRulesField.vue').then((module) => module.default),\n  defineComponent({\n    name: 'QueryBuilderRulesPlaceholder',\n    inheritAttrs: false,\n    setup:\n      (_, { attrs }) =>\n      () =>\n        h(FieldPlaceholder, { component: attrs.component as object, height: 'h-24' }),\n  }),\n)\n"],"mappings":";;;;AAKA,IAAaE,IAAwBC,EACnC,+BACM,OAAO,6BAA8B,CAAC,MAAM,MAAWC,EAAO,OAAO,GAC3EJ,CACF,GAGaK,IAAyBF,EACpC,gCACM,OAAO,8BAA+B,CAAC,MAAM,MAAWC,EAAO,OAAO,GAC5EE,EAAgB;CACd,MAAM;CACN,cAAc;CACd,QACG,GAAG,EAAE,qBAEJC,EAAEP,GAAkB;EAAE,WAAWQ,EAAM;EAAqB,QAAQ;CAAO,CAAC;AAClF,CAAC,CACH"}
+{"version":3,"file":"lazy-fields.js","names":["FieldPlaceholder","FieldPlaceholder_default","ModalTableSelectField","lazyComponent","module","QueryBuilderRulesField","defineComponent","h","attrs"],"sources":["../../../src/components/fields/lazy-fields.ts"],"mappings":";;;;AAKA,IAAaE,IAAwBC,EACnC,+BACM,OAAO,6BAA8B,CAAC,MAAM,MAAWC,EAAO,OAAO,GAC3EJ,CACF,GAGaK,IAAyBF,EACpC,gCACM,OAAO,8BAA+B,CAAC,MAAM,MAAWC,EAAO,OAAO,GAC5EE,EAAgB;CACd,MAAM;CACN,cAAc;CACd,QACG,GAAG,EAAE,qBAEJC,EAAEP,GAAkB;EAAE,WAAWQ,EAAM;EAAqB,QAAQ;CAAO,CAAC;AAClF,CAAC,CACH"}

package/dist/components/fields/rich-editor-extensions.js.map

@@ -1 +1 @@
-{"version":3,"file":"rich-editor-extensions.js","names":["useRichEditorExtensions","t","useT","form","useOptionalFormStore","page","usePageActionContext","runner","useActionRunner","context","computed","fieldActionContext","component","remote","RichEditorRemote","suggestions","EditorSuggestions","trigger","query","runBlock","block","candidate","id","result","config","isCustomBlockResult","Node","mentionNodeConfig","mergeTagNodeConfig","customBlockNodeConfig","instance","editor","pos"],"sources":["../../../src/components/fields/rich-editor-extensions.ts"],"sourcesContent":["import type { ActionContext, RichEditorSchema } from '@alfakit/core'\nimport {\n  customBlockNodeConfig,\n  EditorSuggestions,\n  fieldActionContext,\n  isCustomBlockResult,\n  mentionNodeConfig,\n  mergeTagNodeConfig,\n  RichEditorRemote,\n} from '@alfakit/core'\nimport { Node, type Editor, type Extensions } from '@tiptap/vue-3'\nimport { computed, onBeforeUnmount, type ComputedRef, type ShallowRef } from 'vue'\nimport { useActionRunner, useT } from '../../context'\nimport { usePageActionContext } from '../actions/action-context'\nimport { useOptionalFormStore } from '../form/form-context'\n\ntype NodeConfig = Parameters<typeof Node.create>[0]\n\nexport interface RichEditorExtensions {\n  extensions: Extensions\n  suggestions: EditorSuggestions\n  /** Insert a custom block (opening its modal first when it has a form). */\n  insertBlock: (id: string) => Promise<void>\n  context: ComputedRef<ActionContext>\n}\n\n/**\n * Mentions, merge tags and custom blocks for a RichEditor. `editor` is the live editor the\n * custom block node views and suggestions act on.\n */\nexport function useRichEditorExtensions(\n  component: () => RichEditorSchema,\n  editor: ShallowRef<Editor | undefined>,\n): RichEditorExtensions {\n  const t = useT()\n  const form = useOptionalFormStore()\n  const page = usePageActionContext()\n  const runner = useActionRunner()\n  const context = computed(() =>\n    fieldActionContext({ token: page.token, form, key: component().key }),\n  )\n  const remote = new RichEditorRemote(form, component().statePath)\n  const suggestions = new EditorSuggestions({\n    mentions: component().mentions ?? [],\n    mergeTags: component().mergeTags ?? [],\n    search: (trigger, query) => remote.searchMentions(trigger, query),\n  })\n\n  onBeforeUnmount(() => suggestions.destroy())\n\n  const runBlock = async (id: string, config?: Record<string, unknown>) => {\n    const block = component().customBlocks?.find((candidate) => candidate.id === id)\n\n    if (!block) return null\n\n    const result = await runner.runField(block.action, {\n      ...context.value,\n      arguments: config ? { config, editing: true } : {},\n    })\n\n    if (!isCustomBlockResult(result)) return null\n\n    if (result.preview !== undefined) {\n      remote.primePreview(result.id, result.config, result.preview, result.prose === true)\n    }\n\n    return result\n  }\n\n  const extensions: Extensions = [\n    Node.create(mentionNodeConfig() as NodeConfig),\n    Node.create(mergeTagNodeConfig() as NodeConfig),\n    Node.create(\n      customBlockNodeConfig({\n        get blocks() {\n          return component().customBlocks ?? []\n        },\n        loadPreview: (id, config) => remote.loadPreview(id, config),\n        onEdit: ({ id, config, pos }) => {\n          void runBlock(id, config).then((result) => {\n            const instance = editor.value\n\n            if (!result || !instance || instance.isDestroyed) return\n\n            instance.view.dispatch(\n              instance.state.tr.setNodeMarkup(pos, undefined, { id, config: result.config }),\n            )\n          })\n        },\n        labels: {\n          edit: t('editor.edit_block', {}, 'Edit block'),\n          remove: t('editor.remove_block', {}, 'Remove block'),\n        },\n        minimal: Boolean(component().minimalCustomBlockControls),\n      }) as NodeConfig,\n    ),\n  ]\n\n  const insertBlock = async (id: string) => {\n    const result = await runBlock(id)\n    const instance = editor.value\n\n    if (!result || !instance || instance.isDestroyed) return\n\n    instance\n      .chain()\n      .focus()\n      .insertContent({ type: 'customBlock', attrs: { id: result.id, config: result.config } })\n      .run()\n  }\n\n  return { extensions, suggestions, insertBlock, context }\n}\n"],"mappings":";;;;;;;AA8BA,SAAgBA,EACd,GACA,GACsB;CACtB,IAAMC,IAAIC,EAAK,GACTC,IAAOC,EAAqB,GAC5BC,IAAOC,EAAqB,GAC5BC,IAASC,EAAgB,GACzBC,IAAUC,QACdC,EAAmB;EAAE,OAAON,EAAK;EAAO;EAAM,KAAKO,EAAU,CAAC,CAAC;CAAI,CAAC,CACtE,GACMC,IAAS,IAAIC,EAAiBX,GAAMS,EAAU,CAAC,CAAC,SAAS,GACzDG,IAAc,IAAIC,EAAkB;EACxC,UAAUJ,EAAU,CAAC,CAAC,YAAY,CAAC;EACnC,WAAWA,EAAU,CAAC,CAAC,aAAa,CAAC;EACrC,SAAS,GAAS,MAAUC,EAAO,eAAeI,GAASC,CAAK;CAClE,CAAC;CAED,QAAsBH,EAAY,QAAQ,CAAC;CAE3C,IAAMI,IAAW,OAAO,GAAY,MAAqC;EACvE,IAAMC,IAAQR,EAAU,CAAC,CAAC,cAAc,MAAM,MAAcS,EAAU,OAAOC,CAAE;EAE/E,IAAI,CAACF,GAAO,OAAO;EAEnB,IAAMG,IAAS,MAAMhB,EAAO,SAASa,EAAM,QAAQ;GACjD,GAAGX,EAAQ;GACX,WAAWe,IAAS;IAAE;IAAQ,SAAS;GAAK,IAAI,CAAC;EACnD,CAAC;EAQD,OANKC,EAAoBF,CAAM,KAE3BA,EAAO,YAAY,KAAA,KACrBV,EAAO,aAAaU,EAAO,IAAIA,EAAO,QAAQA,EAAO,SAASA,EAAO,UAAU,EAAI,GAG9EA,KANkC;CAO3C;CA4CA,OAAO;EAAE;GAzCPG,EAAK,OAAOC,EAAkB,CAAe;GAC7CD,EAAK,OAAOE,EAAmB,CAAe;GAC9CF,EAAK,OACHG,EAAsB;IACpB,IAAI,SAAS;KACX,OAAOjB,EAAU,CAAC,CAAC,gBAAgB,CAAC;IACtC;IACA,cAAc,GAAI,MAAWC,EAAO,YAAYS,GAAIE,CAAM;IAC1D,SAAS,EAAE,OAAI,WAAQ,aAAU;KAC/B,EAAcF,GAAIE,CAAM,CAAC,CAAC,MAAM,MAAW;MACzC,IAAMM,IAAWC,EAAO;MAExB,AAAKR,KAAWO,KAAY,GAAS,eAErCA,EAAS,KAAK,SACZA,EAAS,MAAM,GAAG,cAAcE,GAAK,KAAA,GAAW;OAAE;OAAI,QAAQT,EAAO;MAAO,CAAC,CAC/E;KACF,CAAC;IACH;IACA,QAAQ;KACN,MAAMtB,EAAE,qBAAqB,CAAC,GAAG,YAAY;KAC7C,QAAQA,EAAE,uBAAuB,CAAC,GAAG,cAAc;IACrD;IACA,SAAS,EAAQW,EAAU,CAAC,CAAC;GAC/B,CAAC,CACH;EAgBO;EAAY;EAAa,oBAbP,MAAe;GACxC,IAAMW,IAAS,MAAMJ,EAASG,CAAE,GAC1BQ,IAAWC,EAAO;GAExB,AAAKR,KAAWO,KAAY,GAAS,eAErCA,EACG,MAAM,CAAC,CACP,MAAM,CAAC,CACP,cAAc;IAAE,MAAM;IAAe,OAAO;KAAE,IAAIP,EAAO;KAAI,QAAQA,EAAO;IAAO;GAAE,CAAC,CAAC,CACvF,IAAI;EACT;EAE+C;CAAQ;AACzD"}
+{"version":3,"file":"rich-editor-extensions.js","names":["useRichEditorExtensions","t","useT","form","useOptionalFormStore","page","usePageActionContext","runner","useActionRunner","context","computed","fieldActionContext","component","remote","RichEditorRemote","suggestions","EditorSuggestions","trigger","query","runBlock","block","candidate","id","result","config","isCustomBlockResult","Node","mentionNodeConfig","mergeTagNodeConfig","customBlockNodeConfig","instance","editor","pos"],"sources":["../../../src/components/fields/rich-editor-extensions.ts"],"mappings":";;;;;;;AA8BA,SAAgBA,EACd,GACA,GACsB;CACtB,IAAMC,IAAIC,EAAK,GACTC,IAAOC,EAAqB,GAC5BC,IAAOC,EAAqB,GAC5BC,IAASC,EAAgB,GACzBC,IAAUC,QACdC,EAAmB;EAAE,OAAON,EAAK;EAAO;EAAM,KAAKO,EAAU,CAAC,CAAC;CAAI,CAAC,CACtE,GACMC,IAAS,IAAIC,EAAiBX,GAAMS,EAAU,CAAC,CAAC,SAAS,GACzDG,IAAc,IAAIC,EAAkB;EACxC,UAAUJ,EAAU,CAAC,CAAC,YAAY,CAAC;EACnC,WAAWA,EAAU,CAAC,CAAC,aAAa,CAAC;EACrC,SAAS,GAAS,MAAUC,EAAO,eAAeI,GAASC,CAAK;CAClE,CAAC;CAED,QAAsBH,EAAY,QAAQ,CAAC;CAE3C,IAAMI,IAAW,OAAO,GAAY,MAAqC;EACvE,IAAMC,IAAQR,EAAU,CAAC,CAAC,cAAc,MAAM,MAAcS,EAAU,OAAOC,CAAE;EAE/E,IAAI,CAACF,GAAO,OAAO;EAEnB,IAAMG,IAAS,MAAMhB,EAAO,SAASa,EAAM,QAAQ;GACjD,GAAGX,EAAQ;GACX,WAAWe,IAAS;IAAE;IAAQ,SAAS;GAAK,IAAI,CAAC;EACnD,CAAC;EAQD,OANKC,EAAoBF,CAAM,KAE3BA,EAAO,YAAY,KAAA,KACrBV,EAAO,aAAaU,EAAO,IAAIA,EAAO,QAAQA,EAAO,SAASA,EAAO,UAAU,EAAI,GAG9EA,KANkC;CAO3C;CA4CA,OAAO;EAAE;GAzCPG,EAAK,OAAOC,EAAkB,CAAe;GAC7CD,EAAK,OAAOE,EAAmB,CAAe;GAC9CF,EAAK,OACHG,EAAsB;IACpB,IAAI,SAAS;KACX,OAAOjB,EAAU,CAAC,CAAC,gBAAgB,CAAC;IACtC;IACA,cAAc,GAAI,MAAWC,EAAO,YAAYS,GAAIE,CAAM;IAC1D,SAAS,EAAE,OAAI,WAAQ,aAAU;KAC/B,EAAcF,GAAIE,CAAM,CAAC,CAAC,MAAM,MAAW;MACzC,IAAMM,IAAWC,EAAO;MAExB,AAAKR,KAAWO,KAAY,GAAS,eAErCA,EAAS,KAAK,SACZA,EAAS,MAAM,GAAG,cAAcE,GAAK,KAAA,GAAW;OAAE;OAAI,QAAQT,EAAO;MAAO,CAAC,CAC/E;KACF,CAAC;IACH;IACA,QAAQ;KACN,MAAMtB,EAAE,qBAAqB,CAAC,GAAG,YAAY;KAC7C,QAAQA,EAAE,uBAAuB,CAAC,GAAG,cAAc;IACrD;IACA,SAAS,EAAQW,EAAU,CAAC,CAAC;GAC/B,CAAC,CACH;EAgBO;EAAY;EAAa,oBAbP,MAAe;GACxC,IAAMW,IAAS,MAAMJ,EAASG,CAAE,GAC1BQ,IAAWC,EAAO;GAExB,AAAKR,KAAWO,KAAY,GAAS,eAErCA,EACG,MAAM,CAAC,CACP,MAAM,CAAC,CACP,cAAc;IAAE,MAAM;IAAe,OAAO;KAAE,IAAIP,EAAO;KAAI,QAAQA,EAAO;IAAO;GAAE,CAAC,CAAC,CACvF,IAAI;EACT;EAE+C;CAAQ;AACzD"}

package/dist/components/fields/rich-editor-icons.js.map

@@ -1 +1 @@
-{"version":3,"file":"rich-editor-icons.js","names":["MIRRORED","RICH_EDITOR_ICONS","BoldIcon","ItalicIcon","UnderlineIcon","StrikethroughIcon","SubscriptIcon","SuperscriptIcon","CodeIcon","HighlighterIcon","BaselineIcon","LinkIcon","Heading1Icon","Heading2Icon","Heading3Icon","Heading4Icon","Heading5Icon","Heading6Icon","TypeIcon","TextAlignStartIcon","TextAlignCenterIcon","TextAlignEndIcon","TextAlignJustifyIcon","QuoteIcon","SquareCodeIcon","ListIcon","ListOrderedIcon","Minus","ListCollapseIcon","PilcrowIcon","ALargeSmallIcon","Columns2Icon","BetweenVerticalStartIcon","BetweenVerticalEndIcon","Columns3Icon","SquareXIcon","TableIcon","BetweenHorizontalStartIcon","BetweenHorizontalEndIcon","Rows3Icon","TableCellsMergeIcon","TableCellsSplitIcon","PanelTopIcon","TablePropertiesIcon","Grid2x2XIcon","RemoveFormattingIcon","ImageIcon","UndoIcon","RedoIcon"],"sources":["../../../src/components/fields/rich-editor-icons.ts"],"sourcesContent":["import {\n  ALargeSmallIcon,\n  BaselineIcon,\n  BetweenHorizontalEndIcon,\n  BetweenHorizontalStartIcon,\n  BetweenVerticalEndIcon,\n  BetweenVerticalStartIcon,\n  BoldIcon,\n  CodeIcon,\n  Columns2Icon,\n  Columns3Icon,\n  Grid2x2XIcon,\n  Heading1Icon,\n  Heading2Icon,\n  Heading3Icon,\n  Heading4Icon,\n  Heading5Icon,\n  Heading6Icon,\n  HighlighterIcon,\n  ImageIcon,\n  ItalicIcon,\n  LinkIcon,\n  ListCollapseIcon,\n  ListIcon,\n  ListOrderedIcon,\n  Minus,\n  PanelTopIcon,\n  PilcrowIcon,\n  QuoteIcon,\n  RedoIcon,\n  RemoveFormattingIcon,\n  Rows3Icon,\n  SquareCodeIcon,\n  SquareXIcon,\n  StrikethroughIcon,\n  SubscriptIcon,\n  SuperscriptIcon,\n  TableCellsMergeIcon,\n  TableCellsSplitIcon,\n  TableIcon,\n  TablePropertiesIcon,\n  TextAlignCenterIcon,\n  TextAlignEndIcon,\n  TextAlignJustifyIcon,\n  TextAlignStartIcon,\n  TypeIcon,\n  UnderlineIcon,\n  UndoIcon,\n} from '@lucide/vue'\nimport type { Component } from 'vue'\n\n/** Alignment and column icons point at a side: mirror them right to left. */\nconst MIRRORED = 'rtl:-scale-x-100'\n\n/** Toolbar button icons; what each button does lives in `@alfakit/core` (`TOOLBAR_COMMANDS`). */\nexport const RICH_EDITOR_ICONS: Record<string, { icon: Component; class?: string }> = {\n  bold: { icon: BoldIcon },\n  italic: { icon: ItalicIcon },\n  underline: { icon: UnderlineIcon },\n  strike: { icon: StrikethroughIcon },\n  subscript: { icon: SubscriptIcon },\n  superscript: { icon: SuperscriptIcon },\n  code: { icon: CodeIcon },\n  highlight: { icon: HighlighterIcon },\n  textColor: { icon: BaselineIcon },\n  link: { icon: LinkIcon },\n  h1: { icon: Heading1Icon },\n  h2: { icon: Heading2Icon },\n  h3: { icon: Heading3Icon },\n  h4: { icon: Heading4Icon },\n  h5: { icon: Heading5Icon },\n  h6: { icon: Heading6Icon },\n  paragraph: { icon: TypeIcon },\n  heading: { icon: Heading2Icon },\n  alignStart: { icon: TextAlignStartIcon, class: MIRRORED },\n  alignCenter: { icon: TextAlignCenterIcon },\n  alignEnd: { icon: TextAlignEndIcon, class: MIRRORED },\n  alignJustify: { icon: TextAlignJustifyIcon },\n  blockquote: { icon: QuoteIcon },\n  codeBlock: { icon: SquareCodeIcon },\n  bulletList: { icon: ListIcon },\n  orderedList: { icon: ListOrderedIcon },\n  horizontalRule: { icon: Minus },\n  details: { icon: ListCollapseIcon },\n  lead: { icon: PilcrowIcon },\n  small: { icon: ALargeSmallIcon },\n  grid: { icon: Columns2Icon },\n  gridAddColumnBefore: { icon: BetweenVerticalStartIcon, class: MIRRORED },\n  gridAddColumnAfter: { icon: BetweenVerticalEndIcon, class: MIRRORED },\n  gridDeleteColumn: { icon: Columns3Icon },\n  gridDelete: { icon: SquareXIcon },\n  table: { icon: TableIcon },\n  tableAddColumnBefore: { icon: BetweenVerticalStartIcon, class: MIRRORED },\n  tableAddColumnAfter: { icon: BetweenVerticalEndIcon, class: MIRRORED },\n  tableDeleteColumn: { icon: Columns3Icon },\n  tableAddRowBefore: { icon: BetweenHorizontalStartIcon },\n  tableAddRowAfter: { icon: BetweenHorizontalEndIcon },\n  tableDeleteRow: { icon: Rows3Icon },\n  tableMergeCells: { icon: TableCellsMergeIcon },\n  tableSplitCell: { icon: TableCellsSplitIcon },\n  tableToggleHeaderRow: { icon: PanelTopIcon },\n  tableToggleHeaderCell: { icon: TablePropertiesIcon },\n  tableDelete: { icon: Grid2x2XIcon },\n  clearFormatting: { icon: RemoveFormattingIcon },\n  attachFiles: { icon: ImageIcon },\n  undo: { icon: UndoIcon },\n  redo: { icon: RedoIcon },\n}\n"],"mappings":";;AAoDA,IAAMA,IAAW,oBAGJC,IAAyE;CACpF,MAAM,EAAE,MAAMC,EAAS;CACvB,QAAQ,EAAE,MAAMC,EAAW;CAC3B,WAAW,EAAE,MAAMC,EAAc;CACjC,QAAQ,EAAE,MAAMC,EAAkB;CAClC,WAAW,EAAE,MAAMC,EAAc;CACjC,aAAa,EAAE,MAAMC,EAAgB;CACrC,MAAM,EAAE,MAAMC,EAAS;CACvB,WAAW,EAAE,MAAMC,EAAgB;CACnC,WAAW,EAAE,MAAMC,EAAa;CAChC,MAAM,EAAE,MAAMC,EAAS;CACvB,IAAI,EAAE,MAAMC,EAAa;CACzB,IAAI,EAAE,MAAMC,EAAa;CACzB,IAAI,EAAE,MAAMC,EAAa;CACzB,IAAI,EAAE,MAAMC,EAAa;CACzB,IAAI,EAAE,MAAMC,EAAa;CACzB,IAAI,EAAE,MAAMC,EAAa;CACzB,WAAW,EAAE,MAAMC,EAAS;CAC5B,SAAS,EAAE,MAAML,EAAa;CAC9B,YAAY;EAAE,MAAMM;EAAoB,OAAOnB;CAAS;CACxD,aAAa,EAAE,MAAMoB,EAAoB;CACzC,UAAU;EAAE,MAAMC;EAAkB,OAAOrB;CAAS;CACpD,cAAc,EAAE,MAAMsB,EAAqB;CAC3C,YAAY,EAAE,MAAMC,EAAU;CAC9B,WAAW,EAAE,MAAMC,EAAe;CAClC,YAAY,EAAE,MAAMC,EAAS;CAC7B,aAAa,EAAE,MAAMC,EAAgB;CACrC,gBAAgB,EAAE,MAAMC,EAAM;CAC9B,SAAS,EAAE,MAAMC,EAAiB;CAClC,MAAM,EAAE,MAAMC,EAAY;CAC1B,OAAO,EAAE,MAAMC,EAAgB;CAC/B,MAAM,EAAE,MAAMC,EAAa;CAC3B,qBAAqB;EAAE,MAAMC;EAA0B,OAAOhC;CAAS;CACvE,oBAAoB;EAAE,MAAMiC;EAAwB,OAAOjC;CAAS;CACpE,kBAAkB,EAAE,MAAMkC,EAAa;CACvC,YAAY,EAAE,MAAMC,EAAY;CAChC,OAAO,EAAE,MAAMC,EAAU;CACzB,sBAAsB;EAAE,MAAMJ;EAA0B,OAAOhC;CAAS;CACxE,qBAAqB;EAAE,MAAMiC;EAAwB,OAAOjC;CAAS;CACrE,mBAAmB,EAAE,MAAMkC,EAAa;CACxC,mBAAmB,EAAE,MAAMG,EAA2B;CACtD,kBAAkB,EAAE,MAAMC,EAAyB;CACnD,gBAAgB,EAAE,MAAMC,EAAU;CAClC,iBAAiB,EAAE,MAAMC,EAAoB;CAC7C,gBAAgB,EAAE,MAAMC,EAAoB;CAC5C,sBAAsB,EAAE,MAAMC,EAAa;CAC3C,uBAAuB,EAAE,MAAMC,EAAoB;CACnD,aAAa,EAAE,MAAMC,EAAa;CAClC,iBAAiB,EAAE,MAAMC,EAAqB;CAC9C,aAAa,EAAE,MAAMC,EAAU;CAC/B,MAAM,EAAE,MAAMC,EAAS;CACvB,MAAM,EAAE,MAAMC,EAAS;AACzB"}
+{"version":3,"file":"rich-editor-icons.js","names":["MIRRORED","RICH_EDITOR_ICONS","BoldIcon","ItalicIcon","UnderlineIcon","StrikethroughIcon","SubscriptIcon","SuperscriptIcon","CodeIcon","HighlighterIcon","BaselineIcon","LinkIcon","Heading1Icon","Heading2Icon","Heading3Icon","Heading4Icon","Heading5Icon","Heading6Icon","TypeIcon","TextAlignStartIcon","TextAlignCenterIcon","TextAlignEndIcon","TextAlignJustifyIcon","QuoteIcon","SquareCodeIcon","ListIcon","ListOrderedIcon","Minus","ListCollapseIcon","PilcrowIcon","ALargeSmallIcon","Columns2Icon","BetweenVerticalStartIcon","BetweenVerticalEndIcon","Columns3Icon","SquareXIcon","TableIcon","BetweenHorizontalStartIcon","BetweenHorizontalEndIcon","Rows3Icon","TableCellsMergeIcon","TableCellsSplitIcon","PanelTopIcon","TablePropertiesIcon","Grid2x2XIcon","RemoveFormattingIcon","ImageIcon","UndoIcon","RedoIcon"],"sources":["../../../src/components/fields/rich-editor-icons.ts"],"mappings":";;AAoDA,IAAMA,IAAW,oBAGJC,IAAyE;CACpF,MAAM,EAAE,MAAMC,EAAS;CACvB,QAAQ,EAAE,MAAMC,EAAW;CAC3B,WAAW,EAAE,MAAMC,EAAc;CACjC,QAAQ,EAAE,MAAMC,EAAkB;CAClC,WAAW,EAAE,MAAMC,EAAc;CACjC,aAAa,EAAE,MAAMC,EAAgB;CACrC,MAAM,EAAE,MAAMC,EAAS;CACvB,WAAW,EAAE,MAAMC,EAAgB;CACnC,WAAW,EAAE,MAAMC,EAAa;CAChC,MAAM,EAAE,MAAMC,EAAS;CACvB,IAAI,EAAE,MAAMC,EAAa;CACzB,IAAI,EAAE,MAAMC,EAAa;CACzB,IAAI,EAAE,MAAMC,EAAa;CACzB,IAAI,EAAE,MAAMC,EAAa;CACzB,IAAI,EAAE,MAAMC,EAAa;CACzB,IAAI,EAAE,MAAMC,EAAa;CACzB,WAAW,EAAE,MAAMC,EAAS;CAC5B,SAAS,EAAE,MAAML,EAAa;CAC9B,YAAY;EAAE,MAAMM;EAAoB,OAAOnB;CAAS;CACxD,aAAa,EAAE,MAAMoB,EAAoB;CACzC,UAAU;EAAE,MAAMC;EAAkB,OAAOrB;CAAS;CACpD,cAAc,EAAE,MAAMsB,EAAqB;CAC3C,YAAY,EAAE,MAAMC,EAAU;CAC9B,WAAW,EAAE,MAAMC,EAAe;CAClC,YAAY,EAAE,MAAMC,EAAS;CAC7B,aAAa,EAAE,MAAMC,EAAgB;CACrC,gBAAgB,EAAE,MAAMC,EAAM;CAC9B,SAAS,EAAE,MAAMC,EAAiB;CAClC,MAAM,EAAE,MAAMC,EAAY;CAC1B,OAAO,EAAE,MAAMC,EAAgB;CAC/B,MAAM,EAAE,MAAMC,EAAa;CAC3B,qBAAqB;EAAE,MAAMC;EAA0B,OAAOhC;CAAS;CACvE,oBAAoB;EAAE,MAAMiC;EAAwB,OAAOjC;CAAS;CACpE,kBAAkB,EAAE,MAAMkC,EAAa;CACvC,YAAY,EAAE,MAAMC,EAAY;CAChC,OAAO,EAAE,MAAMC,EAAU;CACzB,sBAAsB;EAAE,MAAMJ;EAA0B,OAAOhC;CAAS;CACxE,qBAAqB;EAAE,MAAMiC;EAAwB,OAAOjC;CAAS;CACrE,mBAAmB,EAAE,MAAMkC,EAAa;CACxC,mBAAmB,EAAE,MAAMG,EAA2B;CACtD,kBAAkB,EAAE,MAAMC,EAAyB;CACnD,gBAAgB,EAAE,MAAMC,EAAU;CAClC,iBAAiB,EAAE,MAAMC,EAAoB;CAC7C,gBAAgB,EAAE,MAAMC,EAAoB;CAC5C,sBAAsB,EAAE,MAAMC,EAAa;CAC3C,uBAAuB,EAAE,MAAMC,EAAoB;CACnD,aAAa,EAAE,MAAMC,EAAa;CAClC,iBAAiB,EAAE,MAAMC,EAAqB;CAC9C,aAAa,EAAE,MAAMC,EAAU;CAC/B,MAAM,EAAE,MAAMC,EAAS;CACvB,MAAM,EAAE,MAAMC,EAAS;AACzB"}

package/dist/components/fields/rich-editor-lazy.js.map

@@ -1 +1 @@
-{"version":3,"file":"rich-editor-lazy.js","names":["RichEditorSkeleton","RichEditorSkeleton_default","RichEditorField","lazyComponent","module"],"sources":["../../../src/components/fields/rich-editor-lazy.ts"],"sourcesContent":["import { lazyComponent } from '../../lib/lazy'\nimport RichEditorSkeleton from './RichEditorSkeleton.vue'\n\n/** The rich and Markdown editors; Tiptap loads the first time one is shown. */\nexport const RichEditorField = lazyComponent(\n  'RichEditorField',\n  () => import('./RichEditorField.vue').then((module) => module.default),\n  RichEditorSkeleton,\n)\n"],"mappings":";;;AAIA,IAAaE,IAAkBC,EAC7B,yBACM,OAAO,uBAAwB,CAAC,MAAM,MAAWC,EAAO,OAAO,GACrEJ,CACF"}
+{"version":3,"file":"rich-editor-lazy.js","names":["RichEditorSkeleton","RichEditorSkeleton_default","RichEditorField","lazyComponent","module"],"sources":["../../../src/components/fields/rich-editor-lazy.ts"],"mappings":";;;AAIA,IAAaE,IAAkBC,EAC7B,yBACM,OAAO,uBAAwB,CAAC,MAAM,MAAWC,EAAO,OAAO,GACrEJ,CACF"}

package/dist/components/file-manager/FileManager.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileManager.js","names":["_sfc_main","FileManager_vue_vue_type_script_setup_true_lang_default","FileManager_default"],"sources":["../../../src/components/file-manager/FileManager.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { FileManagerSchema } from '@alfakit/core'\nimport FileManagerView from './FileManagerView.vue'\n\n/** The file manager of alfasix/alfakit-file-manager (schema component `file-manager`). */\ndefineProps<{ component?: FileManagerSchema }>()\n</script>\n\n<template>\n  <FileManagerView\n    v-if=\"component\"\n    :key=\"`${component.disk}:${component.mode}`\"\n    :schema=\"component\"\n  />\n</template>\n"],"mappings":""}
+{"version":3,"file":"FileManager.js","names":["_sfc_main","FileManager_vue_vue_type_script_setup_true_lang_default","FileManager_default"],"sources":["../../../src/components/file-manager/FileManager.vue"],"mappings":""}

package/dist/components/file-manager/FileManager.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileManager.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","FileManagerView","_createCommentVNode","FileManagerView_default","FileManager_vue_vue_type_script_setup_true_lang_default","__props","openBlock","createBlock","createCommentVNode"],"sources":["../../../src/components/file-manager/FileManager.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { FileManagerSchema } from '@alfakit/core'\nimport FileManagerView from './FileManagerView.vue'\n\n/** The file manager of alfasix/alfakit-file-manager (schema component `file-manager`). */\ndefineProps<{ component?: FileManagerSchema }>()\n</script>\n\n<template>\n  <FileManagerView\n    v-if=\"component\"\n    :key=\"`${component.disk}:${component.mode}`\"\n    :schema=\"component\"\n  />\n</template>\n"],"mappings":";;;;;;;mBAUUM,EAAA,aADRN,EAAA,GAAAC,EAIEC,GAAA;GAFC,KAAG,GAAKI,EAAA,UAAU,KAAI,GAAIA,EAAA,UAAU;GACpC,QAAQA,EAAA"}
+{"version":3,"file":"FileManager.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","FileManagerView","_createCommentVNode","FileManagerView_default","FileManager_vue_vue_type_script_setup_true_lang_default","__props","openBlock","createBlock","createCommentVNode"],"sources":["../../../src/components/file-manager/FileManager.vue"],"mappings":";;;;;;;mBAUUM,EAAA,aADRN,EAAA,GAAAC,EAIEC,GAAA;GAFC,KAAG,GAAKI,EAAA,UAAU,KAAI,GAAIA,EAAA,UAAU;GACpC,QAAQA,EAAA"}

package/dist/components/file-manager/FileManagerDetails.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileManagerDetails.js","names":["_sfc_main","FileManagerDetails_vue_vue_type_script_setup_true_lang_default","FileManagerDetails_default"],"sources":["../../../src/components/file-manager/FileManagerDetails.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { FileManagerController } from '@alfakit/core'\nimport { fileManagerSize } from '@alfakit/core'\nimport { XIcon } from '@lucide/vue'\nimport { computed } from 'vue'\nimport { useFormatter, useT } from '../../context'\nimport { useStore } from '../../composables/use-store'\nimport Button from '../ui/Button.vue'\nimport Spinner from '../ui/Spinner.vue'\nimport FileManagerIcon from './FileManagerIcon.vue'\n\n/** The details of the selected item. */\nconst props = defineProps<{ controller: FileManagerController; hideHeading?: boolean }>()\nconst t = useT()\nconst formatter = useFormatter()\nconst state = useStore(props.controller.store)\nconst details = computed(() => state.value.details)\nconst tt = (key: string, replacements: Record<string, string | number> = {}, fallback?: string) =>\n  t(`file-manager.${key}`, replacements, fallback)\n\nconst rows = computed(() => {\n  const item = details.value\n  const format = formatter.value\n\n  if (!item) return []\n\n  const list: Array<[string, string]> = [\n    [tt('type', {}, 'Type'), item.mime ?? tt(`kinds.${item.kind}`, {}, item.kind)],\n  ]\n\n  if (item.type === 'file') list.push([tt('size', {}, 'Size'), fileManagerSize(item.size, format)])\n  if (item.items !== undefined)\n    list.push([\n      tt('items', {}, 'Items'),\n      `${format.number(item.items)}${item.itemsTruncated ? '+' : ''}`,\n    ])\n  if (item.width && item.height) {\n    list.push([\n      tt('dimensions', {}, 'Dimensions'),\n      tt(\n        'dimensions_value',\n        { width: format.number(item.width), height: format.number(item.height) },\n        ':width × :height px',\n      ),\n    ])\n  }\n\n  if (item.trashed) {\n    list.push([tt('original_location', {}, 'Original location'), item.trashed.originalPath])\n    if (item.trashed.deletedAt)\n      list.push([tt('deleted_at', {}, 'Deleted'), format.dateTime(item.trashed.deletedAt)])\n  } else {\n    if (item.modified) list.push([tt('modified', {}, 'Modified'), format.dateTime(item.modified)])\n    if (item.location !== undefined)\n      list.push([\n        tt('location', {}, 'Location'),\n        item.location === '' ? tt('root', {}, 'Files') : item.location,\n      ])\n    if (item.links !== undefined) list.push([tt('links', {}, 'Links'), format.number(item.links)])\n  }\n\n  return list\n})\n</script>\n\n<template>\n  <div class=\"flex flex-col gap-4 p-4\">\n    <div v-if=\"!hideHeading\" class=\"flex items-center justify-between gap-2\">\n      <h3 class=\"text-sm font-semibold\">{{ tt('details', {}, 'Details') }}</h3>\n      <Button\n        type=\"button\"\n        variant=\"ghost\"\n        size=\"icon-xs\"\n        :aria-label=\"tt('close', {}, 'Close')\"\n        @click=\"controller.closeDetails()\"\n      >\n        <XIcon aria-hidden=\"true\" />\n      </Button>\n    </div>\n    <p v-if=\"!details\" class=\"text-muted-foreground text-sm\">\n      {{ tt('picker_empty', {}, 'No file chosen') }}\n    </p>\n    <template v-else>\n      <div\n        class=\"bg-muted/60 flex aspect-video items-center justify-center overflow-hidden rounded-md\"\n      >\n        <img\n          v-if=\"details.thumbnail\"\n          :src=\"details.thumbnail\"\n          alt=\"\"\n          class=\"size-full object-contain\"\n        />\n        <FileManagerIcon v-else :entry=\"details\" class=\"size-12\" />\n      </div>\n      <p class=\"font-medium break-all\">{{ details.name }}</p>\n      <Spinner v-if=\"state.detailsLoading\" />\n      <dl class=\"grid grid-cols-[auto_1fr] gap-x-4 gap-y-2 text-sm\">\n        <template v-for=\"[label, value] in rows\" :key=\"label\">\n          <dt class=\"text-muted-foreground\">{{ label }}</dt>\n          <dd class=\"min-w-0 break-all\">{{ value }}</dd>\n        </template>\n      </dl>\n    </template>\n  </div>\n</template>\n"],"mappings":""}
+{"version":3,"file":"FileManagerDetails.js","names":["_sfc_main","FileManagerDetails_vue_vue_type_script_setup_true_lang_default","FileManagerDetails_default"],"sources":["../../../src/components/file-manager/FileManagerDetails.vue"],"mappings":""}