@k2b/ui 0.5.0 → 0.6.0

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

@@ -1 +1 @@
-{"version":3,"names":["createMemo","createSignal","For","Show","createFieldMeta","Field","fieldControlAria","useUiMessages","ChoiceGroups","createChoiceLoader","createChoicePopover","filterChoiceOptions","nextEnabledChoiceIndex","commitFieldValue","resolveMaybeAccessor","normalize","option","value","label","id","Select","props","messages","meta","listboxId","controlId","query","setQuery","focusedIndex","setFocusedIndex","cache","setCache","selectedGroup","setSelectedGroup","defaultGroup","selectedView","setSelectedView","defaultView","searchRef","optionRefs","error","activeGroup","current","groups","some","group","groupChoices","allGroupLabel","all","activeView","viewToggle","loader","fetchData","signal","map","loadOptions","undefined","fetchDebounceMs","debounceMs","isAsync","Boolean","isSearchable","searchable","sourceOptions","options","groupedOptions","filter","includes","filterOptions","selected","find","selectedOption","selectedLabel","hasClearAction","clearable","disabled","accessibleLabel","placeholder","selectOption","popover","focusedOption","focus","index","scrollIntoView","block","move","direction","chooseGroup","load","open","selectedIndex","findIndex","show","queueMicrotask","close","restoreFocus","hide","cancel","select","onKeyDown","event","inToolbar","target","closest","key","preventDefault","clear","stopPropagation","trigger","_$createComponent","class","description","required","children","_$ssr","_tmpl$8","_$ssrAttribute","_$escape","_$ssrElement","_$mergeProps","type","role","aria-expanded","aria-activedescendant","data-clearable","when","color","fallback","icon","_tmpl$2","_tmpl$9","_$ssrStyleProperty","_tmpl$","activeIcon","name","_tmpl$0","_tmpl$3","clearSelection","_tmpl$4","searchPlaceholder","search","searchOptions","length","_tmpl$6","choices","onValueChange","ariaLabel","groupsAriaLabel","controls","_tmpl$5","showGridView","showListView","gridSize","message","_tmpl$1","retry","loading","_tmpl$7","each","_tmpl$10","noResults","noOptions","_tmpl$11","_tmpl$12"],"sources":["inputs/Select.tsx"],"sourcesContent":["import { createMemo, createSignal, For, type JSX, Show } from \"solid-js\";\nimport { createFieldMeta, Field, fieldControlAria } from \"../internal/field\";\nimport { useUiMessages } from \"../intl/messages\";\nimport { ChoiceGroups } from \"./ChoiceGroups\";\nimport { type ChoiceOption, createChoiceLoader, createChoicePopover, filterChoiceOptions, nextEnabledChoiceIndex } from \"./choice\";\nimport type { ValueFieldProps } from \"./field-contract\";\nimport { commitFieldValue, resolveMaybeAccessor } from \"./field-contract\";\n\nexport type SelectOption = ChoiceOption<string>;\nexport type SelectGroup = {\n  value: string;\n  label: string;\n};\nexport type SelectView = \"list\" | \"grid\";\nexport type SelectGridSize = \"sm\" | \"md\" | \"lg\";\nexport type SelectSourceOption =\n  | string\n  | {\n      id: string;\n      label?: string;\n      description?: string;\n      icon?: string;\n      color?: string;\n      groups?: readonly string[];\n    }\n  | SelectOption;\n\nexport type SelectProps = ValueFieldProps<string | null> & {\n  placeholder?: string;\n  icon?: string;\n  activeIcon?: string;\n  options?: SelectSourceOption[];\n  fetchData?: (query: string, signal: AbortSignal, group: string | null) => Promise<SelectSourceOption[]>;\n  loadOptions?: (query: string, signal: AbortSignal, group: string | null) => Promise<readonly ChoiceOption<string>[]>;\n  selectedOption?: ChoiceOption<string>;\n  selectedLabel?: () => string | undefined;\n  fetchDebounceMs?: number;\n  debounceMs?: number;\n  searchable?: boolean;\n  /** Optional synchronous filter for static options. */\n  filterOptions?: (options: readonly SelectOption[], query: string) => readonly SelectOption[];\n  /** Optional filters. An option may belong to more than one group. */\n  groups?: readonly SelectGroup[];\n  /** Group selected when the component is created. Omit to start with all options. */\n  defaultGroup?: string;\n  groupsAriaLabel?: string;\n  allGroupLabel?: string;\n  /** Show a local list/grid layout toggle in the dropdown. */\n  viewToggle?: boolean;\n  /** Initial dropdown layout when `viewToggle` is enabled. */\n  defaultView?: SelectView;\n  /** Tile density for the grid layout. */\n  gridSize?: SelectGridSize;\n  searchPlaceholder?: string;\n  clearable?: boolean;\n  name?: string;\n};\n\ntype NormalizedOption = ChoiceOption<string>;\nconst normalize = (option: SelectSourceOption): NormalizedOption =>\n  typeof option === \"string\"\n    ? { value: option, label: option }\n    : \"value\" in option\n      ? option\n      : { ...option, value: option.id, label: option.label || option.id };\n\nexport function Select(props: SelectProps): JSX.Element {\n  const messages = useUiMessages();\n  const meta = createFieldMeta(props.id);\n  const listboxId = `${meta.controlId}-listbox`;\n  const [query, setQuery] = createSignal(\"\");\n  const [focusedIndex, setFocusedIndex] = createSignal(-1);\n  const [cache, setCache] = createSignal<Record<string, NormalizedOption>>({});\n  const [selectedGroup, setSelectedGroup] = createSignal<string | null>(props.defaultGroup ?? null);\n  const [selectedView, setSelectedView] = createSignal<SelectView>(props.defaultView ?? \"list\");\n  let searchRef: HTMLInputElement | undefined;\n  let optionRefs: HTMLButtonElement[] = [];\n  const value = () => resolveMaybeAccessor(props.value) ?? null;\n  const error = () => resolveMaybeAccessor(props.error);\n  const activeGroup = createMemo(() => {\n    const current = selectedGroup();\n    return current && props.groups?.some((group) => group.value === current) ? current : null;\n  });\n  const groupChoices = createMemo(() => [{ value: null, label: props.allGroupLabel ?? messages().all }, ...(props.groups ?? [])]);\n  const activeView = () => (props.viewToggle ? selectedView() : \"list\");\n\n  const loader = createChoiceLoader(\n    () =>\n      props.fetchData\n        ? async (value, signal) => (await props.fetchData!(value, signal, activeGroup())).map(normalize)\n        : props.loadOptions\n          ? (value, signal) => props.loadOptions!(value, signal, activeGroup())\n          : undefined,\n    () => props.fetchDebounceMs ?? props.debounceMs ?? 200,\n  );\n  const isAsync = () => Boolean(props.fetchData || props.loadOptions);\n  const isSearchable = () => isAsync() || Boolean(props.searchable);\n  const sourceOptions = createMemo(() => (isAsync() ? loader.options() : (props.options ?? []).map(normalize)));\n  const groupedOptions = createMemo(() => {\n    const group = activeGroup();\n    return !isAsync() && group ? sourceOptions().filter((option) => option.groups?.includes(group)) : sourceOptions();\n  });\n  // Remote loaders filter server-side; a static list has to be filtered here or\n  // the search field would render but do nothing.\n  const options = createMemo(() =>\n    isAsync() || !props.searchable\n      ? groupedOptions()\n      : props.filterOptions\n        ? [...props.filterOptions(groupedOptions(), query())]\n        : filterChoiceOptions(groupedOptions(), query()),\n  );\n  const selected = createMemo(() => {\n    const current = value();\n    if (current === null) return undefined;\n    // Resolve against the unfiltered list so typing in the search field never\n    // blanks the trigger label of the current selection.\n    return (\n      sourceOptions().find((option) => option.value === current) ??\n      cache()[current] ??\n      (props.selectedOption?.value === current ? props.selectedOption : undefined) ?? {\n        value: current,\n        label: props.selectedLabel?.() ?? current,\n      }\n    );\n  });\n  const hasClearAction = () => Boolean(props.clearable && selected() && !props.disabled);\n  const accessibleLabel = () =>\n    props[\"aria-label\"] ?? (typeof props.label === \"string\" ? undefined : (props.placeholder ?? messages().selectOption));\n  const popover = createChoicePopover(() => Boolean(props.disabled));\n  const focusedOption = () => options()[focusedIndex()];\n  const focus = (index: number) => {\n    setFocusedIndex(index);\n    optionRefs[index]?.scrollIntoView({ block: \"nearest\" });\n  };\n  const move = (direction: 1 | -1) => focus(nextEnabledChoiceIndex(options(), focusedIndex(), direction));\n  const chooseGroup = (group: string | null) => {\n    if (group === activeGroup()) return;\n    setSelectedGroup(group);\n    setFocusedIndex(nextEnabledChoiceIndex(options(), -1, 1));\n    if (isAsync()) loader.load(query(), true);\n  };\n  const open = () => {\n    if (props.disabled) return;\n    setQuery(\"\");\n    if (isAsync()) loader.load(\"\", true);\n    const selectedIndex = options().findIndex((option) => option.value === value());\n    focus(selectedIndex >= 0 ? selectedIndex : nextEnabledChoiceIndex(options(), -1, 1));\n    popover.show();\n    if (isSearchable()) queueMicrotask(() => searchRef?.focus());\n  };\n  const close = (restoreFocus = false) => {\n    // Hide the top-layer surface before any reactive cleanup or consumer\n    // callback can rerender its contents. Selection must feel atomic: the old\n    // listbox must never remain visible with the next value.\n    popover.hide(restoreFocus);\n    loader.cancel();\n    setQuery(\"\");\n    setFocusedIndex(-1);\n  };\n  const select = (option: NormalizedOption) => {\n    if (option.disabled) return;\n    close(true);\n    setCache({ ...cache(), [option.value]: option });\n    commitFieldValue(props, option.value);\n  };\n  const onKeyDown = (event: KeyboardEvent) => {\n    const inToolbar = Boolean((event.target as HTMLElement | null)?.closest?.(\".k2b-choice-toolbar\"));\n    if (inToolbar && event.key !== \"Escape\" && event.key !== \"Tab\") return;\n    if (event.key === \"ArrowDown\" || event.key === \"ArrowUp\") {\n      event.preventDefault();\n      if (!popover.open()) open();\n      else move(event.key === \"ArrowDown\" ? 1 : -1);\n    } else if ((event.key === \"Enter\" || event.key === \" \") && !popover.open()) {\n      event.preventDefault();\n      open();\n    } else if (event.key === \"Enter\" && focusedOption()) {\n      event.preventDefault();\n      select(focusedOption()!);\n    } else if (event.key === \"Escape\" && popover.open()) {\n      // Only swallow Escape while the list is open — a closed select must let\n      // the key bubble to an enclosing dialog or drawer.\n      event.preventDefault();\n      close(true);\n    } else if (event.key === \"Tab\" && popover.open()) close();\n  };\n  const clear = (event: MouseEvent) => {\n    event.stopPropagation();\n    commitFieldValue(props, null);\n    popover.trigger()?.focus();\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      required={props.required}\n      disabled={props.disabled}\n    >\n      <div class=\"k2b-choice-control\" data-invalid={error() ? \"true\" : undefined}>\n        <button\n          ref={popover.setTrigger}\n          id={meta.controlId}\n          type=\"button\"\n          class=\"k2b-choice-trigger\"\n          role=\"combobox\"\n          aria-haspopup=\"listbox\"\n          aria-expanded={popover.open()}\n          aria-controls={listboxId}\n          aria-activedescendant={focusedOption() ? `${listboxId}-${focusedIndex()}` : undefined}\n          data-clearable={hasClearAction() ? \"true\" : undefined}\n          {...fieldControlAria(meta, {\n            ...props,\n            \"aria-label\": accessibleLabel(),\n          })}\n          disabled={props.disabled}\n          onClick={() => (popover.open() ? close() : open())}\n          onKeyDown={onKeyDown}\n        >\n          <Show\n            when={selected()?.color}\n            fallback={<Show when={selected()?.icon}>{(icon) => <i class={icon()} aria-hidden=\"true\" />}</Show>}\n          >\n            {(color) => <span class=\"k2b-choice-dot\" style={{ \"background-color\": color() }} aria-hidden=\"true\" />}\n          </Show>\n          <span class=\"k2b-choice-trigger__value\" data-placeholder={selected() ? undefined : \"true\"}>\n            {selected()?.label ?? props.placeholder ?? messages().select}\n          </span>\n          <i class={popover.open() ? (props.activeIcon ?? \"ti ti-chevron-up\") : (props.icon ?? \"ti ti-chevron-down\")} aria-hidden=\"true\" />\n        </button>\n        <Show when={props.name}>{(name) => <input type=\"hidden\" name={name()} value={value() ?? \"\"} />}</Show>\n        <Show when={hasClearAction()}>\n          <button\n            type=\"button\"\n            class=\"k2b-choice-control__clear k2b-input-clear-action\"\n            aria-label={messages().clearSelection}\n            onClick={clear}\n          >\n            <i class=\"ti ti-x\" aria-hidden=\"true\" />\n          </button>\n        </Show>\n        <div\n          ref={popover.setPopover}\n          popover=\"manual\"\n          class=\"k2b-choice-popover\"\n          role=\"group\"\n          onKeyDown={onKeyDown}\n          aria-label={typeof props.label === \"string\" ? props.label : messages().options}\n        >\n          <Show when={isSearchable()}>\n            <div class=\"k2b-choice-search\">\n              <i class=\"ti ti-search\" aria-hidden=\"true\" />\n              <input\n                ref={searchRef}\n                type=\"search\"\n                value={query()}\n                placeholder={props.searchPlaceholder ?? messages().search}\n                aria-label={props.searchPlaceholder ?? messages().searchOptions}\n                aria-controls={listboxId}\n                aria-activedescendant={focusedOption() ? `${listboxId}-${focusedIndex()}` : undefined}\n                onInput={(event) => {\n                  setQuery(event.currentTarget.value);\n                  if (isAsync()) loader.load(event.currentTarget.value);\n                  focus(isAsync() ? -1 : nextEnabledChoiceIndex(options(), -1, 1));\n                }}\n              />\n            </div>\n          </Show>\n          <Show when={(props.groups?.length ?? 0) > 0 || props.viewToggle}>\n            <div class=\"k2b-choice-toolbar\">\n              <Show when={(props.groups?.length ?? 0) > 0}>\n                <ChoiceGroups\n                  choices={groupChoices()}\n                  value={activeGroup()}\n                  onValueChange={chooseGroup}\n                  ariaLabel={props.groupsAriaLabel ?? messages().filterOptions}\n                  controls={listboxId}\n                />\n              </Show>\n              <Show when={props.viewToggle}>\n                <button\n                  type=\"button\"\n                  class=\"k2b-choice-view-toggle\"\n                  aria-label={activeView() === \"list\" ? messages().showGridView : messages().showListView}\n                  aria-controls={listboxId}\n                  onClick={() => setSelectedView(activeView() === \"list\" ? \"grid\" : \"list\")}\n                >\n                  <i class={activeView() === \"list\" ? \"ti ti-category-2\" : \"ti ti-list-details\"} aria-hidden=\"true\" />\n                </button>\n              </Show>\n            </div>\n          </Show>\n          <div\n            id={listboxId}\n            class=\"k2b-choice-options\"\n            role=\"listbox\"\n            data-view={activeView()}\n            data-grid-size={activeView() === \"grid\" ? (props.gridSize ?? \"md\") : undefined}\n          >\n            <Show when={loader.error()}>\n              {(message) => (\n                <div class=\"k2b-choice-status\" data-tone=\"danger\">\n                  <span>{message()}</span>\n                  <button type=\"button\" onClick={loader.retry}>\n                    {messages().retry}\n                  </button>\n                </div>\n              )}\n            </Show>\n            <Show when={loader.loading() && options().length === 0}>\n              <div class=\"k2b-choice-status\">\n                <i class=\"ti ti-loader-2 k2b-spin\" aria-hidden=\"true\" />\n                <span>{messages().loading}</span>\n              </div>\n            </Show>\n            <For\n              each={loader.error() ? [] : options()}\n              fallback={\n                <Show when={!loader.loading() && !loader.error()}>\n                  <div class=\"k2b-choice-status\">{isSearchable() ? messages().noResults : messages().noOptions}</div>\n                </Show>\n              }\n            >\n              {(option, index) => (\n                <button\n                  ref={(element) => (optionRefs[index()] = element)}\n                  type=\"button\"\n                  id={`${listboxId}-${index()}`}\n                  class=\"k2b-choice-option\"\n                  role=\"option\"\n                  aria-label={option.label}\n                  aria-selected={option.value === value()}\n                  data-focused={index() === focusedIndex() ? \"true\" : undefined}\n                  disabled={option.disabled}\n                  onPointerMove={() => focus(index())}\n                  onClick={() => select(option)}\n                >\n                  <Show when={option.color} fallback={<Show when={option.icon}>{(icon) => <i class={icon()} aria-hidden=\"true\" />}</Show>}>\n                    {(color) => <span class=\"k2b-choice-dot\" style={{ \"background-color\": color() }} aria-hidden=\"true\" />}\n                  </Show>\n                  <span>\n                    <strong>{option.label}</strong>\n                    <Show when={option.description}>{(description) => <small>{description()}</small>}</Show>\n                  </span>\n                </button>\n              )}\n            </For>\n          </div>\n        </div>\n      </div>\n    </Field>\n  );\n}\n\nexport default Select;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":[],"sources":["inputs/Select.tsx"],"sourcesContent":["import { createMemo, createSignal, For, type JSX, Show } from \"solid-js\";\nimport { createFieldMeta, Field, fieldControlAria } from \"../internal/field\";\nimport { useUiMessages } from \"../intl/messages\";\nimport { ChoiceGroups } from \"./ChoiceGroups\";\nimport { type ChoiceOption, createChoiceLoader, createChoicePopover, filterChoiceOptions, nextEnabledChoiceIndex } from \"./choice\";\nimport type { ValueFieldProps } from \"./field-contract\";\nimport { commitFieldValue, resolveMaybeAccessor } from \"./field-contract\";\n\nexport type SelectOption = ChoiceOption<string>;\nexport type SelectGroup = {\n  value: string;\n  label: string;\n};\nexport type SelectView = \"list\" | \"grid\";\nexport type SelectGridSize = \"sm\" | \"md\" | \"lg\";\nexport type SelectSourceOption =\n  | string\n  | {\n      id: string;\n      label?: string;\n      description?: string;\n      icon?: string;\n      color?: string;\n      groups?: readonly string[];\n    }\n  | SelectOption;\n\nexport type SelectProps = ValueFieldProps<string | null> & {\n  placeholder?: string;\n  icon?: string;\n  activeIcon?: string;\n  options?: SelectSourceOption[];\n  fetchData?: (query: string, signal: AbortSignal, group: string | null) => Promise<SelectSourceOption[]>;\n  loadOptions?: (query: string, signal: AbortSignal, group: string | null) => Promise<readonly ChoiceOption<string>[]>;\n  selectedOption?: ChoiceOption<string>;\n  selectedLabel?: () => string | undefined;\n  fetchDebounceMs?: number;\n  debounceMs?: number;\n  searchable?: boolean;\n  /** Optional synchronous filter for static options. */\n  filterOptions?: (options: readonly SelectOption[], query: string) => readonly SelectOption[];\n  /** Optional filters. An option may belong to more than one group. */\n  groups?: readonly SelectGroup[];\n  /** Group selected when the component is created. Omit to start with all options. */\n  defaultGroup?: string;\n  groupsAriaLabel?: string;\n  allGroupLabel?: string;\n  /** Show a local list/grid layout toggle in the dropdown. */\n  viewToggle?: boolean;\n  /** Initial dropdown layout when `viewToggle` is enabled. */\n  defaultView?: SelectView;\n  /** Tile density for the grid layout. */\n  gridSize?: SelectGridSize;\n  searchPlaceholder?: string;\n  clearable?: boolean;\n  name?: string;\n};\n\ntype NormalizedOption = ChoiceOption<string>;\nconst normalize = (option: SelectSourceOption): NormalizedOption =>\n  typeof option === \"string\"\n    ? { value: option, label: option }\n    : \"value\" in option\n      ? option\n      : { ...option, value: option.id, label: option.label || option.id };\n\nexport function Select(props: SelectProps): JSX.Element {\n  const messages = useUiMessages();\n  const meta = createFieldMeta(props.id);\n  const listboxId = `${meta.controlId}-listbox`;\n  const [query, setQuery] = createSignal(\"\");\n  const [focusedIndex, setFocusedIndex] = createSignal(-1);\n  const [cache, setCache] = createSignal<Record<string, NormalizedOption>>({});\n  const [selectedGroup, setSelectedGroup] = createSignal<string | null>(props.defaultGroup ?? null);\n  const [selectedView, setSelectedView] = createSignal<SelectView>(props.defaultView ?? \"list\");\n  let searchRef: HTMLInputElement | undefined;\n  let optionRefs: HTMLButtonElement[] = [];\n  const value = () => resolveMaybeAccessor(props.value) ?? null;\n  const error = () => resolveMaybeAccessor(props.error);\n  const activeGroup = createMemo(() => {\n    const current = selectedGroup();\n    return current && props.groups?.some((group) => group.value === current) ? current : null;\n  });\n  const groupChoices = createMemo(() => [{ value: null, label: props.allGroupLabel ?? messages().all }, ...(props.groups ?? [])]);\n  const activeView = () => (props.viewToggle ? selectedView() : \"list\");\n\n  const loader = createChoiceLoader(\n    () =>\n      props.fetchData\n        ? async (value, signal) => (await props.fetchData!(value, signal, activeGroup())).map(normalize)\n        : props.loadOptions\n          ? (value, signal) => props.loadOptions!(value, signal, activeGroup())\n          : undefined,\n    () => props.fetchDebounceMs ?? props.debounceMs ?? 200,\n  );\n  const isAsync = () => Boolean(props.fetchData || props.loadOptions);\n  const isSearchable = () => isAsync() || Boolean(props.searchable);\n  const sourceOptions = createMemo(() => (isAsync() ? loader.options() : (props.options ?? []).map(normalize)));\n  const groupedOptions = createMemo(() => {\n    const group = activeGroup();\n    return !isAsync() && group ? sourceOptions().filter((option) => option.groups?.includes(group)) : sourceOptions();\n  });\n  // Remote loaders filter server-side; a static list has to be filtered here or\n  // the search field would render but do nothing.\n  const options = createMemo(() =>\n    isAsync() || !props.searchable\n      ? groupedOptions()\n      : props.filterOptions\n        ? [...props.filterOptions(groupedOptions(), query())]\n        : filterChoiceOptions(groupedOptions(), query()),\n  );\n  const selected = createMemo(() => {\n    const current = value();\n    if (current === null) return undefined;\n    // Resolve against the unfiltered list so typing in the search field never\n    // blanks the trigger label of the current selection.\n    return (\n      sourceOptions().find((option) => option.value === current) ??\n      cache()[current] ??\n      (props.selectedOption?.value === current ? props.selectedOption : undefined) ?? {\n        value: current,\n        label: props.selectedLabel?.() ?? current,\n      }\n    );\n  });\n  const hasClearAction = () => Boolean(props.clearable && selected() && !props.disabled);\n  const accessibleLabel = () =>\n    props[\"aria-label\"] ?? (typeof props.label === \"string\" ? undefined : (props.placeholder ?? messages().selectOption));\n  const popover = createChoicePopover(() => Boolean(props.disabled));\n  const focusedOption = () => options()[focusedIndex()];\n  const focus = (index: number) => {\n    setFocusedIndex(index);\n    optionRefs[index]?.scrollIntoView({ block: \"nearest\" });\n  };\n  const move = (direction: 1 | -1) => focus(nextEnabledChoiceIndex(options(), focusedIndex(), direction));\n  const chooseGroup = (group: string | null) => {\n    if (group === activeGroup()) return;\n    setSelectedGroup(group);\n    setFocusedIndex(nextEnabledChoiceIndex(options(), -1, 1));\n    if (isAsync()) loader.load(query(), true);\n  };\n  const open = () => {\n    if (props.disabled) return;\n    setQuery(\"\");\n    if (isAsync()) loader.load(\"\", true);\n    const selectedIndex = options().findIndex((option) => option.value === value());\n    focus(selectedIndex >= 0 ? selectedIndex : nextEnabledChoiceIndex(options(), -1, 1));\n    popover.show();\n    if (isSearchable()) queueMicrotask(() => searchRef?.focus());\n  };\n  const close = (restoreFocus = false) => {\n    // Hide the top-layer surface before any reactive cleanup or consumer\n    // callback can rerender its contents. Selection must feel atomic: the old\n    // listbox must never remain visible with the next value.\n    popover.hide(restoreFocus);\n    loader.cancel();\n    setQuery(\"\");\n    setFocusedIndex(-1);\n  };\n  const select = (option: NormalizedOption) => {\n    if (option.disabled) return;\n    close(true);\n    setCache({ ...cache(), [option.value]: option });\n    commitFieldValue(props, option.value);\n  };\n  const onKeyDown = (event: KeyboardEvent) => {\n    const inToolbar = Boolean((event.target as HTMLElement | null)?.closest?.(\".k2b-choice-toolbar\"));\n    if (inToolbar && event.key !== \"Escape\" && event.key !== \"Tab\") return;\n    if (event.key === \"ArrowDown\" || event.key === \"ArrowUp\") {\n      event.preventDefault();\n      if (!popover.open()) open();\n      else move(event.key === \"ArrowDown\" ? 1 : -1);\n    } else if ((event.key === \"Enter\" || event.key === \" \") && !popover.open()) {\n      event.preventDefault();\n      open();\n    } else if (event.key === \"Enter\" && focusedOption()) {\n      event.preventDefault();\n      select(focusedOption()!);\n    } else if (event.key === \"Escape\" && popover.open()) {\n      // Only swallow Escape while the list is open — a closed select must let\n      // the key bubble to an enclosing dialog or drawer.\n      event.preventDefault();\n      close(true);\n    } else if (event.key === \"Tab\" && popover.open()) close();\n  };\n  const clear = (event: MouseEvent) => {\n    event.stopPropagation();\n    commitFieldValue(props, null);\n    popover.trigger()?.focus();\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      required={props.required}\n      disabled={props.disabled}\n    >\n      <div class=\"k2b-choice-control\" data-invalid={error() ? \"true\" : undefined}>\n        <button\n          ref={popover.setTrigger}\n          id={meta.controlId}\n          type=\"button\"\n          class=\"k2b-choice-trigger\"\n          role=\"combobox\"\n          aria-haspopup=\"listbox\"\n          aria-expanded={popover.open()}\n          aria-controls={listboxId}\n          aria-activedescendant={focusedOption() ? `${listboxId}-${focusedIndex()}` : undefined}\n          data-clearable={hasClearAction() ? \"true\" : undefined}\n          {...fieldControlAria(meta, {\n            ...props,\n            \"aria-label\": accessibleLabel(),\n          })}\n          disabled={props.disabled}\n          onClick={() => (popover.open() ? close() : open())}\n          onKeyDown={onKeyDown}\n        >\n          <Show\n            when={selected()?.color}\n            fallback={<Show when={selected()?.icon}>{(icon) => <i class={icon()} aria-hidden=\"true\" />}</Show>}\n          >\n            {(color) => <span class=\"k2b-choice-dot\" style={{ \"background-color\": color() }} aria-hidden=\"true\" />}\n          </Show>\n          <span class=\"k2b-choice-trigger__value\" data-placeholder={selected() ? undefined : \"true\"}>\n            {selected()?.label ?? props.placeholder ?? messages().select}\n          </span>\n          <i class={popover.open() ? (props.activeIcon ?? \"ti ti-chevron-up\") : (props.icon ?? \"ti ti-chevron-down\")} aria-hidden=\"true\" />\n        </button>\n        <Show when={props.name}>{(name) => <input type=\"hidden\" name={name()} value={value() ?? \"\"} />}</Show>\n        <Show when={hasClearAction()}>\n          <button\n            type=\"button\"\n            class=\"k2b-choice-control__clear k2b-input-clear-action\"\n            aria-label={messages().clearSelection}\n            onClick={clear}\n          >\n            <i class=\"ti ti-x\" aria-hidden=\"true\" />\n          </button>\n        </Show>\n        <div\n          ref={popover.setPopover}\n          popover=\"manual\"\n          class=\"k2b-choice-popover\"\n          role=\"group\"\n          onKeyDown={onKeyDown}\n          aria-label={typeof props.label === \"string\" ? props.label : messages().options}\n        >\n          <Show when={isSearchable()}>\n            <div class=\"k2b-choice-search\">\n              <i class=\"ti ti-search\" aria-hidden=\"true\" />\n              <input\n                ref={searchRef}\n                type=\"search\"\n                value={query()}\n                placeholder={props.searchPlaceholder ?? messages().search}\n                aria-label={props.searchPlaceholder ?? messages().searchOptions}\n                aria-controls={listboxId}\n                aria-activedescendant={focusedOption() ? `${listboxId}-${focusedIndex()}` : undefined}\n                onInput={(event) => {\n                  setQuery(event.currentTarget.value);\n                  if (isAsync()) loader.load(event.currentTarget.value);\n                  focus(isAsync() ? -1 : nextEnabledChoiceIndex(options(), -1, 1));\n                }}\n              />\n            </div>\n          </Show>\n          <Show when={(props.groups?.length ?? 0) > 0 || props.viewToggle}>\n            <div class=\"k2b-choice-toolbar\">\n              <Show when={(props.groups?.length ?? 0) > 0}>\n                <ChoiceGroups\n                  choices={groupChoices()}\n                  value={activeGroup()}\n                  onValueChange={chooseGroup}\n                  ariaLabel={props.groupsAriaLabel ?? messages().filterOptions}\n                  controls={listboxId}\n                />\n              </Show>\n              <Show when={props.viewToggle}>\n                <button\n                  type=\"button\"\n                  class=\"k2b-choice-view-toggle\"\n                  aria-label={activeView() === \"list\" ? messages().showGridView : messages().showListView}\n                  aria-controls={listboxId}\n                  onClick={() => setSelectedView(activeView() === \"list\" ? \"grid\" : \"list\")}\n                >\n                  <i class={activeView() === \"list\" ? \"ti ti-category-2\" : \"ti ti-list-details\"} aria-hidden=\"true\" />\n                </button>\n              </Show>\n            </div>\n          </Show>\n          <div\n            id={listboxId}\n            class=\"k2b-choice-options\"\n            role=\"listbox\"\n            data-view={activeView()}\n            data-grid-size={activeView() === \"grid\" ? (props.gridSize ?? \"md\") : undefined}\n          >\n            <Show when={loader.error()}>\n              {(message) => (\n                <div class=\"k2b-choice-status\" data-tone=\"danger\">\n                  <span>{message()}</span>\n                  <button type=\"button\" onClick={loader.retry}>\n                    {messages().retry}\n                  </button>\n                </div>\n              )}\n            </Show>\n            <Show when={loader.loading() && options().length === 0}>\n              <div class=\"k2b-choice-status\">\n                <i class=\"ti ti-loader-2 k2b-spin\" aria-hidden=\"true\" />\n                <span>{messages().loading}</span>\n              </div>\n            </Show>\n            <For\n              each={loader.error() ? [] : options()}\n              fallback={\n                <Show when={!loader.loading() && !loader.error()}>\n                  <div class=\"k2b-choice-status\">{isSearchable() ? messages().noResults : messages().noOptions}</div>\n                </Show>\n              }\n            >\n              {(option, index) => (\n                <button\n                  ref={(element) => (optionRefs[index()] = element)}\n                  type=\"button\"\n                  id={`${listboxId}-${index()}`}\n                  class=\"k2b-choice-option\"\n                  role=\"option\"\n                  aria-label={option.label}\n                  aria-selected={option.value === value()}\n                  data-focused={index() === focusedIndex() ? \"true\" : undefined}\n                  disabled={option.disabled}\n                  onPointerMove={() => focus(index())}\n                  onClick={() => select(option)}\n                >\n                  <Show when={option.color} fallback={<Show when={option.icon}>{(icon) => <i class={icon()} aria-hidden=\"true\" />}</Show>}>\n                    {(color) => <span class=\"k2b-choice-dot\" style={{ \"background-color\": color() }} aria-hidden=\"true\" />}\n                  </Show>\n                  <span>\n                    <strong>{option.label}</strong>\n                    <Show when={option.description}>{(description) => <small>{description()}</small>}</Show>\n                  </span>\n                </button>\n              )}\n            </For>\n          </div>\n        </div>\n      </div>\n    </Field>\n  );\n}\n\nexport default Select;\n"],"mappings":"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","ignoreList":[]}

package/dist/ssr/inputs/SelectChip.js

@@ -3,6 +3,7 @@ import { ssr as _$ssr } from "solid-js/web";
 import { ssrAttribute as _$ssrAttribute } from "solid-js/web";
 import { escape as _$escape } from "solid-js/web";
 import { createComponent as _$createComponent } from "solid-js/web";
+import { memo as _$memo } from "solid-js/web";
 var _tmpl$ = ["<span", ">", "</span>"],
   _tmpl$2 = "<i class=\"ti ti-chevron-down\" aria-hidden=\"true\"></i>",
   _tmpl$3 = ["<i", " aria-hidden=\"true\"></i>"],
@@ -85,10 +86,10 @@ export function SelectChip(props) {
               return triggerLabel();
             },
             get size() {
-              return props.iconOnly ? props.size : undefined;
+              return _$memo(() => !!props.iconOnly)() ? props.size : undefined;
             },
             get title() {
-              return props.iconOnly ? triggerLabel() : undefined;
+              return _$memo(() => !!props.iconOnly)() ? triggerLabel() : undefined;
             }
           }, () => fieldControlAria(meta, props), {
             get children() {

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

@@ -1 +1 @@
-{"version":3,"names":["createMemo","Show","Dropdown","createFieldMeta","Field","fieldControlAria","useUiMessages","commitFieldValue","resolveMaybeAccessor","SelectChip","props","messages","meta","id","value","selected","options","find","option","triggerLabel","label","chooseOption","items","map","action","checked","choice","class","description","disabled","icon","image","_$createComponent","error","required","children","Root","position","width","menuWidth","Trigger","_$mergeProps","appearance","iconOnly","controlId","undefined","size","title","when","fallback","_$ssr","_tmpl$3","_$ssrAttribute","_$escape","_tmpl$4","_tmpl$","placeholder","_tmpl$2","name","_tmpl$5"],"sources":["inputs/SelectChip.tsx"],"sourcesContent":["import { createMemo, type JSX, Show } from \"solid-js\";\nimport type { ButtonSize } from \"../actions/Button\";\nimport { Dropdown, type DropdownItem, type DropdownPosition } from \"../actions/Dropdown\";\nimport { createFieldMeta, Field, fieldControlAria } from \"../internal/field\";\nimport { useUiMessages } from \"../intl/messages\";\nimport type { MaybeAccessor, ValueFieldProps } from \"./field-contract\";\nimport { commitFieldValue, resolveMaybeAccessor } from \"./field-contract\";\n\nexport type SelectChipOption<T extends string | number = string> = {\n  value: T;\n  label: string;\n  description?: string;\n  icon?: string;\n  image?: string;\n  disabled?: boolean;\n};\n\nexport type SelectChipProps<T extends string | number = string> = ValueFieldProps<T> & {\n  value: MaybeAccessor<T>;\n  options: SelectChipOption<T>[];\n  icon?: string;\n  iconOnly?: boolean;\n  size?: ButtonSize;\n  placeholder?: string;\n  position?: DropdownPosition;\n  menuWidth?: string;\n  name?: string;\n};\n\nexport function SelectChip<T extends string | number = string>(props: SelectChipProps<T>): JSX.Element {\n  const messages = useUiMessages();\n  const meta = createFieldMeta(props.id);\n  const value = () => resolveMaybeAccessor(props.value)!;\n  const selected = () => props.options.find((option) => option.value === value());\n  const triggerLabel = () => props[\"aria-label\"] ?? (typeof props.label === \"string\" ? props.label : messages().chooseOption);\n  const items = createMemo<DropdownItem[]>(() =>\n    props.options.map((option) => ({\n      action: () => commitFieldValue(props, option.value),\n      checked: () => option.value === value(),\n      choice: \"radio\" as const,\n      class: \"k2b-select-chip__option\",\n      description: option.description,\n      disabled: option.disabled,\n      icon: option.icon,\n      image: option.image,\n      label: option.label,\n    })),\n  );\n\n  return (\n    <Field\n      class={props.class}\n      label={props.label}\n      description={props.description}\n      error={props.error}\n      meta={meta}\n      required={props.required}\n      disabled={props.disabled}\n    >\n      <Dropdown.Root\n        position={props.position ?? \"bottom-right\"}\n        /* Cloud opens this menu at `w-40`. */\n        width={props.menuWidth ?? \"10rem\"}\n        label={triggerLabel()}\n        items={items()}\n      >\n        <Dropdown.Trigger\n          appearance={props.iconOnly ? \"button\" : \"plain\"}\n          id={meta.controlId}\n          class={props.iconOnly ? undefined : \"k2b-select-chip\"}\n          disabled={props.disabled}\n          iconOnly={props.iconOnly}\n          label={triggerLabel()}\n          size={props.iconOnly ? props.size : undefined}\n          title={props.iconOnly ? triggerLabel() : undefined}\n          {...fieldControlAria(meta, props)}\n        >\n          <Show\n            when={selected()?.image}\n            fallback={<Show when={selected()?.icon ?? props.icon}>{(icon) => <i class={icon()} aria-hidden=\"true\" />}</Show>}\n          >\n            {(image) => <img src={image()} alt=\"\" />}\n          </Show>\n          <Show when={!props.iconOnly}>\n            <span data-placeholder={selected() ? undefined : \"true\"}>{selected()?.label ?? props.placeholder ?? \"\"}</span>\n            <i class=\"ti ti-chevron-down\" aria-hidden=\"true\" />\n          </Show>\n        </Dropdown.Trigger>\n      </Dropdown.Root>\n      <Show when={props.name}>{(name) => <input type=\"hidden\" name={name()} value={value()} />}</Show>\n    </Field>\n  );\n}\n\nexport default SelectChip;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":[],"sources":["inputs/SelectChip.tsx"],"sourcesContent":["import { createMemo, type JSX, Show } from \"solid-js\";\nimport type { ButtonSize } from \"../actions/Button\";\nimport { Dropdown, type DropdownItem, type DropdownPosition } from \"../actions/Dropdown\";\nimport { createFieldMeta, Field, fieldControlAria } from \"../internal/field\";\nimport { useUiMessages } from \"../intl/messages\";\nimport type { MaybeAccessor, ValueFieldProps } from \"./field-contract\";\nimport { commitFieldValue, resolveMaybeAccessor } from \"./field-contract\";\n\nexport type SelectChipOption<T extends string | number = string> = {\n  value: T;\n  label: string;\n  description?: string;\n  icon?: string;\n  image?: string;\n  disabled?: boolean;\n};\n\nexport type SelectChipProps<T extends string | number = string> = ValueFieldProps<T> & {\n  value: MaybeAccessor<T>;\n  options: SelectChipOption<T>[];\n  icon?: string;\n  iconOnly?: boolean;\n  size?: ButtonSize;\n  placeholder?: string;\n  position?: DropdownPosition;\n  menuWidth?: string;\n  name?: string;\n};\n\nexport function SelectChip<T extends string | number = string>(props: SelectChipProps<T>): JSX.Element {\n  const messages = useUiMessages();\n  const meta = createFieldMeta(props.id);\n  const value = () => resolveMaybeAccessor(props.value)!;\n  const selected = () => props.options.find((option) => option.value === value());\n  const triggerLabel = () => props[\"aria-label\"] ?? (typeof props.label === \"string\" ? props.label : messages().chooseOption);\n  const items = createMemo<DropdownItem[]>(() =>\n    props.options.map((option) => ({\n      action: () => commitFieldValue(props, option.value),\n      checked: () => option.value === value(),\n      choice: \"radio\" as const,\n      class: \"k2b-select-chip__option\",\n      description: option.description,\n      disabled: option.disabled,\n      icon: option.icon,\n      image: option.image,\n      label: option.label,\n    })),\n  );\n\n  return (\n    <Field\n      class={props.class}\n      label={props.label}\n      description={props.description}\n      error={props.error}\n      meta={meta}\n      required={props.required}\n      disabled={props.disabled}\n    >\n      <Dropdown.Root\n        position={props.position ?? \"bottom-right\"}\n        /* Cloud opens this menu at `w-40`. */\n        width={props.menuWidth ?? \"10rem\"}\n        label={triggerLabel()}\n        items={items()}\n      >\n        <Dropdown.Trigger\n          appearance={props.iconOnly ? \"button\" : \"plain\"}\n          id={meta.controlId}\n          class={props.iconOnly ? undefined : \"k2b-select-chip\"}\n          disabled={props.disabled}\n          iconOnly={props.iconOnly}\n          label={triggerLabel()}\n          size={props.iconOnly ? props.size : undefined}\n          title={props.iconOnly ? triggerLabel() : undefined}\n          {...fieldControlAria(meta, props)}\n        >\n          <Show\n            when={selected()?.image}\n            fallback={<Show when={selected()?.icon ?? props.icon}>{(icon) => <i class={icon()} aria-hidden=\"true\" />}</Show>}\n          >\n            {(image) => <img src={image()} alt=\"\" />}\n          </Show>\n          <Show when={!props.iconOnly}>\n            <span data-placeholder={selected() ? undefined : \"true\"}>{selected()?.label ?? props.placeholder ?? \"\"}</span>\n            <i class=\"ti ti-chevron-down\" aria-hidden=\"true\" />\n          </Show>\n        </Dropdown.Trigger>\n      </Dropdown.Root>\n      <Show when={props.name}>{(name) => <input type=\"hidden\" name={name()} value={value()} />}</Show>\n    </Field>\n  );\n}\n\nexport default SelectChip;\n"],"mappings":"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","ignoreList":[]}

package/dist/ssr/inputs/SpecialInputs.js

@@ -1,4 +1,5 @@
 import { createComponent as _$createComponent } from "solid-js/web";
+import { memo as _$memo } from "solid-js/web";
 import { fuzzy } from "@k2b/stdlib";
 import { createMemo } from "solid-js";
 import { useUiMessages } from "../intl/messages";

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

@@ -1 +1 @@
-{"version":3,"names":["fuzzy","createMemo","useUiMessages","resolveMaybeAccessor","DEFAULT_ICON_GROUPS","DEFAULT_ICON_OPTIONS","Select","IconInput","props","messages","options","groups","undefined","filterOptions","source","query","normalized","trim","toLowerCase","sort","left","right","String","label","localeCompare","sensitivity","filter","key","option","keywords","Array","isArray","join","limit","searchLimit","map","match","item","selectedOption","find","value","_$createComponent","id","name","class","description","error","aria-label","aria-describedby","placeholder","pickIcon","disabled","required","clearable","onValueChange","onValueCommit","defaultGroup","groupsAriaLabel","filterIcons","allGroupLabel","viewToggle","defaultView","gridSize","searchable","searchPlaceholder","search","icon"],"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 { 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":[]}

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

@@ -1 +1 @@
-{"version":3,"names":["Show","splitProps","createFieldMeta","fieldControlAria","commitFieldValue","resolveMaybeAccessor","Switch","props","local","rest","meta","id","checked","value","error","_$ssr","_tmpl$3","_$escape","class","_$ssrAttribute","disabled","undefined","_$ssrElement","_$mergeProps","controlId","name","type","role","required","label","_tmpl$5","labelId","_$createComponent","when","children","_tmpl$4","description","_tmpl$","descriptionId","_tmpl$2","errorId"],"sources":["inputs/Switch.tsx"],"sourcesContent":["import { type JSX, Show, splitProps } from \"solid-js\";\nimport { createFieldMeta, fieldControlAria } from \"../internal/field\";\nimport type { ValueFieldProps } from \"./field-contract\";\nimport { commitFieldValue, resolveMaybeAccessor } from \"./field-contract\";\n\nexport type SwitchProps = ValueFieldProps<boolean> & {\n  name?: string;\n};\n\nexport function Switch(props: SwitchProps): JSX.Element {\n  const [local, rest] = splitProps(props, [\"label\", \"onValueChange\", \"onValueCommit\", \"value\"]);\n  const meta = createFieldMeta(props.id);\n  const checked = () => resolveMaybeAccessor(local.value) ?? false;\n  const error = () => resolveMaybeAccessor(props.error);\n\n  return (\n    <div\n      class={`k2b-switch-field ${props.class ?? \"\"}`}\n      data-disabled={rest.disabled ? \"true\" : undefined}\n      data-invalid={error() ? \"true\" : undefined}\n    >\n      <label class=\"k2b-switch\">\n        <input\n          id={meta.controlId}\n          name={props.name}\n          type=\"checkbox\"\n          role=\"switch\"\n          checked={checked()}\n          disabled={rest.disabled}\n          required={rest.required}\n          {...fieldControlAria(meta, props)}\n          onChange={(event) => commitFieldValue(local, event.currentTarget.checked)}\n        />\n        <span class=\"k2b-switch__track\" aria-hidden=\"true\">\n          <span class=\"k2b-switch__thumb\" />\n        </span>\n        {local.label && (\n          <span id={meta.labelId} class=\"k2b-switch__label\">\n            {local.label}\n            <Show when={rest.required}>\n              <span class=\"k2b-field__required\" aria-hidden=\"true\">\n                *\n              </span>\n            </Show>\n          </span>\n        )}\n      </label>\n      <Show when={props.description}>\n        <span id={meta.descriptionId} class=\"k2b-field__description\">\n          {props.description}\n        </span>\n      </Show>\n      <Show when={error()}>\n        <p id={meta.errorId} class=\"k2b-field__error\" role=\"alert\" aria-live=\"polite\">\n          {error()}\n        </p>\n      </Show>\n    </div>\n  );\n}\n\nexport default Switch;\n"],"mappings":";;;;;;;;;;;AAAA,SAAmBA,IAAI,EAAEC,UAAU,QAAQ,UAAU;AACrD,SAASC,eAAe,EAAEC,gBAAgB,QAAQ,mBAAmB;AAErE,SAASC,gBAAgB,EAAEC,oBAAoB,QAAQ,kBAAkB;AAMzE,OAAO,SAASC,MAAMA,CAACC,KAAkB,EAAe;EACtD,MAAM,CAACC,KAAK,EAAEC,IAAI,CAAC,GAAGR,UAAU,CAACM,KAAK,EAAE,CAAC,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,OAAO,CAAC,CAAC;EAC7F,MAAMG,IAAI,GAAGR,eAAe,CAACK,KAAK,CAACI,EAAE,CAAC;EACtC,MAAMC,OAAO,GAAGA,CAAA,KAAMP,oBAAoB,CAACG,KAAK,CAACK,KAAK,CAAC,IAAI,KAAK;EAChE,MAAMC,KAAK,GAAGA,CAAA,KAAMT,oBAAoB,CAACE,KAAK,CAACO,KAAK,CAAC;EAErD,OAAAC,KAAA,CAAAC,OAAA,EAEW,oBAAAC,QAAA,CAAoBV,KAAK,CAACW,KAAK,IAAI,EAAE,SAAE,EAAAC,cAAA,kBAC/BV,IAAI,CAACW,QAAQ,GAAG,MAAM,GAAAH,QAAA,CAAGI,SAAS,kBAAAF,cAAA,iBACnCL,KAAK,CAAC,CAAC,GAAG,MAAM,GAAAG,QAAA,CAAGI,SAAS,iBAAAC,YAAA,UAAAC,YAAA;IAAA,IAItCZ,EAAEA,CAAA;MAAA,OAAED,IAAI,CAACc,SAAS;IAAA;IAAA,IAClBC,IAAIA,CAAA;MAAA,OAAElB,KAAK,CAACkB,IAAI;IAAA;IAChBC,IAAI,EAAC,UAAU;IACfC,IAAI,EAAC,QAAQ;IAAA,IACbf,OAAOA,CAAA;MAAA,OAAEA,OAAO,CAAC,CAAC;IAAA;IAAA,IAClBQ,QAAQA,CAAA;MAAA,OAAEX,IAAI,CAACW,QAAQ;IAAA;IAAA,IACvBQ,QAAQA,CAAA;MAAA,OAAEnB,IAAI,CAACmB,QAAQ;IAAA;EAAA,SACnBzB,gBAAgB,CAACO,IAAI,EAAEH,KAAK,CAAC,GAAAc,SAAA,UAMlCb,KAAK,CAACqB,KAAK,IAAAd,KAAA,CAAAe,OAAA,EAAAX,cAAA,OAAAF,QAAA,CACAP,IAAI,CAACqB,OAAO,iBAAAd,QAAA,CACnBT,KAAK,CAACqB,KAAK,GAAAZ,QAAA,CAAAe,iBAAA,CACXhC,IAAI;IAAA,IAACiC,IAAIA,CAAA;MAAA,OAAExB,IAAI,CAACmB,QAAQ;IAAA;IAAA,IAAAM,SAAA;MAAA,OAAAnB,KAAA,CAAAoB,OAAA;IAAA;EAAA,IAM5B,EAAAlB,QAAA,CAAAe,iBAAA,CAEFhC,IAAI;IAAA,IAACiC,IAAIA,CAAA;MAAA,OAAE1B,KAAK,CAAC6B,WAAW;IAAA;IAAA,IAAAF,SAAA;MAAA,OAAAnB,KAAA,CAAAsB,MAAA,EAAAlB,cAAA,OAAAF,QAAA,CACjBP,IAAI,CAAC4B,aAAa,iBAAArB,QAAA,CACzBV,KAAK,CAAC6B,WAAW;IAAA;EAAA,KAAAnB,QAAA,CAAAe,iBAAA,CAGrBhC,IAAI;IAAA,IAACiC,IAAIA,CAAA;MAAA,OAAEnB,KAAK,CAAC,CAAC;IAAA;IAAA,IAAAoB,SAAA;MAAA,OAAAnB,KAAA,CAAAwB,OAAA,EAAApB,cAAA,OAAAF,QAAA,CACVP,IAAI,CAAC8B,OAAO,iBAAAvB,QAAA,CAChBH,KAAK,CAAC,CAAC;IAAA;EAAA;AAKlB;AAEA,eAAeR,MAAM","ignoreList":[]}
+{"version":3,"names":[],"sources":["inputs/Switch.tsx"],"sourcesContent":["import { type JSX, Show, splitProps } from \"solid-js\";\nimport { createFieldMeta, fieldControlAria } from \"../internal/field\";\nimport type { ValueFieldProps } from \"./field-contract\";\nimport { commitFieldValue, resolveMaybeAccessor } from \"./field-contract\";\n\nexport type SwitchProps = ValueFieldProps<boolean> & {\n  name?: string;\n};\n\nexport function Switch(props: SwitchProps): JSX.Element {\n  const [local, rest] = splitProps(props, [\"label\", \"onValueChange\", \"onValueCommit\", \"value\"]);\n  const meta = createFieldMeta(props.id);\n  const checked = () => resolveMaybeAccessor(local.value) ?? false;\n  const error = () => resolveMaybeAccessor(props.error);\n\n  return (\n    <div\n      class={`k2b-switch-field ${props.class ?? \"\"}`}\n      data-disabled={rest.disabled ? \"true\" : undefined}\n      data-invalid={error() ? \"true\" : undefined}\n    >\n      <label class=\"k2b-switch\">\n        <input\n          id={meta.controlId}\n          name={props.name}\n          type=\"checkbox\"\n          role=\"switch\"\n          checked={checked()}\n          disabled={rest.disabled}\n          required={rest.required}\n          {...fieldControlAria(meta, props)}\n          onChange={(event) => commitFieldValue(local, event.currentTarget.checked)}\n        />\n        <span class=\"k2b-switch__track\" aria-hidden=\"true\">\n          <span class=\"k2b-switch__thumb\" />\n        </span>\n        {local.label && (\n          <span id={meta.labelId} class=\"k2b-switch__label\">\n            {local.label}\n            <Show when={rest.required}>\n              <span class=\"k2b-field__required\" aria-hidden=\"true\">\n                *\n              </span>\n            </Show>\n          </span>\n        )}\n      </label>\n      <Show when={props.description}>\n        <span id={meta.descriptionId} class=\"k2b-field__description\">\n          {props.description}\n        </span>\n      </Show>\n      <Show when={error()}>\n        <p id={meta.errorId} class=\"k2b-field__error\" role=\"alert\" aria-live=\"polite\">\n          {error()}\n        </p>\n      </Show>\n    </div>\n  );\n}\n\nexport default Switch;\n"],"mappings":";;;;;;;;;;;AAAA,SAAmB,IAAI,EAAE,UAAU,QAAQ,UAAU;AACrD,SAAS,eAAe,EAAE,gBAAgB,QAAQ,mBAAmB;AAErE,SAAS,gBAAgB,EAAE,oBAAoB,QAAQ,kBAAkB;AAMzE,OAAO,SAAS,MAAM,CAAC,KAAkB,EAAe;EACtD,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,UAAU,CAAC,KAAK,EAAE,CAAC,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,OAAO,CAAC,CAAC;EAC7F,MAAM,IAAI,GAAG,eAAe,CAAC,KAAK,CAAC,EAAE,CAAC;EACtC,MAAM,OAAO,GAAG,MAAM,oBAAoB,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,KAAK;EAChE,MAAM,KAAK,GAAG,MAAM,oBAAoB,CAAC,KAAK,CAAC,KAAK,CAAC;EAErD,sBAEW,6BAAoB,KAAK,CAAC,KAAK,IAAI,EAAE,SAAE,kCAC/B,IAAI,CAAC,QAAQ,GAAG,MAAM,YAAG,SAAS,iDACnC,KAAK,CAAC,CAAC,GAAG,MAAM,YAAG,SAAS;IAAA,IAItC,EAAE;MAAA,OAAE,IAAI,CAAC,SAAS;IAAA;IAAA,IAClB,IAAI;MAAA,OAAE,KAAK,CAAC,IAAI;IAAA;IAChB,IAAI,EAAC,UAAU;IACf,IAAI,EAAC,QAAQ;IAAA,IACb,OAAO;MAAA,OAAE,OAAO,CAAC,CAAC;IAAA;IAAA,IAClB,QAAQ;MAAA,OAAE,IAAI,CAAC,QAAQ;IAAA;IAAA,IACvB,QAAQ;MAAA,OAAE,IAAI,CAAC,QAAQ;IAAA;EAAA,SACnB,gBAAgB,CAAC,IAAI,EAAE,KAAK,CAAC,sBAMlC,KAAK,CAAC,KAAK,iDACA,IAAI,CAAC,OAAO,0BACnB,KAAK,CAAC,KAAK,8BACX,IAAI;IAAA,IAAC,IAAI;MAAA,OAAE,IAAI,CAAC,QAAQ;IAAA;IAAA;MAAA;IAAA;EAAA,IAM5B,6BAEF,IAAI;IAAA,IAAC,IAAI;MAAA,OAAE,KAAK,CAAC,WAAW;IAAA;IAAA;MAAA,mDACjB,IAAI,CAAC,aAAa,0BACzB,KAAK,CAAC,WAAW;IAAA;EAAA,gCAGrB,IAAI;IAAA,IAAC,IAAI;MAAA,OAAE,KAAK,CAAC,CAAC;IAAA;IAAA;MAAA,oDACV,IAAI,CAAC,OAAO,0BAChB,KAAK,CAAC,CAAC;IAAA;EAAA;AAKlB;AAEA,eAAe,MAAM","ignoreList":[]}

package/dist/ssr/inputs/TagEditor.js

@@ -1,3 +1,4 @@
+import { memo as _$memo } from "solid-js/web";
 import { ssr as _$ssr } from "solid-js/web";
 import { createComponent as _$createComponent } from "solid-js/web";
 import { ssrAttribute as _$ssrAttribute } from "solid-js/web";
@@ -148,7 +149,7 @@ export function TagEditor(props) {
         },
         children: item => _$ssr(_tmpl$6, _$escape(_$createComponent(Show, {
           get when() {
-            return mode() === item.id && props.onUpdate;
+            return _$memo(() => mode() === item.id)() && props.onUpdate;
           },
           get fallback() {
             return [_$createComponent(Tag, {
@@ -225,7 +226,7 @@ export function TagEditor(props) {
           }
         })), _$escape(_$createComponent(Show, {
           get when() {
-            return rowError()?.id === item.id && mode() !== item.id ? rowError() : undefined;
+            return _$memo(() => !!(rowError()?.id === item.id && mode() !== item.id))() ? rowError() : undefined;
           },
           children: error => _$ssr(_tmpl$2, _$escape(error().message))
         })))

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

@@ -1 +1 @@
-{"version":3,"names":["createEffect","createSignal","For","onCleanup","Show","Button","IconButton","useUiMessages","Tag","ColorInput","TextInput","EditorForm","props","initialName","initial","name","initialColor","color","defaultColor","setName","setColor","error","setError","onDirtyChange","submit","event","preventDefault","normalized","trim","busy","undefined","onSave","cause","Error","message","saveError","_$ssr","_tmpl$","_$ssrAttribute","_$escape","_$createComponent","label","labels","placeholder","namePlaceholder","value","onValueChange","disabled","required","autofocus","aria-label","onValueCommit","compact","when","children","_tmpl$2","type","size","loading","save","variant","onClick","onCancel","cancel","TagEditor","messages","mode","setMode","busyId","setBusyId","rowError","setRowError","create","addTag","empty","noTagsYet","tagName","edit","remove","delete","run","id","action","tagActionFailed","_tmpl$4","class","items","length","fallback","_tmpl$5","_tmpl$3","each","item","_tmpl$6","onUpdate","_tmpl$8","Boolean","_tmpl$7","onDelete","catch","_tmpl$9","tagCouldNotBeSaved","onCreate","_tmpl$0"],"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":"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","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\";\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":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"names":["createEffect","createSignal","createUniqueId","Show","createFieldMeta","Field","fieldControlAria","useUiMessages","resolveMaybeAccessor","TagsInput","props","messages","meta","id","announcementId","error","placeholder","tagsPlaceholder","focused","setFocused","focusStartValue","normalize","text","replace","trim","parseTags","tags","seen","Set","limit","maxTags","undefined","Number","POSITIVE_INFINITY","Math","max","floor","rawTag","split","tag","has","length","add","push","value","join","draft","setDraft","announce","previous","next","previousTags","nextTags","added","filter","removed","announcement","document","getElementById","textContent","tagsAdded","tagsRemoved","Boolean","_$createComponent","class","label","description","labelFor","required","disabled","children","_$ssr","_tmpl$2","_$ssrAttribute","_$escape","icon","activeIcon","when","_tmpl$","fallback","_tmpl$4","map","_tmpl$5","_$ssrElement","_$mergeProps","controlId","type","name","_tmpl$6","_tmpl$3"],"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 { 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":[]}

package/dist/ssr/inputs/TemplateEditor.js

@@ -3,6 +3,7 @@ import { ssrAttribute as _$ssrAttribute } from "solid-js/web";
 import { escape as _$escape } from "solid-js/web";
 import { createComponent as _$createComponent } from "solid-js/web";
 import { mergeProps as _$mergeProps } from "solid-js/web";
+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";

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

@@ -1 +1 @@
-{"version":3,"names":["createMemo","For","useUiMessages","PANES_LAYOUT_VERSION","AutocompleteEditor","TextInput","createTemplateEditorPanesLayout","version","root","type","direction","ratio","first","items","active","second","HTML_TAGS","name","snippet","hint","suggestion","text","label","appendSpace","templateCompletions","variables","trigger","dropdown","allowAfterWord","suggest","query","context","normalized","toLowerCase","leadingBrace","tokenStart","fullText","open","close","values","filter","variable","startsWith","map","kind","conditions","loops","tag","escapeHtml","value","replace","highlightLiquidToken","token","inner","trim","keyword","split","includes","highlightTag","match","attrs","highlightTemplate","stashed","escaped","marker","length","push","withTags","_","index","Number","TemplateEditor","props","messages","completions","_$createComponent","_$mergeProps","lines","spellcheck","placeholder","templateEditorPlaceholder","highlight","TemplatePreview","_$ssr","_tmpl$","_$escape","class","_$ssrAttribute","html","title","templatePreview","TemplateSampleData","_tmpl$2","each","children","description","onValueChange"],"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 { 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":";;;;;;;;AAAA,SAAS,UAAU,EAAE,GAAG,QAAkB,UAAU;AACpD,SAAS,aAAa,QAAQ,kBAAkB;AAChD,SAAS,oBAAoB,QAA0B,wBAAwB;AAC/E,SAAS,kBAAkB,QAAsC,sBAAsB;AAEvF,SAAS,SAAS,QAAQ,aAAa;AA6BvC,OAAO,MAAM,+BAA+B,GAAG,OAA6B;EAC1E,OAAO,EAAE,oBAAoB;EAC7B,IAAI,EAAE;IACJ,IAAI,EAAE,OAAO;IACb,SAAS,EAAE,YAAY;IACvB,KAAK,EAAE,GAAG;IACV,KAAK,EAAE;MAAE,IAAI,EAAE,OAAO;MAAE,KAAK,EAAE,CAAC,MAAM,CAAC;MAAE,MAAM,EAAE;IAAO,CAAC;IACzD,MAAM,EAAE;MAAE,IAAI,EAAE,OAAO;MAAE,KAAK,EAAE,CAAC,SAAS,EAAE,aAAa,CAAC;MAAE,MAAM,EAAE;IAAU;EAChF;AACF,CAAC,CAAC;AAEF,MAAM,SAAS,GAAG,CAChB;EAAE,IAAI,EAAE,GAAG;EAAE,OAAO,EAAE,SAAS;EAAE,IAAI,EAAE;AAAY,CAAC,EACpD;EACE,IAAI,EAAE,GAAG;EACT,OAAO,EAAE,oCAAoC;EAC7C,IAAI,EAAE;AACR,CAAC,EACD;EAAE,IAAI,EAAE,QAAQ;EAAE,OAAO,EAAE,mBAAmB;EAAE,IAAI,EAAE;AAAO,CAAC,EAC9D;EAAE,IAAI,EAAE,IAAI;EAAE,OAAO,EAAE,WAAW;EAAE,IAAI,EAAE;AAAW,CAAC,EACtD;EAAE,IAAI,EAAE,IAAI;EAAE,OAAO,EAAE,MAAM;EAAE,IAAI,EAAE;AAAa,CAAC,EACnD;EAAE,IAAI,EAAE,IAAI;EAAE,OAAO,EAAE,0BAA0B;EAAE,IAAI,EAAE;AAAO,CAAC,EACjE;EACE,IAAI,EAAE,OAAO;EACb,OAAO,EAAE,yCAAyC;EAClD,IAAI,EAAE;AACR,CAAC,CACO;AAEV,MAAM,UAAU,GAAG,CAAC,IAAY,EAAE,IAAY,EAAE,KAAc,MAAkB;EAAE,IAAI;EAAE,IAAI;EAAE,KAAK;EAAE,WAAW,EAAE;AAAM,CAAC,CAAC;AAE1H,MAAM,mBAAmB,GAAI,SAAsC,IAAmB,CACpF;EACE,OAAO,EAAE,GAAG;EACZ,QAAQ,EAAE,IAAI;EACd,cAAc,EAAE,IAAI;EACpB,OAAO,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK;IAC3B,MAAM,UAAU,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC;IACtC,MAAM,YAAY,GAAG,OAAO,CAAC,UAAU,GAAG,CAAC,IAAI,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,UAAU,GAAG,CAAC,CAAC,KAAK,GAAG;IAC/F,MAAM,IAAI,GAAG,YAAY,GAAG,IAAI,GAAG,KAAK;IACxC,MAAM,KAAK,GAAG,YAAY,GAAG,KAAK,GAAG,KAAK;IAC1C,MAAM,MAAM,GAAG,SAAS,CACrB,MAAM,CAAE,QAAQ,IAAK,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC,CACxE,GAAG,CAAE,QAAQ,IAAK,UAAU,CAAC,GAAG,IAAI,GAAG,QAAQ,CAAC,IAAI,GAAG,KAAK,EAAE,EAAE,QAAQ,CAAC,IAAI,IAAI,QAAQ,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC7G,MAAM,UAAU,GAAG,SAAS,CACzB,MAAM,CAAE,QAAQ,IAAK,QAAQ,CAAC,IAAI,KAAK,OAAO,CAAC,CAC/C,MAAM,CAAE,QAAQ,IAAK,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC,CACxE,GAAG,CAAE,QAAQ,IAAK,UAAU,CAAC,SAAS,QAAQ,CAAC,IAAI,+BAA+B,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC,CAAC;IAC3H,MAAM,KAAK,GAAG,SAAS,CACpB,MAAM,CAAE,QAAQ,IAAK,QAAQ,CAAC,IAAI,KAAK,OAAO,CAAC,CAC/C,MAAM,CAAE,QAAQ,IAAK,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC,CACxE,GAAG,CAAE,QAAQ,IAAK,UAAU,CAAC,kBAAkB,QAAQ,CAAC,IAAI,iCAAiC,EAAE,MAAM,EAAE,OAAO,QAAQ,CAAC,IAAI,EAAE,CAAC,CAAC;IAClI,OAAO,CAAC,GAAG,MAAM,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAC;EAC7C;AACF,CAAC,EACD;EACE,OAAO,EAAE,GAAG;EACZ,QAAQ,EAAE,IAAI;EACd,cAAc,EAAE,IAAI;EACpB,OAAO,EAAG,KAAK,IAAK;IAClB,MAAM,UAAU,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC;IACtC,MAAM,UAAU,GAAG,SAAS,CACzB,MAAM,CAAE,QAAQ,IAAK,QAAQ,CAAC,IAAI,KAAK,OAAO,CAAC,CAC/C,MAAM,CAAE,QAAQ,IAAK,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC,CACxE,GAAG,CAAE,QAAQ,IAAK,UAAU,CAAC,QAAQ,QAAQ,CAAC,IAAI,+BAA+B,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC,CAAC;IAC1H,MAAM,KAAK,GAAG,SAAS,CACpB,MAAM,CAAE,QAAQ,IAAK,QAAQ,CAAC,IAAI,KAAK,OAAO,CAAC,CAC/C,MAAM,CAAE,QAAQ,IAAK,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC,CACxE,GAAG,CAAE,QAAQ,IAAK,UAAU,CAAC,iBAAiB,QAAQ,CAAC,IAAI,iCAAiC,EAAE,MAAM,EAAE,OAAO,QAAQ,CAAC,IAAI,EAAE,CAAC,CAAC;IACjI,OAAO,CAAC,GAAG,UAAU,EAAE,GAAG,KAAK,CAAC;EAClC;AACF,CAAC,EACD;EACE,OAAO,EAAE,GAAG;EACZ,QAAQ,EAAE,IAAI;EACd,cAAc,EAAE,IAAI;EACpB,OAAO,EAAG,KAAK,IAAK;IAClB,MAAM,UAAU,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC;IACtC,OAAO,SAAS,CAAC,MAAM,CAAE,GAAG,IAAK,GAAG,CAAC,IAAI,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,CAAE,GAAG,IAAK,UAAU,CAAC,GAAG,CAAC,OAAO,EAAE,GAAG,CAAC,IAAI,EAAE,GAAG,CAAC,IAAI,CAAC,CAAC;EAC7H;AACF,CAAC,CACF;AAED,MAAM,UAAU,GAAI,KAAa,IAC/B,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,QAAQ,CAAC;AAElG,MAAM,oBAAoB,GAAI,KAAa,IAAa;EACtD,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,wBAAwB,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC;EAChE,MAAM,OAAO,GAAG,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE;EAC3C,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,GAAI,OAAO,CAAC,UAAU,CAAC,KAAK,CAAC,GAAG,KAAK,GAAG,SAAS,GAAI,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,GAAG,KAAK,GAAG,OAAO;EACjI,OAAO,+CAA+C,IAAI,KAAK,UAAU,CAAC,KAAK,CAAC,SAAS;AAC3F,CAAC;AAED,MAAM,YAAY,GAAI,GAAW,IAAa;EAC5C,MAAM,KAAK,GAAG,GAAG,CAAC,KAAK,CAAC,8CAA8C,CAAC;EACvE,IAAI,CAAC,KAAK,EAAE,OAAO,kCAAkC,GAAG,SAAS;EACjE,MAAM,KAAK,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE,OAAO,CACpC,wDAAwD,EACxD,2IACF,CAAC;EACD,OAAO,0CAA0C,KAAK,CAAC,CAAC,CAAC,yCAAyC,KAAK,CAAC,CAAC,CAAC,UAAU,KAAK,0CAA0C,KAAK,CAAC,CAAC,CAAC,SAAS;AACtL,CAAC;AAED,MAAM,iBAAiB,GAAI,IAAY,IAAa;EAClD,MAAM,OAAiB,GAAG,EAAE;EAC5B,MAAM,OAAO,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,4BAA4B,EAAG,KAAK,IAAK;IAChF,MAAM,MAAM,GAAG,SAAS,OAAO,CAAC,MAAM,QAAQ;IAC9C,OAAO,CAAC,IAAI,CAAC,oBAAoB,CAAC,KAAK,CAAC,CAAC;IACzC,OAAO,MAAM;EACf,CAAC,CAAC;EACF,MAAM,QAAQ,GAAG,OAAO,CAAC,OAAO,CAAC,oDAAoD,EAAG,GAAG,IACzF,GAAG,CAAC,UAAU,CAAC,SAAS,CAAC,GAAG,sCAAsC,GAAG,SAAS,GAAG,YAAY,CAAC,GAAG,CACnG,CAAC;EACD,OAAO,QAAQ,CAAC,OAAO,CAAC,oBAAoB,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,IAAI,EAAE,CAAC;AAC3F,CAAC;AAED,OAAO,SAAS,cAAc,CAAC,KAA0B,EAAe;EACtE,MAAM,QAAQ,GAAG,aAAa,CAAC,CAAC;EAChC,MAAM,WAAW,GAAG,UAAU,CAAC,MAAM,mBAAmB,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;EAC1E,yBACG,kBAAkB,eACb,KAAK;IAAA,IACT,KAAK;MAAA,OAAE,KAAK,CAAC,KAAK,IAAI,EAAE;IAAA;IAAA,IACxB,UAAU;MAAA,OAAE,KAAK,CAAC,UAAU,IAAI,KAAK;IAAA;IAAA,IACrC,WAAW;MAAA,OAAE,KAAK,CAAC,WAAW,IAAI,QAAQ,CAAC,CAAC,CAAC,yBAAyB;IAAA;IACtE,SAAS,EAAE,iBAAiB;IAAA,IAC5B,WAAW;MAAA,OAAE,WAAW,CAAC,CAAC;IAAA;EAAA;AAGhC;AAEA,OAAO,SAAS,eAAe,CAAC,KAA2B,EAAe;EACxE,MAAM,QAAQ,GAAG,aAAa,CAAC,CAAC;EAChC,qBACkB,iCAAwB,KAAK,CAAC,KAAK,IAAI,EAAE,SAAE,oCAC9B,KAAK,CAAC,IAAI,mDAAS,KAAK,CAAC,KAAK,IAAI,QAAQ,CAAC,CAAC,CAAC,eAAe;AAG7F;AAEA,OAAO,SAAS,kBAAkB,CAAC,KAA8B,EAAe;EAC9E,sBACkB,gCAAuB,KAAK,CAAC,KAAK,IAAI,EAAE,SAAE,6BACvD,GAAG;IAAA,IAAC,IAAI;MAAA,OAAE,KAAK,CAAC,SAAS;IAAA;IAAA,UACtB,QAAQ,sBACP,SAAS;MAAA,IACR,KAAK;QAAA,OAAE,MAAM,QAAQ,CAAC,IAAI,KAAK;MAAA;MAAA,IAC/B,WAAW;QAAA,OAAE,QAAQ,CAAC,WAAW;MAAA;MAAA,IACjC,KAAK;QAAA,OAAE,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,EAAE;MAAA;MACxC,aAAa,EAAG,KAAK,IAAK,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAC,IAAI,EAAE,KAAK;IAAC;EAEtE;AAIT","ignoreList":[]}