@k2b/ui 0.1.0-rc.0

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

@@ -0,0 +1 @@
+{"version":3,"names":["createEffect","createMemo","createSignal","Show","splitProps","createFieldMeta","Field","fieldControlAria","decimalSeparator","useLocale","useUiMessages","resolveMaybeAccessor","NumberInput","props","local","rest","meta","id","focused","setFocused","value","error","contextLocale","messages","separator","locale","display","String","replace","raw","setRaw","places","Math","max","decimalPlaces","min","Infinity","step","filter","input","output","decimal","character","test","allowNegative","integer","fraction","split","slice","parse","canonical","number","Number","parseInt","isFinite","normalize","clamped","anchor","snapped","round","bounded","toFixed","emit","onValueChange","commit","changeAlreadyEmitted","next","Object","is","onValueCommit","stepBy","direction","disabled","disableSteppers","seed","_$createComponent","class","label","description","required","children","_$ssr","_tmpl$6","_$ssrAttribute","_$escape","undefined","when","showSteppers","_tmpl$","decreaseLabel","decreaseValue","icon","_tmpl$2","activeIcon","prefix","_tmpl$3","_$ssrElement","_$mergeProps","controlId","data-filled","type","role","inputmode","aria-valuemin","aria-valuemax","aria-valuenow","suffix","clearable","readOnly","_tmpl$4","clearLabel","clear","_tmpl$5","increaseLabel","increaseValue"],"sources":["inputs/NumberInput.tsx"],"sourcesContent":["import { createEffect, createMemo, createSignal, type JSX, Show, splitProps } from \"solid-js\";\nimport { createFieldMeta, Field, fieldControlAria } from \"../internal/field\";\nimport { decimalSeparator, useLocale } from \"../intl/locale\";\nimport { useUiMessages } from \"../intl/messages\";\nimport type { ValueFieldProps } from \"./field-contract\";\nimport { resolveMaybeAccessor } from \"./field-contract\";\n\nexport type NumberInputProps = Omit<\n  JSX.InputHTMLAttributes<HTMLInputElement>,\n  \"max\" | \"min\" | \"onChange\" | \"onInput\" | \"prefix\" | \"step\" | \"type\" | \"value\" | keyof ValueFieldProps<number | null>\n> &\n  ValueFieldProps<number | null> & {\n    max?: number;\n    min?: number;\n    step?: number;\n    decimalPlaces?: number;\n    allowNegative?: boolean;\n    clearable?: boolean;\n    onClear?: () => void;\n    clearLabel?: string;\n    increaseLabel?: string;\n    decreaseLabel?: string;\n    /** Explicit locale for the decimal separator; defaults to the inherited render locale. */\n    locale?: string;\n    showSteppers?: boolean;\n    disableSteppers?: boolean;\n    icon?: string;\n    activeIcon?: string;\n    prefix?: JSX.Element;\n    suffix?: JSX.Element;\n  };\n\nexport function NumberInput(props: NumberInputProps): JSX.Element {\n  const [local, rest] = splitProps(props, [\n    \"activeIcon\",\n    \"allowNegative\",\n    \"aria-describedby\",\n    \"aria-label\",\n    \"class\",\n    \"clearLabel\",\n    \"clearable\",\n    \"decimalPlaces\",\n    \"decreaseLabel\",\n    \"description\",\n    \"disableSteppers\",\n    \"error\",\n    \"icon\",\n    \"id\",\n    \"increaseLabel\",\n    \"label\",\n    \"locale\",\n    \"max\",\n    \"min\",\n    \"onClear\",\n    \"onValueCommit\",\n    \"onValueChange\",\n    \"prefix\",\n    \"required\",\n    \"showSteppers\",\n    \"step\",\n    \"suffix\",\n    \"value\",\n  ]);\n  const meta = createFieldMeta(local.id);\n  const [focused, setFocused] = createSignal(false);\n  const value = () => resolveMaybeAccessor(local.value);\n  const error = () => resolveMaybeAccessor(local.error);\n  const contextLocale = useLocale();\n  const messages = useUiMessages();\n  const separator = createMemo(() => decimalSeparator(local.locale ?? contextLocale()));\n  // The visible text keeps the canonical number, only the decimal separator\n  // follows the effective locale; grouping is never rendered while editing.\n  const display = (value: number | null | undefined) => (value == null ? \"\" : String(value).replace(\".\", separator()));\n  const [raw, setRaw] = createSignal(display(value()));\n  const places = () => Math.max(0, local.decimalPlaces ?? 0);\n  const min = () => local.min ?? -Infinity;\n  const max = () => local.max ?? Infinity;\n  const step = () => local.step ?? 1;\n\n  const filter = (input: string) => {\n    let output = \"\";\n    let decimal = false;\n    for (const character of input) {\n      if (/\\d/.test(character)) output += character;\n      else if (character === \"-\" && output === \"\" && (local.allowNegative ?? true)) output += character;\n      else if ((character === \".\" || character === \",\" || character === separator()) && !decimal && places() > 0) {\n        output += separator();\n        decimal = true;\n      }\n    }\n    if (decimal) {\n      const [integer = \"\", fraction = \"\"] = output.split(separator());\n      return `${integer}${separator()}${fraction.slice(0, places())}`;\n    }\n    return output;\n  };\n  const parse = (input: string) => {\n    const canonical = input.replace(separator(), \".\");\n    if (!canonical || canonical === \"-\" || canonical === \".\") return null;\n    const number = places() === 0 ? Number.parseInt(canonical, 10) : Number(canonical);\n    return Number.isFinite(number) ? number : null;\n  };\n  const normalize = (value: number | null) => {\n    if (value === null) return null;\n    const clamped = Math.max(min(), Math.min(max(), value));\n    const anchor = Number.isFinite(min()) ? min() : 0;\n    const snapped = step() > 0 ? Math.round((clamped - anchor) / step()) * step() + anchor : clamped;\n    const bounded = Math.max(min(), Math.min(max(), snapped));\n    return places() === 0 ? Math.round(bounded) : Number(bounded.toFixed(places()));\n  };\n  const emit = (value: number | null) => local.onValueChange?.(value);\n  const commit = (value: number | null, changeAlreadyEmitted = false) => {\n    const next = normalize(value);\n    setRaw(display(next));\n    if (!changeAlreadyEmitted || !Object.is(next, value)) emit(next);\n    local.onValueCommit?.(next);\n  };\n  const stepBy = (direction: number) => {\n    if (rest.disabled || local.disableSteppers) return;\n    const seed = value() ?? (Number.isFinite(min()) ? min() : 0);\n    commit(seed + direction * step());\n  };\n\n  createEffect(() => {\n    if (focused()) return;\n    if (parse(raw()) !== value()) setRaw(display(value()));\n  });\n\n  return (\n    <Field\n      class={local.class}\n      label={local.label}\n      description={local.description}\n      error={error()}\n      meta={meta}\n      required={local.required}\n      disabled={rest.disabled}\n    >\n      <div\n        class=\"k2b-input-shell k2b-number-input\"\n        data-disabled={rest.disabled ? \"true\" : undefined}\n        data-invalid={error() ? \"true\" : undefined}\n      >\n        <Show when={local.showSteppers ?? true}>\n          <button\n            type=\"button\"\n            class=\"k2b-number-input__step\"\n            aria-label={local.decreaseLabel ?? messages().decreaseValue}\n            disabled={rest.disabled || local.disableSteppers || (value() !== null && value() !== undefined && value()! <= min())}\n            onClick={() => stepBy(-1)}\n          >\n            <i class=\"ti ti-minus\" aria-hidden=\"true\" />\n          </button>\n        </Show>\n        <div class=\"k2b-number-input__value\">\n          <Show when={local.icon}>\n            <span class=\"k2b-input-shell__icon k2b-text-input__icon\" aria-hidden=\"true\">\n              <i class={local.icon} />\n              <i class={local.activeIcon ?? local.icon} />\n            </span>\n          </Show>\n          <Show when={local.prefix}>\n            <span class=\"k2b-input-shell__affix\">{local.prefix}</span>\n          </Show>\n          <input\n            {...rest}\n            id={meta.controlId}\n            class=\"k2b-input k2b-number-input__control\"\n            data-filled={raw() ? \"true\" : undefined}\n            type=\"text\"\n            role=\"spinbutton\"\n            inputmode={places() === 0 ? \"numeric\" : \"decimal\"}\n            value={raw()}\n            required={local.required}\n            {...fieldControlAria(meta, local)}\n            aria-valuemin={Number.isFinite(min()) ? min() : undefined}\n            aria-valuemax={Number.isFinite(max()) ? max() : undefined}\n            aria-valuenow={(focused() ? parse(raw()) : value()) ?? undefined}\n            onFocus={() => setFocused(true)}\n            onInput={(event) => {\n              const input = event.currentTarget;\n              const current = input.value;\n              const selectionStart = input.selectionStart;\n              const selectionEnd = input.selectionEnd;\n              const next = filter(current);\n              // Only write back when the filter actually dropped something —\n              // re-assigning an unchanged value moves the caret to the end.\n              if (current !== next) {\n                input.value = next;\n                if (selectionStart !== null && selectionEnd !== null) {\n                  input.setSelectionRange(filter(current.slice(0, selectionStart)).length, filter(current.slice(0, selectionEnd)).length);\n                }\n              }\n              setRaw(next);\n              emit(parse(next));\n            }}\n            onBlur={() => {\n              commit(parse(raw()), true);\n              setFocused(false);\n            }}\n          />\n          <Show when={local.suffix}>\n            <span class=\"k2b-input-shell__affix\">{local.suffix}</span>\n          </Show>\n          <Show when={local.clearable && raw() && !rest.disabled && !rest.readOnly}>\n            <button\n              type=\"button\"\n              class=\"k2b-input-shell__clear k2b-input-clear-action\"\n              aria-label={local.clearLabel ?? messages().clear}\n              onClick={() => (local.onClear ? local.onClear() : commit(null))}\n            >\n              <i class=\"ti ti-x\" aria-hidden=\"true\" />\n            </button>\n          </Show>\n        </div>\n        <Show when={local.showSteppers ?? true}>\n          <button\n            type=\"button\"\n            class=\"k2b-number-input__step\"\n            aria-label={local.increaseLabel ?? messages().increaseValue}\n            disabled={rest.disabled || local.disableSteppers || (value() !== null && value() !== undefined && value()! >= max())}\n            onClick={() => stepBy(1)}\n          >\n            <i class=\"ti ti-plus\" aria-hidden=\"true\" />\n          </button>\n        </Show>\n      </div>\n    </Field>\n  );\n}\n\nexport default NumberInput;\n"],"mappings":"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","ignoreList":[]}

