@alfadocs/ui-kit-debug 1.80.0 → 1.82.0

package/dist/_chunks/{city-input-3J3bz9EO.js → city-input-CJVGswxp.js}

@@ -1,7 +1,7 @@
 import { jsx as p } from "react/jsx-runtime";
 import { forwardRef as G, useRef as d, useMemo as K, useCallback as m, useEffect as J } from "react";
 import { useTranslation as O } from "react-i18next";
-import { A as Q } from "./autocomplete-DosDnGie.js";
+import { A as Q } from "./autocomplete-CnB1mHGc.js";
 import { T as X } from "./text-input-CaG9ApoE.js";
 import { c as Y } from "./compose-refs-C0k0tdqF.js";
 import { w as Z } from "./use-state-backed-input-DhRQo6gM.js";
@@ -182,4 +182,4 @@ export {
   te as C,
   ee as c
 };
-//# sourceMappingURL=city-input-3J3bz9EO.js.map
+//# sourceMappingURL=city-input-CJVGswxp.js.map

package/dist/_chunks/{city-input-3J3bz9EO.js.map → city-input-CJVGswxp.js.map}

@@ -1 +1 @@
-{"version":3,"file":"city-input-3J3bz9EO.js","sources":["../../src/components/city-input/city-input.agent.ts","../../src/components/city-input/city-input.tsx"],"sourcesContent":["import type { AgentAdapter } from '../../agent/types';\n\nexport interface CityInputHandle {\n  getValue: () => string;\n  setValue: (value: string) => void;\n  clear: () => void;\n}\n\nexport const cityInputAgent: AgentAdapter<CityInputHandle> = {\n  id: 'city-input',\n  capabilities: ['set_value'],\n  state: {\n    value: {\n      type: 'string',\n      descriptionKey: 'ui.agent.cityInput.state.value',\n      description: 'Current city / town value.',\n      read: (handle) => handle.getValue(),\n    },\n    isEmpty: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.cityInput.state.isEmpty',\n      description: 'Whether the field has no value.',\n      read: (handle) => handle.getValue() === '',\n    },\n  },\n  actions: {\n    set_value: {\n      safety: 'write',\n      argsType: '{ value: string }',\n      argsSchema: {\n        type: 'object',\n        properties: { value: { type: 'string' } },\n        required: ['value'],\n      },\n      idempotent: true,\n      descriptionKey: 'ui.agent.cityInput.actions.setValue',\n      description: 'Replace the city value.',\n      examples: [\n        { args: { value: 'Milano' }, note: 'Set the city to Milano.' },\n      ],\n      invoke: (handle, args: { value: string }) => {\n        handle.setValue(args.value);\n      },\n    },\n    clear: {\n      safety: 'destructive',\n      idempotent: true,\n      descriptionKey: 'ui.agent.cityInput.actions.clear',\n      description: 'Empty the field. Loses any typed value.',\n      invoke: (handle) => {\n        handle.clear();\n      },\n    },\n  },\n  domHooks: {\n    root: { attr: 'data-component', value: 'city-input' },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  type ChangeEvent,\n} from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Autocomplete } from '../autocomplete/autocomplete';\nimport { TextInput } from '../text-input';\nimport type { OptionShape } from '../_shared/option';\nimport { composeRefs } from '../_shared/compose-refs';\nimport { writeInputValue } from '../_shared/use-state-backed-input';\nimport { useControllableState } from '../../hooks/use-controllable-state';\nimport { useIsomorphicLayoutEffect } from '../../hooks/use-isomorphic-layout-effect';\nimport { useAgentRegistration } from '../../agent';\nimport { cityInputAgent, type CityInputHandle } from './city-input.agent';\n\n/* ------------------------------------------------------------------ */\n/* Public API                                                           */\n/*                                                                      */\n/* A city / town field with an OPTIONAL geocoder-agnostic suggestion    */\n/* seam. When `loadCities` is supplied the field is an async            */\n/* Autocomplete; when it isn't, it degrades to a plain labelled text    */\n/* input. The kit imports NO geocoder — the consumer owns the data      */\n/* source (Google Places, Mapbox, a server endpoint, …).               */\n/* ------------------------------------------------------------------ */\n\nexport interface CityLoaderContext {\n  signal: AbortSignal;\n  locale: string;\n  /** Selected country (lowercase alpha-2), passed through to bias results. */\n  country?: string;\n  /** Selected province/region code, passed through to bias results. */\n  province?: string;\n}\n\nexport interface CityInputProps {\n  /** City / town name (free text). */\n  value?: string;\n  defaultValue?: string;\n  onValueChange?: (city: string) => void;\n  /**\n   * Optional async suggestion source. Omit → the field is a plain text\n   * input with no suggestions. The kit never imports a geocoder; wire your\n   * own here.\n   */\n  loadCities?: (\n    query: string,\n    ctx: CityLoaderContext,\n  ) => Promise<OptionShape[]>;\n  /** Fires when a suggestion is picked, with the full option. */\n  onCitySelect?: (option: OptionShape) => void;\n  /** Passed through to `loadCities` to bias suggestions. */\n  country?: string;\n  /** Passed through to `loadCities` to bias suggestions. */\n  province?: string;\n  /** Frequently-picked cities surfaced before the user types. */\n  recents?: OptionShape[];\n  debounceMs?: number;\n  /** Snap the value back to the last picked suggestion on blur. */\n  snapOnBlur?: boolean;\n  placeholder?: string;\n  /** Clear button — text-fallback mode only. */\n  clearable?: boolean;\n  disabled?: boolean;\n  readOnly?: boolean;\n  required?: boolean;\n  name?: string;\n  id?: string;\n  size?: 'sm' | 'md' | 'lg';\n  tone?: 'default' | 'error';\n  /**\n   * Accessible name. Not needed inside a `<FormField>`: the field's label\n   * names the input in both modes. Pass it when there is no FormField.\n   */\n  'aria-label'?: string;\n  /** Invalid-state fallback for use outside a `<FormField>` (inline editors). */\n  'aria-invalid'?: boolean;\n  /** Error-message id fallback for use outside a `<FormField>`. */\n  'aria-describedby'?: string;\n  className?: string;\n}\n\nexport const CityInput = forwardRef<HTMLInputElement, CityInputProps>(\n  function CityInput(\n    {\n      value: valueProp,\n      defaultValue,\n      onValueChange,\n      loadCities,\n      onCitySelect,\n      country,\n      province,\n      recents,\n      debounceMs,\n      snapOnBlur,\n      placeholder,\n      clearable,\n      disabled,\n      readOnly,\n      required,\n      name,\n      id,\n      size = 'md',\n      tone = 'default',\n      'aria-label': ariaLabel,\n      'aria-invalid': ariaInvalid,\n      'aria-describedby': ariaDescribedBy,\n      className,\n    },\n    ref,\n  ) {\n    const { t } = useTranslation('ui');\n\n    const [value, setValue] = useControllableState<string>({\n      value: valueProp,\n      defaultValue,\n      onChange: onValueChange,\n    });\n\n    // No loader and no host `value`: TextInput stays uncontrolled, keeping\n    // the city out of the `value` attribute. Other changes go through the\n    // input as typing would, so TextInput's clear button stays in step.\n    const plainUncontrolled = !loadCities && valueProp === undefined;\n    const inputRef = useRef<HTMLInputElement | null>(null);\n    const composedRef = useMemo(() => composeRefs(ref, inputRef), [ref]);\n    const writeThrough = useCallback(\n      (next: string) => writeInputValue(inputRef.current, next),\n      [],\n    );\n    const commit = useCallback(\n      (next: string) => {\n        if (plainUncontrolled && writeThrough(next)) return;\n        setValue(next);\n      },\n      [plainUncontrolled, setValue, writeThrough],\n    );\n\n    // Back from suggestion mode, the plain input mounts with the host's\n    // defaultValue: show the current city. Typing keeps them in step after.\n    // Not on the first mount, where the input already shows defaultValue\n    // and a host's ref may have written to it since.\n    const wasPlainRef = useRef(plainUncontrolled);\n    useIsomorphicLayoutEffect(() => {\n      if (plainUncontrolled && !wasPlainRef.current) writeThrough(value ?? '');\n      wasPlainRef.current = plainUncontrolled;\n    }, [plainUncontrolled]);\n\n    const valueRef = useRef(value);\n    useEffect(() => {\n      valueRef.current = value;\n    }, [value]);\n\n    const agentHandle = useMemo<CityInputHandle>(\n      () => ({\n        getValue: () => valueRef.current ?? '',\n        setValue: (next) => commit(next),\n        clear: () => commit(''),\n      }),\n      [commit],\n    );\n    useAgentRegistration(cityInputAgent, agentHandle, id);\n\n    const loadOptions = useCallback(\n      (query: string, opts: { signal: AbortSignal; locale: string }) =>\n        loadCities\n          ? loadCities(query, { ...opts, country, province })\n          : Promise.resolve<OptionShape[]>([]),\n      [loadCities, country, province],\n    );\n\n    const resolvedPlaceholder =\n      placeholder ?? t('inputs.cityInput.placeholder', 'City');\n\n    return (\n      <div\n        data-component=\"city-input\"\n        data-component-id={id}\n        className={['ds:w-full', className].filter(Boolean).join(' ')}\n      >\n        {loadCities ? (\n          <Autocomplete\n            ref={ref}\n            loadOptions={loadOptions}\n            value={value ?? ''}\n            onChange={setValue}\n            onSelect={onCitySelect}\n            recents={recents}\n            debounceMs={debounceMs}\n            snapOnBlur={snapOnBlur}\n            autoComplete=\"address-level2\"\n            placeholder={resolvedPlaceholder}\n            disabled={disabled}\n            readOnly={readOnly}\n            required={required}\n            name={name}\n            id={id}\n            size={size}\n            tone={tone}\n            aria-label={ariaLabel}\n            aria-invalid={ariaInvalid}\n            aria-describedby={ariaDescribedBy}\n          />\n        ) : (\n          <TextInput\n            ref={composedRef}\n            {...(plainUncontrolled ? { defaultValue } : { value: value ?? '' })}\n            onChange={(event: ChangeEvent<HTMLInputElement>) =>\n              setValue(event.target.value)\n            }\n            onClear={() => setValue('')}\n            autoComplete=\"address-level2\"\n            placeholder={resolvedPlaceholder}\n            clearable={clearable}\n            disabled={disabled}\n            readOnly={readOnly}\n            required={required}\n            name={name}\n            id={id}\n            size={size}\n            tone={tone}\n            aria-label={ariaLabel}\n            aria-invalid={ariaInvalid}\n            aria-describedby={ariaDescribedBy}\n          />\n        )}\n      </div>\n    );\n  },\n);\n\nCityInput.displayName = 'CityInput';\n"],"names":["cityInputAgent","handle","args","CityInput","forwardRef","valueProp","defaultValue","onValueChange","loadCities","onCitySelect","country","province","recents","debounceMs","snapOnBlur","placeholder","clearable","disabled","readOnly","required","name","id","size","tone","ariaLabel","ariaInvalid","ariaDescribedBy","className","ref","t","useTranslation","value","setValue","useControllableState","plainUncontrolled","inputRef","useRef","composedRef","useMemo","composeRefs","writeThrough","useCallback","next","writeInputValue","commit","wasPlainRef","useIsomorphicLayoutEffect","valueRef","useEffect","agentHandle","useAgentRegistration","loadOptions","query","opts","resolvedPlaceholder","jsx","Autocomplete","TextInput","event"],"mappings":"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"}
+{"version":3,"file":"city-input-CJVGswxp.js","sources":["../../src/components/city-input/city-input.agent.ts","../../src/components/city-input/city-input.tsx"],"sourcesContent":["import type { AgentAdapter } from '../../agent/types';\n\nexport interface CityInputHandle {\n  getValue: () => string;\n  setValue: (value: string) => void;\n  clear: () => void;\n}\n\nexport const cityInputAgent: AgentAdapter<CityInputHandle> = {\n  id: 'city-input',\n  capabilities: ['set_value'],\n  state: {\n    value: {\n      type: 'string',\n      descriptionKey: 'ui.agent.cityInput.state.value',\n      description: 'Current city / town value.',\n      read: (handle) => handle.getValue(),\n    },\n    isEmpty: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.cityInput.state.isEmpty',\n      description: 'Whether the field has no value.',\n      read: (handle) => handle.getValue() === '',\n    },\n  },\n  actions: {\n    set_value: {\n      safety: 'write',\n      argsType: '{ value: string }',\n      argsSchema: {\n        type: 'object',\n        properties: { value: { type: 'string' } },\n        required: ['value'],\n      },\n      idempotent: true,\n      descriptionKey: 'ui.agent.cityInput.actions.setValue',\n      description: 'Replace the city value.',\n      examples: [\n        { args: { value: 'Milano' }, note: 'Set the city to Milano.' },\n      ],\n      invoke: (handle, args: { value: string }) => {\n        handle.setValue(args.value);\n      },\n    },\n    clear: {\n      safety: 'destructive',\n      idempotent: true,\n      descriptionKey: 'ui.agent.cityInput.actions.clear',\n      description: 'Empty the field. Loses any typed value.',\n      invoke: (handle) => {\n        handle.clear();\n      },\n    },\n  },\n  domHooks: {\n    root: { attr: 'data-component', value: 'city-input' },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  type ChangeEvent,\n} from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Autocomplete } from '../autocomplete/autocomplete';\nimport { TextInput } from '../text-input';\nimport type { OptionShape } from '../_shared/option';\nimport { composeRefs } from '../_shared/compose-refs';\nimport { writeInputValue } from '../_shared/use-state-backed-input';\nimport { useControllableState } from '../../hooks/use-controllable-state';\nimport { useIsomorphicLayoutEffect } from '../../hooks/use-isomorphic-layout-effect';\nimport { useAgentRegistration } from '../../agent';\nimport { cityInputAgent, type CityInputHandle } from './city-input.agent';\n\n/* ------------------------------------------------------------------ */\n/* Public API                                                           */\n/*                                                                      */\n/* A city / town field with an OPTIONAL geocoder-agnostic suggestion    */\n/* seam. When `loadCities` is supplied the field is an async            */\n/* Autocomplete; when it isn't, it degrades to a plain labelled text    */\n/* input. The kit imports NO geocoder — the consumer owns the data      */\n/* source (Google Places, Mapbox, a server endpoint, …).               */\n/* ------------------------------------------------------------------ */\n\nexport interface CityLoaderContext {\n  signal: AbortSignal;\n  locale: string;\n  /** Selected country (lowercase alpha-2), passed through to bias results. */\n  country?: string;\n  /** Selected province/region code, passed through to bias results. */\n  province?: string;\n}\n\nexport interface CityInputProps {\n  /** City / town name (free text). */\n  value?: string;\n  defaultValue?: string;\n  onValueChange?: (city: string) => void;\n  /**\n   * Optional async suggestion source. Omit → the field is a plain text\n   * input with no suggestions. The kit never imports a geocoder; wire your\n   * own here.\n   */\n  loadCities?: (\n    query: string,\n    ctx: CityLoaderContext,\n  ) => Promise<OptionShape[]>;\n  /** Fires when a suggestion is picked, with the full option. */\n  onCitySelect?: (option: OptionShape) => void;\n  /** Passed through to `loadCities` to bias suggestions. */\n  country?: string;\n  /** Passed through to `loadCities` to bias suggestions. */\n  province?: string;\n  /** Frequently-picked cities surfaced before the user types. */\n  recents?: OptionShape[];\n  debounceMs?: number;\n  /** Snap the value back to the last picked suggestion on blur. */\n  snapOnBlur?: boolean;\n  placeholder?: string;\n  /** Clear button — text-fallback mode only. */\n  clearable?: boolean;\n  disabled?: boolean;\n  readOnly?: boolean;\n  required?: boolean;\n  name?: string;\n  id?: string;\n  size?: 'sm' | 'md' | 'lg';\n  tone?: 'default' | 'error';\n  /**\n   * Accessible name. Not needed inside a `<FormField>`: the field's label\n   * names the input in both modes. Pass it when there is no FormField.\n   */\n  'aria-label'?: string;\n  /** Invalid-state fallback for use outside a `<FormField>` (inline editors). */\n  'aria-invalid'?: boolean;\n  /** Error-message id fallback for use outside a `<FormField>`. */\n  'aria-describedby'?: string;\n  className?: string;\n}\n\nexport const CityInput = forwardRef<HTMLInputElement, CityInputProps>(\n  function CityInput(\n    {\n      value: valueProp,\n      defaultValue,\n      onValueChange,\n      loadCities,\n      onCitySelect,\n      country,\n      province,\n      recents,\n      debounceMs,\n      snapOnBlur,\n      placeholder,\n      clearable,\n      disabled,\n      readOnly,\n      required,\n      name,\n      id,\n      size = 'md',\n      tone = 'default',\n      'aria-label': ariaLabel,\n      'aria-invalid': ariaInvalid,\n      'aria-describedby': ariaDescribedBy,\n      className,\n    },\n    ref,\n  ) {\n    const { t } = useTranslation('ui');\n\n    const [value, setValue] = useControllableState<string>({\n      value: valueProp,\n      defaultValue,\n      onChange: onValueChange,\n    });\n\n    // No loader and no host `value`: TextInput stays uncontrolled, keeping\n    // the city out of the `value` attribute. Other changes go through the\n    // input as typing would, so TextInput's clear button stays in step.\n    const plainUncontrolled = !loadCities && valueProp === undefined;\n    const inputRef = useRef<HTMLInputElement | null>(null);\n    const composedRef = useMemo(() => composeRefs(ref, inputRef), [ref]);\n    const writeThrough = useCallback(\n      (next: string) => writeInputValue(inputRef.current, next),\n      [],\n    );\n    const commit = useCallback(\n      (next: string) => {\n        if (plainUncontrolled && writeThrough(next)) return;\n        setValue(next);\n      },\n      [plainUncontrolled, setValue, writeThrough],\n    );\n\n    // Back from suggestion mode, the plain input mounts with the host's\n    // defaultValue: show the current city. Typing keeps them in step after.\n    // Not on the first mount, where the input already shows defaultValue\n    // and a host's ref may have written to it since.\n    const wasPlainRef = useRef(plainUncontrolled);\n    useIsomorphicLayoutEffect(() => {\n      if (plainUncontrolled && !wasPlainRef.current) writeThrough(value ?? '');\n      wasPlainRef.current = plainUncontrolled;\n    }, [plainUncontrolled]);\n\n    const valueRef = useRef(value);\n    useEffect(() => {\n      valueRef.current = value;\n    }, [value]);\n\n    const agentHandle = useMemo<CityInputHandle>(\n      () => ({\n        getValue: () => valueRef.current ?? '',\n        setValue: (next) => commit(next),\n        clear: () => commit(''),\n      }),\n      [commit],\n    );\n    useAgentRegistration(cityInputAgent, agentHandle, id);\n\n    const loadOptions = useCallback(\n      (query: string, opts: { signal: AbortSignal; locale: string }) =>\n        loadCities\n          ? loadCities(query, { ...opts, country, province })\n          : Promise.resolve<OptionShape[]>([]),\n      [loadCities, country, province],\n    );\n\n    const resolvedPlaceholder =\n      placeholder ?? t('inputs.cityInput.placeholder', 'City');\n\n    return (\n      <div\n        data-component=\"city-input\"\n        data-component-id={id}\n        className={['ds:w-full', className].filter(Boolean).join(' ')}\n      >\n        {loadCities ? (\n          <Autocomplete\n            ref={ref}\n            loadOptions={loadOptions}\n            value={value ?? ''}\n            onChange={setValue}\n            onSelect={onCitySelect}\n            recents={recents}\n            debounceMs={debounceMs}\n            snapOnBlur={snapOnBlur}\n            autoComplete=\"address-level2\"\n            placeholder={resolvedPlaceholder}\n            disabled={disabled}\n            readOnly={readOnly}\n            required={required}\n            name={name}\n            id={id}\n            size={size}\n            tone={tone}\n            aria-label={ariaLabel}\n            aria-invalid={ariaInvalid}\n            aria-describedby={ariaDescribedBy}\n          />\n        ) : (\n          <TextInput\n            ref={composedRef}\n            {...(plainUncontrolled ? { defaultValue } : { value: value ?? '' })}\n            onChange={(event: ChangeEvent<HTMLInputElement>) =>\n              setValue(event.target.value)\n            }\n            onClear={() => setValue('')}\n            autoComplete=\"address-level2\"\n            placeholder={resolvedPlaceholder}\n            clearable={clearable}\n            disabled={disabled}\n            readOnly={readOnly}\n            required={required}\n            name={name}\n            id={id}\n            size={size}\n            tone={tone}\n            aria-label={ariaLabel}\n            aria-invalid={ariaInvalid}\n            aria-describedby={ariaDescribedBy}\n          />\n        )}\n      </div>\n    );\n  },\n);\n\nCityInput.displayName = 'CityInput';\n"],"names":["cityInputAgent","handle","args","CityInput","forwardRef","valueProp","defaultValue","onValueChange","loadCities","onCitySelect","country","province","recents","debounceMs","snapOnBlur","placeholder","clearable","disabled","readOnly","required","name","id","size","tone","ariaLabel","ariaInvalid","ariaDescribedBy","className","ref","t","useTranslation","value","setValue","useControllableState","plainUncontrolled","inputRef","useRef","composedRef","useMemo","composeRefs","writeThrough","useCallback","next","writeInputValue","commit","wasPlainRef","useIsomorphicLayoutEffect","valueRef","useEffect","agentHandle","useAgentRegistration","loadOptions","query","opts","resolvedPlaceholder","jsx","Autocomplete","TextInput","event"],"mappings":"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"}

