@k2b/ui 0.20.0 → 0.22.0

package/dist/ssr/inputs/SpecialInputs.js

@@ -4,10 +4,12 @@ import { fuzzy } from "@k2b/stdlib";
 import { createMemo } from "solid-js";
 import { useUiMessages } from "../intl/messages";
 import { resolveMaybeAccessor } from "./field-contract";
+import { useIconMessages } from "./icon-messages";
 import { DEFAULT_ICON_GROUPS, DEFAULT_ICON_OPTIONS } from "./icon-options";
 import { Select } from "./Select";
 export function IconInput(props) {
   const messages = useUiMessages();
+  const iconMessages = useIconMessages();
   const options = () => props.options ?? DEFAULT_ICON_OPTIONS;
   const groups = () => props.groups ?? (props.options === undefined ? DEFAULT_ICON_GROUPS : undefined);
   const filterOptions = (source, query) => {
@@ -57,7 +59,7 @@ export function IconInput(props) {
       return props["aria-describedby"];
     },
     get placeholder() {
-      return props.placeholder ?? messages().pickIcon;
+      return props.placeholder ?? iconMessages().pickIcon;
     },
     get disabled() {
       return props.disabled;
@@ -90,7 +92,7 @@ export function IconInput(props) {
       return props.defaultGroup ?? (props.options === undefined ? "recommended" : undefined);
     },
     get groupsAriaLabel() {
-      return props.groupsAriaLabel ?? messages().filterIcons;
+      return props.groupsAriaLabel ?? iconMessages().filterIcons;
     },
     get allGroupLabel() {
       return props.allGroupLabel;

package/dist/ssr/inputs/SpecialInputs.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["inputs/SpecialInputs.tsx"],"sourcesContent":["import { fuzzy } from \"@k2b/stdlib\";\nimport { createMemo, type JSX } from \"solid-js\";\nimport { useUiMessages } from \"../intl/messages\";\nimport type { ValueFieldProps } from \"./field-contract\";\nimport { resolveMaybeAccessor } from \"./field-contract\";\nimport { DEFAULT_ICON_GROUPS, DEFAULT_ICON_OPTIONS } from \"./icon-options\";\nimport { Select, type SelectGridSize, type SelectGroup, type SelectOption, type SelectView } from \"./Select\";\n\nexport type IconOption = SelectOption & { keywords?: readonly string[] };\nexport type IconInputProps = ValueFieldProps<string | null> & {\n  options?: readonly IconOption[];\n  placeholder?: string;\n  clearable?: boolean;\n  searchLimit?: number;\n  groups?: readonly SelectGroup[];\n  defaultGroup?: string;\n  groupsAriaLabel?: string;\n  allGroupLabel?: string;\n  viewToggle?: boolean;\n  defaultView?: SelectView;\n  gridSize?: SelectGridSize;\n  name?: string;\n};\n\nexport function IconInput(props: IconInputProps): JSX.Element {\n  const messages = useUiMessages();\n  const options = () => props.options ?? DEFAULT_ICON_OPTIONS;\n  const groups = () => props.groups ?? (props.options === undefined ? DEFAULT_ICON_GROUPS : undefined);\n  const filterOptions = (source: readonly SelectOption[], query: string): readonly SelectOption[] => {\n    const normalized = query.trim().toLowerCase();\n    if (!normalized) {\n      return [...source].sort((left, right) => String(left.label).localeCompare(String(right.label), undefined, { sensitivity: \"base\" }));\n    }\n    return fuzzy\n      .filter(normalized, source, {\n        // Cloud's key is `[label, ...keywords]`. Including `value` as well put\n        // the literal \"ti ti-\" in front of every entry, so short queries matched\n        // the whole catalogue and fuzzy scores were skewed. The bare glyph name\n        // is already the first keyword (see `icon()` in ./icon-options), so\n        // nothing is lost by dropping it.\n        key: (option) => {\n          const keywords = \"keywords\" in option && Array.isArray(option.keywords) ? option.keywords.join(\" \") : \"\";\n          return `${String(option.label)} ${keywords}`.toLowerCase();\n        },\n        limit: props.searchLimit ?? 50,\n      })\n      .map((match) => match.item);\n  };\n  const selectedOption = createMemo(() => options().find((option) => option.value === resolveMaybeAccessor(props.value)));\n\n  return (\n    <Select\n      id={props.id}\n      name={props.name}\n      class={props.class}\n      label={props.label}\n      description={props.description}\n      error={props.error}\n      aria-label={props[\"aria-label\"]}\n      aria-describedby={props[\"aria-describedby\"]}\n      placeholder={props.placeholder ?? messages().pickIcon}\n      disabled={props.disabled}\n      required={props.required}\n      clearable={props.clearable ?? true}\n      value={resolveMaybeAccessor(props.value)}\n      selectedOption={selectedOption()}\n      onValueChange={props.onValueChange}\n      onValueCommit={props.onValueCommit}\n      options={[...options()]}\n      groups={groups()}\n      defaultGroup={props.defaultGroup ?? (props.options === undefined ? \"recommended\" : undefined)}\n      groupsAriaLabel={props.groupsAriaLabel ?? messages().filterIcons}\n      allGroupLabel={props.allGroupLabel}\n      viewToggle={props.viewToggle ?? true}\n      defaultView={props.defaultView ?? \"grid\"}\n      gridSize={props.gridSize ?? \"sm\"}\n      searchable\n      filterOptions={filterOptions}\n      searchPlaceholder={messages().search}\n      icon={selectedOption()?.icon ?? \"ti ti-icons\"}\n    />\n  );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":[],"sources":["inputs/SpecialInputs.tsx"],"sourcesContent":["import { fuzzy } from \"@k2b/stdlib\";\nimport { createMemo, type JSX } from \"solid-js\";\nimport { useUiMessages } from \"../intl/messages\";\nimport type { ValueFieldProps } from \"./field-contract\";\nimport { resolveMaybeAccessor } from \"./field-contract\";\nimport { useIconMessages } from \"./icon-messages\";\nimport { DEFAULT_ICON_GROUPS, DEFAULT_ICON_OPTIONS } from \"./icon-options\";\nimport { Select, type SelectGridSize, type SelectGroup, type SelectOption, type SelectView } from \"./Select\";\n\nexport type IconOption = SelectOption & { keywords?: readonly string[] };\nexport type IconInputProps = ValueFieldProps<string | null> & {\n  options?: readonly IconOption[];\n  placeholder?: string;\n  clearable?: boolean;\n  searchLimit?: number;\n  groups?: readonly SelectGroup[];\n  defaultGroup?: string;\n  groupsAriaLabel?: string;\n  allGroupLabel?: string;\n  viewToggle?: boolean;\n  defaultView?: SelectView;\n  gridSize?: SelectGridSize;\n  name?: string;\n};\n\nexport function IconInput(props: IconInputProps): JSX.Element {\n  const messages = useUiMessages();\n  const iconMessages = useIconMessages();\n  const options = () => props.options ?? DEFAULT_ICON_OPTIONS;\n  const groups = () => props.groups ?? (props.options === undefined ? DEFAULT_ICON_GROUPS : undefined);\n  const filterOptions = (source: readonly SelectOption[], query: string): readonly SelectOption[] => {\n    const normalized = query.trim().toLowerCase();\n    if (!normalized) {\n      return [...source].sort((left, right) => String(left.label).localeCompare(String(right.label), undefined, { sensitivity: \"base\" }));\n    }\n    return fuzzy\n      .filter(normalized, source, {\n        // Cloud's key is `[label, ...keywords]`. Including `value` as well put\n        // the literal \"ti ti-\" in front of every entry, so short queries matched\n        // the whole catalogue and fuzzy scores were skewed. The bare glyph name\n        // is already the first keyword (see `icon()` in ./icon-options), so\n        // nothing is lost by dropping it.\n        key: (option) => {\n          const keywords = \"keywords\" in option && Array.isArray(option.keywords) ? option.keywords.join(\" \") : \"\";\n          return `${String(option.label)} ${keywords}`.toLowerCase();\n        },\n        limit: props.searchLimit ?? 50,\n      })\n      .map((match) => match.item);\n  };\n  const selectedOption = createMemo(() => options().find((option) => option.value === resolveMaybeAccessor(props.value)));\n\n  return (\n    <Select\n      id={props.id}\n      name={props.name}\n      class={props.class}\n      label={props.label}\n      description={props.description}\n      error={props.error}\n      aria-label={props[\"aria-label\"]}\n      aria-describedby={props[\"aria-describedby\"]}\n      placeholder={props.placeholder ?? iconMessages().pickIcon}\n      disabled={props.disabled}\n      required={props.required}\n      clearable={props.clearable ?? true}\n      value={resolveMaybeAccessor(props.value)}\n      selectedOption={selectedOption()}\n      onValueChange={props.onValueChange}\n      onValueCommit={props.onValueCommit}\n      options={[...options()]}\n      groups={groups()}\n      defaultGroup={props.defaultGroup ?? (props.options === undefined ? \"recommended\" : undefined)}\n      groupsAriaLabel={props.groupsAriaLabel ?? iconMessages().filterIcons}\n      allGroupLabel={props.allGroupLabel}\n      viewToggle={props.viewToggle ?? true}\n      defaultView={props.defaultView ?? \"grid\"}\n      gridSize={props.gridSize ?? \"sm\"}\n      searchable\n      filterOptions={filterOptions}\n      searchPlaceholder={messages().search}\n      icon={selectedOption()?.icon ?? \"ti ti-icons\"}\n    />\n  );\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/ssr/inputs/TagEditor.js

@@ -19,6 +19,7 @@ import { useUiMessages } from "../intl/messages";
 import { Tag } from "../surfaces/Tag";
 import { ColorInput } from "./ChoiceInputs";
 import { TextInput } from "./TextInput";
+import { useTagMessages } from "./tag-messages";
 function EditorForm(props) {
   const initialName = props.initial?.name ?? "";
   const initialColor = props.initial?.color ?? props.defaultColor;
@@ -102,14 +103,15 @@ function EditorForm(props) {
 /** Controlled tag manager. Persistence, authorization, confirmation, and toasts stay with the consumer. */
 export function TagEditor(props) {
   const messages = useUiMessages();
+  const tagMessages = useTagMessages();
   const [mode, setMode] = createSignal(null);
   const [busyId, setBusyId] = createSignal(null);
   const [rowError, setRowError] = createSignal();
   const labels = () => ({
-    create: messages().addTag,
-    empty: messages().noTagsYet,
+    create: tagMessages().addTag,
+    empty: tagMessages().noTagsYet,
     name: messages().name,
-    namePlaceholder: messages().tagName,
+    namePlaceholder: tagMessages().tagName,
     color: messages().color,
     save: messages().save,
     cancel: messages().cancel,
@@ -128,7 +130,7 @@ export function TagEditor(props) {
     } catch (cause) {
       setRowError({
         id,
-        message: cause instanceof Error ? cause.message : messages().tagActionFailed
+        message: cause instanceof Error ? cause.message : tagMessages().tagActionFailed
       });
       throw cause;
     } finally {
@@ -215,7 +217,7 @@ export function TagEditor(props) {
                 return busyId() === item.id;
               },
               get saveError() {
-                return messages().tagCouldNotBeSaved;
+                return tagMessages().tagCouldNotBeSaved;
               },
               onCancel: () => setMode(null),
               get onDirtyChange() {
@@ -265,7 +267,7 @@ export function TagEditor(props) {
             return busyId() === "create";
           },
           get saveError() {
-            return messages().tagCouldNotBeSaved;
+            return tagMessages().tagCouldNotBeSaved;
           },
           onCancel: () => setMode(null),
           get onDirtyChange() {

package/dist/ssr/inputs/TagEditor.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["inputs/TagEditor.tsx"],"sourcesContent":["import { createEffect, createSignal, For, type JSX, onCleanup, Show } from \"solid-js\";\nimport { Button, IconButton } from \"../actions/Button\";\nimport { useUiMessages } from \"../intl/messages\";\nimport { Tag } from \"../surfaces/Tag\";\nimport { ColorInput } from \"./ChoiceInputs\";\nimport { TextInput } from \"./TextInput\";\n\nexport type TagEditorItem = {\n  id: string;\n  name: string;\n  color?: string | null;\n};\n\nexport type TagEditorValue = {\n  name: string;\n  color: string;\n};\n\nexport type TagEditorLabels = {\n  create: string;\n  empty: string;\n  name: string;\n  namePlaceholder: string;\n  color: string;\n  save: string;\n  cancel: string;\n  edit: string;\n  remove: string;\n};\n\nexport type TagEditorProps<T extends TagEditorItem = TagEditorItem> = {\n  items: readonly T[];\n  onCreate?: (value: TagEditorValue) => void | Promise<void>;\n  onUpdate?: (item: T, value: TagEditorValue) => void | Promise<void>;\n  onDelete?: (item: T) => void | Promise<void>;\n  labels?: Partial<TagEditorLabels>;\n  defaultColor?: string;\n  disabled?: boolean;\n  onDirtyChange?: (dirty: boolean) => void;\n  class?: string;\n};\n\ntype EditorFormProps = {\n  initial?: TagEditorItem;\n  labels: TagEditorLabels;\n  defaultColor: string;\n  busy: boolean;\n  saveError: string;\n  onCancel: () => void;\n  onDirtyChange?: (dirty: boolean) => void;\n  onSave: (value: TagEditorValue) => Promise<void>;\n};\n\nfunction EditorForm(props: EditorFormProps): JSX.Element {\n  const initialName = props.initial?.name ?? \"\";\n  const initialColor = props.initial?.color ?? props.defaultColor;\n  const [name, setName] = createSignal(initialName);\n  const [color, setColor] = createSignal(initialColor);\n  const [error, setError] = createSignal<string>();\n\n  createEffect(() => props.onDirtyChange?.(name() !== initialName || color() !== initialColor));\n  onCleanup(() => props.onDirtyChange?.(false));\n\n  const submit = async (event: SubmitEvent) => {\n    event.preventDefault();\n    const normalized = name().trim();\n    if (!normalized || props.busy) return;\n    setError(undefined);\n    try {\n      await props.onSave({ name: normalized, color: color() });\n    } catch (cause) {\n      setError(cause instanceof Error ? cause.message : props.saveError);\n    }\n  };\n\n  return (\n    <form class=\"k2b-tag-editor__form\" aria-busy={props.busy ? \"true\" : undefined} onSubmit={submit}>\n      <div class=\"k2b-tag-editor__fields\">\n        <TextInput\n          label={props.labels.name}\n          placeholder={props.labels.namePlaceholder}\n          value={name}\n          onValueChange={setName}\n          disabled={props.busy}\n          required\n          autofocus\n        />\n        <ColorInput\n          aria-label={props.labels.color}\n          value={color}\n          onValueChange={setColor}\n          onValueCommit={setColor}\n          disabled={props.busy}\n          compact\n        />\n      </div>\n      <Show when={error()}>\n        {(message) => (\n          <p class=\"k2b-tag-editor__error\" role=\"alert\">\n            {message()}\n          </p>\n        )}\n      </Show>\n      <div class=\"k2b-tag-editor__form-actions\">\n        <Button type=\"submit\" size=\"sm\" loading={props.busy} disabled={!name().trim()}>\n          {props.labels.save}\n        </Button>\n        <Button type=\"button\" size=\"sm\" variant=\"ghost\" disabled={props.busy} onClick={props.onCancel}>\n          {props.labels.cancel}\n        </Button>\n      </div>\n    </form>\n  );\n}\n\n/** Controlled tag manager. Persistence, authorization, confirmation, and toasts stay with the consumer. */\nexport function TagEditor<T extends TagEditorItem = TagEditorItem>(props: TagEditorProps<T>): JSX.Element {\n  const messages = useUiMessages();\n  const [mode, setMode] = createSignal<\"create\" | string | null>(null);\n  const [busyId, setBusyId] = createSignal<string | null>(null);\n  const [rowError, setRowError] = createSignal<{ id: string; message: string }>();\n  const labels = (): TagEditorLabels => ({\n    create: messages().addTag,\n    empty: messages().noTagsYet,\n    name: messages().name,\n    namePlaceholder: messages().tagName,\n    color: messages().color,\n    save: messages().save,\n    cancel: messages().cancel,\n    edit: messages().edit,\n    remove: messages().delete,\n    ...props.labels,\n  });\n  const defaultColor = () => props.defaultColor ?? \"#6b7280\";\n  const run = async (id: string, action: () => void | Promise<void>) => {\n    if (busyId()) return;\n    setBusyId(id);\n    setRowError(undefined);\n    try {\n      await action();\n      setMode(null);\n    } catch (cause) {\n      setRowError({ id, message: cause instanceof Error ? cause.message : messages().tagActionFailed });\n      throw cause;\n    } finally {\n      setBusyId(null);\n    }\n  };\n\n  return (\n    <div class={`k2b-tag-editor ${props.class ?? \"\"}`} data-disabled={props.disabled ? \"true\" : undefined}>\n      <Show when={props.items.length > 0} fallback={<p class=\"k2b-tag-editor__empty\">{labels().empty}</p>}>\n        <ul class=\"k2b-tag-editor__list\">\n          <For each={props.items}>\n            {(item) => (\n              <li class=\"k2b-tag-editor__row\">\n                <Show\n                  when={mode() === item.id && props.onUpdate}\n                  fallback={\n                    <>\n                      <Tag color={item.color}>{item.name}</Tag>\n                      <span class=\"k2b-tag-editor__row-actions\">\n                        <Show when={props.onUpdate}>\n                          <IconButton\n                            size=\"xs\"\n                            variant=\"ghost\"\n                            label={`${labels().edit} ${item.name}`}\n                            disabled={props.disabled || Boolean(busyId())}\n                            onClick={() => setMode(item.id)}\n                          >\n                            <i class=\"ti ti-pencil\" aria-hidden=\"true\" />\n                          </IconButton>\n                        </Show>\n                        <Show when={props.onDelete}>\n                          {(remove) => (\n                            <IconButton\n                              size=\"xs\"\n                              variant=\"ghost\"\n                              label={`${labels().remove} ${item.name}`}\n                              loading={busyId() === item.id}\n                              disabled={props.disabled || Boolean(busyId())}\n                              onClick={() => void run(item.id, () => remove()(item)).catch(() => undefined)}\n                            >\n                              <i class=\"ti ti-trash\" aria-hidden=\"true\" />\n                            </IconButton>\n                          )}\n                        </Show>\n                      </span>\n                    </>\n                  }\n                >\n                  <EditorForm\n                    initial={item}\n                    labels={labels()}\n                    defaultColor={defaultColor()}\n                    busy={busyId() === item.id}\n                    saveError={messages().tagCouldNotBeSaved}\n                    onCancel={() => setMode(null)}\n                    onDirtyChange={props.onDirtyChange}\n                    onSave={(value) => run(item.id, () => props.onUpdate?.(item, value))}\n                  />\n                </Show>\n                <Show when={rowError()?.id === item.id && mode() !== item.id ? rowError() : undefined}>\n                  {(error) => (\n                    <p class=\"k2b-tag-editor__error\" role=\"alert\">\n                      {error().message}\n                    </p>\n                  )}\n                </Show>\n              </li>\n            )}\n          </For>\n        </ul>\n      </Show>\n\n      <Show when={props.onCreate}>\n        {(create) => (\n          <Show\n            when={mode() === \"create\"}\n            fallback={\n              <Button size=\"xs\" variant=\"subtle\" disabled={props.disabled || Boolean(busyId())} onClick={() => setMode(\"create\")}>\n                <i class=\"ti ti-plus\" aria-hidden=\"true\" />\n                {labels().create}\n              </Button>\n            }\n          >\n            <EditorForm\n              labels={labels()}\n              defaultColor={defaultColor()}\n              busy={busyId() === \"create\"}\n              saveError={messages().tagCouldNotBeSaved}\n              onCancel={() => setMode(null)}\n              onDirtyChange={props.onDirtyChange}\n              onSave={(value) => run(\"create\", () => create()(value))}\n            />\n          </Show>\n        )}\n      </Show>\n    </div>\n  );\n}\n\nexport default TagEditor;\n"],"mappings":";;;;;;;;;;;;;;;AAAA,SAAS,YAAY,EAAE,YAAY,EAAE,GAAG,EAAY,SAAS,EAAE,IAAI,QAAQ,UAAU;AACrF,SAAS,MAAM,EAAE,UAAU,QAAQ,mBAAmB;AACtD,SAAS,aAAa,QAAQ,kBAAkB;AAChD,SAAS,GAAG,QAAQ,iBAAiB;AACrC,SAAS,UAAU,QAAQ,gBAAgB;AAC3C,SAAS,SAAS,QAAQ,aAAa;AAgDvC,SAAS,UAAU,CAAC,KAAsB,EAAe;EACvD,MAAM,WAAW,GAAG,KAAK,CAAC,OAAO,EAAE,IAAI,IAAI,EAAE;EAC7C,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,EAAE,KAAK,IAAI,KAAK,CAAC,YAAY;EAC/D,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,YAAY,CAAC,WAAW,CAAC;EACjD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,YAAY,CAAC,YAAY,CAAC;EACpD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,YAAY,CAAS,CAAC;EAEhD,YAAY,CAAC,MAAM,KAAK,CAAC,aAAa,GAAG,IAAI,CAAC,CAAC,KAAK,WAAW,IAAI,KAAK,CAAC,CAAC,KAAK,YAAY,CAAC,CAAC;EAC7F,SAAS,CAAC,MAAM,KAAK,CAAC,aAAa,GAAG,KAAK,CAAC,CAAC;EAE7C,MAAM,MAAM,GAAG,MAAO,KAAkB,IAAK;IAC3C,KAAK,CAAC,cAAc,CAAC,CAAC;IACtB,MAAM,UAAU,GAAG,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;IAChC,IAAI,CAAC,UAAU,IAAI,KAAK,CAAC,IAAI,EAAE;IAC/B,QAAQ,CAAC,SAAS,CAAC;IACnB,IAAI;MACF,MAAM,KAAK,CAAC,MAAM,CAAC;QAAE,IAAI,EAAE,UAAU;QAAE,KAAK,EAAE,KAAK,CAAC;MAAE,CAAC,CAAC;IAC1D,CAAC,CAAC,OAAO,KAAK,EAAE;MACd,QAAQ,CAAC,KAAK,YAAY,KAAK,GAAG,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC,SAAS,CAAC;IACpE;EACF,CAAC;EAED,iDACgD,KAAK,CAAC,IAAI,GAAG,MAAM,YAAG,SAAS,4CAExE,SAAS;IAAA,IACR,KAAK;MAAA,OAAE,KAAK,CAAC,MAAM,CAAC,IAAI;IAAA;IAAA,IACxB,WAAW;MAAA,OAAE,KAAK,CAAC,MAAM,CAAC,eAAe;IAAA;IACzC,KAAK,EAAE,IAAI;IACX,aAAa,EAAE,OAAO;IAAA,IACtB,QAAQ;MAAA,OAAE,KAAK,CAAC,IAAI;IAAA;IACpB,QAAQ;IACR,SAAS;EAAA,gCAEV,UAAU;IAAA;MAAA,OACG,KAAK,CAAC,MAAM,CAAC,KAAK;IAAA;IAC9B,KAAK,EAAE,KAAK;IACZ,aAAa,EAAE,QAAQ;IACvB,aAAa,EAAE,QAAQ;IAAA,IACvB,QAAQ;MAAA,OAAE,KAAK,CAAC,IAAI;IAAA;IACpB,OAAO;EAAA,gCAGV,IAAI;IAAA,IAAC,IAAI;MAAA,OAAE,KAAK,CAAC,CAAC;IAAA;IAAA,UACf,OAAO,4BAEJ,OAAO,CAAC,CAAC;EAEb,gCAGA,MAAM;IAAC,IAAI;IAAU,IAAI;IAAA,IAAM,OAAO;MAAA,OAAE,KAAK,CAAC,IAAI;IAAA;IAAA,IAAE,QAAQ;MAAA,OAAE,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;IAAA;IAAA;MAAA,OAC1E,KAAK,CAAC,MAAM,CAAC,IAAI;IAAA;EAAA,gCAEnB,MAAM;IAAC,IAAI;IAAU,IAAI;IAAM,OAAO;IAAA,IAAS,QAAQ;MAAA,OAAE,KAAK,CAAC,IAAI;IAAA;IAAA,IAAE,OAAO;MAAA,OAAE,KAAK,CAAC,QAAQ;IAAA;IAAA;MAAA,OAC1F,KAAK,CAAC,MAAM,CAAC,MAAM;IAAA;EAAA;AAK9B;;AAEA;AACA,OAAO,SAAS,SAAS,CAA0C,KAAwB,EAAe;EACxG,MAAM,QAAQ,GAAG,aAAa,CAAC,CAAC;EAChC,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,YAAY,CAA2B,IAAI,CAAC;EACpE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,YAAY,CAAgB,IAAI,CAAC;EAC7D,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,YAAY,CAAkC,CAAC;EAC/E,MAAM,MAAM,GAAG,OAAwB;IACrC,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM;IACzB,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS;IAC3B,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,IAAI;IACrB,eAAe,EAAE,QAAQ,CAAC,CAAC,CAAC,OAAO;IACnC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK;IACvB,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,IAAI;IACrB,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM;IACzB,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,IAAI;IACrB,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM;IACzB,GAAG,KAAK,CAAC;EACX,CAAC,CAAC;EACF,MAAM,YAAY,GAAG,MAAM,KAAK,CAAC,YAAY,IAAI,SAAS;EAC1D,MAAM,GAAG,GAAG,OAAO,EAAU,EAAE,MAAkC,KAAK;IACpE,IAAI,MAAM,CAAC,CAAC,EAAE;IACd,SAAS,CAAC,EAAE,CAAC;IACb,WAAW,CAAC,SAAS,CAAC;IACtB,IAAI;MACF,MAAM,MAAM,CAAC,CAAC;MACd,OAAO,CAAC,IAAI,CAAC;IACf,CAAC,CAAC,OAAO,KAAK,EAAE;MACd,WAAW,CAAC;QAAE,EAAE;QAAE,OAAO,EAAE,KAAK,YAAY,KAAK,GAAG,KAAK,CAAC,OAAO,GAAG,QAAQ,CAAC,CAAC,CAAC;MAAgB,CAAC,CAAC;MACjG,MAAM,KAAK;IACb,CAAC,SAAS;MACR,SAAS,CAAC,IAAI,CAAC;IACjB;EACF,CAAC;EAED,sBACc,2BAAkB,KAAK,CAAC,KAAK,IAAI,EAAE,SAAE,kCAAiB,KAAK,CAAC,QAAQ,GAAG,MAAM,YAAG,SAAS,4CAClG,IAAI;IAAA,IAAC,IAAI;MAAA,OAAE,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC;IAAA;IAAA,IAAE,QAAQ;MAAA,+BAAoC,MAAM,CAAC,CAAC,CAAC,KAAK;IAAA;IAAA;MAAA,iDAEzF,GAAG;QAAA,IAAC,IAAI;UAAA,OAAE,KAAK,CAAC,KAAK;QAAA;QAAA,UAClB,IAAI,8CAED,IAAI;UAAA,IACH,IAAI;YAAA,OAAE,iBAAI,CAAC,CAAC,KAAK,IAAI,CAAC,EAAE,OAAI,KAAK,CAAC,QAAQ;UAAA;UAAA,IAC1C,QAAQ;YAAA,0BAEH,GAAG;cAAA,IAAC,KAAK;gBAAA,OAAE,IAAI,CAAC,KAAK;cAAA;cAAA;gBAAA,OAAG,IAAI,CAAC,IAAI;cAAA;YAAA,8CAE/B,IAAI;cAAA,IAAC,IAAI;gBAAA,OAAE,KAAK,CAAC,QAAQ;cAAA;cAAA;gBAAA,yBACvB,UAAU;kBACT,IAAI;kBACJ,OAAO;kBAAA,IACP,KAAK;oBAAA,OAAE,GAAG,MAAM,CAAC,CAAC,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,EAAE;kBAAA;kBAAA,IACtC,QAAQ;oBAAA,OAAE,KAAK,CAAC,QAAQ,IAAI,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC;kBAAA;kBAC7C,OAAO,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC;kBAAA;oBAAA;kBAAA;gBAAA;cAAA;YAAA,gCAKlC,IAAI;cAAA,IAAC,IAAI;gBAAA,OAAE,KAAK,CAAC,QAAQ;cAAA;cAAA,UACtB,MAAM,sBACL,UAAU;gBACT,IAAI;gBACJ,OAAO;gBAAA,IACP,KAAK;kBAAA,OAAE,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,IAAI,IAAI,CAAC,IAAI,EAAE;gBAAA;gBAAA,IACxC,OAAO;kBAAA,OAAE,MAAM,CAAC,CAAC,KAAK,IAAI,CAAC,EAAE;gBAAA;gBAAA,IAC7B,QAAQ;kBAAA,OAAE,KAAK,CAAC,QAAQ,IAAI,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC;gBAAA;gBAC7C,OAAO,EAAE,MAAM,KAAK,GAAG,CAAC,IAAI,CAAC,EAAE,EAAE,MAAM,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,SAAS,CAAC;gBAAA;kBAAA;gBAAA;cAAA;YAIhF;UAAA;UAAA;YAAA,yBAMR,UAAU;cACT,OAAO,EAAE,IAAI;cAAA,IACb,MAAM;gBAAA,OAAE,MAAM,CAAC,CAAC;cAAA;cAAA,IAChB,YAAY;gBAAA,OAAE,YAAY,CAAC,CAAC;cAAA;cAAA,IAC5B,IAAI;gBAAA,OAAE,MAAM,CAAC,CAAC,KAAK,IAAI,CAAC,EAAE;cAAA;cAAA,IAC1B,SAAS;gBAAA,OAAE,QAAQ,CAAC,CAAC,CAAC,kBAAkB;cAAA;cACxC,QAAQ,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC;cAAA,IAC7B,aAAa;gBAAA,OAAE,KAAK,CAAC,aAAa;cAAA;cAClC,MAAM,EAAG,KAAK,IAAK,GAAG,CAAC,IAAI,CAAC,EAAE,EAAE,MAAM,KAAK,CAAC,QAAQ,GAAG,IAAI,EAAE,KAAK,CAAC;YAAC;UAAA;QAAA,gCAGvE,IAAI;UAAA,IAAC,IAAI;YAAA,OAAE,wBAAQ,CAAC,CAAC,EAAE,EAAE,KAAK,IAAI,CAAC,EAAE,IAAI,IAAI,CAAC,CAAC,KAAK,IAAI,CAAC,EAAE,OAAG,QAAQ,CAAC,CAAC,GAAG,SAAS;UAAA;UAAA,UACjF,KAAK,4BAEF,KAAK,CAAC,CAAC,CAAC,OAAO;QAEnB;MAGN;IAAA;EAAA,gCAKN,IAAI;IAAA,IAAC,IAAI;MAAA,OAAE,KAAK,CAAC,QAAQ;IAAA;IAAA,UACtB,MAAM,sBACL,IAAI;MAAA,IACH,IAAI;QAAA,OAAE,IAAI,CAAC,CAAC,KAAK,QAAQ;MAAA;MAAA,IACzB,QAAQ;QAAA,yBACL,MAAM;UAAC,IAAI;UAAM,OAAO;UAAA,IAAU,QAAQ;YAAA,OAAE,KAAK,CAAC,QAAQ,IAAI,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC;UAAA;UAAE,OAAO,EAAE,MAAM,OAAO,CAAC,QAAQ,CAAC;UAAA;YAAA,wBAE/G,MAAM,CAAC,CAAC,CAAC,MAAM;UAAA;QAAA;MAAA;MAAA;QAAA,yBAInB,UAAU;UAAA,IACT,MAAM;YAAA,OAAE,MAAM,CAAC,CAAC;UAAA;UAAA,IAChB,YAAY;YAAA,OAAE,YAAY,CAAC,CAAC;UAAA;UAAA,IAC5B,IAAI;YAAA,OAAE,MAAM,CAAC,CAAC,KAAK,QAAQ;UAAA;UAAA,IAC3B,SAAS;YAAA,OAAE,QAAQ,CAAC,CAAC,CAAC,kBAAkB;UAAA;UACxC,QAAQ,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC;UAAA,IAC7B,aAAa;YAAA,OAAE,KAAK,CAAC,aAAa;UAAA;UAClC,MAAM,EAAG,KAAK,IAAK,GAAG,CAAC,QAAQ,EAAE,MAAM,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC;QAAC;MAAA;IAAA;EAG5D;AAIT;AAEA,eAAe,SAAS","ignoreList":[]}
+{"version":3,"names":[],"sources":["inputs/TagEditor.tsx"],"sourcesContent":["import { createEffect, createSignal, For, type JSX, onCleanup, Show } from \"solid-js\";\nimport { Button, IconButton } from \"../actions/Button\";\nimport { useUiMessages } from \"../intl/messages\";\nimport { Tag } from \"../surfaces/Tag\";\nimport { ColorInput } from \"./ChoiceInputs\";\nimport { TextInput } from \"./TextInput\";\nimport { useTagMessages } from \"./tag-messages\";\n\nexport type TagEditorItem = {\n  id: string;\n  name: string;\n  color?: string | null;\n};\n\nexport type TagEditorValue = {\n  name: string;\n  color: string;\n};\n\nexport type TagEditorLabels = {\n  create: string;\n  empty: string;\n  name: string;\n  namePlaceholder: string;\n  color: string;\n  save: string;\n  cancel: string;\n  edit: string;\n  remove: string;\n};\n\nexport type TagEditorProps<T extends TagEditorItem = TagEditorItem> = {\n  items: readonly T[];\n  onCreate?: (value: TagEditorValue) => void | Promise<void>;\n  onUpdate?: (item: T, value: TagEditorValue) => void | Promise<void>;\n  onDelete?: (item: T) => void | Promise<void>;\n  labels?: Partial<TagEditorLabels>;\n  defaultColor?: string;\n  disabled?: boolean;\n  onDirtyChange?: (dirty: boolean) => void;\n  class?: string;\n};\n\ntype EditorFormProps = {\n  initial?: TagEditorItem;\n  labels: TagEditorLabels;\n  defaultColor: string;\n  busy: boolean;\n  saveError: string;\n  onCancel: () => void;\n  onDirtyChange?: (dirty: boolean) => void;\n  onSave: (value: TagEditorValue) => Promise<void>;\n};\n\nfunction EditorForm(props: EditorFormProps): JSX.Element {\n  const initialName = props.initial?.name ?? \"\";\n  const initialColor = props.initial?.color ?? props.defaultColor;\n  const [name, setName] = createSignal(initialName);\n  const [color, setColor] = createSignal(initialColor);\n  const [error, setError] = createSignal<string>();\n\n  createEffect(() => props.onDirtyChange?.(name() !== initialName || color() !== initialColor));\n  onCleanup(() => props.onDirtyChange?.(false));\n\n  const submit = async (event: SubmitEvent) => {\n    event.preventDefault();\n    const normalized = name().trim();\n    if (!normalized || props.busy) return;\n    setError(undefined);\n    try {\n      await props.onSave({ name: normalized, color: color() });\n    } catch (cause) {\n      setError(cause instanceof Error ? cause.message : props.saveError);\n    }\n  };\n\n  return (\n    <form class=\"k2b-tag-editor__form\" aria-busy={props.busy ? \"true\" : undefined} onSubmit={submit}>\n      <div class=\"k2b-tag-editor__fields\">\n        <TextInput\n          label={props.labels.name}\n          placeholder={props.labels.namePlaceholder}\n          value={name}\n          onValueChange={setName}\n          disabled={props.busy}\n          required\n          autofocus\n        />\n        <ColorInput\n          aria-label={props.labels.color}\n          value={color}\n          onValueChange={setColor}\n          onValueCommit={setColor}\n          disabled={props.busy}\n          compact\n        />\n      </div>\n      <Show when={error()}>\n        {(message) => (\n          <p class=\"k2b-tag-editor__error\" role=\"alert\">\n            {message()}\n          </p>\n        )}\n      </Show>\n      <div class=\"k2b-tag-editor__form-actions\">\n        <Button type=\"submit\" size=\"sm\" loading={props.busy} disabled={!name().trim()}>\n          {props.labels.save}\n        </Button>\n        <Button type=\"button\" size=\"sm\" variant=\"ghost\" disabled={props.busy} onClick={props.onCancel}>\n          {props.labels.cancel}\n        </Button>\n      </div>\n    </form>\n  );\n}\n\n/** Controlled tag manager. Persistence, authorization, confirmation, and toasts stay with the consumer. */\nexport function TagEditor<T extends TagEditorItem = TagEditorItem>(props: TagEditorProps<T>): JSX.Element {\n  const messages = useUiMessages();\n  const tagMessages = useTagMessages();\n  const [mode, setMode] = createSignal<\"create\" | string | null>(null);\n  const [busyId, setBusyId] = createSignal<string | null>(null);\n  const [rowError, setRowError] = createSignal<{ id: string; message: string }>();\n  const labels = (): TagEditorLabels => ({\n    create: tagMessages().addTag,\n    empty: tagMessages().noTagsYet,\n    name: messages().name,\n    namePlaceholder: tagMessages().tagName,\n    color: messages().color,\n    save: messages().save,\n    cancel: messages().cancel,\n    edit: messages().edit,\n    remove: messages().delete,\n    ...props.labels,\n  });\n  const defaultColor = () => props.defaultColor ?? \"#6b7280\";\n  const run = async (id: string, action: () => void | Promise<void>) => {\n    if (busyId()) return;\n    setBusyId(id);\n    setRowError(undefined);\n    try {\n      await action();\n      setMode(null);\n    } catch (cause) {\n      setRowError({ id, message: cause instanceof Error ? cause.message : tagMessages().tagActionFailed });\n      throw cause;\n    } finally {\n      setBusyId(null);\n    }\n  };\n\n  return (\n    <div class={`k2b-tag-editor ${props.class ?? \"\"}`} data-disabled={props.disabled ? \"true\" : undefined}>\n      <Show when={props.items.length > 0} fallback={<p class=\"k2b-tag-editor__empty\">{labels().empty}</p>}>\n        <ul class=\"k2b-tag-editor__list\">\n          <For each={props.items}>\n            {(item) => (\n              <li class=\"k2b-tag-editor__row\">\n                <Show\n                  when={mode() === item.id && props.onUpdate}\n                  fallback={\n                    <>\n                      <Tag color={item.color}>{item.name}</Tag>\n                      <span class=\"k2b-tag-editor__row-actions\">\n                        <Show when={props.onUpdate}>\n                          <IconButton\n                            size=\"xs\"\n                            variant=\"ghost\"\n                            label={`${labels().edit} ${item.name}`}\n                            disabled={props.disabled || Boolean(busyId())}\n                            onClick={() => setMode(item.id)}\n                          >\n                            <i class=\"ti ti-pencil\" aria-hidden=\"true\" />\n                          </IconButton>\n                        </Show>\n                        <Show when={props.onDelete}>\n                          {(remove) => (\n                            <IconButton\n                              size=\"xs\"\n                              variant=\"ghost\"\n                              label={`${labels().remove} ${item.name}`}\n                              loading={busyId() === item.id}\n                              disabled={props.disabled || Boolean(busyId())}\n                              onClick={() => void run(item.id, () => remove()(item)).catch(() => undefined)}\n                            >\n                              <i class=\"ti ti-trash\" aria-hidden=\"true\" />\n                            </IconButton>\n                          )}\n                        </Show>\n                      </span>\n                    </>\n                  }\n                >\n                  <EditorForm\n                    initial={item}\n                    labels={labels()}\n                    defaultColor={defaultColor()}\n                    busy={busyId() === item.id}\n                    saveError={tagMessages().tagCouldNotBeSaved}\n                    onCancel={() => setMode(null)}\n                    onDirtyChange={props.onDirtyChange}\n                    onSave={(value) => run(item.id, () => props.onUpdate?.(item, value))}\n                  />\n                </Show>\n                <Show when={rowError()?.id === item.id && mode() !== item.id ? rowError() : undefined}>\n                  {(error) => (\n                    <p class=\"k2b-tag-editor__error\" role=\"alert\">\n                      {error().message}\n                    </p>\n                  )}\n                </Show>\n              </li>\n            )}\n          </For>\n        </ul>\n      </Show>\n\n      <Show when={props.onCreate}>\n        {(create) => (\n          <Show\n            when={mode() === \"create\"}\n            fallback={\n              <Button size=\"xs\" variant=\"subtle\" disabled={props.disabled || Boolean(busyId())} onClick={() => setMode(\"create\")}>\n                <i class=\"ti ti-plus\" aria-hidden=\"true\" />\n                {labels().create}\n              </Button>\n            }\n          >\n            <EditorForm\n              labels={labels()}\n              defaultColor={defaultColor()}\n              busy={busyId() === \"create\"}\n              saveError={tagMessages().tagCouldNotBeSaved}\n              onCancel={() => setMode(null)}\n              onDirtyChange={props.onDirtyChange}\n              onSave={(value) => run(\"create\", () => create()(value))}\n            />\n          </Show>\n        )}\n      </Show>\n    </div>\n  );\n}\n\nexport default TagEditor;\n"],"mappings":"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","ignoreList":[]}

package/dist/ssr/inputs/TagsInput.js

@@ -12,14 +12,14 @@ var _tmpl$ = ["<span class=\"k2b-tags-input__values\" aria-hidden=\"true\">", "<
   _tmpl$6 = ["<input type=\"hidden\"", ">"];
 import { createEffect, createSignal, createUniqueId, Show } from "solid-js";
 import { createFieldMeta, Field, fieldControlAria } from "../internal/field";
-import { useUiMessages } from "../intl/messages";
 import { resolveMaybeAccessor } from "./field-contract";
+import { useTagMessages } from "./tag-messages";
 export function TagsInput(props) {
-  const messages = useUiMessages();
+  const tagMessages = useTagMessages();
   const meta = createFieldMeta(props.id);
   const announcementId = `k2b-tags-${createUniqueId()}`;
   const error = () => resolveMaybeAccessor(props.error);
-  const placeholder = () => props.placeholder ?? messages().tagsPlaceholder;
+  const placeholder = () => props.placeholder ?? tagMessages().tagsPlaceholder;
   const [focused, setFocused] = createSignal(false);
   let focusStartValue = [];
   const normalize = text => text.replace(/\s+/g, " ").trim();
@@ -48,9 +48,9 @@ export function TagsInput(props) {
     const removed = previous.filter(tag => !nextTags.has(tag));
     const announcement = document.getElementById(announcementId);
     if (announcement) {
-      announcement.textContent = [added.length ? messages().tagsAdded({
+      announcement.textContent = [added.length ? tagMessages().tagsAdded({
         tags: added.join(", ")
-      }) : "", removed.length ? messages().tagsRemoved({
+      }) : "", removed.length ? tagMessages().tagsRemoved({
         tags: removed.join(", ")
       }) : ""].filter(Boolean).join(" ");
     }

package/dist/ssr/inputs/TagsInput.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["inputs/TagsInput.tsx"],"sourcesContent":["import { createEffect, createSignal, createUniqueId, type JSX, Show } from \"solid-js\";\nimport { createFieldMeta, Field, fieldControlAria } from \"../internal/field\";\nimport { useUiMessages } from \"../intl/messages\";\nimport type { ValueFieldProps } from \"./field-contract\";\nimport { resolveMaybeAccessor } from \"./field-contract\";\n\nexport type TagsInputProps = ValueFieldProps<string[]> & {\n  placeholder?: string;\n  icon?: string;\n  activeIcon?: string;\n  maxTags?: number;\n  name?: string;\n};\n\nexport function TagsInput(props: TagsInputProps): JSX.Element {\n  const messages = useUiMessages();\n  const meta = createFieldMeta(props.id);\n  const announcementId = `k2b-tags-${createUniqueId()}`;\n  const error = () => resolveMaybeAccessor(props.error);\n  const placeholder = () => props.placeholder ?? messages().tagsPlaceholder;\n  const [focused, setFocused] = createSignal(false);\n  let focusStartValue: readonly string[] = [];\n  const normalize = (text: string) => text.replace(/\\s+/g, \" \").trim();\n  const parseTags = (text: string): string[] => {\n    const tags: string[] = [];\n    const seen = new Set<string>();\n    const limit = props.maxTags === undefined ? Number.POSITIVE_INFINITY : Math.max(0, Math.floor(props.maxTags));\n    for (const rawTag of text.split(\",\")) {\n      const tag = normalize(rawTag);\n      if (!tag || seen.has(tag)) continue;\n      if (tags.length >= limit) break;\n      seen.add(tag);\n      tags.push(tag);\n    }\n    return tags;\n  };\n  const value = () => parseTags((resolveMaybeAccessor(props.value) ?? []).join(\",\"));\n  const [draft, setDraft] = createSignal(value().join(\", \"));\n  createEffect(() => {\n    if (!focused()) setDraft(value().join(\", \"));\n  });\n\n  const announce = (previous: readonly string[], next: readonly string[]) => {\n    const previousTags = new Set(previous);\n    const nextTags = new Set(next);\n    const added = next.filter((tag) => !previousTags.has(tag));\n    const removed = previous.filter((tag) => !nextTags.has(tag));\n    const announcement = document.getElementById(announcementId);\n    if (announcement) {\n      announcement.textContent = [\n        added.length ? messages().tagsAdded({ tags: added.join(\", \") }) : \"\",\n        removed.length ? messages().tagsRemoved({ tags: removed.join(\", \") }) : \"\",\n      ]\n        .filter(Boolean)\n        .join(\" \");\n    }\n  };\n\n  return (\n    <Field\n      class={props.class}\n      label={props.label}\n      description={props.description}\n      error={error()}\n      meta={meta}\n      labelFor={false}\n      required={props.required}\n      disabled={props.disabled}\n    >\n      <div class=\"k2b-tags-input\" data-invalid={error() ? \"true\" : undefined} data-disabled={props.disabled ? \"true\" : undefined}>\n        <span class=\"k2b-tags-input__icon\" aria-hidden=\"true\">\n          <i class={`${props.icon ?? \"ti ti-tag\"} k2b-tags-input__icon-idle`} />\n          <i class={`${props.activeIcon ?? \"ti ti-pencil\"} k2b-tags-input__icon-active`} />\n        </span>\n        <Show when={!focused()}>\n          <span class=\"k2b-tags-input__values\" aria-hidden=\"true\">\n            <Show when={value().length > 0} fallback={<span class=\"k2b-tags-input__placeholder\">{placeholder()}</span>}>\n              {value().map((tag) => (\n                <span class=\"k2b-tag\">{tag}</span>\n              ))}\n            </Show>\n          </span>\n        </Show>\n        <input\n          id={meta.controlId}\n          type=\"text\"\n          {...fieldControlAria(meta, props)}\n          disabled={props.disabled}\n          placeholder={focused() || value().length === 0 ? placeholder() : undefined}\n          value={draft()}\n          onFocus={() => {\n            if (props.disabled) return;\n            focusStartValue = value();\n            setDraft(focusStartValue.join(\", \"));\n            setFocused(true);\n          }}\n          onInput={(event) => {\n            if (props.disabled) return;\n            const nextDraft = event.currentTarget.value;\n            setDraft(nextDraft);\n            props.onValueChange?.(parseTags(nextDraft));\n          }}\n          onBlur={() => {\n            if (props.disabled) return;\n            const next = parseTags(draft());\n            announce(focusStartValue, next);\n            props.onValueCommit?.(next);\n            setFocused(false);\n          }}\n          onKeyDown={(event) => event.key === \"Enter\" && (event.preventDefault(), event.currentTarget.blur())}\n        />\n      </div>\n      <Show when={props.name}>{(name) => <input type=\"hidden\" name={name()} value={value().join(\",\")} />}</Show>\n      <div id={announcementId} class=\"k2b-sr-only\" role=\"status\" aria-live=\"polite\" aria-atomic=\"true\" />\n    </Field>\n  );\n}\n\nexport default TagsInput;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":[],"sources":["inputs/TagsInput.tsx"],"sourcesContent":["import { createEffect, createSignal, createUniqueId, type JSX, Show } from \"solid-js\";\nimport { createFieldMeta, Field, fieldControlAria } from \"../internal/field\";\nimport type { ValueFieldProps } from \"./field-contract\";\nimport { resolveMaybeAccessor } from \"./field-contract\";\nimport { useTagMessages } from \"./tag-messages\";\n\nexport type TagsInputProps = ValueFieldProps<string[]> & {\n  placeholder?: string;\n  icon?: string;\n  activeIcon?: string;\n  maxTags?: number;\n  name?: string;\n};\n\nexport function TagsInput(props: TagsInputProps): JSX.Element {\n  const tagMessages = useTagMessages();\n  const meta = createFieldMeta(props.id);\n  const announcementId = `k2b-tags-${createUniqueId()}`;\n  const error = () => resolveMaybeAccessor(props.error);\n  const placeholder = () => props.placeholder ?? tagMessages().tagsPlaceholder;\n  const [focused, setFocused] = createSignal(false);\n  let focusStartValue: readonly string[] = [];\n  const normalize = (text: string) => text.replace(/\\s+/g, \" \").trim();\n  const parseTags = (text: string): string[] => {\n    const tags: string[] = [];\n    const seen = new Set<string>();\n    const limit = props.maxTags === undefined ? Number.POSITIVE_INFINITY : Math.max(0, Math.floor(props.maxTags));\n    for (const rawTag of text.split(\",\")) {\n      const tag = normalize(rawTag);\n      if (!tag || seen.has(tag)) continue;\n      if (tags.length >= limit) break;\n      seen.add(tag);\n      tags.push(tag);\n    }\n    return tags;\n  };\n  const value = () => parseTags((resolveMaybeAccessor(props.value) ?? []).join(\",\"));\n  const [draft, setDraft] = createSignal(value().join(\", \"));\n  createEffect(() => {\n    if (!focused()) setDraft(value().join(\", \"));\n  });\n\n  const announce = (previous: readonly string[], next: readonly string[]) => {\n    const previousTags = new Set(previous);\n    const nextTags = new Set(next);\n    const added = next.filter((tag) => !previousTags.has(tag));\n    const removed = previous.filter((tag) => !nextTags.has(tag));\n    const announcement = document.getElementById(announcementId);\n    if (announcement) {\n      announcement.textContent = [\n        added.length ? tagMessages().tagsAdded({ tags: added.join(\", \") }) : \"\",\n        removed.length ? tagMessages().tagsRemoved({ tags: removed.join(\", \") }) : \"\",\n      ]\n        .filter(Boolean)\n        .join(\" \");\n    }\n  };\n\n  return (\n    <Field\n      class={props.class}\n      label={props.label}\n      description={props.description}\n      error={error()}\n      meta={meta}\n      labelFor={false}\n      required={props.required}\n      disabled={props.disabled}\n    >\n      <div class=\"k2b-tags-input\" data-invalid={error() ? \"true\" : undefined} data-disabled={props.disabled ? \"true\" : undefined}>\n        <span class=\"k2b-tags-input__icon\" aria-hidden=\"true\">\n          <i class={`${props.icon ?? \"ti ti-tag\"} k2b-tags-input__icon-idle`} />\n          <i class={`${props.activeIcon ?? \"ti ti-pencil\"} k2b-tags-input__icon-active`} />\n        </span>\n        <Show when={!focused()}>\n          <span class=\"k2b-tags-input__values\" aria-hidden=\"true\">\n            <Show when={value().length > 0} fallback={<span class=\"k2b-tags-input__placeholder\">{placeholder()}</span>}>\n              {value().map((tag) => (\n                <span class=\"k2b-tag\">{tag}</span>\n              ))}\n            </Show>\n          </span>\n        </Show>\n        <input\n          id={meta.controlId}\n          type=\"text\"\n          {...fieldControlAria(meta, props)}\n          disabled={props.disabled}\n          placeholder={focused() || value().length === 0 ? placeholder() : undefined}\n          value={draft()}\n          onFocus={() => {\n            if (props.disabled) return;\n            focusStartValue = value();\n            setDraft(focusStartValue.join(\", \"));\n            setFocused(true);\n          }}\n          onInput={(event) => {\n            if (props.disabled) return;\n            const nextDraft = event.currentTarget.value;\n            setDraft(nextDraft);\n            props.onValueChange?.(parseTags(nextDraft));\n          }}\n          onBlur={() => {\n            if (props.disabled) return;\n            const next = parseTags(draft());\n            announce(focusStartValue, next);\n            props.onValueCommit?.(next);\n            setFocused(false);\n          }}\n          onKeyDown={(event) => event.key === \"Enter\" && (event.preventDefault(), event.currentTarget.blur())}\n        />\n      </div>\n      <Show when={props.name}>{(name) => <input type=\"hidden\" name={name()} value={value().join(\",\")} />}</Show>\n      <div id={announcementId} class=\"k2b-sr-only\" role=\"status\" aria-live=\"polite\" aria-atomic=\"true\" />\n    </Field>\n  );\n}\n\nexport default TagsInput;\n"],"mappings":"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","ignoreList":[]}

package/dist/ssr/inputs/TemplateEditor.js

@@ -7,10 +7,10 @@ import { memo as _$memo } from "solid-js/web";
 var _tmpl$ = ["<section class=\"", "\"><iframe sandbox", "></iframe></section>"],
   _tmpl$2 = ["<section class=\"", "\">", "</section>"];
 import { createMemo, For } from "solid-js";
-import { useUiMessages } from "../intl/messages";
 import { PANES_LAYOUT_VERSION } from "../layout/panes-layout";
 import { AutocompleteEditor } from "./AutocompleteEditor";
 import { TextInput } from "./TextInput";
+import { useTemplateMessages } from "./template-messages";
 export const createTemplateEditorPanesLayout = () => ({
   version: PANES_LAYOUT_VERSION,
   root: {
@@ -121,7 +121,7 @@ const highlightTemplate = text => {
   return withTags.replace(/\uE000(\d+)\uE001/g, (_, index) => stashed[Number(index)] ?? "");
 };
 export function TemplateEditor(props) {
-  const messages = useUiMessages();
+  const templateMessages = useTemplateMessages();
   const completions = createMemo(() => templateCompletions(props.variables));
   return _$createComponent(AutocompleteEditor, _$mergeProps(props, {
     get lines() {
@@ -131,7 +131,7 @@ export function TemplateEditor(props) {
       return props.spellcheck ?? false;
     },
     get placeholder() {
-      return props.placeholder ?? messages().templateEditorPlaceholder;
+      return props.placeholder ?? templateMessages().templateEditorPlaceholder;
     },
     highlight: highlightTemplate,
     get completions() {
@@ -140,8 +140,8 @@ export function TemplateEditor(props) {
   }));
 }
 export function TemplatePreview(props) {
-  const messages = useUiMessages();
-  return _$ssr(_tmpl$, `k2b-template-preview ${_$escape(props.class ?? "", true)}`, _$ssrAttribute("srcdoc", _$escape(props.html, true), false) + _$ssrAttribute("title", _$escape(props.title ?? messages().templatePreview, true), false));
+  const templateMessages = useTemplateMessages();
+  return _$ssr(_tmpl$, `k2b-template-preview ${_$escape(props.class ?? "", true)}`, _$ssrAttribute("srcdoc", _$escape(props.html, true), false) + _$ssrAttribute("title", _$escape(props.title ?? templateMessages().templatePreview, true), false));
 }
 export function TemplateSampleData(props) {
   return _$ssr(_tmpl$2, `k2b-template-sample ${_$escape(props.class ?? "", true)}`, _$escape(_$createComponent(For, {

package/dist/ssr/inputs/TemplateEditor.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["inputs/TemplateEditor.tsx"],"sourcesContent":["import { createMemo, For, type JSX } from \"solid-js\";\nimport { useUiMessages } from \"../intl/messages\";\nimport { PANES_LAYOUT_VERSION, type PanesLayout } from \"../layout/panes-layout\";\nimport { AutocompleteEditor, type AutocompleteEditorProps } from \"./AutocompleteEditor\";\nimport type { Completion, Suggestion } from \"./completion\";\nimport { TextInput } from \"./TextInput\";\n\nexport type TemplateVariableKind = \"string\" | \"email\" | \"url\" | \"number\" | \"boolean\" | \"array\" | \"object\";\n\nexport type TemplateVariable = {\n  name: string;\n  kind?: TemplateVariableKind;\n  description?: string;\n};\n\nexport type TemplateEditorProps = Omit<AutocompleteEditorProps, \"completions\" | \"highlight\"> & {\n  variables: readonly TemplateVariable[];\n};\n\nexport type TemplatePreviewProps = {\n  html: string;\n  title?: string;\n  class?: string;\n};\n\nexport type TemplateSampleDataProps = {\n  variables: readonly TemplateVariable[];\n  values: Readonly<Record<string, string>>;\n  onValueChange: (name: string, value: string) => void;\n  class?: string;\n};\n\nexport type TemplateEditorLayout = PanesLayout;\n\nexport const createTemplateEditorPanesLayout = (): TemplateEditorLayout => ({\n  version: PANES_LAYOUT_VERSION,\n  root: {\n    type: \"split\",\n    direction: \"horizontal\",\n    ratio: 0.5,\n    first: { type: \"group\", items: [\"html\"], active: \"html\" },\n    second: { type: \"group\", items: [\"preview\", \"sample-data\"], active: \"preview\" },\n  },\n});\n\nconst HTML_TAGS = [\n  { name: \"p\", snippet: \"<p></p>\", hint: \"paragraph\" },\n  {\n    name: \"a\",\n    snippet: '<a href=\"{{ LOGIN_URL }}\">Link</a>',\n    hint: \"link\",\n  },\n  { name: \"strong\", snippet: \"<strong></strong>\", hint: \"bold\" },\n  { name: \"em\", snippet: \"<em></em>\", hint: \"emphasis\" },\n  { name: \"br\", snippet: \"<br>\", hint: \"line break\" },\n  { name: \"ul\", snippet: \"<ul>\\n  <li></li>\\n</ul>\", hint: \"list\" },\n  {\n    name: \"table\",\n    snippet: \"<table>\\n  <tr><td></td></tr>\\n</table>\",\n    hint: \"table\",\n  },\n] as const;\n\nconst suggestion = (text: string, hint: string, label?: string): Suggestion => ({ text, hint, label, appendSpace: false });\n\nconst templateCompletions = (variables: readonly TemplateVariable[]): Completion[] => [\n  {\n    trigger: \"{\",\n    dropdown: true,\n    allowAfterWord: true,\n    suggest: (query, context) => {\n      const normalized = query.toLowerCase();\n      const leadingBrace = context.tokenStart > 0 && context.fullText[context.tokenStart - 1] === \"{\";\n      const open = leadingBrace ? \"{ \" : \"{{ \";\n      const close = leadingBrace ? \" }}\" : \" }}\";\n      const values = variables\n        .filter((variable) => variable.name.toLowerCase().startsWith(normalized))\n        .map((variable) => suggestion(`${open}${variable.name}${close}`, variable.kind ?? \"string\", variable.name));\n      const conditions = variables\n        .filter((variable) => variable.kind !== \"array\")\n        .filter((variable) => variable.name.toLowerCase().startsWith(normalized))\n        .map((variable) => suggestion(`{% if ${variable.name} != blank %}\\n  \\n{% endif %}`, \"condition\", `if ${variable.name}`));\n      const loops = variables\n        .filter((variable) => variable.kind === \"array\")\n        .filter((variable) => variable.name.toLowerCase().startsWith(normalized))\n        .map((variable) => suggestion(`{% for item in ${variable.name} %}\\n  {{ item }}\\n{% endfor %}`, \"loop\", `for ${variable.name}`));\n      return [...values, ...conditions, ...loops];\n    },\n  },\n  {\n    trigger: \"%\",\n    dropdown: true,\n    allowAfterWord: true,\n    suggest: (query) => {\n      const normalized = query.toLowerCase();\n      const conditions = variables\n        .filter((variable) => variable.kind !== \"array\")\n        .filter((variable) => variable.name.toLowerCase().startsWith(normalized))\n        .map((variable) => suggestion(`% if ${variable.name} != blank %}\\n  \\n{% endif %}`, \"condition\", `if ${variable.name}`));\n      const loops = variables\n        .filter((variable) => variable.kind === \"array\")\n        .filter((variable) => variable.name.toLowerCase().startsWith(normalized))\n        .map((variable) => suggestion(`% for item in ${variable.name} %}\\n  {{ item }}\\n{% endfor %}`, \"loop\", `for ${variable.name}`));\n      return [...conditions, ...loops];\n    },\n  },\n  {\n    trigger: \"<\",\n    dropdown: true,\n    allowAfterWord: true,\n    suggest: (query) => {\n      const normalized = query.toLowerCase();\n      return HTML_TAGS.filter((tag) => tag.name.startsWith(normalized)).map((tag) => suggestion(tag.snippet, tag.hint, tag.name));\n    },\n  },\n];\n\nconst escapeHtml = (value: string): string =>\n  value.replace(/&/g, \"&amp;\").replace(/</g, \"&lt;\").replace(/>/g, \"&gt;\").replace(/\"/g, \"&quot;\");\n\nconst highlightLiquidToken = (token: string): string => {\n  const inner = token.replace(/^\\{\\{|\\}\\}$|^\\{%|\\%}$/g, \"\").trim();\n  const keyword = inner.split(/\\s+/)[0] ?? \"\";\n  const kind = token.startsWith(\"{%\") ? (keyword.startsWith(\"end\") ? \"end\" : \"control\") : inner.includes(\"| raw\") ? \"raw\" : \"value\";\n  return `<span class=\"k2b-template-token\" data-kind=\"${kind}\">${escapeHtml(token)}</span>`;\n};\n\nconst highlightTag = (tag: string): string => {\n  const match = tag.match(/^(&lt;\\/?)([a-zA-Z][\\w:-]*)([\\s\\S]*?)(&gt;)$/);\n  if (!match) return `<span class=\"k2b-template-tag\">${tag}</span>`;\n  const attrs = (match[3] ?? \"\").replace(\n    /([\\w:-]+)(=)(&quot;[\\s\\S]*?&quot;|'[\\s\\S]*?'|[^\\s&]+)/g,\n    '<span class=\"k2b-template-attribute\">$1</span><span class=\"k2b-template-punctuation\">$2</span><span class=\"k2b-template-string\">$3</span>',\n  );\n  return `<span class=\"k2b-template-punctuation\">${match[1]}</span><span class=\"k2b-template-tag\">${match[2]}</span>${attrs}<span class=\"k2b-template-punctuation\">${match[4]}</span>`;\n};\n\nconst highlightTemplate = (text: string): string => {\n  const stashed: string[] = [];\n  const escaped = escapeHtml(text).replace(/{{[\\s\\S]*?}}|{%[\\s\\S]*?%}/g, (token) => {\n    const marker = `\\uE000${stashed.length}\\uE001`;\n    stashed.push(highlightLiquidToken(token));\n    return marker;\n  });\n  const withTags = escaped.replace(/&lt;!--[\\s\\S]*?--&gt;|&lt;\\/?[a-zA-Z][\\s\\S]*?&gt;/g, (tag) =>\n    tag.startsWith(\"&lt;!--\") ? `<span class=\"k2b-template-comment\">${tag}</span>` : highlightTag(tag),\n  );\n  return withTags.replace(/\\uE000(\\d+)\\uE001/g, (_, index) => stashed[Number(index)] ?? \"\");\n};\n\nexport function TemplateEditor(props: TemplateEditorProps): JSX.Element {\n  const messages = useUiMessages();\n  const completions = createMemo(() => templateCompletions(props.variables));\n  return (\n    <AutocompleteEditor\n      {...props}\n      lines={props.lines ?? 22}\n      spellcheck={props.spellcheck ?? false}\n      placeholder={props.placeholder ?? messages().templateEditorPlaceholder}\n      highlight={highlightTemplate}\n      completions={completions()}\n    />\n  );\n}\n\nexport function TemplatePreview(props: TemplatePreviewProps): JSX.Element {\n  const messages = useUiMessages();\n  return (\n    <section class={`k2b-template-preview ${props.class ?? \"\"}`}>\n      <iframe sandbox=\"\" srcdoc={props.html} title={props.title ?? messages().templatePreview} />\n    </section>\n  );\n}\n\nexport function TemplateSampleData(props: TemplateSampleDataProps): JSX.Element {\n  return (\n    <section class={`k2b-template-sample ${props.class ?? \"\"}`}>\n      <For each={props.variables}>\n        {(variable) => (\n          <TextInput\n            label={`{{ ${variable.name} }}`}\n            description={variable.description}\n            value={props.values[variable.name] ?? \"\"}\n            onValueChange={(value) => props.onValueChange(variable.name, value)}\n          />\n        )}\n      </For>\n    </section>\n  );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":[],"sources":["inputs/TemplateEditor.tsx"],"sourcesContent":["import { createMemo, For, type JSX } from \"solid-js\";\nimport { PANES_LAYOUT_VERSION, type PanesLayout } from \"../layout/panes-layout\";\nimport { AutocompleteEditor, type AutocompleteEditorProps } from \"./AutocompleteEditor\";\nimport type { Completion, Suggestion } from \"./completion\";\nimport { TextInput } from \"./TextInput\";\nimport { useTemplateMessages } from \"./template-messages\";\n\nexport type TemplateVariableKind = \"string\" | \"email\" | \"url\" | \"number\" | \"boolean\" | \"array\" | \"object\";\n\nexport type TemplateVariable = {\n  name: string;\n  kind?: TemplateVariableKind;\n  description?: string;\n};\n\nexport type TemplateEditorProps = Omit<AutocompleteEditorProps, \"completions\" | \"highlight\"> & {\n  variables: readonly TemplateVariable[];\n};\n\nexport type TemplatePreviewProps = {\n  html: string;\n  title?: string;\n  class?: string;\n};\n\nexport type TemplateSampleDataProps = {\n  variables: readonly TemplateVariable[];\n  values: Readonly<Record<string, string>>;\n  onValueChange: (name: string, value: string) => void;\n  class?: string;\n};\n\nexport type TemplateEditorLayout = PanesLayout;\n\nexport const createTemplateEditorPanesLayout = (): TemplateEditorLayout => ({\n  version: PANES_LAYOUT_VERSION,\n  root: {\n    type: \"split\",\n    direction: \"horizontal\",\n    ratio: 0.5,\n    first: { type: \"group\", items: [\"html\"], active: \"html\" },\n    second: { type: \"group\", items: [\"preview\", \"sample-data\"], active: \"preview\" },\n  },\n});\n\nconst HTML_TAGS = [\n  { name: \"p\", snippet: \"<p></p>\", hint: \"paragraph\" },\n  {\n    name: \"a\",\n    snippet: '<a href=\"{{ LOGIN_URL }}\">Link</a>',\n    hint: \"link\",\n  },\n  { name: \"strong\", snippet: \"<strong></strong>\", hint: \"bold\" },\n  { name: \"em\", snippet: \"<em></em>\", hint: \"emphasis\" },\n  { name: \"br\", snippet: \"<br>\", hint: \"line break\" },\n  { name: \"ul\", snippet: \"<ul>\\n  <li></li>\\n</ul>\", hint: \"list\" },\n  {\n    name: \"table\",\n    snippet: \"<table>\\n  <tr><td></td></tr>\\n</table>\",\n    hint: \"table\",\n  },\n] as const;\n\nconst suggestion = (text: string, hint: string, label?: string): Suggestion => ({ text, hint, label, appendSpace: false });\n\nconst templateCompletions = (variables: readonly TemplateVariable[]): Completion[] => [\n  {\n    trigger: \"{\",\n    dropdown: true,\n    allowAfterWord: true,\n    suggest: (query, context) => {\n      const normalized = query.toLowerCase();\n      const leadingBrace = context.tokenStart > 0 && context.fullText[context.tokenStart - 1] === \"{\";\n      const open = leadingBrace ? \"{ \" : \"{{ \";\n      const close = leadingBrace ? \" }}\" : \" }}\";\n      const values = variables\n        .filter((variable) => variable.name.toLowerCase().startsWith(normalized))\n        .map((variable) => suggestion(`${open}${variable.name}${close}`, variable.kind ?? \"string\", variable.name));\n      const conditions = variables\n        .filter((variable) => variable.kind !== \"array\")\n        .filter((variable) => variable.name.toLowerCase().startsWith(normalized))\n        .map((variable) => suggestion(`{% if ${variable.name} != blank %}\\n  \\n{% endif %}`, \"condition\", `if ${variable.name}`));\n      const loops = variables\n        .filter((variable) => variable.kind === \"array\")\n        .filter((variable) => variable.name.toLowerCase().startsWith(normalized))\n        .map((variable) => suggestion(`{% for item in ${variable.name} %}\\n  {{ item }}\\n{% endfor %}`, \"loop\", `for ${variable.name}`));\n      return [...values, ...conditions, ...loops];\n    },\n  },\n  {\n    trigger: \"%\",\n    dropdown: true,\n    allowAfterWord: true,\n    suggest: (query) => {\n      const normalized = query.toLowerCase();\n      const conditions = variables\n        .filter((variable) => variable.kind !== \"array\")\n        .filter((variable) => variable.name.toLowerCase().startsWith(normalized))\n        .map((variable) => suggestion(`% if ${variable.name} != blank %}\\n  \\n{% endif %}`, \"condition\", `if ${variable.name}`));\n      const loops = variables\n        .filter((variable) => variable.kind === \"array\")\n        .filter((variable) => variable.name.toLowerCase().startsWith(normalized))\n        .map((variable) => suggestion(`% for item in ${variable.name} %}\\n  {{ item }}\\n{% endfor %}`, \"loop\", `for ${variable.name}`));\n      return [...conditions, ...loops];\n    },\n  },\n  {\n    trigger: \"<\",\n    dropdown: true,\n    allowAfterWord: true,\n    suggest: (query) => {\n      const normalized = query.toLowerCase();\n      return HTML_TAGS.filter((tag) => tag.name.startsWith(normalized)).map((tag) => suggestion(tag.snippet, tag.hint, tag.name));\n    },\n  },\n];\n\nconst escapeHtml = (value: string): string =>\n  value.replace(/&/g, \"&amp;\").replace(/</g, \"&lt;\").replace(/>/g, \"&gt;\").replace(/\"/g, \"&quot;\");\n\nconst highlightLiquidToken = (token: string): string => {\n  const inner = token.replace(/^\\{\\{|\\}\\}$|^\\{%|\\%}$/g, \"\").trim();\n  const keyword = inner.split(/\\s+/)[0] ?? \"\";\n  const kind = token.startsWith(\"{%\") ? (keyword.startsWith(\"end\") ? \"end\" : \"control\") : inner.includes(\"| raw\") ? \"raw\" : \"value\";\n  return `<span class=\"k2b-template-token\" data-kind=\"${kind}\">${escapeHtml(token)}</span>`;\n};\n\nconst highlightTag = (tag: string): string => {\n  const match = tag.match(/^(&lt;\\/?)([a-zA-Z][\\w:-]*)([\\s\\S]*?)(&gt;)$/);\n  if (!match) return `<span class=\"k2b-template-tag\">${tag}</span>`;\n  const attrs = (match[3] ?? \"\").replace(\n    /([\\w:-]+)(=)(&quot;[\\s\\S]*?&quot;|'[\\s\\S]*?'|[^\\s&]+)/g,\n    '<span class=\"k2b-template-attribute\">$1</span><span class=\"k2b-template-punctuation\">$2</span><span class=\"k2b-template-string\">$3</span>',\n  );\n  return `<span class=\"k2b-template-punctuation\">${match[1]}</span><span class=\"k2b-template-tag\">${match[2]}</span>${attrs}<span class=\"k2b-template-punctuation\">${match[4]}</span>`;\n};\n\nconst highlightTemplate = (text: string): string => {\n  const stashed: string[] = [];\n  const escaped = escapeHtml(text).replace(/{{[\\s\\S]*?}}|{%[\\s\\S]*?%}/g, (token) => {\n    const marker = `\\uE000${stashed.length}\\uE001`;\n    stashed.push(highlightLiquidToken(token));\n    return marker;\n  });\n  const withTags = escaped.replace(/&lt;!--[\\s\\S]*?--&gt;|&lt;\\/?[a-zA-Z][\\s\\S]*?&gt;/g, (tag) =>\n    tag.startsWith(\"&lt;!--\") ? `<span class=\"k2b-template-comment\">${tag}</span>` : highlightTag(tag),\n  );\n  return withTags.replace(/\\uE000(\\d+)\\uE001/g, (_, index) => stashed[Number(index)] ?? \"\");\n};\n\nexport function TemplateEditor(props: TemplateEditorProps): JSX.Element {\n  const templateMessages = useTemplateMessages();\n  const completions = createMemo(() => templateCompletions(props.variables));\n  return (\n    <AutocompleteEditor\n      {...props}\n      lines={props.lines ?? 22}\n      spellcheck={props.spellcheck ?? false}\n      placeholder={props.placeholder ?? templateMessages().templateEditorPlaceholder}\n      highlight={highlightTemplate}\n      completions={completions()}\n    />\n  );\n}\n\nexport function TemplatePreview(props: TemplatePreviewProps): JSX.Element {\n  const templateMessages = useTemplateMessages();\n  return (\n    <section class={`k2b-template-preview ${props.class ?? \"\"}`}>\n      <iframe sandbox=\"\" srcdoc={props.html} title={props.title ?? templateMessages().templatePreview} />\n    </section>\n  );\n}\n\nexport function TemplateSampleData(props: TemplateSampleDataProps): JSX.Element {\n  return (\n    <section class={`k2b-template-sample ${props.class ?? \"\"}`}>\n      <For each={props.variables}>\n        {(variable) => (\n          <TextInput\n            label={`{{ ${variable.name} }}`}\n            description={variable.description}\n            value={props.values[variable.name] ?? \"\"}\n            onValueChange={(value) => props.onValueChange(variable.name, value)}\n          />\n        )}\n      </For>\n    </section>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/ssr/inputs/TextInput.js

@@ -14,9 +14,11 @@ import { createSignal, Show, splitProps } from "solid-js";
 import { createFieldMeta, Field, fieldControlAria } from "../internal/field";
 import { useUiMessages } from "../intl/messages";
 import { commitFieldValue, resolveMaybeAccessor } from "./field-contract";
+import { useInputMessages } from "./input-messages";
 import { MarkdownEditor } from "./markdown/MarkdownEditor";
 export function TextInput(props) {
   const messages = useUiMessages();
+  const inputMessages = useInputMessages();
   const [local, rest] = splitProps(props, ["activeIcon", "aria-describedby", "aria-label", "class", "clearLabel", "clearable", "completions", "description", "error", "icon", "id", "label", "lines", "markdown", "minLength", "maxLength", "monospace", "multiline", "onClear", "onValueCommit", "onSubmit", "onValueChange", "password", "prefix", "required", "suffix", "type", "value", "variant", "abbreviations"]);
   const meta = createFieldMeta(local.id);
   const value = () => resolveMaybeAccessor(local.value) ?? "";
@@ -151,7 +153,7 @@ export function TextInput(props) {
               return _$memo(() => !!local.password)() && !multiline();
             },
             get children() {
-              return _$ssr(_tmpl$3, _$ssrAttribute("aria-label", passwordVisible() ? _$escape(messages().hidePassword, true) : _$escape(messages().showPassword, true), false) + _$ssrAttribute("aria-pressed", _$escape(passwordVisible(), true), false), _$ssrAttribute("disabled", rest.disabled, true), _$ssrAttribute("class", passwordVisible() ? "ti ti-eye-off" : "ti ti-eye", false));
+              return _$ssr(_tmpl$3, _$ssrAttribute("aria-label", passwordVisible() ? _$escape(inputMessages().hidePassword, true) : _$escape(inputMessages().showPassword, true), false) + _$ssrAttribute("aria-pressed", _$escape(passwordVisible(), true), false), _$ssrAttribute("disabled", rest.disabled, true), _$ssrAttribute("class", passwordVisible() ? "ti ti-eye-off" : "ti ti-eye", false));
             }
           })));
         }

package/dist/ssr/inputs/TextInput.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["inputs/TextInput.tsx"],"sourcesContent":["import { createSignal, type JSX, Show, splitProps } from \"solid-js\";\nimport { createFieldMeta, Field, fieldControlAria } from \"../internal/field\";\nimport { useUiMessages } from \"../intl/messages\";\nimport type { Completion } from \"./completion\";\nimport type { ValueFieldProps } from \"./field-contract\";\nimport { commitFieldValue, resolveMaybeAccessor } from \"./field-contract\";\nimport { MarkdownEditor } from \"./markdown/MarkdownEditor\";\n\nexport type TextInputProps = Omit<\n  JSX.InputHTMLAttributes<HTMLInputElement>,\n  \"onChange\" | \"onInput\" | \"prefix\" | \"suffix\" | \"type\" | \"value\" | keyof ValueFieldProps<string>\n> &\n  ValueFieldProps<string> & {\n    minLength?: number;\n    maxLength?: number;\n    type?: \"text\" | \"search\" | \"email\" | \"url\" | \"tel\";\n    variant?: \"default\" | \"ai\";\n    icon?: string;\n    activeIcon?: string;\n    prefix?: JSX.Element;\n    suffix?: JSX.Element;\n    clearable?: boolean;\n    onClear?: () => void;\n    clearLabel?: string;\n    multiline?: boolean;\n    monospace?: boolean;\n    password?: boolean;\n    markdown?: boolean;\n    onSubmit?: () => void;\n    lines?: number;\n    abbreviations?: Record<string, string>;\n    completions?: readonly Completion[];\n  };\n\nexport function TextInput(props: TextInputProps): JSX.Element {\n  const messages = useUiMessages();\n  const [local, rest] = splitProps(props, [\n    \"activeIcon\",\n    \"aria-describedby\",\n    \"aria-label\",\n    \"class\",\n    \"clearLabel\",\n    \"clearable\",\n    \"completions\",\n    \"description\",\n    \"error\",\n    \"icon\",\n    \"id\",\n    \"label\",\n    \"lines\",\n    \"markdown\",\n    \"minLength\",\n    \"maxLength\",\n    \"monospace\",\n    \"multiline\",\n    \"onClear\",\n    \"onValueCommit\",\n    \"onSubmit\",\n    \"onValueChange\",\n    \"password\",\n    \"prefix\",\n    \"required\",\n    \"suffix\",\n    \"type\",\n    \"value\",\n    \"variant\",\n    \"abbreviations\",\n  ]);\n  const meta = createFieldMeta(local.id);\n  const value = () => resolveMaybeAccessor(local.value) ?? \"\";\n  const error = () => resolveMaybeAccessor(local.error);\n  const [passwordVisible, setPasswordVisible] = createSignal(false);\n  const multiline = () => Boolean(local.multiline || local.markdown);\n  const icon = () => local.icon ?? (local.variant === \"ai\" ? \"ti ti-sparkles\" : local.markdown ? \"ti ti-markdown\" : \"ti ti-cursor-text\");\n  // A custom icon stays while typing (a search field keeps its magnifier); only the default icon switches to the pencil.\n  const activeIcon = () => local.activeIcon ?? local.icon ?? (local.variant === \"ai\" ? \"ti ti-sparkles\" : \"ti ti-pencil\");\n  // Names, addresses and passwords are typed exactly: phone keyboards must not capitalize or \"correct\" them.\n  const verbatim = () =>\n    local.password || local.type === \"email\" || local.type === \"url\" || /\\b(username|email|url)\\b/.test(String(rest.autocomplete ?? \"\"));\n  const input = (next: string) => local.onValueChange?.(next);\n  const commit = (next: string) => local.onValueCommit?.(next);\n  const clear = () => {\n    if (local.onClear) {\n      local.onClear();\n      return;\n    }\n    commitFieldValue(local, \"\");\n  };\n\n  return (\n    <Show\n      when={local.markdown}\n      fallback={\n        <Field\n          class={local.class}\n          label={local.label}\n          description={local.description}\n          error={error()}\n          meta={meta}\n          required={local.required}\n          disabled={rest.disabled}\n        >\n          <div\n            class=\"k2b-input-shell k2b-text-input\"\n            data-invalid={error() ? \"true\" : undefined}\n            data-ai={local.variant === \"ai\" ? \"true\" : undefined}\n            data-multiline={multiline() ? \"true\" : undefined}\n            data-monospace={local.monospace ? \"true\" : undefined}\n            style={multiline() ? { \"--k2b-editor-lines\": String(local.lines ?? 3) } : undefined}\n          >\n            <span class=\"k2b-input-shell__icon k2b-text-input__icon\" aria-hidden=\"true\">\n              <i class={icon()} />\n              <i class={activeIcon()} />\n            </span>\n            <Show when={local.prefix}>\n              <span class=\"k2b-input-shell__affix\">{local.prefix}</span>\n            </Show>\n            <Show\n              when={multiline()}\n              fallback={\n                <input\n                  autocapitalize={verbatim() ? \"none\" : undefined}\n                  autocorrect={verbatim() ? \"off\" : undefined}\n                  spellcheck={verbatim() ? false : undefined}\n                  {...rest}\n                  id={meta.controlId}\n                  class=\"k2b-input\"\n                  type={local.password && !passwordVisible() ? \"password\" : (local.type ?? \"text\")}\n                  value={value()}\n                  minlength={local.minLength}\n                  maxlength={local.maxLength}\n                  required={local.required}\n                  {...fieldControlAria(meta, local)}\n                  onInput={(event) => {\n                    input(event.currentTarget.value);\n                  }}\n                  onChange={(event) => commit(event.currentTarget.value)}\n                  onKeyDown={(event) => {\n                    if (local.onSubmit && event.key === \"Enter\" && !event.shiftKey && !event.metaKey) {\n                      event.preventDefault();\n                      local.onSubmit();\n                    }\n                  }}\n                />\n              }\n            >\n              <textarea\n                {...(rest as unknown as JSX.TextareaHTMLAttributes<HTMLTextAreaElement>)}\n                id={meta.controlId}\n                class=\"k2b-input k2b-text-input__textarea\"\n                value={value()}\n                rows={local.lines ?? 3}\n                required={local.required}\n                minlength={local.minLength}\n                maxlength={local.maxLength}\n                {...fieldControlAria(meta, local)}\n                onInput={(event) => {\n                  input(event.currentTarget.value);\n                }}\n                onChange={(event) => commit(event.currentTarget.value)}\n                onKeyDown={(event) => {\n                  if (local.onSubmit && event.key === \"Enter\" && !event.shiftKey && !event.metaKey) {\n                    event.preventDefault();\n                    local.onSubmit();\n                  }\n                }}\n              />\n            </Show>\n            <Show when={local.suffix}>\n              <span class=\"k2b-input-shell__affix\">{local.suffix}</span>\n            </Show>\n            <Show when={local.clearable && value() && !multiline() && !local.password && !rest.disabled && !rest.readOnly}>\n              <button\n                type=\"button\"\n                class=\"k2b-input-shell__clear k2b-input-clear-action\"\n                aria-label={local.clearLabel ?? messages().clear}\n                onClick={clear}\n              >\n                <i class=\"ti ti-x\" aria-hidden=\"true\" />\n              </button>\n            </Show>\n            <Show when={local.password && !multiline()}>\n              <button\n                type=\"button\"\n                class=\"k2b-input-shell__clear\"\n                aria-label={passwordVisible() ? messages().hidePassword : messages().showPassword}\n                aria-pressed={passwordVisible()}\n                disabled={rest.disabled}\n                onClick={() => setPasswordVisible((visible) => !visible)}\n              >\n                <i class={passwordVisible() ? \"ti ti-eye-off\" : \"ti ti-eye\"} aria-hidden=\"true\" />\n              </button>\n            </Show>\n          </div>\n        </Field>\n      }\n    >\n      <MarkdownEditor\n        class={local.class}\n        label={local.label}\n        description={local.description}\n        error={error()}\n        id={meta.controlId}\n        name={rest.name}\n        value={value()}\n        onValueChange={input}\n        onValueCommit={local.onValueCommit}\n        onSubmit={local.onSubmit}\n        placeholder={rest.placeholder}\n        disabled={rest.disabled}\n        required={local.required}\n        lines={local.lines}\n        maxLength={local.maxLength}\n        spellcheck={rest.spellcheck === undefined ? undefined : rest.spellcheck === true || rest.spellcheck === \"true\"}\n        abbreviations={local.abbreviations}\n        completions={local.completions}\n        aria-label={local[\"aria-label\"]}\n        aria-describedby={local[\"aria-describedby\"]}\n      />\n    </Show>\n  );\n}\n\nexport default TextInput;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":[],"sources":["inputs/TextInput.tsx"],"sourcesContent":["import { createSignal, type JSX, Show, splitProps } from \"solid-js\";\nimport { createFieldMeta, Field, fieldControlAria } from \"../internal/field\";\nimport { useUiMessages } from \"../intl/messages\";\nimport type { Completion } from \"./completion\";\nimport type { ValueFieldProps } from \"./field-contract\";\nimport { commitFieldValue, resolveMaybeAccessor } from \"./field-contract\";\nimport { useInputMessages } from \"./input-messages\";\nimport { MarkdownEditor } from \"./markdown/MarkdownEditor\";\n\nexport type TextInputProps = Omit<\n  JSX.InputHTMLAttributes<HTMLInputElement>,\n  \"onChange\" | \"onInput\" | \"prefix\" | \"suffix\" | \"type\" | \"value\" | keyof ValueFieldProps<string>\n> &\n  ValueFieldProps<string> & {\n    minLength?: number;\n    maxLength?: number;\n    type?: \"text\" | \"search\" | \"email\" | \"url\" | \"tel\";\n    variant?: \"default\" | \"ai\";\n    icon?: string;\n    activeIcon?: string;\n    prefix?: JSX.Element;\n    suffix?: JSX.Element;\n    clearable?: boolean;\n    onClear?: () => void;\n    clearLabel?: string;\n    multiline?: boolean;\n    monospace?: boolean;\n    password?: boolean;\n    markdown?: boolean;\n    onSubmit?: () => void;\n    lines?: number;\n    abbreviations?: Record<string, string>;\n    completions?: readonly Completion[];\n  };\n\nexport function TextInput(props: TextInputProps): JSX.Element {\n  const messages = useUiMessages();\n  const inputMessages = useInputMessages();\n  const [local, rest] = splitProps(props, [\n    \"activeIcon\",\n    \"aria-describedby\",\n    \"aria-label\",\n    \"class\",\n    \"clearLabel\",\n    \"clearable\",\n    \"completions\",\n    \"description\",\n    \"error\",\n    \"icon\",\n    \"id\",\n    \"label\",\n    \"lines\",\n    \"markdown\",\n    \"minLength\",\n    \"maxLength\",\n    \"monospace\",\n    \"multiline\",\n    \"onClear\",\n    \"onValueCommit\",\n    \"onSubmit\",\n    \"onValueChange\",\n    \"password\",\n    \"prefix\",\n    \"required\",\n    \"suffix\",\n    \"type\",\n    \"value\",\n    \"variant\",\n    \"abbreviations\",\n  ]);\n  const meta = createFieldMeta(local.id);\n  const value = () => resolveMaybeAccessor(local.value) ?? \"\";\n  const error = () => resolveMaybeAccessor(local.error);\n  const [passwordVisible, setPasswordVisible] = createSignal(false);\n  const multiline = () => Boolean(local.multiline || local.markdown);\n  const icon = () => local.icon ?? (local.variant === \"ai\" ? \"ti ti-sparkles\" : local.markdown ? \"ti ti-markdown\" : \"ti ti-cursor-text\");\n  // A custom icon stays while typing (a search field keeps its magnifier); only the default icon switches to the pencil.\n  const activeIcon = () => local.activeIcon ?? local.icon ?? (local.variant === \"ai\" ? \"ti ti-sparkles\" : \"ti ti-pencil\");\n  // Names, addresses and passwords are typed exactly: phone keyboards must not capitalize or \"correct\" them.\n  const verbatim = () =>\n    local.password || local.type === \"email\" || local.type === \"url\" || /\\b(username|email|url)\\b/.test(String(rest.autocomplete ?? \"\"));\n  const input = (next: string) => local.onValueChange?.(next);\n  const commit = (next: string) => local.onValueCommit?.(next);\n  const clear = () => {\n    if (local.onClear) {\n      local.onClear();\n      return;\n    }\n    commitFieldValue(local, \"\");\n  };\n\n  return (\n    <Show\n      when={local.markdown}\n      fallback={\n        <Field\n          class={local.class}\n          label={local.label}\n          description={local.description}\n          error={error()}\n          meta={meta}\n          required={local.required}\n          disabled={rest.disabled}\n        >\n          <div\n            class=\"k2b-input-shell k2b-text-input\"\n            data-invalid={error() ? \"true\" : undefined}\n            data-ai={local.variant === \"ai\" ? \"true\" : undefined}\n            data-multiline={multiline() ? \"true\" : undefined}\n            data-monospace={local.monospace ? \"true\" : undefined}\n            style={multiline() ? { \"--k2b-editor-lines\": String(local.lines ?? 3) } : undefined}\n          >\n            <span class=\"k2b-input-shell__icon k2b-text-input__icon\" aria-hidden=\"true\">\n              <i class={icon()} />\n              <i class={activeIcon()} />\n            </span>\n            <Show when={local.prefix}>\n              <span class=\"k2b-input-shell__affix\">{local.prefix}</span>\n            </Show>\n            <Show\n              when={multiline()}\n              fallback={\n                <input\n                  autocapitalize={verbatim() ? \"none\" : undefined}\n                  autocorrect={verbatim() ? \"off\" : undefined}\n                  spellcheck={verbatim() ? false : undefined}\n                  {...rest}\n                  id={meta.controlId}\n                  class=\"k2b-input\"\n                  type={local.password && !passwordVisible() ? \"password\" : (local.type ?? \"text\")}\n                  value={value()}\n                  minlength={local.minLength}\n                  maxlength={local.maxLength}\n                  required={local.required}\n                  {...fieldControlAria(meta, local)}\n                  onInput={(event) => {\n                    input(event.currentTarget.value);\n                  }}\n                  onChange={(event) => commit(event.currentTarget.value)}\n                  onKeyDown={(event) => {\n                    if (local.onSubmit && event.key === \"Enter\" && !event.shiftKey && !event.metaKey) {\n                      event.preventDefault();\n                      local.onSubmit();\n                    }\n                  }}\n                />\n              }\n            >\n              <textarea\n                {...(rest as unknown as JSX.TextareaHTMLAttributes<HTMLTextAreaElement>)}\n                id={meta.controlId}\n                class=\"k2b-input k2b-text-input__textarea\"\n                value={value()}\n                rows={local.lines ?? 3}\n                required={local.required}\n                minlength={local.minLength}\n                maxlength={local.maxLength}\n                {...fieldControlAria(meta, local)}\n                onInput={(event) => {\n                  input(event.currentTarget.value);\n                }}\n                onChange={(event) => commit(event.currentTarget.value)}\n                onKeyDown={(event) => {\n                  if (local.onSubmit && event.key === \"Enter\" && !event.shiftKey && !event.metaKey) {\n                    event.preventDefault();\n                    local.onSubmit();\n                  }\n                }}\n              />\n            </Show>\n            <Show when={local.suffix}>\n              <span class=\"k2b-input-shell__affix\">{local.suffix}</span>\n            </Show>\n            <Show when={local.clearable && value() && !multiline() && !local.password && !rest.disabled && !rest.readOnly}>\n              <button\n                type=\"button\"\n                class=\"k2b-input-shell__clear k2b-input-clear-action\"\n                aria-label={local.clearLabel ?? messages().clear}\n                onClick={clear}\n              >\n                <i class=\"ti ti-x\" aria-hidden=\"true\" />\n              </button>\n            </Show>\n            <Show when={local.password && !multiline()}>\n              <button\n                type=\"button\"\n                class=\"k2b-input-shell__clear\"\n                aria-label={passwordVisible() ? inputMessages().hidePassword : inputMessages().showPassword}\n                aria-pressed={passwordVisible()}\n                disabled={rest.disabled}\n                onClick={() => setPasswordVisible((visible) => !visible)}\n              >\n                <i class={passwordVisible() ? \"ti ti-eye-off\" : \"ti ti-eye\"} aria-hidden=\"true\" />\n              </button>\n            </Show>\n          </div>\n        </Field>\n      }\n    >\n      <MarkdownEditor\n        class={local.class}\n        label={local.label}\n        description={local.description}\n        error={error()}\n        id={meta.controlId}\n        name={rest.name}\n        value={value()}\n        onValueChange={input}\n        onValueCommit={local.onValueCommit}\n        onSubmit={local.onSubmit}\n        placeholder={rest.placeholder}\n        disabled={rest.disabled}\n        required={local.required}\n        lines={local.lines}\n        maxLength={local.maxLength}\n        spellcheck={rest.spellcheck === undefined ? undefined : rest.spellcheck === true || rest.spellcheck === \"true\"}\n        abbreviations={local.abbreviations}\n        completions={local.completions}\n        aria-label={local[\"aria-label\"]}\n        aria-describedby={local[\"aria-describedby\"]}\n      />\n    </Show>\n  );\n}\n\nexport default TextInput;\n"],"mappings":"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","ignoreList":[]}

package/dist/ssr/inputs/completion-messages.js

@@ -0,0 +1,24 @@
+import { i18n } from "@k2b/stdlib";
+import { useLocale } from "../intl/locale";
+const completionMessages = i18n.define({
+  baseLocale: "en",
+  messages: {
+    en: {
+      suggestions: "Suggestions",
+      suggestionsCouldNotLoad: "Suggestions could not be loaded",
+      completionSuggestions: "Completion suggestions"
+    },
+    de: {
+      suggestions: "Vorschläge",
+      suggestionsCouldNotLoad: "Vorschläge konnten nicht geladen werden",
+      completionSuggestions: "Vervollständigungsvorschläge"
+    }
+  }
+});
+/** Resolved from the inherited render locale. */
+export const useCompletionMessages = () => {
+  const locale = useLocale();
+  return () => completionMessages.resolve([locale()]).t;
+};
+export const checkCompletionMessages = () => completionMessages.check();
+//# sourceMappingURL=completion-messages.js.map

package/dist/ssr/inputs/completion-messages.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["inputs/completion-messages.ts"],"sourcesContent":["import { i18n } from \"@k2b/stdlib\";\nimport { useLocale } from \"../intl/locale\";\n\nconst completionMessages = i18n.define({\n  baseLocale: \"en\",\n  messages: {\n    en: {\n      suggestions: \"Suggestions\",\n      suggestionsCouldNotLoad: \"Suggestions could not be loaded\",\n      completionSuggestions: \"Completion suggestions\",\n    },\n    de: {\n      suggestions: \"Vorschläge\",\n      suggestionsCouldNotLoad: \"Vorschläge konnten nicht geladen werden\",\n      completionSuggestions: \"Vervollständigungsvorschläge\",\n    },\n  },\n});\n\nexport type CompletionMessages = ReturnType<(typeof completionMessages)[\"resolve\"]>[\"t\"];\n\n/** Resolved from the inherited render locale. */\nexport const useCompletionMessages = (): (() => CompletionMessages) => {\n  const locale = useLocale();\n  return () => completionMessages.resolve([locale()]).t;\n};\n\nexport const checkCompletionMessages = () => completionMessages.check();\n"],"mappings":"AAAA,SAAS,IAAI,QAAQ,aAAa;AAClC,SAAS,SAAS,QAAQ,gBAAgB;AAE1C,MAAM,kBAAkB,GAAG,IAAI,CAAC,MAAM,CAAC;EACrC,UAAU,EAAE,IAAI;EAChB,QAAQ,EAAE;IACR,EAAE,EAAE;MACF,WAAW,EAAE,aAAa;MAC1B,uBAAuB,EAAE,iCAAiC;MAC1D,qBAAqB,EAAE;IACzB,CAAC;IACD,EAAE,EAAE;MACF,WAAW,EAAE,YAAY;MACzB,uBAAuB,EAAE,yCAAyC;MAClE,qBAAqB,EAAE;IACzB;EACF;AACF,CAAC,CAAC;AAIF;AACA,OAAO,MAAM,qBAAqB,GAAG,MAAkC;EACrE,MAAM,MAAM,GAAG,SAAS,CAAC,CAAC;EAC1B,OAAO,MAAM,kBAAkB,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AACvD,CAAC;AAED,OAAO,MAAM,uBAAuB,GAAG,MAAM,kBAAkB,CAAC,KAAK,CAAC,CAAC","ignoreList":[]}

package/dist/ssr/inputs/date-picker.js

@@ -44,6 +44,30 @@ export const monthDate = (year, month, context) => {
   }
   return new Date(year, month, 1, 12);
 };
+
+/**
+ * Milliseconds from `now` until the next calendar day starts in the picker's
+ * time zone, so a panel left open past midnight moves its today mark on time.
+ * The next day's start is resolved from its date key: where a DST change skips
+ * or repeats midnight, the day starts at its first existing instant.
+ */
+export const msUntilNextDay = (now, context) => {
+  const merged = pickerContext(context);
+  const {
+    timeZone
+  } = merged;
+  const next = timeZone ? Date.parse(dates.zonedDateTimeToInstant(dates.addZoned(`${dateKey(now, merged)}T00:00`, {
+    timeZone,
+    days: 1
+  }), timeZone, {
+    disambiguation: "compatible"
+  })) : dates.addDays(now, 1, merged).getTime();
+  const delay = next - now.getTime();
+  // The timer re-arms after every tick, so it must never fire at once. Should a
+  // zone's rules still put the next day behind `now`, look again in a minute,
+  // the finest unit the pickers show.
+  return delay > 0 ? delay : 60_000;
+};
 export const parseDateValue = (value, context) => {
   if (!value) return dates.today(pickerContext(context));
   return dates.parseCalendarDate(value.slice(0, 10), pickerContext(context));