@techzyapp/ui-library 1.0.27 → 1.0.28

package/dist/Select-BAR_aVSz.js

@@ -0,0 +1,199 @@
+import { jsxs as b, jsx as l } from "react/jsx-runtime";
+import { forwardRef as de, useId as ue, useState as me, useRef as W, useCallback as _e } from "react";
+import { clsx as w } from "clsx";
+import { u as pe } from "./formContext-B7ln1Miy.js";
+import { a as fe } from "./names-r21QPjcU.js";
+import { I as C } from "./Icon-DaTvzLBu.js";
+import { u as ve, O as he } from "./useOptionMenu-Cq_eHdab.js";
+import { T as A } from "./Typography-CJv5AnRP.js";
+import { a as be } from "./ConfigProvider-B_RSn9bb.js";
+const Ie = "_field_7r95m_1", xe = "_fullWidth_7r95m_7", ye = "_label_7r95m_13", Ne = "_required_7r95m_22", ge = "_control_7r95m_28", Se = "_open_7r95m_47", Te = "_error_7r95m_52", we = "_disabled_7r95m_60", Ce = "_value_7r95m_70", Be = "_valueIcon_7r95m_78", Re = "_valueLabel_7r95m_82", Me = "_placeholder_7r95m_87", ke = "_clear_7r95m_92", De = "_chevron_7r95m_111", Oe = "_sm_7r95m_121", qe = "_md_7r95m_125", Ee = "_lg_7r95m_129", Le = "_helper_7r95m_134", r = {
+  field: Ie,
+  fullWidth: xe,
+  label: ye,
+  required: Ne,
+  control: ge,
+  open: Se,
+  error: Te,
+  disabled: we,
+  value: Ce,
+  valueIcon: Be,
+  valueLabel: Re,
+  placeholder: Me,
+  clear: ke,
+  chevron: De,
+  sm: Oe,
+  md: qe,
+  lg: Ee,
+  helper: Le
+}, Ve = new Set(fe);
+function We(a, s) {
+  return a == null ? null : typeof a == "string" && Ve.has(a) ? /* @__PURE__ */ l(C, { name: a, size: s }) : a;
+}
+const Qe = de(function({
+  label: s,
+  options: B,
+  size: m = "md",
+  error: P,
+  helperText: j,
+  required: R = !1,
+  fullWidth: F = !0,
+  disabled: c = !1,
+  value: I,
+  defaultValue: K,
+  onChange: x,
+  placeholder: $,
+  clearable: H = !0,
+  searchable: M = !1,
+  searchPlaceholder: G,
+  onSearchChange: J,
+  loading: Q = !1,
+  loadingText: U,
+  noOptionsText: X,
+  showSelectedTick: Y = !0,
+  name: i,
+  id: Z,
+  className: z,
+  style: ee
+}, _) {
+  const re = ue(), p = Z ?? re, y = `${p}-label`, k = `${p}-helper`, D = be(), f = pe(), v = !!(f && i), o = v ? f.field(i) : void 0, oe = I !== void 0 ? I : v ? f.values[i] ?? "" : void 0, O = I !== void 0 || v, [le, ne] = me(K ?? ""), N = O ? oe : le, g = P ?? (o == null ? void 0 : o.error) ?? !1, S = j ?? (o == null ? void 0 : o.helperText), n = B.find((e) => e.value === N), te = n != null, q = (e) => {
+    O || ne(e), v && f.setValue(i, e), x == null || x(e);
+  }, d = W(null), h = W(void 0);
+  h.current = o ? () => o.onBlur({}) : void 0;
+  const ae = _e(
+    (e) => {
+      d.current = e, typeof _ == "function" ? _(e) : _ && (_.current = e);
+    },
+    [_]
+  ), t = ve({
+    idBase: p,
+    options: B,
+    isSelected: (e) => e.value === N,
+    onPick: (e) => q(e.value),
+    searchable: M,
+    onSearchChange: J,
+    disabled: c,
+    focusRef: d,
+    onClose: () => {
+      var e;
+      return (e = h.current) == null ? void 0 : e.call(h);
+    }
+  }), { open: T } = t, se = (e) => {
+    var L, V;
+    const u = e.relatedTarget;
+    u && ((L = t.popoverRef.current) != null && L.contains(u) || (V = d.current) != null && V.contains(u)) || o == null || o.onBlur(e);
+  }, ce = (e) => {
+    var u;
+    e.stopPropagation(), q(""), (u = d.current) == null || u.focus();
+  }, ie = m === "sm" ? "sm" : "md", E = m === "sm" ? 16 : m === "md" ? 14 : 12;
+  return /* @__PURE__ */ b(
+    "div",
+    {
+      className: w(
+        r.field,
+        r[m],
+        F && r.fullWidth,
+        g && r.error,
+        c && r.disabled,
+        z
+      ),
+      style: ee,
+      children: [
+        s != null && /* @__PURE__ */ b(
+          "span",
+          {
+            id: y,
+            className: r.label,
+            onClick: () => {
+              var e;
+              return !c && ((e = d.current) == null ? void 0 : e.focus());
+            },
+            children: [
+              /* @__PURE__ */ l(A, { as: "span", variant: "bodySmall", color: "muted", children: s }),
+              R && /* @__PURE__ */ l("span", { className: r.required, "aria-hidden": "true", children: "*" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ b(
+          "div",
+          {
+            ref: ae,
+            id: p,
+            ...i ? { name: i } : {},
+            role: "combobox",
+            tabIndex: c ? -1 : 0,
+            "aria-haspopup": "listbox",
+            "aria-expanded": T,
+            "aria-controls": T ? t.listboxId : void 0,
+            "aria-activedescendant": M ? void 0 : t.activeId,
+            "aria-labelledby": s != null ? y : void 0,
+            "aria-disabled": c || void 0,
+            "aria-required": R || void 0,
+            "aria-invalid": g || void 0,
+            "aria-describedby": S != null ? k : void 0,
+            className: w(r.control, T && r.open),
+            onClick: t.toggleMenu,
+            onKeyDown: t.handleKeyDown,
+            onBlur: se,
+            children: [
+              /* @__PURE__ */ b("span", { className: w(r.value, !te && r.placeholder), children: [
+                (n == null ? void 0 : n.icon) != null && /* @__PURE__ */ l("span", { className: r.valueIcon, children: We(n.icon, ie) }),
+                /* @__PURE__ */ l("span", { className: r.valueLabel, children: n ? n.label : $ ?? D("select.placeholder") })
+              ] }),
+              H && N !== "" && !c && /* @__PURE__ */ l(
+                "button",
+                {
+                  type: "button",
+                  className: r.clear,
+                  "aria-label": D("select.clear"),
+                  tabIndex: -1,
+                  onMouseDown: (e) => e.preventDefault(),
+                  onClick: ce,
+                  children: /* @__PURE__ */ l(C, { name: "CloseCircle", size: "sm" })
+                }
+              ),
+              /* @__PURE__ */ l(
+                C,
+                {
+                  name: "ArrowDown4",
+                  className: r.chevron,
+                  style: { width: E, height: E },
+                  "aria-hidden": "true"
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ l(
+          he,
+          {
+            menu: t,
+            anchorRef: d,
+            size: m,
+            searchPlaceholder: G,
+            loading: Q,
+            loadingText: U,
+            noOptionsText: X,
+            showSelectedTick: Y,
+            labelledBy: s != null ? y : void 0
+          }
+        ),
+        S != null && /* @__PURE__ */ l(
+          A,
+          {
+            as: "span",
+            id: k,
+            variant: "bodySmall",
+            color: g ? "error" : "muted",
+            className: r.helper,
+            children: S
+          }
+        )
+      ]
+    }
+  );
+});
+export {
+  Qe as S
+};
+//# sourceMappingURL=Select-BAR_aVSz.js.map

package/dist/Select-BAR_aVSz.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select-BAR_aVSz.js","sources":["../src/components/Select/Select.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useCallback,\n  useId,\n  useRef,\n  useState,\n  type CSSProperties,\n  type FocusEvent,\n  type MouseEvent as ReactMouseEvent,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport { useT } from '../../theme'\nimport { useFormContext } from '../../form/formContext'\nimport { ICON_NAMES, type IconName } from '../../icons/names'\nimport { Icon } from '../Icon'\nimport { OptionMenu } from '../OptionMenu/OptionMenu'\nimport { useOptionMenu, type SelectOption } from '../OptionMenu/useOptionMenu'\nimport { Typography } from '../Typography'\nimport styles from './Select.module.css'\n\nconst ICON_NAME_SET = new Set<string>(ICON_NAMES)\n\nexport type SelectSize = 'sm' | 'md' | 'lg'\n\nexport type { SelectOption }\n\n/** Renders an option's icon (an `IconName` becomes an `<Icon>`; anything else is used as-is). */\nfunction renderIcon(icon: IconName | ReactNode, size: 'sm' | 'md'): ReactNode {\n  if (icon == null) return null\n  if (typeof icon === 'string' && ICON_NAME_SET.has(icon))\n    return <Icon name={icon as IconName} size={size} />\n  return icon\n}\n\nexport interface SelectProps {\n  /** Label rendered above the field. */\n  label?: ReactNode\n  /** The selectable options. */\n  options: SelectOption[]\n  /** Preset size — control height, font and option density. */\n  size?: SelectSize\n  /** Marks the field invalid: red border/ring + the `helperText` in the error color. */\n  error?: boolean\n  /** Helper / validation text under the field. Adopts the error color while `error`. */\n  helperText?: ReactNode\n  /** Adds a red asterisk after the label. */\n  required?: boolean\n  /** Stretches the field to fill its container width. Defaults to `true`. */\n  fullWidth?: boolean\n  /** Disables the field. */\n  disabled?: boolean\n  /** Controlled value — the chosen option's `value` (`''` = nothing selected). */\n  value?: string\n  /** Initial value for uncontrolled use. */\n  defaultValue?: string\n  /** Fires with the next value (`''` when cleared). */\n  onChange?: (value: string) => void\n  /** Text shown in the trigger when nothing is selected. Defaults to `\"Select…\"`. */\n  placeholder?: string\n  /** Shows a clear (×) button in the trigger when a value is set. Defaults to `true`. */\n  clearable?: boolean\n  /** Adds a search box inside the popover that filters options by label. */\n  searchable?: boolean\n  /** Placeholder for the search box. Defaults to `\"Search…\"`. */\n  searchPlaceholder?: string\n  /**\n   * Fires with the search query as the user types. **Providing this switches off the built-in\n   * local filtering** — you own `options` (e.g. fetch them from a server for the current query).\n   */\n  onSearchChange?: (query: string) => void\n  /** Shows a loading indicator in the popover (e.g. while fetching server-side search results). */\n  loading?: boolean\n  /** Text shown next to the loader while `loading`. Defaults to `\"Loading…\"`. */\n  loadingText?: ReactNode\n  /**\n   * Shown in the popover when no option matches. Defaults to `\"No options\"`. Pass a function\n   * `(query) => node` to vary the message by the current search text — e.g. a \"Type to search\" hint\n   * while it's empty vs a \"No results\" message after typing.\n   */\n  noOptionsText?: ReactNode | ((query: string) => ReactNode)\n  /** Show the trailing tick on the selected option. Defaults to `true` (the row still gets its tint). */\n  showSelectedTick?: boolean\n  /** Form field name — auto-binds to a surrounding `<Form>` (value is the option's `value`). */\n  name?: string\n  /** Id for the trigger (label association). */\n  id?: string\n  className?: string\n  style?: CSSProperties\n}\n\n/**\n * A labeled single-select. The trigger reuses TextField-style chrome (label, helper/error, sizes,\n * `required`, `fullWidth`, `disabled`); clicking it opens a `Dropdown`-style popover — portaled to\n * `<body>`, opening below (flipping above only when it would overflow), locking page scroll,\n * re-positioning on scroll/resize, matching the trigger width, and entering with the shared\n * opacity + translate animation. Options render as `ListItem`s in a `role=\"listbox\"`; the chosen\n * option is highlighted with a tick, disabled options are inert. Full keyboard support\n * (Arrow/Home/End to move, Enter/Space to select, Escape to close, type-ahead) and ARIA\n * (`listbox`/`option`, `aria-activedescendant`, `aria-expanded`). Optionally `searchable` (a filter\n * box) and `clearable` (a × to reset); pass `onSearchChange` to drive the search **server-side** (the\n * consumer owns `options` for the current query — local filtering is skipped) with a `loading`\n * indicator. Controlled (`value` + `onChange`) or uncontrolled\n * (`defaultValue`), and binds to a surrounding `<Form>` by `name` (value = the option's `value`;\n * validate with e.g. `z.string().min(1, 'Required')`). Token-only styling.\n */\nexport const Select = forwardRef<HTMLDivElement, SelectProps>(function Select(\n  {\n    label,\n    options,\n    size = 'md',\n    error,\n    helperText,\n    required = false,\n    fullWidth = true,\n    disabled = false,\n    value,\n    defaultValue,\n    onChange,\n    placeholder,\n    clearable = true,\n    searchable = false,\n    searchPlaceholder,\n    onSearchChange,\n    loading = false,\n    loadingText,\n    noOptionsText,\n    showSelectedTick = true,\n    name,\n    id: idProp,\n    className,\n    style,\n  },\n  ref,\n) {\n  const reactId = useId()\n  const id = idProp ?? reactId\n  const labelId = `${id}-label`\n  const helperId = `${id}-helper`\n\n  const t = useT()\n\n  // ── value (controlled / form-bound / uncontrolled) ─────────────────────────────────────────────\n  const form = useFormContext()\n  const isFormBound = Boolean(form && name)\n  const bound = isFormBound ? form!.field(name!) : undefined\n  const externalValue =\n    value !== undefined\n      ? value\n      : isFormBound\n        ? ((form!.values[name!] as string | undefined) ?? '')\n        : undefined\n  const isControlled = value !== undefined || isFormBound\n  const [internal, setInternal] = useState<string>(defaultValue ?? '')\n  const currentValue = isControlled ? externalValue! : internal\n\n  const resolvedError = error ?? bound?.error ?? false\n  const resolvedHelperText = helperText ?? bound?.helperText\n\n  const selected = options.find((o) => o.value === currentValue)\n  const hasValue = selected != null\n\n  const commit = (next: string) => {\n    if (!isControlled) setInternal(next)\n    if (isFormBound) form!.setValue(name!, next)\n    onChange?.(next)\n  }\n\n  // ── the option popover (state + keys shared with MultiSelect / PhoneField) ─────────────────────\n  const triggerRef = useRef<HTMLDivElement | null>(null)\n  // stable handle to the form field's blur (touched) callback — field() returns a fresh object each render\n  const fieldBlur = useRef<(() => void) | undefined>(undefined)\n  fieldBlur.current = bound ? () => bound.onBlur({} as FocusEvent<HTMLInputElement>) : undefined\n\n  const setTriggerRef = useCallback(\n    (node: HTMLDivElement | null) => {\n      triggerRef.current = node\n      if (typeof ref === 'function') ref(node)\n      else if (ref) (ref as { current: HTMLDivElement | null }).current = node\n    },\n    [ref],\n  )\n\n  const menu = useOptionMenu({\n    idBase: id,\n    options,\n    isSelected: (o) => o.value === currentValue,\n    onPick: (o) => commit(o.value),\n    searchable,\n    onSearchChange,\n    disabled,\n    focusRef: triggerRef,\n    onClose: () => fieldBlur.current?.(),\n  })\n  const { open } = menu\n\n  const handleTriggerBlur = (event: FocusEvent<HTMLDivElement>) => {\n    // mark the form field touched only when focus leaves the whole widget (not into the popover)\n    const next = event.relatedTarget as Node | null\n    if (next && (menu.popoverRef.current?.contains(next) || triggerRef.current?.contains(next)))\n      return\n    bound?.onBlur(event as unknown as FocusEvent<HTMLInputElement>)\n  }\n\n  const handleClear = (event: ReactMouseEvent) => {\n    event.stopPropagation()\n    commit('')\n    triggerRef.current?.focus()\n  }\n\n  const iconSize: 'sm' | 'md' = size === 'sm' ? 'sm' : 'md'\n  // chevron size per field size: sm 16 · md 14 · lg 12\n  const chevronPx = size === 'sm' ? 16 : size === 'md' ? 14 : 12\n\n  return (\n    <div\n      className={clsx(\n        styles.field,\n        styles[size],\n        fullWidth && styles.fullWidth,\n        resolvedError && styles.error,\n        disabled && styles.disabled,\n        className,\n      )}\n      style={style}\n    >\n      {label != null && (\n        <span\n          id={labelId}\n          className={styles.label}\n          onClick={() => !disabled && triggerRef.current?.focus()}\n        >\n          <Typography as=\"span\" variant=\"bodySmall\" color=\"muted\">\n            {label}\n          </Typography>\n          {required && (\n            <span className={styles.required} aria-hidden=\"true\">\n              *\n            </span>\n          )}\n        </span>\n      )}\n\n      <div\n        ref={setTriggerRef}\n        id={id}\n        // `name` lets the form's scroll-to-error find + focus this field\n        {...(name ? { name } : {})}\n        role=\"combobox\"\n        tabIndex={disabled ? -1 : 0}\n        aria-haspopup=\"listbox\"\n        aria-expanded={open}\n        aria-controls={open ? menu.listboxId : undefined}\n        aria-activedescendant={searchable ? undefined : menu.activeId}\n        aria-labelledby={label != null ? labelId : undefined}\n        aria-disabled={disabled || undefined}\n        aria-required={required || undefined}\n        aria-invalid={resolvedError || undefined}\n        aria-describedby={resolvedHelperText != null ? helperId : undefined}\n        className={clsx(styles.control, open && styles.open)}\n        onClick={menu.toggleMenu}\n        onKeyDown={menu.handleKeyDown}\n        onBlur={handleTriggerBlur}\n      >\n        <span className={clsx(styles.value, !hasValue && styles.placeholder)}>\n          {selected?.icon != null && (\n            <span className={styles.valueIcon}>{renderIcon(selected.icon, iconSize)}</span>\n          )}\n          <span className={styles.valueLabel}>\n            {selected ? selected.label : (placeholder ?? t('select.placeholder'))}\n          </span>\n        </span>\n\n        {clearable && currentValue !== '' && !disabled && (\n          <button\n            type=\"button\"\n            className={styles.clear}\n            aria-label={t('select.clear')}\n            tabIndex={-1}\n            onMouseDown={(e) => e.preventDefault()}\n            onClick={handleClear}\n          >\n            <Icon name=\"CloseCircle\" size=\"sm\" />\n          </button>\n        )}\n\n        <Icon\n          name=\"ArrowDown4\"\n          className={styles.chevron}\n          style={{ width: chevronPx, height: chevronPx }}\n          aria-hidden=\"true\"\n        />\n      </div>\n\n      <OptionMenu\n        menu={menu}\n        anchorRef={triggerRef}\n        size={size}\n        searchPlaceholder={searchPlaceholder}\n        loading={loading}\n        loadingText={loadingText}\n        noOptionsText={noOptionsText}\n        showSelectedTick={showSelectedTick}\n        labelledBy={label != null ? labelId : undefined}\n      />\n\n      {resolvedHelperText != null && (\n        <Typography\n          as=\"span\"\n          id={helperId}\n          variant=\"bodySmall\"\n          color={resolvedError ? 'error' : 'muted'}\n          className={styles.helper}\n        >\n          {resolvedHelperText}\n        </Typography>\n      )}\n    </div>\n  )\n})\n"],"names":["ICON_NAME_SET","ICON_NAMES","renderIcon","icon","size","jsx","Icon","Select","forwardRef","label","options","error","helperText","required","fullWidth","disabled","value","defaultValue","onChange","placeholder","clearable","searchable","searchPlaceholder","onSearchChange","loading","loadingText","noOptionsText","showSelectedTick","name","idProp","className","style","ref","reactId","useId","id","labelId","helperId","t","useT","form","useFormContext","isFormBound","bound","externalValue","isControlled","internal","setInternal","useState","currentValue","resolvedError","resolvedHelperText","selected","o","hasValue","commit","next","triggerRef","useRef","fieldBlur","setTriggerRef","useCallback","node","menu","useOptionMenu","_a","open","handleTriggerBlur","event","_b","handleClear","iconSize","chevronPx","jsxs","clsx","styles","Typography","OptionMenu"],"mappings":"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"}

package/dist/Select-BuVfUiw-.cjs

@@ -0,0 +1,2 @@
+"use strict";const l=require("react/jsx-runtime"),_=require("react"),S=require("clsx"),ue=require("./formContext-bTWrqdEV.cjs"),de=require("./names-BJnFU_5m.cjs"),C=require("./Icon-BVULqOJD.cjs"),P=require("./useOptionMenu-C0xSaZ4t.cjs"),V=require("./Typography-B6ASPrzT.cjs"),_e=require("./ConfigProvider-BElY0HuV.cjs"),me="_field_7r95m_1",pe="_fullWidth_7r95m_7",ve="_label_7r95m_13",he="_required_7r95m_22",fe="_control_7r95m_28",xe="_open_7r95m_47",Ie="_error_7r95m_52",be="_disabled_7r95m_60",ye="_value_7r95m_70",ge="_valueIcon_7r95m_78",je="_valueLabel_7r95m_82",Ne="_placeholder_7r95m_87",qe="_clear_7r95m_92",Se="_chevron_7r95m_111",Ce="_sm_7r95m_121",Te="_md_7r95m_125",Re="_lg_7r95m_129",we="_helper_7r95m_134",r={field:me,fullWidth:pe,label:ve,required:he,control:fe,open:xe,error:Ie,disabled:be,value:ye,valueIcon:ge,valueLabel:je,placeholder:Ne,clear:qe,chevron:Se,sm:Ce,md:Te,lg:Re,helper:we},Be=new Set(de.ICON_NAMES);function Me(t,c){return t==null?null:typeof t=="string"&&Be.has(t)?l.jsx(C.Icon,{name:t,size:c}):t}const ke=_.forwardRef(function({label:c,options:T,size:m="md",error:W,helperText:A,required:R=!1,fullWidth:F=!0,disabled:a=!1,value:I,defaultValue:K,onChange:b,placeholder:$,clearable:H=!0,searchable:w=!1,searchPlaceholder:G,onSearchChange:J,loading:Q=!1,loadingText:U,noOptionsText:X,showSelectedTick:Y=!0,name:i,id:Z,className:z,style:ee},p){const re=_.useId(),v=Z??re,y=`${v}-label`,B=`${v}-helper`,M=_e.useT(),h=ue.useFormContext(),f=!!(h&&i),o=f?h.field(i):void 0,le=I!==void 0?I:f?h.values[i]??"":void 0,k=I!==void 0||f,[oe,ne]=_.useState(K??""),g=k?le:oe,j=W??(o==null?void 0:o.error)??!1,N=A??(o==null?void 0:o.helperText),n=T.find(e=>e.value===g),se=n!=null,D=e=>{k||ne(e),f&&h.setValue(i,e),b==null||b(e)},u=_.useRef(null),x=_.useRef(void 0);x.current=o?()=>o.onBlur({}):void 0;const te=_.useCallback(e=>{u.current=e,typeof p=="function"?p(e):p&&(p.current=e)},[p]),s=P.useOptionMenu({idBase:v,options:T,isSelected:e=>e.value===g,onPick:e=>D(e.value),searchable:w,onSearchChange:J,disabled:a,focusRef:u,onClose:()=>{var e;return(e=x.current)==null?void 0:e.call(x)}}),{open:q}=s,ce=e=>{var E,L;const d=e.relatedTarget;d&&((E=s.popoverRef.current)!=null&&E.contains(d)||(L=u.current)!=null&&L.contains(d))||o==null||o.onBlur(e)},ae=e=>{var d;e.stopPropagation(),D(""),(d=u.current)==null||d.focus()},ie=m==="sm"?"sm":"md",O=m==="sm"?16:m==="md"?14:12;return l.jsxs("div",{className:S.clsx(r.field,r[m],F&&r.fullWidth,j&&r.error,a&&r.disabled,z),style:ee,children:[c!=null&&l.jsxs("span",{id:y,className:r.label,onClick:()=>{var e;return!a&&((e=u.current)==null?void 0:e.focus())},children:[l.jsx(V.Typography,{as:"span",variant:"bodySmall",color:"muted",children:c}),R&&l.jsx("span",{className:r.required,"aria-hidden":"true",children:"*"})]}),l.jsxs("div",{ref:te,id:v,...i?{name:i}:{},role:"combobox",tabIndex:a?-1:0,"aria-haspopup":"listbox","aria-expanded":q,"aria-controls":q?s.listboxId:void 0,"aria-activedescendant":w?void 0:s.activeId,"aria-labelledby":c!=null?y:void 0,"aria-disabled":a||void 0,"aria-required":R||void 0,"aria-invalid":j||void 0,"aria-describedby":N!=null?B:void 0,className:S.clsx(r.control,q&&r.open),onClick:s.toggleMenu,onKeyDown:s.handleKeyDown,onBlur:ce,children:[l.jsxs("span",{className:S.clsx(r.value,!se&&r.placeholder),children:[(n==null?void 0:n.icon)!=null&&l.jsx("span",{className:r.valueIcon,children:Me(n.icon,ie)}),l.jsx("span",{className:r.valueLabel,children:n?n.label:$??M("select.placeholder")})]}),H&&g!==""&&!a&&l.jsx("button",{type:"button",className:r.clear,"aria-label":M("select.clear"),tabIndex:-1,onMouseDown:e=>e.preventDefault(),onClick:ae,children:l.jsx(C.Icon,{name:"CloseCircle",size:"sm"})}),l.jsx(C.Icon,{name:"ArrowDown4",className:r.chevron,style:{width:O,height:O},"aria-hidden":"true"})]}),l.jsx(P.OptionMenu,{menu:s,anchorRef:u,size:m,searchPlaceholder:G,loading:Q,loadingText:U,noOptionsText:X,showSelectedTick:Y,labelledBy:c!=null?y:void 0}),N!=null&&l.jsx(V.Typography,{as:"span",id:B,variant:"bodySmall",color:j?"error":"muted",className:r.helper,children:N})]})});exports.Select=ke;
+//# sourceMappingURL=Select-BuVfUiw-.cjs.map

package/dist/Select-BuVfUiw-.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select-BuVfUiw-.cjs","sources":["../src/components/Select/Select.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useCallback,\n  useId,\n  useRef,\n  useState,\n  type CSSProperties,\n  type FocusEvent,\n  type MouseEvent as ReactMouseEvent,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport { useT } from '../../theme'\nimport { useFormContext } from '../../form/formContext'\nimport { ICON_NAMES, type IconName } from '../../icons/names'\nimport { Icon } from '../Icon'\nimport { OptionMenu } from '../OptionMenu/OptionMenu'\nimport { useOptionMenu, type SelectOption } from '../OptionMenu/useOptionMenu'\nimport { Typography } from '../Typography'\nimport styles from './Select.module.css'\n\nconst ICON_NAME_SET = new Set<string>(ICON_NAMES)\n\nexport type SelectSize = 'sm' | 'md' | 'lg'\n\nexport type { SelectOption }\n\n/** Renders an option's icon (an `IconName` becomes an `<Icon>`; anything else is used as-is). */\nfunction renderIcon(icon: IconName | ReactNode, size: 'sm' | 'md'): ReactNode {\n  if (icon == null) return null\n  if (typeof icon === 'string' && ICON_NAME_SET.has(icon))\n    return <Icon name={icon as IconName} size={size} />\n  return icon\n}\n\nexport interface SelectProps {\n  /** Label rendered above the field. */\n  label?: ReactNode\n  /** The selectable options. */\n  options: SelectOption[]\n  /** Preset size — control height, font and option density. */\n  size?: SelectSize\n  /** Marks the field invalid: red border/ring + the `helperText` in the error color. */\n  error?: boolean\n  /** Helper / validation text under the field. Adopts the error color while `error`. */\n  helperText?: ReactNode\n  /** Adds a red asterisk after the label. */\n  required?: boolean\n  /** Stretches the field to fill its container width. Defaults to `true`. */\n  fullWidth?: boolean\n  /** Disables the field. */\n  disabled?: boolean\n  /** Controlled value — the chosen option's `value` (`''` = nothing selected). */\n  value?: string\n  /** Initial value for uncontrolled use. */\n  defaultValue?: string\n  /** Fires with the next value (`''` when cleared). */\n  onChange?: (value: string) => void\n  /** Text shown in the trigger when nothing is selected. Defaults to `\"Select…\"`. */\n  placeholder?: string\n  /** Shows a clear (×) button in the trigger when a value is set. Defaults to `true`. */\n  clearable?: boolean\n  /** Adds a search box inside the popover that filters options by label. */\n  searchable?: boolean\n  /** Placeholder for the search box. Defaults to `\"Search…\"`. */\n  searchPlaceholder?: string\n  /**\n   * Fires with the search query as the user types. **Providing this switches off the built-in\n   * local filtering** — you own `options` (e.g. fetch them from a server for the current query).\n   */\n  onSearchChange?: (query: string) => void\n  /** Shows a loading indicator in the popover (e.g. while fetching server-side search results). */\n  loading?: boolean\n  /** Text shown next to the loader while `loading`. Defaults to `\"Loading…\"`. */\n  loadingText?: ReactNode\n  /**\n   * Shown in the popover when no option matches. Defaults to `\"No options\"`. Pass a function\n   * `(query) => node` to vary the message by the current search text — e.g. a \"Type to search\" hint\n   * while it's empty vs a \"No results\" message after typing.\n   */\n  noOptionsText?: ReactNode | ((query: string) => ReactNode)\n  /** Show the trailing tick on the selected option. Defaults to `true` (the row still gets its tint). */\n  showSelectedTick?: boolean\n  /** Form field name — auto-binds to a surrounding `<Form>` (value is the option's `value`). */\n  name?: string\n  /** Id for the trigger (label association). */\n  id?: string\n  className?: string\n  style?: CSSProperties\n}\n\n/**\n * A labeled single-select. The trigger reuses TextField-style chrome (label, helper/error, sizes,\n * `required`, `fullWidth`, `disabled`); clicking it opens a `Dropdown`-style popover — portaled to\n * `<body>`, opening below (flipping above only when it would overflow), locking page scroll,\n * re-positioning on scroll/resize, matching the trigger width, and entering with the shared\n * opacity + translate animation. Options render as `ListItem`s in a `role=\"listbox\"`; the chosen\n * option is highlighted with a tick, disabled options are inert. Full keyboard support\n * (Arrow/Home/End to move, Enter/Space to select, Escape to close, type-ahead) and ARIA\n * (`listbox`/`option`, `aria-activedescendant`, `aria-expanded`). Optionally `searchable` (a filter\n * box) and `clearable` (a × to reset); pass `onSearchChange` to drive the search **server-side** (the\n * consumer owns `options` for the current query — local filtering is skipped) with a `loading`\n * indicator. Controlled (`value` + `onChange`) or uncontrolled\n * (`defaultValue`), and binds to a surrounding `<Form>` by `name` (value = the option's `value`;\n * validate with e.g. `z.string().min(1, 'Required')`). Token-only styling.\n */\nexport const Select = forwardRef<HTMLDivElement, SelectProps>(function Select(\n  {\n    label,\n    options,\n    size = 'md',\n    error,\n    helperText,\n    required = false,\n    fullWidth = true,\n    disabled = false,\n    value,\n    defaultValue,\n    onChange,\n    placeholder,\n    clearable = true,\n    searchable = false,\n    searchPlaceholder,\n    onSearchChange,\n    loading = false,\n    loadingText,\n    noOptionsText,\n    showSelectedTick = true,\n    name,\n    id: idProp,\n    className,\n    style,\n  },\n  ref,\n) {\n  const reactId = useId()\n  const id = idProp ?? reactId\n  const labelId = `${id}-label`\n  const helperId = `${id}-helper`\n\n  const t = useT()\n\n  // ── value (controlled / form-bound / uncontrolled) ─────────────────────────────────────────────\n  const form = useFormContext()\n  const isFormBound = Boolean(form && name)\n  const bound = isFormBound ? form!.field(name!) : undefined\n  const externalValue =\n    value !== undefined\n      ? value\n      : isFormBound\n        ? ((form!.values[name!] as string | undefined) ?? '')\n        : undefined\n  const isControlled = value !== undefined || isFormBound\n  const [internal, setInternal] = useState<string>(defaultValue ?? '')\n  const currentValue = isControlled ? externalValue! : internal\n\n  const resolvedError = error ?? bound?.error ?? false\n  const resolvedHelperText = helperText ?? bound?.helperText\n\n  const selected = options.find((o) => o.value === currentValue)\n  const hasValue = selected != null\n\n  const commit = (next: string) => {\n    if (!isControlled) setInternal(next)\n    if (isFormBound) form!.setValue(name!, next)\n    onChange?.(next)\n  }\n\n  // ── the option popover (state + keys shared with MultiSelect / PhoneField) ─────────────────────\n  const triggerRef = useRef<HTMLDivElement | null>(null)\n  // stable handle to the form field's blur (touched) callback — field() returns a fresh object each render\n  const fieldBlur = useRef<(() => void) | undefined>(undefined)\n  fieldBlur.current = bound ? () => bound.onBlur({} as FocusEvent<HTMLInputElement>) : undefined\n\n  const setTriggerRef = useCallback(\n    (node: HTMLDivElement | null) => {\n      triggerRef.current = node\n      if (typeof ref === 'function') ref(node)\n      else if (ref) (ref as { current: HTMLDivElement | null }).current = node\n    },\n    [ref],\n  )\n\n  const menu = useOptionMenu({\n    idBase: id,\n    options,\n    isSelected: (o) => o.value === currentValue,\n    onPick: (o) => commit(o.value),\n    searchable,\n    onSearchChange,\n    disabled,\n    focusRef: triggerRef,\n    onClose: () => fieldBlur.current?.(),\n  })\n  const { open } = menu\n\n  const handleTriggerBlur = (event: FocusEvent<HTMLDivElement>) => {\n    // mark the form field touched only when focus leaves the whole widget (not into the popover)\n    const next = event.relatedTarget as Node | null\n    if (next && (menu.popoverRef.current?.contains(next) || triggerRef.current?.contains(next)))\n      return\n    bound?.onBlur(event as unknown as FocusEvent<HTMLInputElement>)\n  }\n\n  const handleClear = (event: ReactMouseEvent) => {\n    event.stopPropagation()\n    commit('')\n    triggerRef.current?.focus()\n  }\n\n  const iconSize: 'sm' | 'md' = size === 'sm' ? 'sm' : 'md'\n  // chevron size per field size: sm 16 · md 14 · lg 12\n  const chevronPx = size === 'sm' ? 16 : size === 'md' ? 14 : 12\n\n  return (\n    <div\n      className={clsx(\n        styles.field,\n        styles[size],\n        fullWidth && styles.fullWidth,\n        resolvedError && styles.error,\n        disabled && styles.disabled,\n        className,\n      )}\n      style={style}\n    >\n      {label != null && (\n        <span\n          id={labelId}\n          className={styles.label}\n          onClick={() => !disabled && triggerRef.current?.focus()}\n        >\n          <Typography as=\"span\" variant=\"bodySmall\" color=\"muted\">\n            {label}\n          </Typography>\n          {required && (\n            <span className={styles.required} aria-hidden=\"true\">\n              *\n            </span>\n          )}\n        </span>\n      )}\n\n      <div\n        ref={setTriggerRef}\n        id={id}\n        // `name` lets the form's scroll-to-error find + focus this field\n        {...(name ? { name } : {})}\n        role=\"combobox\"\n        tabIndex={disabled ? -1 : 0}\n        aria-haspopup=\"listbox\"\n        aria-expanded={open}\n        aria-controls={open ? menu.listboxId : undefined}\n        aria-activedescendant={searchable ? undefined : menu.activeId}\n        aria-labelledby={label != null ? labelId : undefined}\n        aria-disabled={disabled || undefined}\n        aria-required={required || undefined}\n        aria-invalid={resolvedError || undefined}\n        aria-describedby={resolvedHelperText != null ? helperId : undefined}\n        className={clsx(styles.control, open && styles.open)}\n        onClick={menu.toggleMenu}\n        onKeyDown={menu.handleKeyDown}\n        onBlur={handleTriggerBlur}\n      >\n        <span className={clsx(styles.value, !hasValue && styles.placeholder)}>\n          {selected?.icon != null && (\n            <span className={styles.valueIcon}>{renderIcon(selected.icon, iconSize)}</span>\n          )}\n          <span className={styles.valueLabel}>\n            {selected ? selected.label : (placeholder ?? t('select.placeholder'))}\n          </span>\n        </span>\n\n        {clearable && currentValue !== '' && !disabled && (\n          <button\n            type=\"button\"\n            className={styles.clear}\n            aria-label={t('select.clear')}\n            tabIndex={-1}\n            onMouseDown={(e) => e.preventDefault()}\n            onClick={handleClear}\n          >\n            <Icon name=\"CloseCircle\" size=\"sm\" />\n          </button>\n        )}\n\n        <Icon\n          name=\"ArrowDown4\"\n          className={styles.chevron}\n          style={{ width: chevronPx, height: chevronPx }}\n          aria-hidden=\"true\"\n        />\n      </div>\n\n      <OptionMenu\n        menu={menu}\n        anchorRef={triggerRef}\n        size={size}\n        searchPlaceholder={searchPlaceholder}\n        loading={loading}\n        loadingText={loadingText}\n        noOptionsText={noOptionsText}\n        showSelectedTick={showSelectedTick}\n        labelledBy={label != null ? labelId : undefined}\n      />\n\n      {resolvedHelperText != null && (\n        <Typography\n          as=\"span\"\n          id={helperId}\n          variant=\"bodySmall\"\n          color={resolvedError ? 'error' : 'muted'}\n          className={styles.helper}\n        >\n          {resolvedHelperText}\n        </Typography>\n      )}\n    </div>\n  )\n})\n"],"names":["ICON_NAME_SET","ICON_NAMES","renderIcon","icon","size","jsx","Icon","Select","forwardRef","label","options","error","helperText","required","fullWidth","disabled","value","defaultValue","onChange","placeholder","clearable","searchable","searchPlaceholder","onSearchChange","loading","loadingText","noOptionsText","showSelectedTick","name","idProp","className","style","ref","reactId","useId","id","labelId","helperId","t","useT","form","useFormContext","isFormBound","bound","externalValue","isControlled","internal","setInternal","useState","currentValue","resolvedError","resolvedHelperText","selected","o","hasValue","commit","next","triggerRef","useRef","fieldBlur","setTriggerRef","useCallback","node","menu","useOptionMenu","_a","open","handleTriggerBlur","event","_b","handleClear","iconSize","chevronPx","jsxs","clsx","styles","Typography","OptionMenu"],"mappings":"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"}