package/dist/_chunks/{combobox-vF9O-QoG.js → combobox-CDPm_n0p.js}

@@ -1,7 +1,7 @@
-import { jsx as o, jsxs as g, Fragment as Ze } from "react/jsx-runtime";
-import { forwardRef as Qe, useContext as et, useMemo as Y, useState as J, useRef as m, useEffect as E, useCallback as tt } from "react";
+import { jsx as o, jsxs as x, Fragment as Ze } from "react/jsx-runtime";
+import { forwardRef as Qe, useContext as et, useMemo as Z, useState as Q, useRef as m, useEffect as E, useCallback as tt } from "react";
 import * as P from "@radix-ui/react-popover";
-import { R as st, _ as x, P as ot } from "./index-4xgbg-sn.js";
+import { R as st, _ as y, P as ot } from "./index-4xgbg-sn.js";
 import { c as $ } from "./index-D2ZczOXr.js";
 import { useTranslation as rt } from "react-i18next";
 import { u as nt, F as it, b as at } from "./form-field-context-DtiROUJV.js";
@@ -11,8 +11,8 @@ import { g as dt } from "./group-options-BvKhQ3xb.js";
 import { b as ct } from "./menu-row-BAr8bx1I.js";
 import { O as ut, a as ft, o as mt, b as pt, c as bt } from "./option-row-Dc7BrbK8.js";
 import { u as vt } from "./use-controllable-state-BiY4xTzM.js";