package/dist/ssr/inputs/Select.js

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

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

@@ -0,0 +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 type=\"button\" class=\"k2b-choice-control__clear k2b-input-clear-action\" aria-label={messages().clearSelection} onClick={clear}>\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

@@ -0,0 +1,129 @@
+import { ssrAttribute as _$ssrAttribute } from "solid-js/web";
+import { mergeProps as _$mergeProps } from "solid-js/web";
+import { ssr as _$ssr } from "solid-js/web";
+import { escape as _$escape } from "solid-js/web";
+import { createComponent as _$createComponent } 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>"],
+  _tmpl$4 = ["<img", " alt>"],
+  _tmpl$5 = ["<input type=\"hidden\"", ">"];
+import { createMemo, Show } from "solid-js";
+import { Dropdown } from "../actions/Dropdown";
+import { createFieldMeta, Field, fieldControlAria } from "../internal/field";
+import { useUiMessages } from "../intl/messages";
+import { commitFieldValue, resolveMaybeAccessor } from "./field-contract";
+export function SelectChip(props) {
+  const messages = useUiMessages();
+  const meta = createFieldMeta(props.id);
+  const value = () => resolveMaybeAccessor(props.value);
+  const selected = () => props.options.find(option => option.value === value());
+  const triggerLabel = () => props["aria-label"] ?? (typeof props.label === "string" ? props.label : messages().chooseOption);
+  const items = createMemo(() => props.options.map(option => ({
+    action: () => commitFieldValue(props, option.value),
+    checked: () => option.value === value(),
+    choice: "radio",
+    class: "k2b-select-chip__option",
+    description: option.description,
+    disabled: option.disabled,
+    icon: option.icon,
+    image: option.image,
+    label: option.label
+  })));
+  return _$createComponent(Field, {
+    get ["class"]() {
+      return props.class;
+    },
+    get label() {
+      return props.label;
+    },
+    get description() {
+      return props.description;
+    },
+    get error() {
+      return props.error;
+    },
+    meta: meta,
+    get required() {
+      return props.required;
+    },
+    get disabled() {
+      return props.disabled;
+    },
+    get children() {
+      return [_$createComponent(Dropdown.Root, {
+        get position() {
+          return props.position ?? "bottom-right";
+        },
+        get width() {
+          return props.menuWidth ?? "10rem";
+        },
+        get label() {
+          return triggerLabel();
+        },
+        get items() {
+          return items();
+        },
+        get children() {
+          return _$createComponent(Dropdown.Trigger, _$mergeProps({
+            get appearance() {
+              return props.iconOnly ? "button" : "plain";
+            },
+            get id() {
+              return meta.controlId;
+            },
+            get ["class"]() {
+              return props.iconOnly ? undefined : "k2b-select-chip";
+            },
+            get disabled() {
+              return props.disabled;
+            },
+            get iconOnly() {
+              return props.iconOnly;
+            },
+            get label() {
+              return triggerLabel();
+            },
+            get size() {
+              return props.iconOnly ? props.size : undefined;
+            },
+            get title() {
+              return props.iconOnly ? triggerLabel() : undefined;
+            }
+          }, () => fieldControlAria(meta, props), {
+            get children() {
+              return [_$createComponent(Show, {
+                get when() {
+                  return selected()?.image;
+                },
+                get fallback() {
+                  return _$createComponent(Show, {
+                    get when() {
+                      return selected()?.icon ?? props.icon;
+                    },
+                    children: icon => _$ssr(_tmpl$3, _$ssrAttribute("class", _$escape(icon(), true), false))
+                  });
+                },
+                children: image => _$ssr(_tmpl$4, _$ssrAttribute("src", _$escape(image(), true), false))
+              }), _$createComponent(Show, {
+                get when() {
+                  return !props.iconOnly;
+                },
+                get children() {
+                  return [_$ssr(_tmpl$, _$escape(selected()?.label ?? props.placeholder ?? "")), _$ssr(_tmpl$2)];
+                }
+              })];
+            }
+          }));
+        }
+      }), _$createComponent(Show, {
+        get when() {
+          return props.name;
+        },
+        children: name => _$ssr(_tmpl$5, _$ssrAttribute("name", _$escape(name(), true), false) + _$ssrAttribute("value", _$escape(value(), true), false))
+      })];
+    }
+  });
+}
+export default SelectChip;
+//# sourceMappingURL=SelectChip.js.map

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

