@cloudflare/kumo 2.3.0 → 2.4.0

package/dist/chunks/{select-o2i7aovnu8v1zv8t.js → select-dw9iw35ug7yer3o3.js}

@@ -1,122 +1,130 @@
 "use client";
 import { jsxs as m, jsx as a } from "react/jsx-runtime";
-import { CaretUpDownIcon as B, CheckIcon as W } from "@phosphor-icons/react";
-import { useId as H, forwardRef as p } from "react";
+import { CaretUpDownIcon as H, CheckIcon as J } from "@phosphor-icons/react";
+import { useId as Q, forwardRef as g } from "react";
 import { c as l } from "./cn-ct4n7r74mh8y0f48.js";
-import { b as J } from "./button-fxdpoacmq5rv1adk.js";
-import { K as Q } from "./input-mv7giprcc6hfkpq3.js";
-import { S as X } from "./skeleton-line-epxenksfesr2fkcv.js";
-import { L as Y } from "./label-f6yvqca8qhbpvkq8.js";
-import { F as Z } from "./field-n16udu32tpyq5udz.js";
-import { u as q } from "./portal-provider-hwmkdmkpvct0cb76.js";
-import { b0 as ee, b1 as te, b2 as ae, b3 as se, b4 as oe, b5 as ne, b6 as le, b7 as ie, b8 as re, b9 as ce, ba as de, bb as ue, bc as me, bd as be, S as fe } from "./vendor-base-ui-mzjqwv5teijixz8h.js";
-Q.size;
-const w = {
+import { b as X } from "./button-mnrxu6dud2x5js5b.js";
+import { K as Y } from "./input-en8hhb14mmt3tfwn.js";
+import { S as Z } from "./skeleton-line-epxenksfesr2fkcv.js";
+import { L as q } from "./label-c8rz453pti66slki.js";
+import { F as ee } from "./field-c8o7h3rlam4c9pcx.js";
+import { u as te } from "./portal-provider-hwmkdmkpvct0cb76.js";
+import { b1 as ae, b2 as oe, b3 as se, b4 as ne, b5 as le, b6 as ie, b7 as re, b8 as ce, b9 as de, ba as ue, bb as me, bc as be, bd as fe, be as pe, S as ge } from "./vendor-base-ui-knphx7dts1vm1x37.js";
+Y.size;
+const A = {
   size: "base"
 };
-function pe({
-  size: e = w.size
+function he({
+  size: e = A.size
 } = {}) {
   return l(
-    J({ size: e }),
+    X({ size: e }),
     "justify-between font-normal",
     "focus:opacity-100 focus:ring-kumo-focus/50 focus-visible:ring-inset *:in-focus:opacity-100"
   );
 }
-const I = {
+const z = {
   xs: { iconSize: 12, className: "text-kumo-subtle" },
   sm: { iconSize: 14, className: "text-kumo-subtle" },
   base: { iconSize: 16, className: "text-kumo-subtle" },
   lg: { iconSize: 18, className: "text-kumo-subtle" }
 };
-function z(e) {
+function O(e) {
   if (e == null || typeof e != "object" || Array.isArray(e) || "$$typeof" in e || e instanceof Promise) return !1;
-  const s = e;
-  return "label" in s && s.label !== void 0;
+  const o = e;
+  return "label" in o && o.label !== void 0;
 }
-function A(e) {
-  return Array.isArray(e) ? e : Object.entries(e).map(([s, o]) => ({
-    value: s,
-    label: z(o) ? o.label : o
+function C(e) {
+  return Array.isArray(e) ? e : Object.entries(e).map(([o, s]) => ({
+    value: o,
+    label: O(s) ? s.label : s
   }));
 }
-function ge(e) {
-  const s = A(e), o = /* @__PURE__ */ new Map();
+function Se(e) {
+  const o = C(e), s = /* @__PURE__ */ new Map();
   if (!Array.isArray(e))
     for (const [t, i] of Object.entries(e))
-      z(i) && o.set(t, { disabled: i.disabled });
-  return s.filter((t) => t.value !== null).map((t, i) => {
-    const c = typeof t.value == "string" ? t.value : `option-${i}`, u = typeof t.value == "string" ? o.get(t.value) : void 0;
-    return /* @__PURE__ */ a(O, { value: t.value, disabled: u?.disabled, children: t.label }, c);
+      O(i) && s.set(t, { disabled: i.disabled });
+  return o.filter((t) => t.value !== null).map((t, i) => {
+    const c = typeof t.value == "string" ? t.value : `option-${i}`, u = typeof t.value == "string" ? s.get(t.value) : void 0;
+    return /* @__PURE__ */ a(F, { value: t.value, disabled: u?.disabled, children: t.label }, c);
   });
 }
 function d({
   children: e,
-  className: s,
-  renderValue: o,
+  className: o,
+  renderValue: s,
   label: t,
   hideLabel: i,
   placeholder: c,
   loading: u,
-  size: b = w.size,
-  labelTooltip: g,
+  size: b = A.size,
+  labelTooltip: h,
   description: f,
   error: n,
-  required: h,
-  container: j,
+  required: S,
+  container: _,
   ...r
 }) {
-  const S = H(), P = q(), _ = j ?? P ?? void 0, y = r, E = y["aria-label"], T = y["aria-labelledby"], U = typeof t == "string" ? t : c;
+  const y = Q(), E = te(), T = _ ?? E ?? void 0, x = r, U = x["aria-label"], V = x["aria-labelledby"], D = typeof t == "string" ? t : c;
   process.env.NODE_ENV !== "production" && i !== void 0 && console.warn(
     '[Kumo Select]: `hideLabel` is deprecated. For hidden labels, use `aria-label` instead of `label` + `hideLabel={true}`.\n  Migration:\n  - For visible labels: <Select label="Country" /> (hideLabel no longer needed)\n  - For hidden labels: <Select aria-label="Select a country" /> (remove label and hideLabel)'
   );
-  const x = t && i !== !0, N = x ? void 0 : T ?? (t ? S : void 0), V = E ?? (N ? void 0 : U), D = r.items ? A(r.items) : void 0, K = e || (r.items ? ge(r.items) : null), M = o ? (L) => L == null ? c == null ? null : /* @__PURE__ */ a("span", { className: "text-kumo-placeholder", children: c }) : o(L) : void 0, { items: he, ...R } = r, $ = t ? /* @__PURE__ */ a(re, { className: "m-0 select-none text-base font-medium text-kumo-default", children: /* @__PURE__ */ a(
-    Y,
+  const N = t && i !== !0, k = N ? void 0 : V ?? (t ? y : void 0), K = U ?? (k ? void 0 : D), M = r.items ? C(r.items) : void 0, R = e || (r.items ? Se(r.items) : null), $ = s ? (p) => {
+    const I = c != null ? /* @__PURE__ */ a("span", { className: "text-kumo-placeholder", children: c }) : null;
+    if (p == null || p === "")
+      return I;
+    const w = s(p);
+    return w ?? I;
+  } : void 0, { items: ye, ...B } = r, W = t ? /* @__PURE__ */ a(de, { className: "m-0 select-none text-base font-medium text-kumo-default", children: /* @__PURE__ */ a(
+    q,
     {
-      showOptional: h === !1,
-      tooltip: i ? void 0 : g,
+      showOptional: S === !1,
+      tooltip: i ? void 0 : h,
       asContent: !0,
       children: t
     }
   ) }) : null, v = /* @__PURE__ */ m(
-    ee,
+    ae,
     {
-      ...R,
-      items: D,
+      ...B,
+      items: M,
       disabled: u || r.disabled,
       children: [
-        $,
+        W,
         /* @__PURE__ */ m(
-          te,
+          oe,
           {
+            "data-kumo-component": "Select",
+            "data-kumo-part": "trigger",
             className: l(
-              pe({ size: b }),
+              he({ size: b }),
               r.disabled && "cursor-not-allowed opacity-50",
               n && "!ring-kumo-danger focus:ring-kumo-danger/50 focus:ring-[1.5px]",
-              s
+              o
             ),
-            "aria-label": V,
-            "aria-labelledby": N,
+            "aria-label": K,
+            "aria-labelledby": k,
             children: [
-              u ? /* @__PURE__ */ a(X, { className: "w-32" }) : /* @__PURE__ */ a(
-                ae,
+              u ? /* @__PURE__ */ a(Z, { className: "w-32" }) : /* @__PURE__ */ a(
+                se,
                 {
                   placeholder: c,
                   className: "min-w-0 truncate data-[placeholder]:text-kumo-placeholder",
-                  children: M
+                  children: $
                 }
               ),
               /* @__PURE__ */ a(
-                se,
+                ne,
                 {
                   className: l(
                     "flex shrink-0 items-center",
-                    I[b].className
+                    z[b].className
                   ),
                   children: /* @__PURE__ */ a(
-                    B,
+                    H,
                     {
-                      size: I[b].iconSize,
+                      size: z[b].iconSize,
                       className: "fill-current"
                     }
                   )
@@ -125,8 +133,8 @@ function d({
             ]
           }
         ),
-        /* @__PURE__ */ a(oe, { container: _, children: /* @__PURE__ */ a(ne, { children: /* @__PURE__ */ a(
-          le,
+        /* @__PURE__ */ a(le, { container: T, children: /* @__PURE__ */ a(ie, { children: /* @__PURE__ */ a(
+          re,
           {
             className: l(
               "flex flex-col",
@@ -135,12 +143,12 @@ function d({
               "min-w-[calc(var(--anchor-width)+3px)] py-1.5"
             ),
             children: /* @__PURE__ */ a(
-              ie,
+              ce,
               {
                 className: l(
                   "min-h-0 flex-1 overflow-y-auto overscroll-none scroll-pt-2 scroll-pb-2"
                 ),
-                children: K
+                children: R
               }
             )
           }
@@ -148,32 +156,34 @@ function d({
       ]
     }
   );
-  if (x)
+  if (N)
     return /* @__PURE__ */ a(
-      Z,
+      ee,
       {
         label: t,
-        required: h,
-        labelTooltip: g,
+        required: S,
+        labelTooltip: h,
         description: f,
         error: n ? typeof n == "string" ? { message: n, match: !0 } : n : void 0,
         hideLabel: !0,
         children: v
       }
     );
-  const k = n ? typeof n == "string" ? { message: n } : n : void 0;
+  const L = n ? typeof n == "string" ? { message: n } : n : void 0;
   return /* @__PURE__ */ m("div", { className: "grid gap-2", children: [
-    t && /* @__PURE__ */ a("span", { id: S, className: "sr-only", children: t }),
+    t && /* @__PURE__ */ a("span", { id: y, className: "sr-only", children: t }),
     v,
-    k ? /* @__PURE__ */ a("span", { className: "text-sm text-kumo-danger", children: k.message }) : f && /* @__PURE__ */ a("span", { className: "text-sm leading-snug text-kumo-subtle", children: f })
+    L ? /* @__PURE__ */ a("span", { className: "text-sm text-kumo-danger", children: L.message }) : f && /* @__PURE__ */ a("span", { className: "text-sm leading-snug text-kumo-subtle", children: f })
   ] });
 }
-function O({ children: e, value: s, disabled: o, className: t }) {
+function F({ children: e, value: o, disabled: s, className: t }) {
   return /* @__PURE__ */ m(
-    ce,
+    ue,
     {
-      value: s,
-      disabled: o,
+      "data-kumo-component": "Select",
+      "data-kumo-part": "option",
+      value: o,
+      disabled: s,
       className: l(
         "group mx-1.5 flex cursor-pointer items-center justify-between gap-2 rounded px-2 py-1.5 text-base outline-none",
         "focus-visible:z-50 focus-visible:ring-2 focus-visible:ring-kumo-brand focus-visible:ring-inset",
@@ -182,46 +192,46 @@ function O({ children: e, value: s, disabled: o, className: t }) {
         t
       ),
       children: [
-        /* @__PURE__ */ a(de, { children: e }),
-        /* @__PURE__ */ a(ue, { children: /* @__PURE__ */ a(W, {}) })
+        /* @__PURE__ */ a(me, { children: e }),
+        /* @__PURE__ */ a(be, { children: /* @__PURE__ */ a(J, {}) })
       ]
     }
   );
 }
-const C = p(
-  ({ children: e, className: s }, o) => /* @__PURE__ */ a(me, { ref: o, className: l(s), children: e })
+const G = g(
+  ({ children: e, className: o }, s) => /* @__PURE__ */ a(fe, { ref: s, className: l(o), children: e })
 );
-C.displayName = "Select.Group";
-const F = p(
-  ({ children: e, className: s }, o) => /* @__PURE__ */ a(
-    be,
+G.displayName = "Select.Group";
+const j = g(
+  ({ children: e, className: o }, s) => /* @__PURE__ */ a(
+    pe,
     {
-      ref: o,
+      ref: s,
       className: l(
         "px-3.5 py-1.5 text-sm font-semibold text-kumo-subtle",
-        s
+        o
       ),
       children: e
     }
   )
 );
-F.displayName = "Select.GroupLabel";
-const G = p(
-  ({ className: e }, s) => /* @__PURE__ */ a(
-    fe,
+j.displayName = "Select.GroupLabel";
+const P = g(
+  ({ className: e }, o) => /* @__PURE__ */ a(
+    ge,
     {
-      ref: s,
+      ref: o,
       className: l("-mx-1 my-1 h-px bg-kumo-hairline", e)
     }
   )
 );
-G.displayName = "Select.Separator";
-d.Option = O;
-d.Group = C;
-d.GroupLabel = F;
-d.Separator = G;
+P.displayName = "Select.Separator";
+d.Option = F;
+d.Group = G;
+d.GroupLabel = j;
+d.Separator = P;
 d.Option.displayName = "Select.Option";
 export {
   d as S
 };
-//# sourceMappingURL=select-o2i7aovnu8v1zv8t.js.map
+//# sourceMappingURL=select-dw9iw35ug7yer3o3.js.map

package/dist/chunks/select-dw9iw35ug7yer3o3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-dw9iw35ug7yer3o3.js","sources":["../../src/components/select/select.tsx"],"sourcesContent":["import { Select as SelectBase } from \"@base-ui/react/select\";\nimport { CaretUpDownIcon, CheckIcon } from \"@phosphor-icons/react\";\nimport { forwardRef, useId } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport { buttonVariants } from \"../button\";\nimport { KUMO_INPUT_VARIANTS, type KumoInputSize } from \"../input/input\";\nimport { SkeletonLine } from \"../loader\";\nimport { Label } from \"../label\";\nimport { Field, type FieldErrorMatch } from \"../field/field\";\nimport {\n  usePortalContainer,\n  type PortalContainer,\n} from \"../../utils/portal-provider\";\n\n/** Select variant definitions. */\nexport const KUMO_SELECT_VARIANTS = {\n  size: KUMO_INPUT_VARIANTS.size,\n} as const;\n\nexport const KUMO_SELECT_DEFAULT_VARIANTS = {\n  size: \"base\",\n} as const;\n\n/**\n * Select component styling metadata for Figma plugin code generation\n * Extracted from select.tsx implementation (source of truth)\n */\nexport const KUMO_SELECT_STYLING = {\n  trigger: {\n    height: 36, // h-9\n    paddingX: 12, // px-3\n    borderRadius: 8, // rounded-lg\n    background: \"bg-kumo-elevated\",\n    text: \"text-color-surface\",\n    ring: \"color-border\",\n    fontSize: 16, // text-base\n    fontWeight: 400, // font-normal\n  },\n  stateTokens: {\n    focus: { ring: \"color-active\" },\n    disabled: { opacity: 0.5 },\n  },\n  icons: {\n    caret: { name: \"ph-caret-up-down\", size: 20 },\n    check: { name: \"ph-check\", size: 20 },\n  },\n  popup: {\n    background: \"bg-kumo-elevated\",\n    ring: \"border-kumo-line\",\n    borderRadius: 8, // rounded-lg\n    padding: 6, // p-1.5\n  },\n  option: {\n    paddingX: 8, // px-2\n    paddingY: 6, // py-1.5\n    borderRadius: 4, // rounded\n    fontSize: 16, // text-base\n    highlightBackground: \"color-surface-secondary\",\n  },\n} as const;\n\n// Derived types from KUMO_SELECT_VARIANTS\nexport type KumoSelectSize = keyof typeof KUMO_SELECT_VARIANTS.size;\n\nexport interface KumoSelectVariantsProps {\n  /**\n   * Size of the select trigger. Matches Input component sizes.\n   * - `\"xs\"` — Extra small for compact UIs (h-5 / 20px)\n   * - `\"sm\"` — Small for secondary fields (h-6.5 / 26px)\n   * - `\"base\"` — Default size (h-9 / 36px)\n   * - `\"lg\"` — Large for prominent fields (h-10 / 40px)\n   * @default \"base\"\n   */\n  size?: KumoSelectSize;\n}\n\nexport function selectVariants({\n  size = KUMO_SELECT_DEFAULT_VARIANTS.size,\n}: KumoSelectVariantsProps = {}) {\n  return cn(\n    buttonVariants({ size }),\n    \"justify-between font-normal\",\n    \"focus:opacity-100 focus:ring-kumo-focus/50 focus-visible:ring-inset *:in-focus:opacity-100\",\n  );\n}\n\nconst triggerIconStyles: Record<\n  KumoInputSize,\n  { iconSize: number; className: string }\n> = {\n  xs: { iconSize: 12, className: \"text-kumo-subtle\" },\n  sm: { iconSize: 14, className: \"text-kumo-subtle\" },\n  base: { iconSize: 16, className: \"text-kumo-subtle\" },\n  lg: { iconSize: 18, className: \"text-kumo-subtle\" },\n};\n\n/**\n * Shape for items that carry extra metadata (disabled state, tooltip).\n * Plain `ReactNode` values are still supported for backward compatibility.\n */\nexport interface SelectItemDescriptor {\n  /** Display label for the option. */\n  label: ReactNode;\n  /** When `true`, the option cannot be selected. */\n  disabled?: boolean;\n}\n\n/** Value type accepted by the `items` object-map prop. */\nexport type SelectItemValue = ReactNode | SelectItemDescriptor;\n\nfunction isItemDescriptor(\n  value: SelectItemValue,\n): value is SelectItemDescriptor {\n  if (value === null || value === undefined) return false;\n  if (typeof value !== \"object\" || Array.isArray(value)) return false;\n  // React elements have $$typeof — exclude them\n  if (\"$$typeof\" in (value as object)) return false;\n  // Promises are not descriptors\n  if (value instanceof Promise) return false;\n  // Must have a defined label (not just the key existing)\n  const candidate = value as unknown as Record<string, unknown>;\n  return \"label\" in candidate && candidate.label !== undefined;\n}\n\n/**\n * Normalizes items to array format for Base UI.\n * Object maps are converted to array format so Base UI can properly\n * handle value matching and placeholder display.\n */\nfunction normalizeItems<T>(\n  items:\n    | Record<string, SelectItemValue>\n    | ReadonlyArray<{ label: ReactNode; value: T }>,\n): ReadonlyArray<{ label: ReactNode; value: T }> {\n  if (Array.isArray(items)) {\n    return items;\n  }\n  // Convert object map to array format\n  return Object.entries(items).map(([key, entry]) => ({\n    value: key as T,\n    label: isItemDescriptor(entry) ? entry.label : entry,\n  }));\n}\n\n/**\n * Auto-generates Select.Option elements from items prop.\n * Only used when children are not explicitly provided.\n * Filters out null values (typically used for placeholders).\n */\nfunction renderOptionsFromItems<T>(\n  items:\n    | Record<string, SelectItemValue>\n    | ReadonlyArray<{ label: ReactNode; value: T }>,\n): ReactNode {\n  const normalizedItems = normalizeItems(items);\n\n  // Build a lookup for disabled metadata from object-map items.\n  // Object-map keys are always strings (Record<string, ...>), so the lookup\n  // uses string keys. The array form ({ label, value }[]) does not support\n  // descriptors — consumers should use the children API for that case.\n  const disabledLookup = new Map<string, { disabled?: boolean }>();\n  if (!Array.isArray(items)) {\n    for (const [key, entry] of Object.entries(items)) {\n      if (isItemDescriptor(entry)) {\n        disabledLookup.set(key, { disabled: entry.disabled });\n      }\n    }\n  }\n\n  // Filter out null values and render options\n  return normalizedItems\n    .filter((item) => item.value !== null)\n    .map((item, index) => {\n      const key =\n        typeof item.value === \"string\" ? item.value : `option-${index}`;\n      // When items is an object-map, value is always a string key from\n      // Object.entries. When items is an array, disabledLookup is empty.\n      const meta =\n        typeof item.value === \"string\"\n          ? disabledLookup.get(item.value)\n          : undefined;\n\n      return (\n        <Option key={key} value={item.value} disabled={meta?.disabled}>\n          {item.label}\n        </Option>\n      );\n    });\n}\n\ntype SelectPropsGeneric<T, Multiple extends boolean | undefined = false> = Omit<\n  SelectBase.Root.Props<T, Multiple>,\n  \"items\"\n> &\n  KumoSelectVariantsProps & {\n    multiple?: Multiple;\n    /**\n     * A function that returns a `ReactNode` to format the selected value.\n     * Only called when a value is selected — use `placeholder` for the empty state.\n     * @example\n     * ```tsx\n     * <Select\n     *   placeholder=\"Select a user...\"\n     *   renderValue={(user) => user.name}\n     * />\n     * ```\n     */\n    renderValue?: (value: Multiple extends true ? T[] : T) => ReactNode;\n    className?: string;\n    /**\n     * Data structure of items rendered in the popup.\n     * Accepts a plain object map (`{ key: \"Label\" }`) or an array of `{ label, value }`.\n     *\n     * Object-map values can be a `ReactNode` (backward-compatible) **or** a\n     * `SelectItemDescriptor` for extra metadata:\n     *\n     * ```tsx\n     * items={{\n     *   apple: \"Apple\",\n     *   banana: { label: \"Banana\", disabled: true, disabledReason: \"Out of season\" },\n     * }}\n     * ```\n     */\n    items?:\n      | Record<string, SelectItemValue>\n      | ReadonlyArray<{ label: ReactNode; value: T }>;\n    /**\n     * Label content for the select.\n     * When provided, enables the Field wrapper with a visible label.\n     * For accessibility without a visible label, use `aria-label` instead.\n     */\n    label?: ReactNode;\n    /**\n     * @deprecated Use `aria-label` for hidden labels instead of `label` + `hideLabel={true}`.\n     * When `label` is provided without `hideLabel`, the label is now visible by default (matching Input behavior).\n     * This prop will be removed in a future version.\n     */\n    hideLabel?: boolean;\n    placeholder?: string;\n    loading?: boolean;\n    /** Tooltip content to display next to the label via an info icon */\n    labelTooltip?: ReactNode;\n    /** Helper text displayed below the select */\n    description?: ReactNode;\n    /** Error message or validation error object */\n    error?: string | { message: ReactNode; match: FieldErrorMatch };\n    /**\n     * Container element for the portal. Use this to render the select inside\n     * a Shadow DOM or custom container. Overrides `KumoPortalProvider` context.\n     * @default document.body (or KumoPortalProvider container if set)\n     */\n    container?: PortalContainer;\n  };\n\n/**\n * Select component props.\n *\n * **Accessible Name Required:** Select should have one of:\n * 1. `label` prop (recommended) - enables Field wrapper with visible label\n * 2. `aria-label` - for selects without visible label (accessibility-only)\n * 3. `aria-labelledby` - for custom label association\n *\n * @example\n * ```tsx\n * // With visible label (recommended)\n * <Select label=\"Country\" onValueChange={setValue}>\n *   <Select.Option value=\"us\">United States</Select.Option>\n *   <Select.Option value=\"uk\">United Kingdom</Select.Option>\n * </Select>\n *\n * // Without visible label (use aria-label for accessibility)\n * <Select aria-label=\"Select a country\" onValueChange={setValue}>\n *   <Select.Option value=\"us\">United States</Select.Option>\n * </Select>\n * ```\n */\nexport interface SelectProps {\n  /** Additional CSS classes merged via `cn()`. */\n  className?: string;\n  /** Size of the select trigger. Matches Input component sizes. */\n  size?: KumoSelectSize;\n  /**\n   * Label content for the select.\n   * When provided, enables the Field wrapper with a visible label above the select.\n   * For accessibility without a visible label, use `aria-label` instead.\n   */\n  label?: ReactNode;\n  /**\n   * @deprecated Use `aria-label` for hidden labels instead of `label` + `hideLabel={true}`.\n   * When `label` is provided without `hideLabel`, the label is now visible by default (matching Input behavior).\n   * This prop will be removed in a future version.\n   */\n  hideLabel?: boolean;\n  /** Placeholder text shown when no value is selected. */\n  placeholder?: string;\n  /** When `true`, shows a skeleton loader in place of the selected value. */\n  loading?: boolean;\n  /** Whether the select is disabled. */\n  disabled?: boolean;\n  /** Whether the select is required. When `false`, shows \"(optional)\" text. */\n  required?: boolean;\n  /** Tooltip content displayed next to the label via an info icon. */\n  labelTooltip?: ReactNode;\n  /** Currently selected value (controlled mode). */\n  value?: unknown;\n  /** Initial value for uncontrolled mode. */\n  defaultValue?: unknown;\n  /** Callback fired when the selected value changes. */\n  onValueChange?: (value: unknown) => void;\n  /** Enable multi-select mode. */\n  multiple?: boolean;\n  /** `Select.Option` elements to render in the dropdown. */\n  children?: ReactNode;\n  /** Helper text displayed below the select. */\n  description?: ReactNode;\n  /** Error message string or validation error object with `match` key. */\n  error?: string | { message: ReactNode; match: FieldErrorMatch };\n}\n\n/**\n * Select.Option component props.\n */\nexport interface SelectOptionProps {\n  /** The option content. */\n  children: ReactNode;\n  /** The value associated with this option. */\n  value: unknown;\n  /** When `true`, the option cannot be selected. */\n  disabled?: boolean;\n  /** Additional CSS classes merged via `cn()`. */\n  className?: string;\n}\n\n/**\n * Dropdown for selecting a value from a list of options.\n * Wraps Base UI Select with Kumo styling and optional Field integration.\n *\n * @example\n * ```tsx\n * <Select label=\"Fruit\" onValueChange={setFruit}>\n *   <Select.Option value=\"apple\">Apple</Select.Option>\n *   <Select.Option value=\"banana\">Banana</Select.Option>\n * </Select>\n * ```\n */\nexport function Select<T, Multiple extends boolean | undefined = false>({\n  children,\n  className,\n  renderValue,\n  label,\n  hideLabel,\n  placeholder,\n  loading,\n  size = KUMO_SELECT_DEFAULT_VARIANTS.size,\n  labelTooltip,\n  description,\n  error,\n  required,\n  container: containerProp,\n  ...props\n}: SelectPropsGeneric<T, Multiple> & { required?: boolean }) {\n  const labelId = useId();\n  const contextContainer = usePortalContainer();\n  const container = containerProp ?? contextContainer ?? undefined;\n  const propLookup = props as Record<string, unknown>;\n  const ariaLabel = propLookup[\"aria-label\"] as string | undefined;\n  const ariaLabelledby = propLookup[\"aria-labelledby\"] as string | undefined;\n  // For aria-label, use string label or placeholder (ReactNode labels can't be used for aria-label)\n  const fallbackLabel = typeof label === \"string\" ? label : placeholder;\n\n  // Deprecation warning for hideLabel\n  if (process.env.NODE_ENV !== \"production\" && hideLabel !== undefined) {\n    console.warn(\n      \"[Kumo Select]: `hideLabel` is deprecated. For hidden labels, use `aria-label` instead of `label` + `hideLabel={true}`.\\n\" +\n        \"  Migration:\\n\" +\n        '  - For visible labels: <Select label=\"Country\" /> (hideLabel no longer needed)\\n' +\n        '  - For hidden labels: <Select aria-label=\"Select a country\" /> (remove label and hideLabel)',\n    );\n  }\n\n  // New behavior: label presence determines Field wrapper visibility (like Input)\n  // hideLabel is only respected for backward compatibility when explicitly set to true\n  const useFieldWrapper = label && hideLabel !== true;\n  const triggerLabelledBy = useFieldWrapper\n    ? undefined\n    : (ariaLabelledby ?? (label ? labelId : undefined));\n  const triggerAriaLabel =\n    ariaLabel ?? (!triggerLabelledBy ? fallbackLabel : undefined);\n\n  // Normalize items to array format for Base UI compatibility\n  // This fixes placeholder not showing with object map items\n  const normalizedItems = props.items ? normalizeItems(props.items) : undefined;\n\n  // Auto-render children from items if no explicit children provided\n  const renderedChildren = children\n    ? children\n    : props.items\n      ? renderOptionsFromItems(props.items)\n      : null;\n\n  // Wrap renderValue to handle null values properly:\n  // - When value is null, show placeholder (Base UI ignores placeholder when children fn provided)\n  // - When value is non-null, call user's renderValue\n  const valueChildrenFn = renderValue\n    ? (value: unknown) => {\n        const placeholderNode =\n          placeholder != null ? (\n            <span className=\"text-kumo-placeholder\">{placeholder}</span>\n          ) : null;\n\n        if (value == null || value === \"\") {\n          return placeholderNode;\n        }\n\n        // Cast through `any` as a deliberate type boundary: Base UI passes `unknown`,\n        // but our renderValue expects the generic T (or T[] for multiple)\n        const rendered = renderValue(value as any);\n\n        if (rendered == null) {\n          return placeholderNode;\n        }\n\n        return rendered;\n      }\n    : undefined;\n\n  // Exclude Kumo-extended `items` from Base UI spread — we pass `normalizedItems` instead\n  const { items: _items, ...baseProps } = props;\n\n  // Use Base UI's Select.Label for accessible naming — avoids the\n  // hover/focus coupling that a native <label> (from Field) would cause.\n  const showOptional = required === false;\n  const selectLabelNode = label ? (\n    <SelectBase.Label className=\"m-0 select-none text-base font-medium text-kumo-default\">\n      <Label\n        showOptional={showOptional}\n        tooltip={hideLabel ? undefined : labelTooltip}\n        asContent\n      >\n        {label}\n      </Label>\n    </SelectBase.Label>\n  ) : null;\n\n  const selectControl = (\n    <SelectBase.Root\n      {...baseProps}\n      items={normalizedItems}\n      disabled={loading || props.disabled}\n    >\n      {selectLabelNode}\n      <SelectBase.Trigger\n        data-kumo-component=\"Select\"\n        data-kumo-part=\"trigger\"\n        className={cn(\n          selectVariants({ size }),\n          props.disabled && \"cursor-not-allowed opacity-50\",\n          error &&\n            \"!ring-kumo-danger focus:ring-kumo-danger/50 focus:ring-[1.5px]\",\n          className,\n        )}\n        aria-label={triggerAriaLabel}\n        aria-labelledby={triggerLabelledBy}\n      >\n        {loading ? (\n          <SkeletonLine className=\"w-32\" />\n        ) : (\n          <SelectBase.Value\n            placeholder={placeholder}\n            className=\"min-w-0 truncate data-[placeholder]:text-kumo-placeholder\"\n          >\n            {valueChildrenFn}\n          </SelectBase.Value>\n        )}\n        <SelectBase.Icon\n          className={cn(\n            \"flex shrink-0 items-center\",\n            triggerIconStyles[size].className,\n          )}\n        >\n          <CaretUpDownIcon\n            size={triggerIconStyles[size].iconSize}\n            className=\"fill-current\"\n          />\n        </SelectBase.Icon>\n      </SelectBase.Trigger>\n      <SelectBase.Portal container={container}>\n        <SelectBase.Positioner>\n          <SelectBase.Popup\n            className={cn(\n              \"flex flex-col\",\n              \"max-h-[var(--available-height)] bg-kumo-base text-kumo-default\",\n              \"rounded-lg shadow-lg ring ring-kumo-line\",\n              \"min-w-[calc(var(--anchor-width)+3px)] py-1.5\",\n            )}\n          >\n            <SelectBase.List\n              className={cn(\n                \"min-h-0 flex-1 overflow-y-auto overscroll-none scroll-pt-2 scroll-pb-2\",\n              )}\n            >\n              {renderedChildren}\n            </SelectBase.List>\n          </SelectBase.Popup>\n        </SelectBase.Positioner>\n      </SelectBase.Portal>\n    </SelectBase.Root>\n  );\n\n  // Use Field wrapper when label is provided and not hidden\n  if (useFieldWrapper) {\n    return (\n      <Field\n        label={label}\n        required={required}\n        labelTooltip={labelTooltip}\n        description={description}\n        error={\n          error\n            ? typeof error === \"string\"\n              ? { message: error, match: true }\n              : error\n            : undefined\n        }\n        hideLabel\n      >\n        {selectControl}\n      </Field>\n    );\n  }\n\n  // Render with standalone label when label is hidden (sr-only)\n  // Still show description/error for accessibility and UX\n  const normalizedError = error\n    ? typeof error === \"string\"\n      ? { message: error, match: true as const }\n      : error\n    : undefined;\n\n  return (\n    <div className=\"grid gap-2\">\n      {label && (\n        <span id={labelId} className=\"sr-only\">\n          {label}\n        </span>\n      )}\n      {selectControl}\n      {normalizedError ? (\n        <span className=\"text-sm text-kumo-danger\">\n          {normalizedError.message}\n        </span>\n      ) : (\n        description && (\n          <span className=\"text-sm leading-snug text-kumo-subtle\">\n            {description}\n          </span>\n        )\n      )}\n    </div>\n  );\n}\n\ntype OptionProps<T> = {\n  children: ReactNode;\n  value: T;\n  /** When `true`, the option cannot be selected. */\n  disabled?: boolean;\n  /** Additional CSS classes merged via `cn()`. */\n  className?: string;\n};\n\nfunction Option<T>({ children, value, disabled, className }: OptionProps<T>) {\n  return (\n    <SelectBase.Item\n      data-kumo-component=\"Select\"\n      data-kumo-part=\"option\"\n      value={value}\n      disabled={disabled}\n      className={cn(\n        \"group mx-1.5 flex cursor-pointer items-center justify-between gap-2 rounded px-2 py-1.5 text-base outline-none\",\n        \"focus-visible:z-50 focus-visible:ring-2 focus-visible:ring-kumo-brand focus-visible:ring-inset\",\n        \"data-highlighted:bg-kumo-tint\",\n        \"data-[disabled]:pointer-events-none data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50\",\n        className,\n      )}\n    >\n      <SelectBase.ItemText>{children}</SelectBase.ItemText>\n      <SelectBase.ItemIndicator>\n        <CheckIcon />\n      </SelectBase.ItemIndicator>\n    </SelectBase.Item>\n  );\n}\n\n// --- Select.Group ---\n\ntype GroupProps = {\n  children: ReactNode;\n  /** Additional CSS classes merged via `cn()`. */\n  className?: string;\n};\n\n/**\n * Groups related options together with an accessible `role=\"group\"`.\n * Use with `Select.GroupLabel` to provide a visible heading for the group.\n *\n * @example\n * ```tsx\n * <Select.Group>\n *   <Select.GroupLabel>Fruits</Select.GroupLabel>\n *   <Select.Option value=\"apple\">Apple</Select.Option>\n * </Select.Group>\n * ```\n */\nconst Group = forwardRef<HTMLDivElement, GroupProps>(\n  ({ children, className }, ref) => (\n    <SelectBase.Group ref={ref} className={cn(className)}>\n      {children}\n    </SelectBase.Group>\n  ),\n);\nGroup.displayName = \"Select.Group\";\n\n// --- Select.GroupLabel ---\n\ntype GroupLabelProps = {\n  children: ReactNode;\n  /** Additional CSS classes merged via `cn()`. */\n  className?: string;\n};\n\n/**\n * A visible heading for a `Select.Group`.\n * Automatically associated with its parent group for accessibility.\n *\n * @example\n * ```tsx\n * <Select.Group>\n *   <Select.GroupLabel>Available</Select.GroupLabel>\n *   <Select.Option value=\"a\">Option A</Select.Option>\n * </Select.Group>\n * ```\n */\nconst GroupLabel = forwardRef<HTMLDivElement, GroupLabelProps>(\n  ({ children, className }, ref) => (\n    <SelectBase.GroupLabel\n      ref={ref}\n      className={cn(\n        \"px-3.5 py-1.5 text-sm font-semibold text-kumo-subtle\",\n        className,\n      )}\n    >\n      {children}\n    </SelectBase.GroupLabel>\n  ),\n);\nGroupLabel.displayName = \"Select.GroupLabel\";\n\n// --- Select.Separator ---\n\ntype SeparatorProps = {\n  /** Additional CSS classes merged via `cn()`. */\n  className?: string;\n};\n\n/**\n * A visual divider between option groups.\n *\n * @example\n * ```tsx\n * <Select.Option value=\"a\">Option A</Select.Option>\n * <Select.Separator />\n * <Select.Option value=\"b\">Option B</Select.Option>\n * ```\n */\nconst Separator = forwardRef<HTMLDivElement, SeparatorProps>(\n  ({ className }, ref) => (\n    <SelectBase.Separator\n      ref={ref}\n      className={cn(\"-mx-1 my-1 h-px bg-kumo-hairline\", className)}\n    />\n  ),\n);\nSeparator.displayName = \"Select.Separator\";\n\n// --- Assign sub-components ---\n\nSelect.Option = Option;\nSelect.Group = Group;\nSelect.GroupLabel = GroupLabel;\nSelect.Separator = Separator;\n\n(Select.Option as { displayName?: string }).displayName = \"Select.Option\";\n"],"names":["KUMO_INPUT_VARIANTS","KUMO_SELECT_DEFAULT_VARIANTS","selectVariants","size","cn","buttonVariants","triggerIconStyles","isItemDescriptor","value","candidate","normalizeItems","items","key","entry","renderOptionsFromItems","normalizedItems","disabledLookup","item","index","meta","jsx","Option","Select","children","className","renderValue","label","hideLabel","placeholder","loading","labelTooltip","description","error","required","containerProp","props","labelId","useId","contextContainer","usePortalContainer","container","propLookup","ariaLabel","ariaLabelledby","fallbackLabel","useFieldWrapper","triggerLabelledBy","triggerAriaLabel","renderedChildren","valueChildrenFn","placeholderNode","rendered","_items","baseProps","selectLabelNode","SelectBase.Label","Label","selectControl","jsxs","SelectBase.Root","SelectBase.Trigger","SkeletonLine","SelectBase.Value","SelectBase.Icon","CaretUpDownIcon","SelectBase.Portal","SelectBase.Positioner","SelectBase.Popup","SelectBase.List","Field","normalizedError","disabled","SelectBase.Item","SelectBase.ItemText","SelectBase.ItemIndicator","CheckIcon","Group","forwardRef","ref","SelectBase.Group","GroupLabel","SelectBase.GroupLabel","Separator","SelectBase.Separator"],"mappings":"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"}