-import { u as Z } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
-import { I as ht, a as Q, d as ee, c as gt } from "./input-surface-iBmxVBfr.js";
+import { u as ee } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
+import { I as ht, a as te, d as se, c as gt } from "./input-surface-iBmxVBfr.js";
 import { u as xt } from "./registry-DvAUVLHh.js";
 import { X as yt } from "./x-B5YnXwCz.js";
 import { C as St } from "./check-DrFSN__t.js";
@@ -149,9 +149,9 @@ const Nt = {
   {
     variants: {
       size: {
-        sm: `${Q.sm} ${ee.sm}`,
-        md: `${Q.md} ${ee.md}`,
-        lg: `${Q.lg} ${ee.lg}`
+        sm: `${te.sm} ${se.sm}`,
+        md: `${te.md} ${se.md}`,
+        lg: `${te.lg} ${se.lg}`
       },
       tone: ht
     },
@@ -210,8 +210,8 @@ function At({
   size: H,
   onSelect: q
 }) {
-  return ot((B) => B.filtered.count) > 0 ? null : /* @__PURE__ */ g(
-    x.Item,
+  return ot((B) => B.filtered.count) > 0 ? null : /* @__PURE__ */ x(
+    y.Item,
     {
       value: `__combobox-create__${n}`,
       keywords: [],
@@ -237,43 +237,43 @@ const he = Qe(
     value: j,
     defaultValue: H,
     onValueChange: q,
-    placeholder: te,
+    placeholder: oe,
     clearable: B = !1,
     disabled: ge,
     readOnly: xe,
     required: ye,
     name: Se,
-    id: se,
+    id: re,
     size: _ = "md",
     tone: Ne = "default",
     filter: L,
     allowCreate: Re = !1,
     onCreate: U,
-    open: oe,
-    onOpenChange: y,
+    open: ne,
+    onOpenChange: S,
     onQueryChange: a,
     emptyMessage: Ee,
     className: we,
-    "aria-label": re,
+    "aria-label": K,
     "aria-invalid": _e,
     "aria-describedby": Ie,
     autoComplete: A,
-    matchAutofill: ne,
-    wrapOptionLabels: ie = !1
+    matchAutofill: ie,
+    wrapOptionLabels: ae = !1
   }, ke) {
-    const { t: I } = rt("ui"), S = nt(), C = et(it) !== null, [ze, D] = vt({
+    const { t: I } = rt("ui"), v = nt(), C = et(it) !== null, [ze, D] = vt({
       value: j,
       defaultValue: H ?? "",
       onChange: q
-    }), b = ze ?? "", R = Y(
+    }), b = ze ?? "", R = Z(
       () => d.find((e) => e.value === b),
       [d, b]
-    ), f = (R == null ? void 0 : R.label) ?? "", [p, c] = J(f), [Ae, ae] = J(!1), F = oe !== void 0, i = F ? oe : Ae, k = m(!1), T = f !== "" && p === f, N = m(null), le = m(null), de = m(null);
-    at(S, N);
-    const [Ce, De] = J(0), ce = m(!1);
-    Z(() => {
-      if (!ce.current) {
-        ce.current = !0;
+    ), f = (R == null ? void 0 : R.label) ?? "", [p, c] = Q(f), [Ae, le] = Q(!1), F = ne !== void 0, i = F ? ne : Ae, k = m(!1), T = f !== "" && p === f, N = m(null), de = m(null), ce = m(null);
+    at(v, N);
+    const [Ce, De] = Q(0), ue = m(!1);
+    ee(() => {
+      if (!ue.current) {
+        ue.current = !0;
         return;
       }
       T && De((e) => e + 1);
@@ -282,77 +282,77 @@ const he = Qe(
     E(() => {
       O.current = !1;
     }, [p, i]);
-    const K = m(!1);
-    Z(() => {
+    const M = m(!1);
+    ee(() => {
       if (!i || !T || !b) return;
-      const e = de.current, t = e == null ? void 0 : e.querySelector(
+      const e = ce.current, t = e == null ? void 0 : e.querySelector(
         `[data-option-id="${CSS.escape(b)}"]`
       );
       if (!e || !t) return;
-      const r = e.getBoundingClientRect(), l = t.getBoundingClientRect(), s = e.offsetHeight > 0 ? r.height / e.offsetHeight : 1, h = (l.top - r.top) / (s || 1), Je = l.height / (s || 1);
-      e.scrollTop += h - (e.clientHeight - Je) / 2, K.current = !0;
+      const r = e.getBoundingClientRect(), l = t.getBoundingClientRect(), s = e.offsetHeight > 0 ? r.height / e.offsetHeight : 1, g = (l.top - r.top) / (s || 1), Je = l.height / (s || 1);
+      e.scrollTop += g - (e.clientHeight - Je) / 2, M.current = !0;
       try {
         t.dispatchEvent(new PointerEvent("pointermove", { bubbles: !0 }));
       } finally {
-        K.current = !1;
+        M.current = !1;
       }
     }, [i]);
     const V = A && A !== "off" ? A : void 0;
-    Z(() => {
+    ee(() => {
       const e = N.current;
       e && (e.setAttribute("aria-expanded", String(i)), V && e.setAttribute("autocomplete", V));
     });
-    const M = m(!1);
+    const G = m(!1);
     E(() => {
       const e = N.current;
       if (!e || !V) return;
       const t = (r) => {
         const l = r.inputType;
-        M.current = !l || l === "insertReplacementText";
+        G.current = !l || l === "insertReplacementText";
       };
       return e.addEventListener("input", t), () => e.removeEventListener("input", t);
     }, [V]), E(() => {
       i || c(f);
     }, [f, i]);
-    const z = (C ? S.disabled : !1) || !!ge, v = !!xe, Fe = (C ? S.required : !1) || !!ye, ue = C ? S.invalid : !!_e, Te = ue ? "error" : Ne, Oe = C && S.describedBy ? S.describedBy : Ie, fe = te ?? I("inputs.combobox.placeholder", "Search…"), Ve = Y(
+    const z = (C ? v.disabled : !1) || !!ge, h = !!xe, Fe = (C ? v.required : !1) || !!ye, fe = C ? v.invalid : !!_e, Te = fe ? "error" : Ne, Oe = C && v.describedBy ? v.describedBy : Ie, W = oe ?? I("inputs.combobox.placeholder", "Search…"), Ve = Z(
       () => (e, t, r) => {
         if (k.current || f !== "" && t === f) return 1;
-        const l = w(e), s = w(t), h = r == null ? void 0 : r.map(w);
+        const l = w(e), s = w(t), g = r == null ? void 0 : r.map(w);
         return L ? L(
           l,
           s,
-          (h == null ? void 0 : h[0]) ?? ""
+          (g == null ? void 0 : g[0]) ?? ""
         ) : st(
           l,
           s,
-          h
+          g
         );
       },
       [L, f]
-    ), G = (e) => {
+    ), X = (e) => {
       D(e);
     }, u = (e) => {
-      F || ae(e), y == null || y(e);
+      F || le(e), S == null || S(e);
     }, Pe = (e) => {
       const t = d.find((r) => r.value === e);
-      G(e), c((t == null ? void 0 : t.label) ?? ""), u(!1);
+      X(e), c((t == null ? void 0 : t.label) ?? ""), u(!1);
     }, $e = (e) => {
       U == null || U(e), u(!1);
     }, je = (e) => {
       var l;
       const t = w(e.trim());
       if (!t) return;
-      const r = ne ? ne(e.trim()) : (l = d.find(
+      const r = ie ? ie(e.trim()) : (l = d.find(
         (s) => w(s.value) === t || w(s.label) === t
       )) == null ? void 0 : l.value;
       return d.find((s) => s.value === r && !s.disabled);
     }, He = (e) => {
-      if (!v) {
-        if (M.current) {
-          M.current = !1;
+      if (!h) {
+        if (G.current) {
+          G.current = !1;
           const t = je(e);
           if (t) {
-            G(t.value), c(t.label), i && u(!1);
+            X(t.value), c(t.label), i && u(!1);
             return;
           }
           if (document.activeElement !== N.current) {
@@ -363,19 +363,19 @@ const he = Qe(
         c(e), k.current || a == null || a(e), !i && e.length > 0 && !k.current && u(!0);
       }
     }, qe = () => {
-      !z && !v && u(!0);
+      !z && !h && u(!0);
     }, Be = () => {
-      !i && !z && !v && u(!0);
+      !i && !z && !h && u(!0);
     }, Le = () => {
       k.current = !0;
     }, Ue = () => {
       var t;
-      if (k.current = !1, v) return;
+      if (k.current = !1, h) return;
       const e = ((t = N.current) == null ? void 0 : t.value) ?? "";
       c(e), a == null || a(e), e.length > 0 && u(!0);
     }, Ke = (e) => {
       if (!e.nativeEvent.isComposing) {
-        if ((e.key === "ArrowDown" || e.key === "ArrowUp") && !i && !z && !v) {
+        if ((e.key === "ArrowDown" || e.key === "ArrowUp") && !i && !z && !h) {
           e.preventDefault(), u(!0);
           return;
         }
@@ -388,9 +388,9 @@ const he = Qe(
       }
     }, Me = (e) => {
       var t;
-      e.preventDefault(), e.stopPropagation(), G(""), c(""), a == null || a(""), u(!0), (t = N.current) == null || t.focus();
+      e.preventDefault(), e.stopPropagation(), X(""), c(""), a == null || a(""), u(!0), (t = N.current) == null || t.focus();
     }, Ge = (e) => {
-      v && e || (u(e), e || c(f));
+      h && e || (u(e), e || c(f));
     }, me = m(b);
     E(() => {
       me.current = b;
@@ -403,12 +403,12 @@ const he = Qe(
     E(() => {
       be.current = i;
     }, [i]);
-    const W = tt(
+    const Y = tt(
       (e) => {
-        F || ae(e), y == null || y(e);
+        F || le(e), S == null || S(e);
       },
-      [F, y]
-    ), We = Y(
+      [F, S]
+    ), We = Z(
       () => ({
         getValue: () => me.current || null,
         getQuery: () => pe.current,
@@ -425,49 +425,49 @@ const he = Qe(
         clear: () => {
           D(""), c(""), a == null || a("");
         },
-        open: () => W(!0),
-        close: () => W(!1)
+        open: () => Y(!0),
+        close: () => Y(!1)
       }),
-      [D, d, W, a]
+      [D, d, Y, a]
     );
-    xt(Nt, We, se);
-    const Xe = B && !!b && !z && !v, Ye = dt(d), X = zt[_];
-    return /* @__PURE__ */ o(P.Root, { open: i, onOpenChange: Ge, children: /* @__PURE__ */ g(
-      x,
+    xt(Nt, We, re);
+    const Xe = B && !!b && !z && !h, Ye = dt(d), J = zt[_];
+    return /* @__PURE__ */ o(P.Root, { open: i, onOpenChange: Ge, children: /* @__PURE__ */ x(
+      y,
       {
         filter: Ve,
         shouldFilter: !0,
         loop: !0,
-        label: re ?? (S.label || fe),
+        label: K ?? (v.label || W),
         className: "ds:w-full",
         children: [
-          /* @__PURE__ */ o(P.Anchor, { asChild: !0, children: /* @__PURE__ */ g(
+          /* @__PURE__ */ o(P.Anchor, { asChild: !0, children: /* @__PURE__ */ x(
             "div",
             {
-              ref: le,
+              ref: de,
               className: Et({
                 size: _,
                 tone: Te,
                 className: we
               }),
               "data-component": "combobox",
-              "data-component-id": se,
+              "data-component-id": re,
               children: [
                 /* @__PURE__ */ o(
-                  x.Input,
+                  y.Input,
                   {
                     ref: lt(ke, N),
                     value: p,
                     onValueChange: He,
                     dir: R == null ? void 0 : R.dir,
                     name: Se,
-                    placeholder: fe,
+                    placeholder: W,
                     disabled: z,
-                    readOnly: v,
+                    readOnly: h,
                     required: Fe,
                     autoComplete: A,
                     "aria-describedby": Oe,
-                    "aria-invalid": ue || void 0,
+                    "aria-invalid": fe || void 0,
                     onFocus: qe,
                     onClick: Be,
                     onKeyDown: Ke,
@@ -504,33 +504,34 @@ const he = Qe(
             {
               forceMount: !0,
               hidden: !i,
-              "aria-label": re ?? I("inputs.combobox.popupLabel", "Options"),
+              "aria-label": K ?? I("inputs.combobox.popupLabel", "Options"),
               onOpenAutoFocus: (e) => e.preventDefault(),
               onCloseAutoFocus: (e) => e.preventDefault(),
               onInteractOutside: (e) => {
                 var r;
                 const t = e.target;
-                t && ((r = le.current) != null && r.contains(t)) && e.preventDefault();
+                t && ((r = de.current) != null && r.contains(t)) && e.preventDefault();
               },
               sideOffset: 4,
               align: "start",
               className: wt(),
-              children: /* @__PURE__ */ g(
-                x.List,
+              children: /* @__PURE__ */ x(
+                y.List,
                 {
-                  ref: de,
+                  ref: ce,
+                  label: K ?? (v.label || W),
                   className: It,
                   onPointerMove: () => {
-                    K.current || (O.current = !0);
+                    M.current || (O.current = !0);
                   },
                   onMouseDown: (e) => e.preventDefault(),
                   children: [
-                    /* @__PURE__ */ o(x.Empty, { className: kt, children: /* @__PURE__ */ o("div", { role: "option", "aria-selected": !1, "aria-disabled": "true", children: Ee ?? I("inputs.combobox.empty", "No results found") }) }),
+                    /* @__PURE__ */ o(y.Empty, { className: kt, children: /* @__PURE__ */ o("div", { role: "option", "aria-selected": !1, "aria-disabled": "true", children: Ee ?? I("inputs.combobox.empty", "No results found") }) }),
                     Ye.map(({ group: e, items: t }, r) => {
                       const l = t.map((s) => {
-                        const h = s.value === b;
-                        return /* @__PURE__ */ g(
-                          x.Item,
+                        const g = s.value === b;
+                        return /* @__PURE__ */ x(
+                          y.Item,
                           {
                             value: s.value,
                             "data-option-id": s.value,
@@ -543,8 +544,8 @@ const he = Qe(
                                 "span",
                                 {
                                   "aria-hidden": "true",
-                                  className: `ds:inline-flex ds:items-center ds:justify-center ${X}`,
-                                  children: h ? /* @__PURE__ */ o(St, { className: X }) : null
+                                  className: `ds:inline-flex ds:items-center ds:justify-center ${J}`,
+                                  children: g ? /* @__PURE__ */ o(St, { className: J }) : null
                                 }
                               ),
                               s.startAdornment ? (
@@ -560,23 +561,23 @@ const he = Qe(
                                   }
                                 )
                               ) : null,
-                              s.description || ie ? (
+                              s.description || ae ? (
                                 // Stacked: the label and its end content on one
                                 // row, the description on a line of its own
                                 // under them. In this DOM order the option's
                                 // name reads label, end content, description.
-                                /* @__PURE__ */ g(
+                                /* @__PURE__ */ x(
                                   "span",
                                   {
                                     className: `${ut} ds:py-[var(--spacing-xs)]`,
                                     children: [
-                                      /* @__PURE__ */ g("span", { className: ft, children: [
+                                      /* @__PURE__ */ x("span", { className: ft, children: [
                                         /* @__PURE__ */ o(
                                           "span",
                                           {
                                             dir: s.dir,
                                             className: mt({
-                                              wrap: ie,
+                                              wrap: ae,
                                               className: "ds:flex-1"
                                             }),
                                             children: s.label
@@ -599,7 +600,7 @@ const he = Qe(
                                     ]
                                   }
                                 )
-                              ) : /* @__PURE__ */ g(Ze, { children: [
+                              ) : /* @__PURE__ */ x(Ze, { children: [
                                 /* @__PURE__ */ o(
                                   "span",
                                   {
@@ -623,13 +624,13 @@ const he = Qe(
                         );
                       });
                       return e ? /* @__PURE__ */ o(
-                        x.Group,
+                        y.Group,
                         {
                           heading: /* @__PURE__ */ o("span", { className: _t, children: e }),
                           children: l
                         },
                         `group-${e}`
-                      ) : /* @__PURE__ */ o(x.Group, { children: l }, `group-${r}`);
+                      ) : /* @__PURE__ */ o(y.Group, { children: l }, `group-${r}`);
                     }),
                     Re && p.length > 0 ? /* @__PURE__ */ o(
                       At,
@@ -638,7 +639,7 @@ const he = Qe(
                         label: I("inputs.combobox.create", 'Create "{{value}}"', {
                           value: p
                         }),
-                        iconClass: X,
+                        iconClass: J,
                         size: _,
                         onSelect: $e
                       }
@@ -664,4 +665,4 @@ export {
   ve as d,
   Et as e
 };
-//# sourceMappingURL=combobox-vF9O-QoG.js.map
+//# sourceMappingURL=combobox-CDPm_n0p.js.map