@@ -0,0 +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>{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":";;;;;;;;;;AAAA,SAASA,UAAU,EAAYC,IAAI,QAAQ,UAAU;AAErD,SAASC,QAAQ,QAAkD,qBAAqB;AACxF,SAASC,eAAe,EAAEC,KAAK,EAAEC,gBAAgB,QAAQ,mBAAmB;AAC5E,SAASC,aAAa,QAAQ,kBAAkB;AAEhD,SAASC,gBAAgB,EAAEC,oBAAoB,QAAQ,kBAAkB;AAuBzE,OAAO,SAASC,UAAUA,CAAqCC,KAAyB,EAAe;EACrG,MAAMC,QAAQ,GAAGL,aAAa,CAAC,CAAC;EAChC,MAAMM,IAAI,GAAGT,eAAe,CAACO,KAAK,CAACG,EAAE,CAAC;EACtC,MAAMC,KAAK,GAAGA,CAAA,KAAMN,oBAAoB,CAACE,KAAK,CAACI,KAAK,CAAE;EACtD,MAAMC,QAAQ,GAAGA,CAAA,KAAML,KAAK,CAACM,OAAO,CAACC,IAAI,CAAEC,MAAM,IAAKA,MAAM,CAACJ,KAAK,KAAKA,KAAK,CAAC,CAAC,CAAC;EAC/E,MAAMK,YAAY,GAAGA,CAAA,KAAMT,KAAK,CAAC,YAAY,CAAC,KAAK,OAAOA,KAAK,CAACU,KAAK,KAAK,QAAQ,GAAGV,KAAK,CAACU,KAAK,GAAGT,QAAQ,CAAC,CAAC,CAACU,YAAY,CAAC;EAC3H,MAAMC,KAAK,GAAGtB,UAAU,CAAiB,MACvCU,KAAK,CAACM,OAAO,CAACO,GAAG,CAAEL,MAAM,KAAM;IAC7BM,MAAM,EAAEA,CAAA,KAAMjB,gBAAgB,CAACG,KAAK,EAAEQ,MAAM,CAACJ,KAAK,CAAC;IACnDW,OAAO,EAAEA,CAAA,KAAMP,MAAM,CAACJ,KAAK,KAAKA,KAAK,CAAC,CAAC;IACvCY,MAAM,EAAE,OAAgB;IACxBC,KAAK,EAAE,yBAAyB;IAChCC,WAAW,EAAEV,MAAM,CAACU,WAAW;IAC/BC,QAAQ,EAAEX,MAAM,CAACW,QAAQ;IACzBC,IAAI,EAAEZ,MAAM,CAACY,IAAI;IACjBC,KAAK,EAAEb,MAAM,CAACa,KAAK;IACnBX,KAAK,EAAEF,MAAM,CAACE;EAChB,CAAC,CAAC,CACJ,CAAC;EAED,OAAAY,iBAAA,CACG5B,KAAK;IAAA,aAAAuB,CAAA;MAAA,OACGjB,KAAK,CAACiB,KAAK;IAAA;IAAA,IAClBP,KAAKA,CAAA;MAAA,OAAEV,KAAK,CAACU,KAAK;IAAA;IAAA,IAClBQ,WAAWA,CAAA;MAAA,OAAElB,KAAK,CAACkB,WAAW;IAAA;IAAA,IAC9BK,KAAKA,CAAA;MAAA,OAAEvB,KAAK,CAACuB,KAAK;IAAA;IAClBrB,IAAI,EAAEA,IAAI;IAAA,IACVsB,QAAQA,CAAA;MAAA,OAAExB,KAAK,CAACwB,QAAQ;IAAA;IAAA,IACxBL,QAAQA,CAAA;MAAA,OAAEnB,KAAK,CAACmB,QAAQ;IAAA;IAAA,IAAAM,SAAA;MAAA,QAAAH,iBAAA,CAEvB9B,QAAQ,CAACkC,IAAI;QAAA,IACZC,QAAQA,CAAA;UAAA,OAAE3B,KAAK,CAAC2B,QAAQ,IAAI,cAAc;QAAA;QAAA,IAE1CC,KAAKA,CAAA;UAAA,OAAE5B,KAAK,CAAC6B,SAAS,IAAI,OAAO;QAAA;QAAA,IACjCnB,KAAKA,CAAA;UAAA,OAAED,YAAY,CAAC,CAAC;QAAA;QAAA,IACrBG,KAAKA,CAAA;UAAA,OAAEA,KAAK,CAAC,CAAC;QAAA;QAAA,IAAAa,SAAA;UAAA,OAAAH,iBAAA,CAEb9B,QAAQ,CAACsC,OAAO,EAAAC,YAAA;YAAA,IACfC,UAAUA,CAAA;cAAA,OAAEhC,KAAK,CAACiC,QAAQ,GAAG,QAAQ,GAAG,OAAO;YAAA;YAAA,IAC/C9B,EAAEA,CAAA;cAAA,OAAED,IAAI,CAACgC,SAAS;YAAA;YAAA,aAAAjB,CAAA;cAAA,OACXjB,KAAK,CAACiC,QAAQ,GAAGE,SAAS,GAAG,iBAAiB;YAAA;YAAA,IACrDhB,QAAQA,CAAA;cAAA,OAAEnB,KAAK,CAACmB,QAAQ;YAAA;YAAA,IACxBc,QAAQA,CAAA;cAAA,OAAEjC,KAAK,CAACiC,QAAQ;YAAA;YAAA,IACxBvB,KAAKA,CAAA;cAAA,OAAED,YAAY,CAAC,CAAC;YAAA;YAAA,IACrB2B,IAAIA,CAAA;cAAA,OAAEpC,KAAK,CAACiC,QAAQ,GAAGjC,KAAK,CAACoC,IAAI,GAAGD,SAAS;YAAA;YAAA,IAC7CE,KAAKA,CAAA;cAAA,OAAErC,KAAK,CAACiC,QAAQ,GAAGxB,YAAY,CAAC,CAAC,GAAG0B,SAAS;YAAA;UAAA,SAC9CxC,gBAAgB,CAACO,IAAI,EAAEF,KAAK,CAAC;YAAA,IAAAyB,SAAA;cAAA,QAAAH,iBAAA,CAEhC/B,IAAI;gBAAA,IACH+C,IAAIA,CAAA;kBAAA,OAAEjC,QAAQ,CAAC,CAAC,EAAEgB,KAAK;gBAAA;gBAAA,IACvBkB,QAAQA,CAAA;kBAAA,OAAAjB,iBAAA,CAAG/B,IAAI;oBAAA,IAAC+C,IAAIA,CAAA;sBAAA,OAAEjC,QAAQ,CAAC,CAAC,EAAEe,IAAI,IAAIpB,KAAK,CAACoB,IAAI;oBAAA;oBAAAK,QAAA,EAAIL,IAAI,IAAAoB,KAAA,CAAAC,OAAA,EAAAC,cAAA,UAAAC,QAAA,CAAevB,IAAI,CAAC,CAAC;kBAAuB;gBAAA;gBAAAK,QAAA,EAEtGJ,KAAK,IAAAmB,KAAA,CAAAI,OAAA,EAAAF,cAAA,QAAAC,QAAA,CAAetB,KAAK,CAAC,CAAC;cAAW,IAAAC,iBAAA,CAEzC/B,IAAI;gBAAA,IAAC+C,IAAIA,CAAA;kBAAA,OAAE,CAACtC,KAAK,CAACiC,QAAQ;gBAAA;gBAAA,IAAAR,SAAA;kBAAA,QAAAe,KAAA,CAAAK,MAAA,EAAAF,QAAA,CAClBtC,QAAQ,CAAC,CAAC,EAAEK,KAAK,IAAIV,KAAK,CAAC8C,WAAW,IAAI,EAAE,IAAAN,KAAA,CAAAO,OAAA;gBAAA;cAAA;YAAA;UAAA;QAAA;MAAA,IAAAzB,iBAAA,CAKxD/B,IAAI;QAAA,IAAC+C,IAAIA,CAAA;UAAA,OAAEtC,KAAK,CAACgD,IAAI;QAAA;QAAAvB,QAAA,EAAIuB,IAAI,IAAAR,KAAA,CAAAS,OAAA,EAAAP,cAAA,SAAAC,QAAA,CAAgCK,IAAI,CAAC,CAAC,kBAAAN,cAAA,UAAAC,QAAA,CAASvC,KAAK,CAAC,CAAC;MAAI;IAAA;EAAA;AAG9F;AAEA,eAAeL,UAAU","ignoreList":[]}