@cloudflare/kumo 1.17.0 → 1.19.0

package/dist/chunks/{radio-l2vkcue40d84fmo1.js → radio-ihxbe37us2jnqtzf.js}

@@ -2,11 +2,11 @@
 import { jsx as e, jsxs as m } from "react/jsx-runtime";
 import { forwardRef as y, createContext as j, useContext as A } from "react";
 import { c as o } from "./cn-ct4n7r74mh8y0f48.js";
-import { R as I, P as C, Q as G, bk as h, bl as b } from "./vendor-base-ui-n30qblevnpk9cc5c.js";
+import { R as I, P as C, Q as G, bn as k, bo as b } from "./vendor-base-ui-m5pz3e8c4grg5qmj.js";
 const x = {
   variant: {
     default: {
-      classes: "ring-kumo-line",
+      classes: "ring-kumo-hairline",
       description: "Default radio appearance"
     },
     error: {
@@ -20,7 +20,7 @@ const x = {
       description: "Standard inline radio item"
     },
     card: {
-      classes: "rounded-lg border border-kumo-ring bg-kumo-base p-3 transition-colors hover:bg-kumo-tint has-[[data-checked]]:border-kumo-interact has-[[data-checked]]:bg-kumo-tint",
+      classes: "rounded-lg border border-kumo-hairline bg-kumo-base p-3 transition-colors hover:bg-kumo-tint has-[[data-checked]]:border-kumo-interact has-[[data-checked]]:bg-kumo-tint",
       description: "Choice card appearance with border, padding, and highlighted selection state"
     }
   }
@@ -30,11 +30,11 @@ const x = {
 };
 function M({
   variant: t = v.variant,
-  appearance: r = v.appearance
+  appearance: a = v.appearance
 } = {}) {
   return o(
     x.variant[t].classes,
-    x.appearance[r].classes
+    x.appearance[a].classes
   );
 }
 const N = j({
@@ -43,11 +43,11 @@ const N = j({
 }), R = y(
   ({
     className: t,
-    disabled: r,
-    variant: a = "default",
+    disabled: a,
+    variant: r = "default",
     appearance: s,
-    label: n,
-    description: i,
+    label: i,
+    description: n,
     value: c
   }, l) => {
     const { controlPosition: f, appearance: d } = A(N), u = (s ?? d) === "card", p = u ? "end" : f;
@@ -55,30 +55,30 @@ const N = j({
       "label",
       {
         className: o(
-          "m-0 group relative flex items-start gap-3 rounded-lg border border-kumo-ring bg-kumo-base p-3 transition-colors has-[[data-checked]]:border-kumo-interact has-[[data-checked]]:bg-kumo-tint",
-          a === "error" && "border-kumo-danger has-[[data-checked]]:border-kumo-danger has-[[data-checked]]:bg-kumo-base",
-          r ? "cursor-not-allowed opacity-50" : o(
+          "m-0 group relative flex items-start gap-3 rounded-lg border border-kumo-hairline bg-kumo-base p-3 transition-colors has-[[data-checked]]:border-kumo-interact has-[[data-checked]]:bg-kumo-tint",
+          r === "error" && "border-kumo-danger has-[[data-checked]]:border-kumo-danger has-[[data-checked]]:bg-kumo-base",
+          a ? "cursor-not-allowed opacity-50" : o(
             "has-[[data-disabled]]:cursor-not-allowed has-[[data-disabled]]:opacity-50 cursor-pointer",
-            a !== "error" && "hover:not-has-[[data-disabled]]:bg-kumo-tint"
+            r !== "error" && "hover:not-has-[[data-disabled]]:bg-kumo-tint"
           ),
           t
         ),
         children: [
           /* @__PURE__ */ m("div", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [
-            /* @__PURE__ */ e("span", { className: "text-base font-medium text-kumo-default", children: n }),
-            i && /* @__PURE__ */ e("span", { className: "text-sm text-kumo-subtle", children: i })
+            /* @__PURE__ */ e("span", { className: "text-base font-medium text-kumo-default", children: i }),
+            n && /* @__PURE__ */ e("span", { className: "text-sm text-kumo-subtle", children: n })
           ] }),
           /* @__PURE__ */ e(
-            h,
+            k,
             {
               ref: l,
               value: c,
-              disabled: r,
+              disabled: a,
               className: o(
                 "relative mt-0.5 flex h-4 w-4 shrink-0 items-center justify-center rounded-full border-0 bg-kumo-base ring",
-                a === "error" ? "ring-kumo-danger" : "ring-kumo-line",
-                !r && a !== "error" && "group-hover:ring-kumo-ring focus-visible:ring-kumo-ring focus-visible:outline-offset-3",
-                !r && a === "error" && "focus-visible:ring-kumo-danger focus-visible:outline-offset-3",
+                r === "error" ? "ring-kumo-danger" : "ring-kumo-hairline",
+                !a && r !== "error" && "group-hover:ring-kumo-hairline focus-visible:ring-kumo-hairline focus-visible:outline-offset-3",
+                !a && r === "error" && "focus-visible:ring-kumo-danger focus-visible:outline-offset-3",
                 "data-[checked]:bg-kumo-contrast"
               ),
               children: /* @__PURE__ */ e(
@@ -101,21 +101,21 @@ const N = j({
           // "start" (default): radio before label
           // "end": label before radio using flex-row-reverse
           p === "end" && "flex-row-reverse justify-end",
-          r ? "cursor-not-allowed opacity-50" : "cursor-pointer",
+          a ? "cursor-not-allowed opacity-50" : "cursor-pointer",
           t
         ),
         children: [
           /* @__PURE__ */ e(
-            h,
+            k,
             {
               ref: l,
               value: c,
-              disabled: r,
+              disabled: a,
               className: o(
                 "relative flex h-4 w-4 items-center justify-center rounded-full border-0 bg-kumo-base ring after:absolute after:-inset-x-3 after:-inset-y-2",
-                a === "error" ? "ring-kumo-danger" : "ring-kumo-line",
-                !r && a !== "error" && "group-hover:ring-kumo-ring focus-visible:ring-kumo-ring focus-visible:outline-offset-3",
-                !r && a === "error" && "focus-visible:ring-kumo-danger focus-visible:outline-offset-3",
+                r === "error" ? "ring-kumo-danger" : "ring-kumo-hairline",
+                !a && r !== "error" && "group-hover:ring-kumo-hairline focus-visible:ring-kumo-hairline focus-visible:outline-offset-3",
+                !a && r === "error" && "focus-visible:ring-kumo-danger focus-visible:outline-offset-3",
                 "data-[checked]:bg-kumo-contrast"
               ),
               children: /* @__PURE__ */ e(
@@ -128,7 +128,7 @@ const N = j({
               )
             }
           ),
-          /* @__PURE__ */ e("span", { className: "text-base text-kumo-default", children: n })
+          /* @__PURE__ */ e("span", { className: "text-base text-kumo-default", children: i })
         ]
       }
     );
@@ -137,20 +137,20 @@ const N = j({
 R.displayName = "Radio.Item";
 function g({
   legend: t,
-  children: r,
-  orientation: a = "vertical",
+  children: a,
+  orientation: r = "vertical",
   appearance: s = "default",
-  error: n,
-  description: i,
+  error: i,
+  description: n,
   defaultValue: c,
   value: l,
   onValueChange: f,
   disabled: d,
-  controlPosition: k = "start",
+  controlPosition: h = "start",
   name: u,
   className: p
 }) {
-  return /* @__PURE__ */ e(N.Provider, { value: { controlPosition: k, appearance: s }, children: /* @__PURE__ */ e(
+  return /* @__PURE__ */ e(N.Provider, { value: { controlPosition: h, appearance: s }, children: /* @__PURE__ */ e(
     I,
     {
       defaultValue: c,
@@ -169,13 +169,13 @@ function g({
               "div",
               {
                 className: o(
-                  a === "vertical" ? o("flex flex-col", s === "card" ? "gap-3" : "gap-2") : s === "card" ? "grid grid-cols-2 gap-3" : "flex flex-row flex-wrap gap-2"
+                  r === "vertical" ? o("flex flex-col", s === "card" ? "gap-3" : "gap-2") : s === "card" ? "grid grid-cols-2 gap-3" : "flex flex-row flex-wrap gap-2"
                 ),
-                children: r
+                children: a
               }
             ),
-            n && /* @__PURE__ */ e("p", { className: "text-sm text-kumo-danger", children: n }),
-            i && /* @__PURE__ */ e("p", { className: "text-sm text-kumo-subtle", children: i })
+            i && /* @__PURE__ */ e("p", { className: "text-sm text-kumo-danger", children: i }),
+            n && /* @__PURE__ */ e("p", { className: "text-sm text-kumo-subtle", children: n })
           ]
         }
       )
@@ -194,4 +194,4 @@ export {
   v as b,
   M as r
 };
-//# sourceMappingURL=radio-l2vkcue40d84fmo1.js.map
+//# sourceMappingURL=radio-ihxbe37us2jnqtzf.js.map

package/dist/chunks/radio-ihxbe37us2jnqtzf.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-ihxbe37us2jnqtzf.js","sources":["../../src/components/radio/radio.tsx"],"sourcesContent":["import { forwardRef, createContext, useContext, type ReactNode } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport { Fieldset } from \"@base-ui/react/fieldset\";\nimport { RadioGroup as BaseRadioGroup } from \"@base-ui/react/radio-group\";\nimport { Radio as BaseRadio } from \"@base-ui/react/radio\";\n\n/** Radio variant definitions mapping variant names to their Tailwind classes. */\nexport const KUMO_RADIO_VARIANTS = {\n  variant: {\n    default: {\n      classes: \"ring-kumo-hairline\",\n      description: \"Default radio appearance\",\n    },\n    error: {\n      classes: \"ring-kumo-danger\",\n      description: \"Error state for validation failures\",\n    },\n  },\n  appearance: {\n    default: {\n      classes: \"\",\n      description: \"Standard inline radio item\",\n    },\n    card: {\n      classes:\n        \"rounded-lg border border-kumo-hairline bg-kumo-base p-3 transition-colors hover:bg-kumo-tint has-[[data-checked]]:border-kumo-interact has-[[data-checked]]:bg-kumo-tint\",\n      description:\n        \"Choice card appearance with border, padding, and highlighted selection state\",\n    },\n  },\n} as const;\n\nexport const KUMO_RADIO_DEFAULT_VARIANTS = {\n  variant: \"default\",\n  appearance: \"default\",\n} as const;\n\n// Derived types from KUMO_RADIO_VARIANTS\nexport type KumoRadioVariant = keyof typeof KUMO_RADIO_VARIANTS.variant;\nexport type KumoRadioAppearance = keyof typeof KUMO_RADIO_VARIANTS.appearance;\n\nexport interface KumoRadioVariantsProps {\n  /**\n   * Visual variant.\n   * - `\"default\"` — Standard radio appearance\n   * - `\"error\"` — Error state for validation failures\n   * @default \"default\"\n   */\n  variant?: KumoRadioVariant;\n  /**\n   * Visual appearance.\n   * - `\"default\"` — Standard inline radio item\n   * - `\"card\"` — Choice card with border, padding, and highlighted selection state\n   * @default \"default\"\n   */\n  appearance?: KumoRadioAppearance;\n}\n\nexport function radioVariants({\n  variant = KUMO_RADIO_DEFAULT_VARIANTS.variant,\n  appearance = KUMO_RADIO_DEFAULT_VARIANTS.appearance,\n}: KumoRadioVariantsProps = {}) {\n  return cn(\n    KUMO_RADIO_VARIANTS.variant[variant].classes,\n    KUMO_RADIO_VARIANTS.appearance[appearance].classes,\n  );\n}\n\n// Legacy type alias for backwards compatibility\nexport type RadioVariant = KumoRadioVariant;\n\n/** Position of the radio control relative to its label */\nexport type RadioControlPosition = \"start\" | \"end\";\n\n// Context for passing controlPosition and appearance from Group to Items\nconst RadioGroupContext = createContext<{\n  controlPosition: RadioControlPosition;\n  appearance: KumoRadioAppearance;\n}>({\n  controlPosition: \"start\",\n  appearance: \"default\",\n});\n\n/**\n * Radio group component props (with built-in Fieldset and RadioGroup)\n *\n * @example\n * // Basic usage\n * ```tsx\n * <Radio.Group legend=\"Notification preference\" defaultValue=\"email\">\n *   <Radio.Item label=\"Email\" value=\"email\" />\n *   <Radio.Item label=\"SMS\" value=\"sms\" />\n *   <Radio.Item label=\"Push\" value=\"push\" />\n * </Radio.Group>\n * ```\n *\n * @example\n * // Horizontal layout\n * ```tsx\n * <Radio.Group legend=\"Size\" orientation=\"horizontal\" defaultValue=\"md\">\n *   <Radio.Item label=\"Small\" value=\"sm\" />\n *   <Radio.Item label=\"Medium\" value=\"md\" />\n *   <Radio.Item label=\"Large\" value=\"lg\" />\n * </Radio.Group>\n * ```\n *\n * @example\n * // With error and description\n * ```tsx\n * <Radio.Group\n *   legend=\"Payment method\"\n *   error=\"Please select a payment method\"\n *   description=\"Choose how you'd like to pay\"\n * >\n *   <Radio.Item label=\"Credit Card\" value=\"card\" />\n *   <Radio.Item label=\"PayPal\" value=\"paypal\" />\n * </Radio.Group>\n * ```\n *\n * @example\n * // Controlled\n * ```tsx\n * const [value, setValue] = useState(\"email\");\n * <Radio.Group legend=\"Contact\" value={value} onValueChange={setValue}>\n *   <Radio.Item label=\"Email\" value=\"email\" />\n *   <Radio.Item label=\"Phone\" value=\"phone\" />\n * </Radio.Group>\n * ```\n *\n * @example\n * // Label before radio (controlPosition=\"end\")\n * ```tsx\n * <Radio.Group legend=\"Options\" controlPosition=\"end\" defaultValue=\"a\">\n *   <Radio.Item label=\"Option A\" value=\"a\" />\n *   <Radio.Item label=\"Option B\" value=\"b\" />\n * </Radio.Group>\n * ```\n */\nexport interface RadioGroupProps {\n  /** Legend text for the group (required for accessibility) */\n  legend: string;\n  /** Child Radio.Item components */\n  children: ReactNode;\n  /** Layout direction of the radio items */\n  orientation?: \"vertical\" | \"horizontal\";\n  /**\n   * Visual appearance applied to all Radio.Item children.\n   * - `\"default\"` — Standard inline radio items\n   * - `\"card\"` — Choice card with border, padding, and highlighted selection state\n   *\n   * Individual items can override this with their own `appearance` prop.\n   * @default \"default\"\n   */\n  appearance?: KumoRadioAppearance;\n  /** Error message for the group */\n  error?: string;\n  /** Helper text for the group */\n  description?: ReactNode;\n  /** Value of the radio that should be initially selected (uncontrolled) */\n  defaultValue?: string;\n  /** Value of the radio that should be selected (controlled) */\n  value?: string;\n  /** Event handler called when radio value changes */\n  onValueChange?: (value: string) => void;\n  /** Whether all radios in the group are disabled */\n  disabled?: boolean;\n  /** Position of radio control relative to label: \"start\" (default) puts radio before label, \"end\" puts label before radio. Note: In card appearance, the control is always positioned at the end. */\n  controlPosition?: RadioControlPosition;\n  /** Form submission name for the radio group */\n  name?: string;\n  /** Additional CSS classes */\n  className?: string;\n}\n\n/**\n * Individual radio item within a group\n *\n * @example\n * ```tsx\n * <Radio.Item label=\"Option A\" value=\"a\" />\n * ```\n *\n * @example\n * // Disabled item\n * ```tsx\n * <Radio.Item label=\"Unavailable\" value=\"unavailable\" disabled />\n * ```\n */\nexport type RadioItemProps = {\n  /** Visual variant: \"default\" or \"error\" for validation failures */\n  variant?: RadioVariant;\n  /**\n   * Visual appearance of the radio item.\n   * - `\"default\"` — Standard inline radio item\n   * - `\"card\"` — Choice card with border, padding, and highlighted selection state\n   *\n   * When set on an individual item, overrides the group-level `appearance`.\n   * @default \"default\"\n   */\n  appearance?: KumoRadioAppearance;\n  /** Label text displayed next to radio (required) */\n  label: string;\n  /** Description text displayed below the label (only visible in card appearance) */\n  description?: ReactNode;\n  /** Value of the radio (required) */\n  value: string;\n  /** Additional CSS classes for the label wrapper */\n  className?: string;\n  /** Whether the radio is disabled */\n  disabled?: boolean;\n};\n\n// Radio.Item for use within Radio.Group\nconst RadioItem = forwardRef<HTMLButtonElement, RadioItemProps>(\n  (\n    {\n      className,\n      disabled,\n      variant = \"default\",\n      appearance: appearanceProp,\n      label,\n      description,\n      value,\n    },\n    ref,\n  ) => {\n    const { controlPosition, appearance: groupAppearance } =\n      useContext(RadioGroupContext);\n    const appearance = appearanceProp ?? groupAppearance;\n    const isCard = appearance === \"card\";\n\n    // In card mode, default to \"end\" (radio on the right); otherwise follow group setting\n    const effectiveControlPosition = isCard ? \"end\" : controlPosition;\n\n    if (isCard) {\n      return (\n        <label\n          className={cn(\n            \"m-0 group relative flex items-start gap-3 rounded-lg border border-kumo-hairline bg-kumo-base p-3 transition-colors has-[[data-checked]]:border-kumo-interact has-[[data-checked]]:bg-kumo-tint\",\n            variant === \"error\" &&\n              \"border-kumo-danger has-[[data-checked]]:border-kumo-danger has-[[data-checked]]:bg-kumo-base\",\n            disabled\n              ? \"cursor-not-allowed opacity-50\"\n              : cn(\n                  \"has-[[data-disabled]]:cursor-not-allowed has-[[data-disabled]]:opacity-50 cursor-pointer\",\n                  variant !== \"error\" &&\n                    \"hover:not-has-[[data-disabled]]:bg-kumo-tint\",\n                ),\n            className,\n          )}\n        >\n          <div className=\"flex min-w-0 flex-1 flex-col gap-0.5\">\n            <span className=\"text-base font-medium text-kumo-default\">\n              {label}\n            </span>\n            {description && (\n              <span className=\"text-sm text-kumo-subtle\">{description}</span>\n            )}\n          </div>\n          <BaseRadio.Root\n            ref={ref}\n            value={value}\n            disabled={disabled}\n            className={cn(\n              \"relative mt-0.5 flex h-4 w-4 shrink-0 items-center justify-center rounded-full border-0 bg-kumo-base ring\",\n              variant === \"error\" ? \"ring-kumo-danger\" : \"ring-kumo-hairline\",\n              !disabled &&\n                variant !== \"error\" &&\n                \"group-hover:ring-kumo-hairline focus-visible:ring-kumo-hairline focus-visible:outline-offset-3\",\n              !disabled &&\n                variant === \"error\" &&\n                \"focus-visible:ring-kumo-danger focus-visible:outline-offset-3\",\n              \"data-[checked]:bg-kumo-contrast\",\n            )}\n          >\n            <BaseRadio.Indicator\n              keepMounted\n              className=\"flex items-center justify-center\"\n            >\n              <span className=\"h-2 w-2 rounded-full bg-kumo-base\" />\n            </BaseRadio.Indicator>\n          </BaseRadio.Root>\n        </label>\n      );\n    }\n\n    return (\n      <label\n        className={cn(\n          \"m-0 group relative inline-flex items-center gap-2\",\n          // \"start\" (default): radio before label\n          // \"end\": label before radio using flex-row-reverse\n          effectiveControlPosition === \"end\" && \"flex-row-reverse justify-end\",\n          disabled ? \"cursor-not-allowed opacity-50\" : \"cursor-pointer\",\n          className,\n        )}\n      >\n        <BaseRadio.Root\n          ref={ref}\n          value={value}\n          disabled={disabled}\n          className={cn(\n            \"relative flex h-4 w-4 items-center justify-center rounded-full border-0 bg-kumo-base ring after:absolute after:-inset-x-3 after:-inset-y-2\",\n            variant === \"error\" ? \"ring-kumo-danger\" : \"ring-kumo-hairline\",\n            !disabled &&\n              variant !== \"error\" &&\n              \"group-hover:ring-kumo-hairline focus-visible:ring-kumo-hairline focus-visible:outline-offset-3\",\n            !disabled &&\n              variant === \"error\" &&\n              \"focus-visible:ring-kumo-danger focus-visible:outline-offset-3\",\n            \"data-[checked]:bg-kumo-contrast\",\n          )}\n        >\n          <BaseRadio.Indicator\n            keepMounted\n            className=\"flex items-center justify-center\"\n          >\n            <span className=\"h-2 w-2 rounded-full bg-kumo-base\" />\n          </BaseRadio.Indicator>\n        </BaseRadio.Root>\n        <span className=\"text-base text-kumo-default\">{label}</span>\n      </label>\n    );\n  },\n);\n\nRadioItem.displayName = \"Radio.Item\";\n\n// Radio.Group with built-in Fieldset and RadioGroup\nfunction RadioGroup({\n  legend,\n  children,\n  orientation = \"vertical\",\n  appearance = \"default\",\n  error,\n  description,\n  defaultValue,\n  value,\n  onValueChange,\n  disabled,\n  controlPosition = \"start\",\n  name,\n  className,\n}: RadioGroupProps) {\n  return (\n    <RadioGroupContext.Provider value={{ controlPosition, appearance }}>\n      <BaseRadioGroup\n        defaultValue={defaultValue}\n        value={value}\n        onValueChange={(newValue) => onValueChange?.(newValue)}\n        disabled={disabled}\n        name={name}\n      >\n        <Fieldset.Root\n          disabled={disabled}\n          className={cn(\"flex flex-col gap-4\", className)}\n        >\n          <Fieldset.Legend className=\"text-base font-medium text-kumo-default\">\n            {legend}\n          </Fieldset.Legend>\n          <div\n            className={cn(\n              orientation === \"vertical\"\n                ? cn(\"flex flex-col\", appearance === \"card\" ? \"gap-3\" : \"gap-2\")\n                : appearance === \"card\"\n                  ? \"grid grid-cols-2 gap-3\"\n                  : \"flex flex-row flex-wrap gap-2\",\n            )}\n          >\n            {children}\n          </div>\n          {error && <p className=\"text-sm text-kumo-danger\">{error}</p>}\n          {description && (\n            <p className=\"text-sm text-kumo-subtle\">{description}</p>\n          )}\n        </Fieldset.Root>\n      </BaseRadioGroup>\n    </RadioGroupContext.Provider>\n  );\n}\n\nRadioGroup.displayName = \"Radio.Group\";\n\n// Export RadioGroup directly for external usage\nexport { RadioGroup };\n\n/**\n * Radio — radio button group for single-select choices.\n *\n * Compound component: `Radio.Group` (with built-in Fieldset) and `Radio.Item`.\n * Built on `@base-ui/react/radio-group` + `@base-ui/react/radio`.\n *\n * @example\n * ```tsx\n * <Radio.Group legend=\"Notification preference\" defaultValue=\"email\">\n *   <Radio.Item label=\"Email\" value=\"email\" />\n *   <Radio.Item label=\"SMS\" value=\"sms\" />\n *   <Radio.Item label=\"Push\" value=\"push\" />\n * </Radio.Group>\n * ```\n */\nexport const Radio = Object.assign(RadioGroup, {\n  Item: RadioItem,\n  Group: RadioGroup,\n});\n"],"names":["KUMO_RADIO_VARIANTS","KUMO_RADIO_DEFAULT_VARIANTS","radioVariants","variant","appearance","cn","RadioGroupContext","createContext","RadioItem","forwardRef","className","disabled","appearanceProp","label","description","value","ref","controlPosition","groupAppearance","useContext","isCard","effectiveControlPosition","jsxs","jsx","BaseRadio.Root","BaseRadio.Indicator","RadioGroup","legend","children","orientation","error","defaultValue","onValueChange","name","BaseRadioGroup","newValue","Fieldset.Root","Fieldset.Legend","Radio"],"mappings":"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"}

package/dist/chunks/select-nx6ded5swra74iar.js

@@ -0,0 +1,213 @@
+"use client";
+import { jsxs as u, jsx as t } from "react/jsx-runtime";
+import { CaretUpDownIcon as R, CheckIcon as B } from "@phosphor-icons/react";
+import { useId as W, forwardRef as f } from "react";
+import { c as o } from "./cn-ct4n7r74mh8y0f48.js";
+import { b as X } from "./button-oaqi7ykdisyskoos.js";
+import { K as Y } from "./input-cw05pbqdburghkus.js";
+import { S as Z } from "./skeleton-line-epxenksfesr2fkcv.js";
+import { F as q } from "./field-bo5gmna16odrrb1q.js";
+import { u as H } from "./portal-provider-hwmkdmkpvct0cb76.js";
+import { aX as J, aY as Q, aZ as ee, a_ as ae, a$ as te, b0 as se, b1 as le, b2 as oe, b3 as ne, b4 as ie, b5 as re, b6 as ce, b7 as de, S as me } from "./vendor-base-ui-m5pz3e8c4grg5qmj.js";
+Y.size;
+const I = {
+  size: "base"
+};
+function ue({
+  size: e = I.size
+} = {}) {
+  return o(
+    X({ size: e }),
+    "justify-between font-normal",
+    "focus:opacity-100 focus-visible:ring-1 focus-visible:ring-kumo-hairline *:in-focus:opacity-100"
+  );
+}
+const k = {
+  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 L(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;
+}
+function w(e) {
+  return Array.isArray(e) ? e : Object.entries(e).map(([s, l]) => ({
+    value: s,
+    label: L(l) ? l.label : l
+  }));
+}
+function be(e) {
+  const s = w(e), l = /* @__PURE__ */ new Map();
+  if (!Array.isArray(e))
+    for (const [a, r] of Object.entries(e))
+      L(r) && l.set(a, { disabled: r.disabled });
+  return s.filter((a) => a.value !== null).map((a, r) => {
+    const c = typeof a.value == "string" ? a.value : `option-${r}`, m = typeof a.value == "string" ? l.get(a.value) : void 0;
+    return /* @__PURE__ */ t(z, { value: a.value, disabled: m?.disabled, children: a.label }, c);
+  });
+}
+function d({
+  children: e,
+  className: s,
+  renderValue: l,
+  label: a,
+  hideLabel: r,
+  placeholder: c,
+  loading: m,
+  size: b = I.size,
+  labelTooltip: F,
+  description: p,
+  error: n,
+  required: G,
+  container: _,
+  ...i
+}) {
+  const h = W(), j = H(), P = _ ?? j ?? void 0, S = i, T = S["aria-label"], E = S["aria-labelledby"], U = typeof a == "string" ? a : c;
+  process.env.NODE_ENV !== "production" && r !== 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 g = a && r !== !0, y = g ? void 0 : E ?? (a ? h : void 0), V = T ?? (y ? void 0 : U), $ = i.items ? w(i.items) : void 0, D = e || (i.items ? be(i.items) : null), K = l ? (v) => v == null ? c == null ? null : /* @__PURE__ */ t("span", { className: "text-kumo-placeholder", children: c }) : l(v) : void 0, { items: pe, ...M } = i, x = /* @__PURE__ */ u(
+    J,
+    {
+      ...M,
+      items: $,
+      disabled: m || i.disabled,
+      children: [
+        /* @__PURE__ */ u(
+          Q,
+          {
+            className: o(
+              ue({ size: b }),
+              i.disabled && "cursor-not-allowed opacity-50",
+              s
+            ),
+            "aria-label": V,
+            "aria-labelledby": y,
+            children: [
+              m ? /* @__PURE__ */ t(Z, { className: "w-32" }) : /* @__PURE__ */ t(
+                ee,
+                {
+                  placeholder: c,
+                  className: "min-w-0 truncate data-[placeholder]:text-kumo-placeholder",
+                  children: K
+                }
+              ),
+              /* @__PURE__ */ t(
+                ae,
+                {
+                  className: o(
+                    "flex shrink-0 items-center",
+                    k[b].className
+                  ),
+                  children: /* @__PURE__ */ t(
+                    R,
+                    {
+                      size: k[b].iconSize,
+                      className: "fill-current"
+                    }
+                  )
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ t(te, { container: P, children: /* @__PURE__ */ t(se, { children: /* @__PURE__ */ t(
+          le,
+          {
+            className: o(
+              "flex flex-col",
+              "max-h-[var(--available-height)] bg-kumo-base text-kumo-default",
+              "rounded-lg shadow-lg ring ring-kumo-line",
+              "min-w-[calc(var(--anchor-width)+3px)] py-1.5"
+            ),
+            children: /* @__PURE__ */ t(
+              oe,
+              {
+                className: o(
+                  "min-h-0 flex-1 overflow-y-auto overscroll-none scroll-pt-2 scroll-pb-2"
+                ),
+                children: D
+              }
+            )
+          }
+        ) }) })
+      ]
+    }
+  );
+  if (g)
+    return /* @__PURE__ */ t(
+      q,
+      {
+        label: a,
+        required: G,
+        labelTooltip: F,
+        description: p,
+        error: n ? typeof n == "string" ? { message: n, match: !0 } : n : void 0,
+        children: x
+      }
+    );
+  const N = n ? typeof n == "string" ? { message: n } : n : void 0;
+  return /* @__PURE__ */ u("div", { className: "grid gap-2", children: [
+    a && /* @__PURE__ */ t("span", { id: h, className: "sr-only", children: a }),
+    x,
+    N ? /* @__PURE__ */ t("span", { className: "text-sm text-kumo-danger", children: N.message }) : p && /* @__PURE__ */ t("span", { className: "text-sm leading-snug text-kumo-subtle", children: p })
+  ] });
+}
+function z({ children: e, value: s, disabled: l, className: a }) {
+  return /* @__PURE__ */ u(
+    ne,
+    {
+      value: s,
+      disabled: l,
+      className: o(
+        "group mx-1.5 flex cursor-pointer items-center justify-between gap-2 rounded px-2 py-1.5 text-base data-highlighted:bg-kumo-tint",
+        "data-[disabled]:pointer-events-none data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50",
+        a
+      ),
+      children: [
+        /* @__PURE__ */ t(ie, { children: e }),
+        /* @__PURE__ */ t(re, { children: /* @__PURE__ */ t(B, {}) })
+      ]
+    }
+  );
+}
+const A = f(
+  ({ children: e, className: s }, l) => /* @__PURE__ */ t(ce, { ref: l, className: o(s), children: e })
+);
+A.displayName = "Select.Group";
+const O = f(
+  ({ children: e, className: s }, l) => /* @__PURE__ */ t(
+    de,
+    {
+      ref: l,
+      className: o(
+        "px-3.5 py-1.5 text-sm font-semibold text-kumo-subtle",
+        s
+      ),
+      children: e
+    }
+  )
+);
+O.displayName = "Select.GroupLabel";
+const C = f(
+  ({ className: e }, s) => /* @__PURE__ */ t(
+    me,
+    {
+      ref: s,
+      className: o("-mx-1 my-1 h-px bg-kumo-hairline", e)
+    }
+  )
+);
+C.displayName = "Select.Separator";
+d.Option = z;
+d.Group = A;
+d.GroupLabel = O;
+d.Separator = C;
+d.Option.displayName = "Select.Option";
+export {
+  d as S
+};
+//# sourceMappingURL=select-nx6ded5swra74iar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"select-nx6ded5swra74iar.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 { 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: \"color-secondary\",\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: \"color-secondary\",\n    ring: \"color-border\",\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-visible:ring-1 focus-visible:ring-kumo-hairline *: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        if (value == null) {\n          // If no placeholder provided, return null to show nothing (same as no renderValue)\n          if (placeholder == null) {\n            return null;\n          }\n          return <span className=\"text-kumo-placeholder\">{placeholder}</span>;\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        return renderValue(value as any);\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  const selectControl = (\n    <SelectBase.Root\n      {...baseProps}\n      items={normalizedItems}\n      disabled={loading || props.disabled}\n    >\n      <SelectBase.Trigger\n        className={cn(\n          selectVariants({ size }),\n          props.disabled && \"cursor-not-allowed opacity-50\",\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      >\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      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 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","_items","baseProps","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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"}