@logicplanes/kaeso-ui 0.4.0 → 0.4.2

package/dist/chunks/{combobox-B9ttar4C.js.map → combobox-BARyrpXH.js.map}

@@ -1 +1 @@
-{"version":3,"file":"combobox-B9ttar4C.js","names":["_Fragment","Combobox","BaseCombobox","__icon_Cancel01Icon","__icon_ArrowDown01Icon","__icon_Add01Icon","__icon_Tick02Icon","Autocomplete","BaseAutocomplete","MENU_ITEM","MENU_POPUP","MENU_ICON","cn","pageBoundary","usePortalContainer","useUiText","Icon","useField","useFieldControl","withField","KAESO_INPUT_GROUP_VARIANTS","Tag","useLayoutWidth","anchorWidthStyle","Fragment$1","KAESO_COMBOBOX_VARIANTS","KAESO_COMBOBOX_DEFAULT_VARIANTS","Highlight","q","query","text","i","keepValueOnEscape","Combobox$1","ariaLabel","force","props","className","t","field","fc","setQuery","useState","fieldRef","useRef","fieldWidth","inner","setInner","multiple","current","chosenKey","seen","byValue","useMemo","chosen","next","v","o","options","matched","list","onCreate","report","onInputValueChange","pending","timer","reportInput","searchDelay","rootValue","handleChange","arr","created","x","inputEl","Combobox","id","invalid","error","control","filtered","a","b","disabled","name","label","description","value","Cancel01Icon","size","ArrowDown01Icon","loading","emptyText","Add01Icon","createLabel","Tick02Icon","hidden","Autocomplete$1","defaultValue","Autocomplete","suggestions","onValueChange","leadingIcon","s"],"sources":["../../src/components/combobox/combobox.tsx"],"sourcesContent":["import { pageBoundary, usePortalContainer } from \"../../utils/portal-context.js\";\nimport { forwardRef, useEffect, useMemo, useRef, useState, type KeyboardEvent, type ReactNode } from \"react\";\nimport { Combobox as BaseCombobox } from \"@base-ui/react/combobox\";\nimport { Autocomplete as BaseAutocomplete } from \"@base-ui/react/autocomplete\";\nimport { cn } from \"../../utils/cn.js\";\nimport { warnStylingClassName } from \"../../utils/dev.js\";\nimport { useField, useFieldControl, withField, type FieldWrapProps } from \"../field/field.js\";\nimport { Icon, type IconData } from \"../icon/icon.js\";\nimport { Cancel01Icon as __icon_Cancel01Icon, ArrowDown01Icon as __icon_ArrowDown01Icon, Add01Icon as __icon_Add01Icon, Tick02Icon as __icon_Tick02Icon } from \"@hugeicons/core-free-icons\";\nimport { KAESO_INPUT_GROUP_VARIANTS, type InputSize } from \"../input/input-group.js\";\nimport { Tag } from \"../tag/tag.js\";\nimport { MENU_ICON, MENU_ITEM, MENU_POPUP } from \"../menu/styles.js\";\n\nimport { anchorWidthStyle, useLayoutWidth } from \"../../hooks/use-layout-width.js\";\nimport { useUiText } from \"../../i18n/context.js\";\n\nexport const KAESO_COMBOBOX_VARIANTS = {\n  size: {\n    sm: {\n      classes: KAESO_INPUT_GROUP_VARIANTS.size.sm.classes,\n    },\n    md: {\n      classes: KAESO_INPUT_GROUP_VARIANTS.size.md.classes,\n    },\n    lg: {\n      classes: KAESO_INPUT_GROUP_VARIANTS.size.lg.classes,\n    },\n    xl: {\n      classes: KAESO_INPUT_GROUP_VARIANTS.size.xl.classes,\n    },\n  },\n} as const;\nexport const KAESO_COMBOBOX_DEFAULT_VARIANTS = { size: \"md\" } as const;\n\nexport interface ComboboxOption {\n  value: string;\n  label: string;\n  description?: ReactNode | undefined;\n  icon?: IconData | undefined;\n  leading?: ReactNode | undefined;\n  disabled?: boolean | undefined;\n}\n\ninterface CreateItem extends ComboboxOption {\n  __create: true;\n}\n\nexport function Highlight({ text, query }: { text: string; query: string }) {\n  const q = query.trim().toLowerCase();\n  if (!q) return <>{text}</>;\n  const i = text.toLowerCase().indexOf(q);\n  if (i < 0) return <span className=\"text-fg-secondary group-data-disabled/item:text-fg-disabled\">{text}</span>;\n  return (\n    <span className=\"text-fg-secondary group-data-disabled/item:text-fg-disabled\">\n      {text.slice(0, i)}\n      <span className=\"text-fg group-data-disabled/item:text-fg-disabled\">{text.slice(i, i + q.length)}</span>\n      {text.slice(i + q.length)}\n    </span>\n  );\n}\n\ninterface BaseProps extends FieldWrapProps {\n  options: ComboboxOption[];\n  placeholder?: string | undefined;\n  size?: InputSize | undefined;\n  emptyText?: ReactNode | undefined;\n  loading?: boolean | undefined;\n  onInputValueChange?: ((value: string) => void) | undefined;\n  searchDelay?: number | undefined;\n  onCreate?: ((label: string) => void) | undefined;\n  createLabel?: ((label: string) => string) | undefined;\n  disabled?: boolean | undefined;\n  invalid?: boolean | undefined;\n  id?: string | undefined;\n  name?: string | undefined;\n  \"aria-label\"?: string | undefined;\n  className?: string | undefined;\n  \"data-force\"?: string | undefined;\n}\nexport interface SingleComboboxProps extends BaseProps {\n  multiple?: false | undefined;\n  value?: string | null | undefined;\n  defaultValue?: string | null | undefined;\n  onValueChange?: ((value: string | null) => void) | undefined;\n}\nexport interface MultiComboboxProps extends BaseProps {\n  multiple: true;\n  value?: string[] | undefined;\n  defaultValue?: string[] | undefined;\n  onValueChange?: ((value: string[]) => void) | undefined;\n}\nexport type ComboboxProps = SingleComboboxProps | MultiComboboxProps;\n\nfunction keepValueOnEscape(e: KeyboardEvent<HTMLInputElement> & { preventBaseUIHandler?: (() => void) | undefined }) {\n  if (e.key === \"Escape\" && e.currentTarget.getAttribute(\"aria-expanded\") !== \"true\") e.preventBaseUIHandler?.();\n}\n\nexport const Combobox = /* @__PURE__ */ forwardRef<HTMLInputElement, ComboboxProps>(function Combobox(props, ref) {\n  const {\n    options,\n    placeholder,\n    size = \"md\",\n    emptyText,\n    loading,\n    onInputValueChange,\n    searchDelay = 0,\n    onCreate,\n    createLabel,\n    disabled,\n    invalid,\n    id,\n    name,\n    label,\n    description,\n    error,\n    optional,\n    required,\n    layout,\n    className,\n    multiple,\n    \"aria-label\": ariaLabel,\n    \"data-force\": force,\n  } = props;\n  warnStylingClassName(\"Combobox\", className);\n  const t = useUiText();\n  const field = useField();\n  const fc = useFieldControl(props);\n  const [query, setQuery] = useState(\"\");\n  const fieldRef = useRef<HTMLDivElement | null>(null);\n  const fieldWidth = useLayoutWidth(fieldRef);\n  const [inner, setInner] = useState<string | null | string[]>(() => props.defaultValue ?? (multiple ? [] : null));\n  const current = props.value !== undefined ? props.value : inner;\n  const chosenKey = (Array.isArray(current) ? current : current == null ? [] : [current]).join(\"\\u0000\");\n  const seen = useRef(new Map<string, ComboboxOption>());\n  const byValue = useMemo(() => {\n    const chosen = new Set(chosenKey ? chosenKey.split(\"\\u0000\") : []);\n    const next = new Map<string, ComboboxOption>();\n    for (const [v, o] of seen.current) if (chosen.has(v)) next.set(v, o);\n    for (const o of options) next.set(o.value, o);\n    seen.current = next;\n    return next;\n  }, [options, chosenKey]);\n  const { filtered, hidden } = useMemo(() => {\n    const SHOWN_AT_MOST = 100;\n    const q = query.trim().toLowerCase();\n    const matched = q ? options.filter((o) => o.label.toLowerCase().includes(q) || o.value.toLowerCase().includes(q)) : options;\n    const list: (ComboboxOption | CreateItem)[] = matched.slice(0, SHOWN_AT_MOST);\n    if (onCreate && q && !options.some((o) => o.label.toLowerCase() === q))\n      list.push({\n        value: `__create__${query}`,\n        label: query.trim(),\n        __create: true,\n      });\n    return { filtered: list, hidden: Math.max(0, matched.length - SHOWN_AT_MOST) };\n  }, [options, query, onCreate]);\n  const report = useRef(onInputValueChange);\n  report.current = onInputValueChange;\n  const pending = useRef<ReturnType<typeof setTimeout> | null>(null);\n  useEffect(() => {\n    const timer = pending;\n    return () => {\n      if (timer.current) clearTimeout(timer.current);\n    };\n  }, []);\n  const reportInput = (v: string) => {\n    if (searchDelay <= 0) return report.current?.(v);\n    if (pending.current) clearTimeout(pending.current);\n    pending.current = setTimeout(() => {\n      pending.current = null;\n      report.current?.(v);\n    }, searchDelay);\n  };\n  const rootValue = Array.isArray(current) ? current.flatMap((v) => byValue.get(v) ?? []) : current == null ? null : (byValue.get(current) ?? null);\n\n  const handleChange = (v: unknown) => {\n    const arr = Array.isArray(v) ? (v as (ComboboxOption | CreateItem)[]) : null;\n    const created = (arr ?? [v as ComboboxOption | CreateItem | null]).find((x) => x && \"__create\" in x) as CreateItem | undefined;\n    if (created) {\n      onCreate?.(created.label);\n      return;\n    }\n    const next = multiple ? (arr ?? []).map((x) => x.value) : ((v as ComboboxOption | null)?.value ?? null);\n    if (props.value === undefined) setInner(next);\n    if (multiple) (props.onValueChange as ((x: string[]) => void) | undefined)?.(next as string[]);\n    else (props.onValueChange as ((x: string | null) => void) | undefined)?.(next as string | null);\n  };\n\n  const inputEl = (\n    <BaseCombobox.Input\n      ref={ref}\n      placeholder={placeholder}\n      {...(id ? { id } : {})}\n      {...fc.controlProps}\n      {...(ariaLabel ? { \"aria-label\": ariaLabel } : {})}\n      {...(invalid || error ? { \"aria-invalid\": true } : {})}\n      onKeyDown={keepValueOnEscape}\n      className=\"min-w-80 flex-1 bg-transparent text-fg outline-none placeholder:text-fg-tertiary disabled:cursor-not-allowed\"\n    />\n  );\n\n  const control = (\n    <BaseCombobox.Root\n      items={filtered}\n      filteredItems={filtered}\n      value={rootValue}\n      onValueChange={handleChange}\n      onInputValueChange={(v: string) => {\n        setQuery(v);\n        reportInput(v);\n      }}\n      autoHighlight\n      itemToStringLabel={(o: ComboboxOption) => o?.label ?? \"\"}\n      isItemEqualToValue={(a: ComboboxOption, b: ComboboxOption) => a?.value === b?.value}\n      multiple={multiple === true}\n      {...(disabled ? { disabled } : {})}\n      {...(name ? { name } : {})}\n    >\n      {multiple ? (\n        <BaseCombobox.Chips\n          ref={fieldRef}\n          {...(force ? { \"data-force\": force } : {})}\n          className={cn(\n            \"flex min-h-36 w-full flex-wrap items-center gap-4 rounded-field p-4 material-field transition-control cursor-text\",\n            (invalid || error) && \"ring-invalid\",\n            !(label || description || error) && className,\n          )}\n        >\n          <BaseCombobox.Value>\n            {(value: ComboboxOption[]) => (\n              <>\n                {value.map((o) => (\n                  <BaseCombobox.Chip key={o.value} aria-label={o.label} className=\"outline-none\">\n                    <Tag className=\"pr-2\">\n                      {o.label}\n                      <BaseCombobox.ChipRemove\n                        aria-label={t(\"combobox.remove\", \"Remove {label}\", { label: o.label })}\n                        className=\"ml-2 inline-flex size-24 items-center justify-center rounded-pill text-fg-tertiary transition-control hover:bg-fill-2 hover:text-fg\"\n                      >\n                        <Icon icon={__icon_Cancel01Icon} size=\"xs\" />\n                      </BaseCombobox.ChipRemove>\n                    </Tag>\n                  </BaseCombobox.Chip>\n                ))}\n                <span className={cn(\"flex h-28 min-w-80 flex-1 items-center\", value.length === 0 ? \"px-12\" : \"px-8\")}>{inputEl}</span>\n              </>\n            )}\n          </BaseCombobox.Value>\n        </BaseCombobox.Chips>\n      ) : (\n        <BaseCombobox.InputGroup\n          ref={fieldRef}\n          {...(force ? { \"data-force\": force } : {})}\n          className={cn(\n            \"relative flex w-full min-w-0 items-center rounded-pill material-field transition-control cursor-text\",\n            KAESO_COMBOBOX_VARIANTS.size[size].classes,\n            \"pr-4\",\n            (invalid || error) && \"ring-invalid\",\n            !(label || description || error) && className,\n          )}\n        >\n          {inputEl}\n          <BaseCombobox.Trigger\n            aria-label={t(\"combobox.showOptions\", \"Show options\")}\n            className=\"inline-flex size-28 shrink-0 items-center justify-center rounded-pill text-fg-tertiary transition-control hover:bg-fill-1 hover:text-fg\"\n          >\n            <Icon icon={__icon_ArrowDown01Icon} size=\"sm\" />\n          </BaseCombobox.Trigger>\n        </BaseCombobox.InputGroup>\n      )}\n      <BaseCombobox.Portal container={usePortalContainer()}>\n        <BaseCombobox.Positioner\n          anchor={fieldRef}\n          positionMethod=\"fixed\"\n          collisionBoundary={pageBoundary()}\n          align=\"start\"\n          sideOffset={6}\n          collisionPadding={8}\n          className=\"z-50 outline-none\"\n        >\n          <BaseCombobox.Popup className={cn(MENU_POPUP, \"relative min-w-anchor overflow-hidden\")} style={anchorWidthStyle(fieldWidth)}>\n            {loading && (\n              <span aria-hidden className=\"absolute inset-x-16 top-0 h-2 overflow-hidden rounded-pill\">\n                <span className=\"block h-full w-1/3 animate-indeterminate rounded-pill bg-fg-tertiary\" />\n              </span>\n            )}\n            <BaseCombobox.Status className=\"sr-only\">{loading ? t(\"combobox.loadingResults\", \"Loading results\") : \"\"}</BaseCombobox.Status>\n            <BaseCombobox.Empty className=\"flex h-34 items-center px-10 text-body text-fg-secondary empty:hidden\">\n              {loading ? t(\"combobox.loading\", \"Loading…\") : (emptyText ?? t(\"combobox.noResults\", \"No results\"))}\n            </BaseCombobox.Empty>\n            <BaseCombobox.List className=\"-m-6 flex min-h-0 flex-col overflow-y-auto overscroll-contain p-6 outline-none scrollbar-quiet\">\n              {(o: ComboboxOption | CreateItem) => (\n                <BaseCombobox.Item key={o.value} value={o} {...(o.disabled ? { disabled: true } : {})} className={MENU_ITEM}>\n                  {\"__create\" in o ? (\n                    <>\n                      <Icon icon={__icon_Add01Icon} size=\"sm\" className={MENU_ICON} />\n                      <span className=\"min-w-0 flex-1 truncate\">\n                        {createLabel ? createLabel(o.label) : t(\"combobox.add\", \"Add “{label}”\", { label: o.label })}\n                      </span>\n                    </>\n                  ) : (\n                    <>\n                      {o.leading}\n                      {o.icon && <Icon icon={o.icon} size=\"sm\" className={MENU_ICON} />}\n                      <span className={cn(\"flex min-w-0 flex-1 flex-col\", o.description && \"gap-2 py-8\")}>\n                        <span className=\"truncate\">\n                          <Highlight text={o.label} query={query} />\n                        </span>\n                        {o.description && <span className=\"text-small font-regular text-fg-secondary\">{o.description}</span>}\n                      </span>\n                      <BaseCombobox.ItemIndicator\n                        keepMounted\n                        className=\"flex size-16 shrink-0 items-center justify-center text-fg opacity-0 data-selected:opacity-100\"\n                      >\n                        <Icon icon={__icon_Tick02Icon} size=\"sm\" />\n                      </BaseCombobox.ItemIndicator>\n                    </>\n                  )}\n                </BaseCombobox.Item>\n              )}\n            </BaseCombobox.List>\n            {hidden > 0 && (\n              <div className=\"flex h-28 shrink-0 items-center px-10 text-caption font-medium text-fg-tertiary\">\n                {t(\"combobox.more\", \"{count, plural, one {# more; type to narrow it down} other {# more; type to narrow them down}}\", { count: hidden })}\n              </div>\n            )}\n          </BaseCombobox.Popup>\n        </BaseCombobox.Positioner>\n      </BaseCombobox.Portal>\n    </BaseCombobox.Root>\n  );\n  if (field) return control;\n  return withField(\n    {\n      label,\n      description,\n      error,\n      optional,\n      required,\n      layout,\n      id: fc.wrapId ?? id,\n      disabled,\n      className,\n    },\n    control,\n  );\n});\nif (process.env.NODE_ENV !== \"production\") Combobox.displayName = \"Combobox\";\n\nexport interface AutocompleteProps extends FieldWrapProps {\n  suggestions: string[];\n  value?: string | undefined;\n  defaultValue?: string | undefined;\n  onValueChange?: ((value: string) => void) | undefined;\n  placeholder?: string | undefined;\n  size?: InputSize | undefined;\n  disabled?: boolean | undefined;\n  id?: string | undefined;\n  name?: string | undefined;\n  leadingIcon?: IconData | undefined;\n  \"aria-label\"?: string | undefined;\n  className?: string | undefined;\n  \"data-force\"?: string | undefined;\n}\n\nexport const Autocomplete = /* @__PURE__ */ forwardRef<HTMLInputElement, AutocompleteProps>(function Autocomplete(props, ref) {\n  const {\n    suggestions,\n    value,\n    defaultValue,\n    onValueChange,\n    placeholder,\n    size = \"md\",\n    disabled,\n    id,\n    name,\n    leadingIcon,\n    label,\n    description,\n    error,\n    optional,\n    required,\n    layout,\n    className,\n    \"aria-label\": ariaLabel,\n    \"data-force\": force,\n  } = props;\n  const field = useField();\n  const fc = useFieldControl(props);\n  const [query, setQuery] = useState(defaultValue ?? \"\");\n  const fieldRef = useRef<HTMLDivElement | null>(null);\n  const fieldWidth = useLayoutWidth(fieldRef);\n  const current = value ?? query;\n  const control = (\n    <BaseAutocomplete.Root\n      items={suggestions}\n      {...(value !== undefined ? { value } : {})}\n      {...(defaultValue !== undefined ? { defaultValue } : {})}\n      onValueChange={(v: string) => {\n        setQuery(v);\n        onValueChange?.(v);\n      }}\n      {...(disabled ? { disabled } : {})}\n      {...(name ? { name } : {})}\n    >\n      <BaseAutocomplete.InputGroup\n        ref={fieldRef}\n        {...(force ? { \"data-force\": force } : {})}\n        className={cn(\n          \"relative flex w-full min-w-0 items-center rounded-pill material-field transition-control cursor-text\",\n          KAESO_COMBOBOX_VARIANTS.size[size].classes,\n          leadingIcon && \"pl-14\",\n          props.error && \"ring-invalid\",\n          !(label || description || error) && className,\n        )}\n      >\n        {leadingIcon && <Icon icon={leadingIcon} size=\"sm\" className=\"text-fg-tertiary\" />}\n        <BaseAutocomplete.Input\n          ref={ref}\n          placeholder={placeholder}\n          {...(id ? { id } : {})}\n          {...fc.controlProps}\n          {...(ariaLabel ? { \"aria-label\": ariaLabel } : {})}\n          onKeyDown={keepValueOnEscape}\n          className=\"min-w-0 flex-1 bg-transparent text-fg outline-none placeholder:text-fg-tertiary\"\n        />\n      </BaseAutocomplete.InputGroup>\n      <BaseAutocomplete.Portal container={usePortalContainer()}>\n        <BaseAutocomplete.Positioner\n          anchor={fieldRef}\n          positionMethod=\"fixed\"\n          collisionBoundary={pageBoundary()}\n          align=\"start\"\n          sideOffset={6}\n          collisionPadding={8}\n          className=\"z-50 outline-none\"\n        >\n          <BaseAutocomplete.Popup className={cn(MENU_POPUP, \"min-w-anchor overflow-hidden data-empty:hidden\")} style={anchorWidthStyle(fieldWidth)}>\n            <BaseAutocomplete.List className=\"-m-6 flex min-h-0 flex-col overflow-y-auto overscroll-contain p-6 outline-none scrollbar-quiet\">\n              {(s: string) => (\n                <BaseAutocomplete.Item key={s} value={s} className={MENU_ITEM}>\n                  <span className=\"truncate\">\n                    <Highlight text={s} query={current} />\n                  </span>\n                </BaseAutocomplete.Item>\n              )}\n            </BaseAutocomplete.List>\n          </BaseAutocomplete.Popup>\n        </BaseAutocomplete.Positioner>\n      </BaseAutocomplete.Portal>\n    </BaseAutocomplete.Root>\n  );\n  if (field) return control;\n  return withField(\n    {\n      label,\n      description,\n      error,\n      optional,\n      required,\n      layout,\n      id: fc.wrapId ?? id,\n      disabled,\n      className,\n    },\n    control,\n  );\n});\nif (process.env.NODE_ENV !== \"production\") Autocomplete.displayName = \"Autocomplete\";\n"],"mappings":";;;;;;;;;;;;;;;;;AAgBA,IAAayB,IAA0B,EACrC,MAAM;CACJ,IAAI,EACF,SAASL,EAA2B,KAAK,GAAG,QAC9C;CACA,IAAI,EACF,SAASA,EAA2B,KAAK,GAAG,QAC9C;CACA,IAAI,EACF,SAASA,EAA2B,KAAK,GAAG,QAC9C;CACA,IAAI,EACF,SAASA,EAA2B,KAAK,GAAG,QAC9C;AACF,EACF,GACaM,IAAkC,EAAE,MAAM,KAAK;AAe5D,SAAgBC,EAAU,EAAE,SAAM,YAA0C;CAC1E,IAAMC,IAAIC,EAAM,KAAK,CAAC,CAAC,YAAY;CACnC,IAAI,CAACD,GAAG,OAAO,kBAAA5B,GAAA,EAAA,UAAG8B,EAAO,CAAA;CACzB,IAAMC,IAAID,EAAK,YAAY,CAAC,CAAC,QAAQF,CAAC;CAEtC,OADIG,IAAI,IAAU,kBAAC,QAAD;EAAM,WAAU;EAA+D,UAAAD;CAAW,CAAA,IAE1G,kBAAC,QAAD;EAAM,WAAU;EAAhB,UAAA;GACGA,EAAK,MAAM,GAAGC,CAAC;GAChB,kBAAC,QAAD;IAAM,WAAU;IAAqD,UAAAD,EAAK,MAAMC,GAAGA,IAAIH,EAAE,MAAM;GAAQ,CAAA;GACtGE,EAAK,MAAMC,IAAIH,EAAE,MAAM;EACpB;;AAEV;AAkCA,SAASI,GAAkB,GAA0F;CACnH,AAAI,EAAE,QAAQ,YAAY,EAAE,cAAc,aAAa,eAAe,MAAM,UAAQ,EAAE,uBAAuB;AAC/G;AAEA,IAAa/B,IAA2B,kBAA4C,SAAkB,GAAO,GAAK;CAChH,IAAM,EACJ,YACA,gBACA,UAAO,MACP,cACA,YACA,uBACA,iBAAc,GACd,aACA,gBACA,aACA,YACA,OACA,SACA,UACA,gBACA,UACA,cACA,cACA,YACA,cACA,aACA,cAAciC,GACd,cAAcC,MACZC;CACJ,EAAqB,YAAYC,CAAS;CAC1C,IAAMC,IAAIvB,EAAU,GACdwB,KAAQtB,EAAS,GACjBuB,IAAKtB,GAAgBkB,CAAK,GAC1B,CAACP,GAAOY,MAAYC,EAAS,EAAE,GAC/BC,IAAWC,EAA8B,IAAI,GAC7CC,KAAavB,GAAeqB,CAAQ,GACpC,CAACG,IAAOC,MAAYL,QAAyCN,EAAM,iBAAiBY,IAAW,CAAC,IAAI,KAAK,GACzGC,IAAUb,EAAM,UAAU,KAAA,IAA0BU,KAAdV,EAAM,OAC5Cc,KAAa,MAAM,QAAQD,CAAO,IAAIA,IAAUA,KAAW,OAAO,CAAC,IAAI,CAACA,CAAO,EAAA,CAAG,KAAK,IAAQ,GAC/FE,KAAOP,kBAAO,IAAI,IAA4B,CAAC,GAC/CQ,IAAUC,QAAc;EAC5B,IAAMC,IAAS,IAAI,IAAIJ,IAAYA,EAAU,MAAM,IAAQ,IAAI,CAAC,CAAC,GAC3DK,oBAAO,IAAI,IAA4B;EAC7C,KAAK,IAAM,CAACC,GAAGC,MAAMN,GAAK,SAAS,AAAIG,EAAO,IAAIE,CAAC,KAAGD,EAAK,IAAIC,GAAGC,CAAC;EACnE,KAAK,IAAMA,KAAKC,GAAS,EAAK,IAAID,EAAE,OAAOA,CAAC;EAE5C,OADA,GAAK,UAAUF,GACRA;CACT,GAAG,CAACG,GAASR,CAAS,CAAC,GACjB,EAAE,cAAU,eAAWG,QAAc;EACzC,IACMzB,IAAIC,EAAM,KAAK,CAAC,CAAC,YAAY,GAC7B8B,IAAU/B,IAAI8B,EAAQ,QAAQ,MAAMD,EAAE,MAAM,YAAY,CAAC,CAAC,SAAS7B,CAAC,KAAK6B,EAAE,MAAM,YAAY,CAAC,CAAC,SAAS7B,CAAC,CAAC,IAAI8B,GAC9GE,IAAwCD,EAAQ,MAAM,GAAG,GAAa;EAO5E,OANIE,KAAYjC,KAAK,CAAC8B,EAAQ,MAAM,MAAMD,EAAE,MAAM,YAAY,MAAM7B,CAAC,KACnEgC,EAAK,KAAK;GACR,OAAO,aAAa/B;GACpB,OAAOA,EAAM,KAAK;GAClB,UAAU;EACZ,CAAC,GACI;GAAE,UAAU+B;GAAM,QAAQ,KAAK,IAAI,GAAGD,EAAQ,SAAS,GAAa;EAAE;CAC/E,GAAG;EAACD;EAAS7B;EAAOgC;CAAQ,CAAC,GACvBC,IAASlB,EAAOmB,CAAkB;CACxC,EAAO,UAAUA;CACjB,IAAMC,IAAUpB,EAA6C,IAAI;CACjE,QAAgB;EACd,IAAMqB,IAAQD;EACd,aAAa;GACX,AAAIC,EAAM,WAAS,aAAaA,EAAM,OAAO;EAC/C;CACF,GAAG,CAAC,CAAC;CACL,IAAMC,MAAe,MAAc;EACjC,IAAIC,KAAe,GAAG,OAAOL,EAAO,UAAUN,CAAC;EAE/C,AADIQ,EAAQ,WAAS,aAAaA,EAAQ,OAAO,GACjD,EAAQ,UAAU,iBAAiB;GAEjC,AADA,EAAQ,UAAU,MAClBF,EAAO,UAAUN,CAAC;EACpB,GAAGW,CAAW;CAChB,GACMC,KAAY,MAAM,QAAQnB,CAAO,IAAIA,EAAQ,SAAS,MAAMG,EAAQ,IAAII,CAAC,KAAK,CAAC,CAAC,IAAIP,KAAW,OAAO,OAAQG,EAAQ,IAAIH,CAAO,KAAK,MAEtIoB,MAAgB,MAAe;EACnC,IAAMC,IAAM,MAAM,QAAQd,CAAC,IAAKA,IAAwC,MAClEe,KAAWD,KAAO,CAACd,CAAuC,EAAA,CAAG,MAAM,MAAMgB,KAAK,cAAcA,CAAC;EACnG,IAAID,GAAS;GACX,IAAWA,EAAQ,KAAK;GACxB;EACF;EACA,IAAMhB,IAAOP,KAAYsB,KAAO,CAAC,EAAA,CAAG,KAAK,MAAME,EAAE,KAAK,IAAMhB,GAA6B,SAAS;EAElG,AADIpB,EAAM,UAAU,KAAA,KAAWW,GAASQ,CAAI,GAC9BnB,EAAO,gBAAwDmB,CAAgB;CAE/F,GAEMkB,KACJ,kBAACvE,EAAa,OAAd;EACO;EACQ;EACb,GAAKyE,IAAK,EAAE,MAAG,IAAI,CAAC;EACpB,GAAInC,EAAG;EACP,GAAKN,IAAY,EAAE,cAAcA,EAAU,IAAI,CAAC;EAChD,GAAK0C,KAAWC,IAAQ,EAAE,gBAAgB,GAAK,IAAI,CAAC;EACpD,WAAW7C;EACX,WAAU;CACX,CAAA,GAGG8C,KACJ,kBAAC5E,EAAa,MAAd;EACE,OAAO6E;EACP,eAAeA;EACf,OAAOX;EACP,eAAeC;EACf,qBAAqB,MAAc;GAEjC,AADA5B,GAASe,CAAC,GACVU,GAAYV,CAAC;EACf;EACA,eAAA;EACA,oBAAoB,MAAsBC,GAAG,SAAS;EACtD,qBAAqB,GAAmB,MAAsBuB,GAAG,UAAUC,GAAG;EAC9E,UAAUjC,MAAa;EACvB,GAAKkC,IAAW,EAAE,YAAS,IAAI,CAAC;EAChC,GAAKC,IAAO,EAAE,QAAK,IAAI,CAAC;EAd1B,UAAA,CAgBGnC,IACC,kBAAC9C,EAAa,OAAd;GACE,KAAKyC;GACL,GAAKR,IAAQ,EAAE,cAAcA,EAAM,IAAI,CAAC;GACxC,WAAWvB,EACT,sHACCgE,KAAWC,MAAU,gBACtB,EAAEO,KAASC,KAAeR,MAAUxC,CACtC;GAEA,UAAA,kBAACnC,EAAa,OAAd,EAAA,WACI,MACA,kBAAAF,GAAA,EAAA,UAAA,CACGsF,EAAM,KAAK,MACV,kBAACpF,EAAa,MAAd;IAAiC,cAAYuD,EAAE;IAAO,WAAU;IAC9D,UAAA,kBAACpC,GAAD;KAAK,WAAU;KAAf,UAAA,CACGoC,EAAE,OACH,kBAACvD,EAAa,YAAd;MACE,cAAYoC,EAAE,mBAAmB,kBAAkB,EAAE,OAAOmB,EAAE,MAAM,CAAC;MACrE,WAAU;MAEV,UAAA,kBAACzC,GAAD;OAAM,MAAMb;OAAqB,MAAK;MAAM,CAAA;KACrB,CAAA,CACtB;;GACY,GAVKsD,EAAE,KAUP,CACpB,GACD,kBAAC,QAAD;IAAM,WAAW7C,EAAG,0CAA0C0E,EAAM,WAAW,IAAI,UAAU,MAAM;IAAI,UAAAb;GAAc,CAAA,CACrH,EAAA,CAAA,EAEc,CAAA;EACF,CAAA,IAEpB,kBAACvE,EAAa,YAAd;GACE,KAAKyC;GACL,GAAKR,IAAQ,EAAE,cAAcA,EAAM,IAAI,CAAC;GACxC,WAAWvB,EACT,wGACAa,EAAwB,KAAK+D,EAAK,CAAC,SACnC,SACCZ,KAAWC,MAAU,gBACtB,EAAEO,KAASC,KAAeR,MAAUxC,CACtC;GATF,UAAA,CAWGoC,IACD,kBAACvE,EAAa,SAAd;IACE,cAAYoC,EAAE,wBAAwB,cAAc;IACpD,WAAU;IAEV,UAAA,kBAACtB,GAAD;KAAM,MAAMZ;KAAwB,MAAK;IAAM,CAAA;GAC3B,CAAA,CACC;EAE3B,CAAA,GAAA,kBAACF,EAAa,QAAd;GAAqB,WAAWY,GAAmB;GACjD,UAAA,kBAACZ,EAAa,YAAd;IACE,QAAQyC;IACR,gBAAe;IACf,mBAAmB9B,GAAa;IAChC,OAAM;IACN,YAAY;IACZ,kBAAkB;IAClB,WAAU;IAEV,UAAA,kBAACX,EAAa,OAAd;KAAoB,WAAWU,EAAGF,GAAY,uCAAuC;KAAG,OAAOa,GAAiBsB,EAAU;KAA1H,UAAA;MACG6C,KACC,kBAAC,QAAD;OAAM,eAAA;OAAY,WAAU;OAC1B,UAAA,kBAAC,QAAD,EAAM,WAAU,uEAAwE,CAAA;MACpF,CAAA;MAER,kBAACxF,EAAa,QAAd;OAAqB,WAAU;OAAW,UAAAwF,IAAUpD,EAAE,2BAA2B,iBAAiB,IAAI;MAAwB,CAAA;MAC9H,kBAACpC,EAAa,OAAd;OAAoB,WAAU;OAC3B,UAAAwF,IAAUpD,EAAE,oBAAoB,UAAU,IAAKqD,KAAarD,EAAE,sBAAsB,YAAY;MAC/E,CAAA;MACpB,kBAACpC,EAAa,MAAd;OAAmB,WAAU;OACzB,WAAA,MACA,kBAACA,EAAa,MAAd;QAAiC,OAAOuD;QAAG,GAAKA,EAAE,WAAW,EAAE,UAAU,GAAK,IAAI,CAAC;QAAI,WAAWhD;QAC/F,UAAA,cAAcgD,IACb,kBAAAzD,GAAA,EAAA,UAAA,CACE,kBAACgB,GAAD;SAAM,MAAMX;SAAkB,MAAK;SAAK,WAAWM;QAAY,CAAA,GAC/D,kBAAC,QAAD;SAAM,WAAU;SACb,UAAAkF,IAAcA,EAAYpC,EAAE,KAAK,IAAInB,EAAE,gBAAgB,iBAAiB,EAAE,OAAOmB,EAAE,MAAM,CAAC;QACvF,CAAA,CACN,EAAA,CAAA,IAEF,kBAAAzD,GAAA,EAAA,UAAA;SACGyD,EAAE;SACFA,EAAE,QAAQ,kBAACzC,GAAD;UAAM,MAAMyC,EAAE;UAAM,MAAK;UAAK,WAAA;SAAuB,CAAA;SAChE,kBAAC,QAAD;UAAM,WAAW7C,EAAG,gCAAgC6C,EAAE,eAAe,YAAY;UAAjF,UAAA,CACE,kBAAC,QAAD;WAAM,WAAU;WACd,UAAA,kBAAC9B,GAAD;YAAW,MAAM8B,EAAE;YAAc;WAAQ,CAAA;UACrC,CAAA,GACLA,EAAE,eAAe,kBAAC,QAAD;WAAM,WAAU;WAA6C,UAAAA,EAAE;UAAkB,CAAA,CAC/F;;SACN,kBAACvD,EAAa,eAAd;UACE,aAAA;UACA,WAAU;UAEV,UAAA,kBAACc,GAAD;WAAM,MAAMV;WAAmB,MAAK;UAAM,CAAA;SAChB,CAAA;QAC5B,EAAA,CAAA;OAEa,GA1BKmD,EAAE,KA0BP;MAEJ,CAAA;MAClBsC,KAAS,KACR,kBAAC,OAAD;OAAK,WAAU;OACZ,UAAAzD,EAAE,iBAAiB,kGAAkG,EAAE,OAAOyD,GAAO,CAAC;MACpI,CAAA;KAEW;;GACG,CAAA;EACN,CAAA,CACJ;;CAGrB,OADIxD,KAAcuC,KACX3D,GACL;EACE;EACA;EACA;EACA;EACA;EACA;EACA,IAAIqB,EAAG,UAAUmC;EACjB;EACA;CACF,GACAG,EACF;AACF,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAS,cAAc;AAkBlE,IAAavE,IAA+B,kBAAgD,SAAsB,GAAO,GAAK;CAC5H,IAAM,EACJ,gBACA,UACA,iBACA,kBACA,gBACA,UAAO,MACP,aACA,OACA,SACA,gBACA,UACA,gBACA,UACA,aACA,aACA,WACA,cACA,cAAc2B,GACd,cAAcC,MACZC,GACEG,IAAQtB,EAAS,GACjBuB,IAAKtB,GAAgBkB,CAAK,GAC1B,CAACP,GAAOY,KAAYC,EAASuD,KAAgB,EAAE,GAC/CtD,IAAWC,EAA8B,IAAI,GAC7CC,IAAavB,GAAeqB,CAAQ,GACpCM,IAAUqC,KAASzD,GACnBiD,IACJ,kBAACtE,EAAiB,MAAlB;EACE,OAAO2F;EACP,GAAKb,MAAU,KAAA,IAAwB,CAAC,IAAb,EAAE,SAAM;EACnC,GAAKW,MAAiB,KAAA,IAA+B,CAAC,IAApB,EAAE,gBAAa;EACjD,gBAAgB,MAAc;GAE5B,AADAxD,EAASe,CAAC,GACV4C,IAAgB5C,CAAC;EACnB;EACA,GAAK0B,IAAW,EAAE,YAAS,IAAI,CAAC;EAChC,GAAKC,IAAO,EAAE,QAAK,IAAI,CAAC;EAT1B,UAAA,CAWE,kBAAC3E,EAAiB,YAAlB;GACE,KAAKmC;GACL,GAAKR,IAAQ,EAAE,cAAcA,EAAM,IAAI,CAAC;GACxC,WAAWvB,EACT,wGACAa,EAAwB,KAAK+D,EAAK,CAAC,SACnCa,KAAe,SACfjE,EAAM,SAAS,gBACf,EAAEgD,KAASC,KAAeR,MAAUxC,CACtC;GATF,UAAA,CAWGgE,KAAe,kBAACrF,GAAD;IAAM,MAAMqF;IAAa,MAAK;IAAK,WAAU;GAAoB,CAAA,GACjF,kBAAC7F,EAAiB,OAAlB;IACO;IACQ;IACb,GAAKmE,IAAK,EAAE,MAAG,IAAI,CAAC;IACpB,GAAInC,EAAG;IACP,GAAKN,IAAY,EAAE,cAAcA,EAAU,IAAI,CAAC;IAChD,WAAWF;IACX,WAAU;GACX,CAAA,CAC0B;EAC7B,CAAA,GAAA,kBAACxB,EAAiB,QAAlB;GAAyB,WAAWM,GAAmB;GACrD,UAAA,kBAACN,EAAiB,YAAlB;IACE,QAAQmC;IACR,gBAAe;IACf,mBAAmB9B,GAAa;IAChC,OAAM;IACN,YAAY;IACZ,kBAAkB;IAClB,WAAU;IAEV,UAAA,kBAACL,EAAiB,OAAlB;KAAwB,WAAWI,EAAGF,GAAY,gDAAgD;KAAG,OAAOa,GAAiBsB,CAAU;KACrI,UAAA,kBAACrC,EAAiB,MAAlB;MAAuB,WAAU;MAC7B,WAAA,MACA,kBAACA,EAAiB,MAAlB;OAA+B,OAAO8F;OAAG,WAAW7F;OAClD,UAAA,kBAAC,QAAD;QAAM,WAAU;QACd,UAAA,kBAACkB,GAAD;SAAW,MAAM2E;SAAG,OAAOrD;QAAU,CAAA;OACjC,CAAA;MACe,GAJKqD,CAIL;KAEJ,CAAA;IACD,CAAA;GACG,CAAA;EACN,CAAA,CACJ;;CAGzB,OADI/D,IAAcuC,IACX3D,GACL;EACE;EACA;EACA;EACA;EACA;EACA;EACA,IAAIqB,EAAG,UAAUmC;EACjB;EACA;CACF,GACAG,CACF;AACF,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAa,cAAc"}
+{"version":3,"file":"combobox-BARyrpXH.js","names":["_Fragment","Combobox","BaseCombobox","__icon_Cancel01Icon","__icon_ArrowDown01Icon","__icon_Add01Icon","__icon_Tick02Icon","Autocomplete","BaseAutocomplete","MENU_ITEM","MENU_POPUP","MENU_ICON","cn","pageBoundary","usePortalContainer","useUiText","Icon","useField","useFieldControl","withField","KAESO_INPUT_GROUP_VARIANTS","Tag","useLayoutWidth","anchorWidthStyle","Fragment$1","KAESO_COMBOBOX_VARIANTS","KAESO_COMBOBOX_DEFAULT_VARIANTS","Highlight","q","query","text","i","keepValueOnEscape","Combobox$1","ariaLabel","force","props","className","t","field","fc","setQuery","useState","fieldRef","useRef","fieldWidth","inner","setInner","multiple","current","chosenKey","seen","byValue","useMemo","chosen","next","v","o","options","matched","list","onCreate","report","onInputValueChange","pending","timer","reportInput","searchDelay","rootValue","handleChange","arr","created","x","inputEl","Combobox","id","invalid","error","control","filtered","a","b","disabled","name","label","description","value","Cancel01Icon","size","ArrowDown01Icon","loading","emptyText","Add01Icon","createLabel","Tick02Icon","hidden","Autocomplete$1","defaultValue","Autocomplete","suggestions","onValueChange","leadingIcon","s"],"sources":["../../src/components/combobox/combobox.tsx"],"sourcesContent":["import { pageBoundary, usePortalContainer } from \"../../utils/portal-context.js\";\nimport { forwardRef, useEffect, useMemo, useRef, useState, type KeyboardEvent, type ReactNode } from \"react\";\nimport { Combobox as BaseCombobox } from \"@base-ui/react/combobox\";\nimport { Autocomplete as BaseAutocomplete } from \"@base-ui/react/autocomplete\";\nimport { cn } from \"../../utils/cn.js\";\nimport { warnStylingClassName } from \"../../utils/dev.js\";\nimport { useField, useFieldControl, withField, type FieldWrapProps } from \"../field/field.js\";\nimport { Icon, type IconData } from \"../icon/icon.js\";\nimport { Cancel01Icon as __icon_Cancel01Icon, ArrowDown01Icon as __icon_ArrowDown01Icon, Add01Icon as __icon_Add01Icon, Tick02Icon as __icon_Tick02Icon } from \"@hugeicons/core-free-icons\";\nimport { KAESO_INPUT_GROUP_VARIANTS, type InputSize } from \"../input/input-group.js\";\nimport { Tag } from \"../tag/tag.js\";\nimport { MENU_ICON, MENU_ITEM, MENU_POPUP } from \"../menu/styles.js\";\n\nimport { anchorWidthStyle, useLayoutWidth } from \"../../hooks/use-layout-width.js\";\nimport { useUiText } from \"../../i18n/context.js\";\n\nexport const KAESO_COMBOBOX_VARIANTS = {\n  size: {\n    sm: {\n      classes: KAESO_INPUT_GROUP_VARIANTS.size.sm.classes,\n    },\n    md: {\n      classes: KAESO_INPUT_GROUP_VARIANTS.size.md.classes,\n    },\n    lg: {\n      classes: KAESO_INPUT_GROUP_VARIANTS.size.lg.classes,\n    },\n    xl: {\n      classes: KAESO_INPUT_GROUP_VARIANTS.size.xl.classes,\n    },\n  },\n} as const;\nexport const KAESO_COMBOBOX_DEFAULT_VARIANTS = { size: \"md\" } as const;\n\nexport interface ComboboxOption {\n  value: string;\n  label: string;\n  description?: ReactNode | undefined;\n  icon?: IconData | undefined;\n  leading?: ReactNode | undefined;\n  disabled?: boolean | undefined;\n}\n\ninterface CreateItem extends ComboboxOption {\n  __create: true;\n}\n\nexport function Highlight({ text, query }: { text: string; query: string }) {\n  const q = query.trim().toLowerCase();\n  if (!q) return <>{text}</>;\n  const i = text.toLowerCase().indexOf(q);\n  if (i < 0) return <span className=\"text-fg-secondary group-data-disabled/item:text-fg-disabled\">{text}</span>;\n  return (\n    <span className=\"text-fg-secondary group-data-disabled/item:text-fg-disabled\">\n      {text.slice(0, i)}\n      <span className=\"text-fg group-data-disabled/item:text-fg-disabled\">{text.slice(i, i + q.length)}</span>\n      {text.slice(i + q.length)}\n    </span>\n  );\n}\n\ninterface BaseProps extends FieldWrapProps {\n  options: ComboboxOption[];\n  placeholder?: string | undefined;\n  size?: InputSize | undefined;\n  emptyText?: ReactNode | undefined;\n  loading?: boolean | undefined;\n  onInputValueChange?: ((value: string) => void) | undefined;\n  searchDelay?: number | undefined;\n  onCreate?: ((label: string) => void) | undefined;\n  createLabel?: ((label: string) => string) | undefined;\n  disabled?: boolean | undefined;\n  invalid?: boolean | undefined;\n  id?: string | undefined;\n  name?: string | undefined;\n  \"aria-label\"?: string | undefined;\n  className?: string | undefined;\n  \"data-force\"?: string | undefined;\n}\nexport interface SingleComboboxProps extends BaseProps {\n  multiple?: false | undefined;\n  value?: string | null | undefined;\n  defaultValue?: string | null | undefined;\n  onValueChange?: ((value: string | null) => void) | undefined;\n}\nexport interface MultiComboboxProps extends BaseProps {\n  multiple: true;\n  value?: string[] | undefined;\n  defaultValue?: string[] | undefined;\n  onValueChange?: ((value: string[]) => void) | undefined;\n}\nexport type ComboboxProps = SingleComboboxProps | MultiComboboxProps;\n\nfunction keepValueOnEscape(e: KeyboardEvent<HTMLInputElement> & { preventBaseUIHandler?: (() => void) | undefined }) {\n  if (e.key === \"Escape\" && e.currentTarget.getAttribute(\"aria-expanded\") !== \"true\") e.preventBaseUIHandler?.();\n}\n\nexport const Combobox = /* @__PURE__ */ forwardRef<HTMLInputElement, ComboboxProps>(function Combobox(props, ref) {\n  const {\n    options,\n    placeholder,\n    size = \"md\",\n    emptyText,\n    loading,\n    onInputValueChange,\n    searchDelay = 0,\n    onCreate,\n    createLabel,\n    disabled,\n    invalid,\n    id,\n    name,\n    label,\n    description,\n    error,\n    optional,\n    required,\n    layout,\n    className,\n    multiple,\n    \"aria-label\": ariaLabel,\n    \"data-force\": force,\n  } = props;\n  warnStylingClassName(\"Combobox\", className);\n  const t = useUiText();\n  const field = useField();\n  const fc = useFieldControl(props);\n  const [query, setQuery] = useState(\"\");\n  const fieldRef = useRef<HTMLDivElement | null>(null);\n  const fieldWidth = useLayoutWidth(fieldRef);\n  const [inner, setInner] = useState<string | null | string[]>(() => props.defaultValue ?? (multiple ? [] : null));\n  const current = props.value !== undefined ? props.value : inner;\n  const chosenKey = (Array.isArray(current) ? current : current == null ? [] : [current]).join(\"\\u0000\");\n  const seen = useRef(new Map<string, ComboboxOption>());\n  const byValue = useMemo(() => {\n    const chosen = new Set(chosenKey ? chosenKey.split(\"\\u0000\") : []);\n    const next = new Map<string, ComboboxOption>();\n    for (const [v, o] of seen.current) if (chosen.has(v)) next.set(v, o);\n    for (const o of options) next.set(o.value, o);\n    seen.current = next;\n    return next;\n  }, [options, chosenKey]);\n  const { filtered, hidden } = useMemo(() => {\n    const SHOWN_AT_MOST = 100;\n    const q = query.trim().toLowerCase();\n    const matched = q ? options.filter((o) => o.label.toLowerCase().includes(q) || o.value.toLowerCase().includes(q)) : options;\n    const list: (ComboboxOption | CreateItem)[] = matched.slice(0, SHOWN_AT_MOST);\n    if (onCreate && q && !options.some((o) => o.label.toLowerCase() === q))\n      list.push({\n        value: `__create__${query}`,\n        label: query.trim(),\n        __create: true,\n      });\n    return { filtered: list, hidden: Math.max(0, matched.length - SHOWN_AT_MOST) };\n  }, [options, query, onCreate]);\n  const report = useRef(onInputValueChange);\n  report.current = onInputValueChange;\n  const pending = useRef<ReturnType<typeof setTimeout> | null>(null);\n  useEffect(() => {\n    const timer = pending;\n    return () => {\n      if (timer.current) clearTimeout(timer.current);\n    };\n  }, []);\n  const reportInput = (v: string) => {\n    if (searchDelay <= 0) return report.current?.(v);\n    if (pending.current) clearTimeout(pending.current);\n    pending.current = setTimeout(() => {\n      pending.current = null;\n      report.current?.(v);\n    }, searchDelay);\n  };\n  const rootValue = Array.isArray(current) ? current.flatMap((v) => byValue.get(v) ?? []) : current == null ? null : (byValue.get(current) ?? null);\n\n  const handleChange = (v: unknown) => {\n    const arr = Array.isArray(v) ? (v as (ComboboxOption | CreateItem)[]) : null;\n    const created = (arr ?? [v as ComboboxOption | CreateItem | null]).find((x) => x && \"__create\" in x) as CreateItem | undefined;\n    if (created) {\n      onCreate?.(created.label);\n      return;\n    }\n    const next = multiple ? (arr ?? []).map((x) => x.value) : ((v as ComboboxOption | null)?.value ?? null);\n    if (props.value === undefined) setInner(next);\n    if (multiple) (props.onValueChange as ((x: string[]) => void) | undefined)?.(next as string[]);\n    else (props.onValueChange as ((x: string | null) => void) | undefined)?.(next as string | null);\n  };\n\n  const inputEl = (\n    <BaseCombobox.Input\n      ref={ref}\n      placeholder={placeholder}\n      {...(id ? { id } : {})}\n      {...fc.controlProps}\n      {...(ariaLabel ? { \"aria-label\": ariaLabel } : {})}\n      {...(invalid || error ? { \"aria-invalid\": true } : {})}\n      onKeyDown={keepValueOnEscape}\n      className=\"min-w-80 flex-1 bg-transparent text-fg outline-none placeholder:text-fg-tertiary disabled:cursor-not-allowed\"\n    />\n  );\n\n  const control = (\n    <BaseCombobox.Root\n      items={filtered}\n      filteredItems={filtered}\n      value={rootValue}\n      onValueChange={handleChange}\n      onInputValueChange={(v: string) => {\n        setQuery(v);\n        reportInput(v);\n      }}\n      autoHighlight\n      itemToStringLabel={(o: ComboboxOption) => o?.label ?? \"\"}\n      isItemEqualToValue={(a: ComboboxOption, b: ComboboxOption) => a?.value === b?.value}\n      multiple={multiple === true}\n      {...(disabled ? { disabled } : {})}\n      {...(name ? { name } : {})}\n    >\n      {multiple ? (\n        <BaseCombobox.Chips\n          ref={fieldRef}\n          {...(force ? { \"data-force\": force } : {})}\n          className={cn(\n            \"flex min-h-36 w-full flex-wrap items-center gap-4 rounded-field p-4 material-field transition-control cursor-text\",\n            (invalid || error) && \"ring-invalid\",\n            !(label || description || error) && className,\n          )}\n        >\n          <BaseCombobox.Value>\n            {(value: ComboboxOption[]) => (\n              <>\n                {value.map((o) => (\n                  <BaseCombobox.Chip key={o.value} aria-label={o.label} className=\"outline-none\">\n                    <Tag className=\"pr-2\">\n                      {o.label}\n                      <BaseCombobox.ChipRemove\n                        aria-label={t(\"combobox.remove\", \"Remove {label}\", { label: o.label })}\n                        className=\"ml-2 inline-flex size-24 items-center justify-center rounded-pill text-fg-tertiary transition-control hover:bg-fill-2 hover:text-fg\"\n                      >\n                        <Icon icon={__icon_Cancel01Icon} size=\"xs\" />\n                      </BaseCombobox.ChipRemove>\n                    </Tag>\n                  </BaseCombobox.Chip>\n                ))}\n                <span className={cn(\"flex h-28 min-w-80 flex-1 items-center\", value.length === 0 ? \"px-12\" : \"px-8\")}>{inputEl}</span>\n              </>\n            )}\n          </BaseCombobox.Value>\n        </BaseCombobox.Chips>\n      ) : (\n        <BaseCombobox.InputGroup\n          ref={fieldRef}\n          {...(force ? { \"data-force\": force } : {})}\n          className={cn(\n            \"relative flex w-full min-w-0 items-center rounded-pill material-field transition-control cursor-text\",\n            KAESO_COMBOBOX_VARIANTS.size[size].classes,\n            \"pr-4\",\n            (invalid || error) && \"ring-invalid\",\n            !(label || description || error) && className,\n          )}\n        >\n          {inputEl}\n          <BaseCombobox.Trigger\n            aria-label={t(\"combobox.showOptions\", \"Show options\")}\n            className=\"inline-flex size-28 shrink-0 items-center justify-center rounded-pill text-fg-tertiary transition-control hover:bg-fill-1 hover:text-fg\"\n          >\n            <Icon icon={__icon_ArrowDown01Icon} size=\"sm\" />\n          </BaseCombobox.Trigger>\n        </BaseCombobox.InputGroup>\n      )}\n      <BaseCombobox.Portal container={usePortalContainer()}>\n        <BaseCombobox.Positioner\n          anchor={fieldRef}\n          positionMethod=\"fixed\"\n          collisionBoundary={pageBoundary()}\n          align=\"start\"\n          sideOffset={6}\n          collisionPadding={8}\n          className=\"z-50 outline-none\"\n        >\n          <BaseCombobox.Popup className={cn(MENU_POPUP, \"relative min-w-anchor overflow-hidden\")} style={anchorWidthStyle(fieldWidth)}>\n            {loading && (\n              <span aria-hidden className=\"absolute inset-x-16 top-0 h-2 overflow-hidden rounded-pill\">\n                <span className=\"block h-full w-1/3 animate-indeterminate rounded-pill bg-fg-tertiary\" />\n              </span>\n            )}\n            <BaseCombobox.Status className=\"sr-only\">{loading ? t(\"combobox.loadingResults\", \"Loading results\") : \"\"}</BaseCombobox.Status>\n            <BaseCombobox.Empty className=\"flex h-34 items-center px-10 text-body text-fg-secondary empty:hidden\">\n              {loading ? t(\"combobox.loading\", \"Loading…\") : (emptyText ?? t(\"combobox.noResults\", \"No results\"))}\n            </BaseCombobox.Empty>\n            <BaseCombobox.List className=\"-m-6 flex min-h-0 flex-col overflow-y-auto overscroll-contain p-6 outline-none scrollbar-quiet\">\n              {(o: ComboboxOption | CreateItem) => (\n                <BaseCombobox.Item key={o.value} value={o} {...(o.disabled ? { disabled: true } : {})} className={MENU_ITEM}>\n                  {\"__create\" in o ? (\n                    <>\n                      <Icon icon={__icon_Add01Icon} size=\"sm\" className={MENU_ICON} />\n                      <span className=\"min-w-0 flex-1 truncate\">\n                        {createLabel ? createLabel(o.label) : t(\"combobox.add\", \"Add “{label}”\", { label: o.label })}\n                      </span>\n                    </>\n                  ) : (\n                    <>\n                      {o.leading}\n                      {o.icon && <Icon icon={o.icon} size=\"sm\" className={MENU_ICON} />}\n                      <span className={cn(\"flex min-w-0 flex-1 flex-col\", o.description && \"gap-2 py-8\")}>\n                        <span className=\"truncate\">\n                          <Highlight text={o.label} query={query} />\n                        </span>\n                        {o.description && <span className=\"text-small font-regular text-fg-secondary\">{o.description}</span>}\n                      </span>\n                      <BaseCombobox.ItemIndicator\n                        keepMounted\n                        className=\"flex size-16 shrink-0 items-center justify-center text-fg opacity-0 data-selected:opacity-100\"\n                      >\n                        <Icon icon={__icon_Tick02Icon} size=\"sm\" />\n                      </BaseCombobox.ItemIndicator>\n                    </>\n                  )}\n                </BaseCombobox.Item>\n              )}\n            </BaseCombobox.List>\n            {hidden > 0 && (\n              <div className=\"flex h-28 shrink-0 items-center px-10 text-caption font-medium text-fg-tertiary\">\n                {t(\"combobox.more\", \"{count, plural, one {# more; type to narrow it down} other {# more; type to narrow them down}}\", { count: hidden })}\n              </div>\n            )}\n          </BaseCombobox.Popup>\n        </BaseCombobox.Positioner>\n      </BaseCombobox.Portal>\n    </BaseCombobox.Root>\n  );\n  if (field) return control;\n  return withField(\n    {\n      label,\n      description,\n      error,\n      optional,\n      required,\n      layout,\n      id: fc.wrapId ?? id,\n      disabled,\n      className,\n    },\n    control,\n  );\n});\nif (process.env.NODE_ENV !== \"production\") Combobox.displayName = \"Combobox\";\n\nexport interface AutocompleteProps extends FieldWrapProps {\n  suggestions: string[];\n  value?: string | undefined;\n  defaultValue?: string | undefined;\n  onValueChange?: ((value: string) => void) | undefined;\n  placeholder?: string | undefined;\n  size?: InputSize | undefined;\n  disabled?: boolean | undefined;\n  id?: string | undefined;\n  name?: string | undefined;\n  leadingIcon?: IconData | undefined;\n  \"aria-label\"?: string | undefined;\n  className?: string | undefined;\n  \"data-force\"?: string | undefined;\n}\n\nexport const Autocomplete = /* @__PURE__ */ forwardRef<HTMLInputElement, AutocompleteProps>(function Autocomplete(props, ref) {\n  const {\n    suggestions,\n    value,\n    defaultValue,\n    onValueChange,\n    placeholder,\n    size = \"md\",\n    disabled,\n    id,\n    name,\n    leadingIcon,\n    label,\n    description,\n    error,\n    optional,\n    required,\n    layout,\n    className,\n    \"aria-label\": ariaLabel,\n    \"data-force\": force,\n  } = props;\n  const field = useField();\n  const fc = useFieldControl(props);\n  const [query, setQuery] = useState(defaultValue ?? \"\");\n  const fieldRef = useRef<HTMLDivElement | null>(null);\n  const fieldWidth = useLayoutWidth(fieldRef);\n  const current = value ?? query;\n  const control = (\n    <BaseAutocomplete.Root\n      items={suggestions}\n      {...(value !== undefined ? { value } : {})}\n      {...(defaultValue !== undefined ? { defaultValue } : {})}\n      onValueChange={(v: string) => {\n        setQuery(v);\n        onValueChange?.(v);\n      }}\n      {...(disabled ? { disabled } : {})}\n      {...(name ? { name } : {})}\n    >\n      <BaseAutocomplete.InputGroup\n        ref={fieldRef}\n        {...(force ? { \"data-force\": force } : {})}\n        className={cn(\n          \"relative flex w-full min-w-0 items-center rounded-pill material-field transition-control cursor-text\",\n          KAESO_COMBOBOX_VARIANTS.size[size].classes,\n          leadingIcon && \"pl-14\",\n          props.error && \"ring-invalid\",\n          !(label || description || error) && className,\n        )}\n      >\n        {leadingIcon && <Icon icon={leadingIcon} size=\"sm\" className=\"text-fg-tertiary\" />}\n        <BaseAutocomplete.Input\n          ref={ref}\n          placeholder={placeholder}\n          {...(id ? { id } : {})}\n          {...fc.controlProps}\n          {...(ariaLabel ? { \"aria-label\": ariaLabel } : {})}\n          onKeyDown={keepValueOnEscape}\n          className=\"min-w-0 flex-1 bg-transparent text-fg outline-none placeholder:text-fg-tertiary\"\n        />\n      </BaseAutocomplete.InputGroup>\n      <BaseAutocomplete.Portal container={usePortalContainer()}>\n        <BaseAutocomplete.Positioner\n          anchor={fieldRef}\n          positionMethod=\"fixed\"\n          collisionBoundary={pageBoundary()}\n          align=\"start\"\n          sideOffset={6}\n          collisionPadding={8}\n          className=\"z-50 outline-none\"\n        >\n          <BaseAutocomplete.Popup className={cn(MENU_POPUP, \"min-w-anchor overflow-hidden data-empty:hidden\")} style={anchorWidthStyle(fieldWidth)}>\n            <BaseAutocomplete.List className=\"-m-6 flex min-h-0 flex-col overflow-y-auto overscroll-contain p-6 outline-none scrollbar-quiet\">\n              {(s: string) => (\n                <BaseAutocomplete.Item key={s} value={s} className={MENU_ITEM}>\n                  <span className=\"truncate\">\n                    <Highlight text={s} query={current} />\n                  </span>\n                </BaseAutocomplete.Item>\n              )}\n            </BaseAutocomplete.List>\n          </BaseAutocomplete.Popup>\n        </BaseAutocomplete.Positioner>\n      </BaseAutocomplete.Portal>\n    </BaseAutocomplete.Root>\n  );\n  if (field) return control;\n  return withField(\n    {\n      label,\n      description,\n      error,\n      optional,\n      required,\n      layout,\n      id: fc.wrapId ?? id,\n      disabled,\n      className,\n    },\n    control,\n  );\n});\nif (process.env.NODE_ENV !== \"production\") Autocomplete.displayName = \"Autocomplete\";\n"],"mappings":"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"}