@alfadocs/ui-kit-debug 0.70.0 → 0.71.0

package/dist/_chunks/{scroll-area-5wNK0Cyz.js → scroll-area-BZOvUhwQ.js}

@@ -84,7 +84,7 @@ const u = b(
                 // `display:table; min-width:100%` div that grows to the content's
                 // MAX-content width. In a vertical-only scroll area the Root's
                 // overflow-x is hidden, so anything wider than the viewport is
-                // silently CLIPPED — not scrollable (seen in the AiToolsRail inbox
+                // silently CLIPPED — not scrollable (seen in the ToolRail inbox
                 // panel once accessible-mode type pushed content past the panel
                 // width). Forcing that wrapper to `block` makes content wrap to the
                 // viewport width instead. Horizontal / both keep the table wrapper
@@ -166,4 +166,4 @@ export {
   B as d,
   T as e
 };
-//# sourceMappingURL=scroll-area-5wNK0Cyz.js.map
+//# sourceMappingURL=scroll-area-BZOvUhwQ.js.map

package/dist/_chunks/scroll-area-BZOvUhwQ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-area-BZOvUhwQ.js","sources":["../../src/components/scroll-area/scroll-area.tsx"],"sourcesContent":["import { forwardRef, useRef, type ComponentPropsWithoutRef } from 'react';\nimport * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useDirection } from '../_shared/use-direction';\n\nconst scrollbarVariants = cva(\n  [\n    'ds:flex ds:touch-none ds:select-none',\n    // Fade in/out based on Radix data-state (requires forceMount on Scrollbar).\n    // Default opacity is 1 because ScrollAreaScrollbarVisible (type='always')\n    // never sets data-state at all — only hover/scroll/auto set data-state=\"hidden\".\n    'ds:transition-opacity ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n    'ds:data-[state=hidden]:opacity-0',\n    // Orientation-specific sizing + padding so thumb floats away from the frame edge\n    'ds:data-[orientation=vertical]:w-[var(--scrollbar-size)] ds:data-[orientation=vertical]:p-[var(--scrollbar-padding)]',\n    'ds:data-[orientation=horizontal]:h-[var(--scrollbar-size)] ds:data-[orientation=horizontal]:flex-col ds:data-[orientation=horizontal]:p-[var(--scrollbar-padding)]',\n    'ds:bg-[var(--scrollbar-track)]',\n    // forced-colors: 1px border keeps the track visible when background flattens\n    'ds:forced-colors:border ds:forced-colors:border-[ButtonText]',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:[--scrollbar-size:var(--scrollbar-size-sm)]',\n        md: 'ds:[--scrollbar-size:var(--scrollbar-size-md)]',\n        lg: 'ds:[--scrollbar-size:var(--scrollbar-size-lg)]',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  },\n);\n\nconst thumbVariants = cva(\n  [\n    'ds:relative ds:flex-1',\n    'ds:rounded-[var(--radius-full)]',\n    'ds:bg-[var(--scrollbar-thumb)]',\n    'ds:hover:bg-[var(--scrollbar-thumb-hover)]',\n    'ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n    // forced-color-adjust: auto so forced-colors paint ButtonFace/ButtonText\n    'ds:[forced-color-adjust:auto]',\n    // hit area extension via ::before for touch pointers (must be absolute)\n    'ds:before:absolute ds:before:content-[\"\"] ds:before:inset-x-[calc((var(--min-target-size)-100%)/-2)]',\n    'ds:before:inset-y-[calc((var(--min-target-size)-100%)/-2)]',\n  ].join(' '),\n);\n\nexport interface ScrollAreaProps\n  extends\n    Omit<ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root>, 'type'>,\n    VariantProps<typeof scrollbarVariants> {\n  orientation?: 'vertical' | 'horizontal' | 'both';\n  size?: 'sm' | 'md' | 'lg';\n  /**\n   * `auto`   — scrollbar fades in on pointer-enter, fades out after `--scrollbar-fade-delay` (default).\n   * `always` — scrollbar always visible; use for data tables.\n   * `scroll` — scrollbar visible only while scrolling.\n   * `hover`  — alias for `auto` (Radix hover mode).\n   * `native` — skips the custom scrollbar entirely; the OS renders its own.\n   *            Use for virtualised lists (AG Grid, @tanstack/react-virtual).\n   */\n  type?: 'auto' | 'always' | 'scroll' | 'hover' | 'native';\n  className?: string;\n  children: React.ReactNode;\n}\n\nconst radixType = (\n  type: ScrollAreaProps['type'],\n): ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root>['type'] => {\n  if (type === 'auto' || type === undefined) return 'hover';\n  return type as Exclude<\n    ScrollAreaProps['type'],\n    'auto' | 'native' | undefined\n  >;\n};\n\nconst nativeOverflow: Record<\n  NonNullable<ScrollAreaProps['orientation']>,\n  string\n> = {\n  vertical: 'ds:overflow-y-auto',\n  horizontal: 'ds:overflow-x-auto',\n  both: 'ds:overflow-auto',\n};\n\nconst RadixScrollArea = forwardRef<HTMLDivElement, ScrollAreaProps>(\n  (\n    {\n      orientation = 'vertical',\n      size = 'md',\n      type = 'auto',\n      className,\n      children,\n      scrollHideDelay,\n      ...props\n    },\n    ref,\n  ) => {\n    const rootRef = useRef<HTMLDivElement>(null);\n    const dir = useDirection(rootRef);\n    return (\n      <ScrollAreaPrimitive.Root\n        ref={rootRef}\n        type={radixType(type)}\n        dir={dir}\n        scrollHideDelay={scrollHideDelay}\n        data-component=\"scroll-area\"\n        className={[\n          'ds:relative ds:overflow-hidden',\n          'ds:min-w-0 ds:min-h-0',\n          className,\n        ]\n          .filter(Boolean)\n          .join(' ')}\n        {...props}\n      >\n        <ScrollAreaPrimitive.Viewport\n          ref={ref}\n          // axe's `scrollable-region-focusable` rule requires any element\n          // with overflow to be reachable via keyboard. Radix's Viewport\n          // is the scroll container; mark it focusable (tabIndex=0) so\n          // arrow / Home / End keys can drive it.\n          tabIndex={0}\n          className={[\n            'ds:h-full ds:w-full ds:rounded-[inherit]',\n            // Radix wraps the viewport content in an inline\n            // `display:table; min-width:100%` div that grows to the content's\n            // MAX-content width. In a vertical-only scroll area the Root's\n            // overflow-x is hidden, so anything wider than the viewport is\n            // silently CLIPPED — not scrollable (seen in the ToolRail inbox\n            // panel once accessible-mode type pushed content past the panel\n            // width). Forcing that wrapper to `block` makes content wrap to the\n            // viewport width instead. Horizontal / both keep the table wrapper\n            // so they can still scroll on the x-axis.\n            orientation === 'vertical' ? 'ds:[&>div]:!block' : '',\n            // keyboard focus ring on the scroll container\n            'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n            'ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n            'ds:forced-colors:focus-visible:outline-[Highlight]',\n          ]\n            .filter(Boolean)\n            .join(' ')}\n        >\n          {children}\n        </ScrollAreaPrimitive.Viewport>\n\n        {(orientation === 'vertical' || orientation === 'both') && (\n          // forceMount keeps the element in the DOM so CSS opacity transition\n          // can animate the show/hide instead of mount/unmount snapping.\n          <ScrollAreaPrimitive.Scrollbar\n            forceMount\n            orientation=\"vertical\"\n            className={scrollbarVariants({ size })}\n          >\n            <ScrollAreaPrimitive.Thumb className={thumbVariants()} />\n          </ScrollAreaPrimitive.Scrollbar>\n        )}\n\n        {(orientation === 'horizontal' || orientation === 'both') && (\n          <ScrollAreaPrimitive.Scrollbar\n            forceMount\n            orientation=\"horizontal\"\n            className={scrollbarVariants({ size })}\n          >\n            <ScrollAreaPrimitive.Thumb className={thumbVariants()} />\n          </ScrollAreaPrimitive.Scrollbar>\n        )}\n\n        <ScrollAreaPrimitive.Corner />\n      </ScrollAreaPrimitive.Root>\n    );\n  },\n);\n\nRadixScrollArea.displayName = 'RadixScrollArea';\n\nexport const ScrollArea = forwardRef<HTMLDivElement, ScrollAreaProps>(\n  (props, ref) => {\n    const {\n      orientation = 'vertical',\n      type = 'auto',\n      className,\n      children,\n      scrollHideDelay: _scrollHideDelay,\n      size: _size,\n      ...rest\n    } = props;\n    if (type === 'native') {\n      return (\n        <div\n          ref={ref}\n          data-component=\"scroll-area\"\n          // Native scroll containers are not focusable by default — axe's\n          // scrollable-region-focusable rule fires unless the user marks them\n          // explicitly tabbable so keyboard users can scroll with arrows.\n          // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex\n          tabIndex={0}\n          className={[\n            nativeOverflow[orientation],\n            'ds:min-w-0 ds:min-h-0',\n            'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n            'ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n            'ds:forced-colors:focus-visible:outline-[Highlight]',\n            className,\n          ]\n            .filter(Boolean)\n            .join(' ')}\n          {...rest}\n        >\n          {children}\n        </div>\n      );\n    }\n    return <RadixScrollArea ref={ref} {...props} />;\n  },\n);\n\nScrollArea.displayName = 'ScrollArea';\n\n// Re-export Radix parts for advanced composition\nexport const ScrollAreaRoot = ScrollAreaPrimitive.Root;\nexport const ScrollAreaViewport = ScrollAreaPrimitive.Viewport;\nexport const ScrollAreaScrollbar = ScrollAreaPrimitive.Scrollbar;\nexport const ScrollAreaThumb = ScrollAreaPrimitive.Thumb;\nexport const ScrollAreaCorner = ScrollAreaPrimitive.Corner;\n"],"names":["scrollbarVariants","cva","thumbVariants","radixType","type","nativeOverflow","RadixScrollArea","forwardRef","orientation","size","className","children","scrollHideDelay","props","ref","rootRef","useRef","dir","useDirection","jsxs","ScrollAreaPrimitive","jsx","ScrollArea","_scrollHideDelay","_size","rest","ScrollAreaRoot","ScrollAreaViewport","ScrollAreaScrollbar","ScrollAreaThumb","ScrollAreaCorner"],"mappings":"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"}

package/dist/_chunks/{select-DMLG44F5.js → select-KsyRr8WH.js}

@@ -1,13 +1,13 @@
-import { jsx as t, jsxs as f } from "react/jsx-runtime";
-import { forwardRef as a, useContext as fe, useState as P, useRef as G, useMemo as ge } from "react";
+import { jsx as t, jsxs as g } from "react/jsx-runtime";
+import { forwardRef as a, useContext as fe, useState as G, useRef as q, useMemo as ge } from "react";
 import { u as he } from "./registry-DvAUVLHh.js";
 import * as o from "@radix-ui/react-select";
-import { c as z } from "./index-D2ZczOXr.js";
+import { c as I } from "./index-D2ZczOXr.js";
 import { useTranslation as ve } from "react-i18next";
 import { u as be, F as ye } from "./form-field-context-B3APVHKx.js";
 import { g as Se } from "./group-options-BvKhQ3xb.js";
 import { C as xe } from "./chevron-up-zOEDrmBB.js";
-import { C as q } from "./chevron-down-BX_NP2Yh.js";
+import { C as L } from "./chevron-down-BX_NP2Yh.js";
 import { C as Ne } from "./check-DPdL_Sm7.js";
 import { u as Ce } from "./use-direction-Dp8h70PP.js";
 import { X as we } from "./x-CCcI3eJp.js";
@@ -95,7 +95,7 @@ const ze = {
       description: "Stable opaque option value emitted on each rendered option."
     }
   }
-}, L = z(
+}, $ = I(
   [
     "ds:group ds:inline-flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)] ds:w-full",
     "ds:rounded-[var(--radius-sm)] ds:border ds:border-border ds:bg-input",
@@ -125,7 +125,7 @@ const ze = {
       tone: "default"
     }
   }
-), Ie = z(
+), Ie = I(
   [
     "ds:z-[var(--z-dropdown)] ds:overflow-hidden",
     "ds:rounded-[var(--radius-md)] ds:border ds:border-border ds:bg-background ds:text-foreground",
@@ -137,7 +137,7 @@ const ze = {
     "ds:data-[side=top]:slide-in-from-bottom-2",
     "ds:motion-reduce:animate-none"
   ].join(" ")
-), je = z(
+), je = I(
   [
     "ds:relative ds:flex ds:cursor-pointer ds:items-center",
     "ds:rounded-[var(--radius-sm)]",
@@ -176,23 +176,23 @@ function Re(...e) {
       n && (typeof n == "function" ? n(s) : n.current = s);
   };
 }
-const $ = (e) => /* @__PURE__ */ t(o.Root, { ...e });
-$.displayName = "Select.Root";
+const A = (e) => /* @__PURE__ */ t(o.Root, { ...e });
+A.displayName = "Select.Root";
 const _ = a(
   ({ size: e, tone: s, className: n, children: r, ...l }, c) => /* @__PURE__ */ t(
     o.Trigger,
     {
       ref: c,
-      className: L({ size: e, tone: s, className: n }),
+      className: $({ size: e, tone: s, className: n }),
       ...l,
       children: r
     }
   )
 );
 _.displayName = "Select.Trigger";
-const A = a((e, s) => /* @__PURE__ */ t(o.Value, { ref: s, ...e }));
-A.displayName = "Select.Value";
-const I = a(
+const H = a((e, s) => /* @__PURE__ */ t(o.Value, { ref: s, ...e }));
+H.displayName = "Select.Value";
+const j = a(
   ({
     className: e,
     children: s,
@@ -200,10 +200,10 @@ const I = a(
     sideOffset: r = 4,
     container: l,
     ...c
-  }, g) => /* @__PURE__ */ t(o.Portal, { container: l ?? void 0, children: /* @__PURE__ */ f(
+  }, h) => /* @__PURE__ */ t(o.Portal, { container: l ?? void 0, children: /* @__PURE__ */ g(
     o.Content,
     {
-      ref: g,
+      ref: h,
       position: n,
       sideOffset: r,
       "data-component": "select-content",
@@ -212,13 +212,13 @@ const I = a(
       children: [
         /* @__PURE__ */ t(o.ScrollUpButton, { className: "ds:flex ds:items-center ds:justify-center ds:h-6 ds:bg-background ds:cursor-default", children: /* @__PURE__ */ t(xe, { "aria-hidden": "true", className: "ds:size-4" }) }),
         s,
-        /* @__PURE__ */ t(o.ScrollDownButton, { className: "ds:flex ds:items-center ds:justify-center ds:h-6 ds:bg-background ds:cursor-default", children: /* @__PURE__ */ t(q, { "aria-hidden": "true", className: "ds:size-4" }) })
+        /* @__PURE__ */ t(o.ScrollDownButton, { className: "ds:flex ds:items-center ds:justify-center ds:h-6 ds:bg-background ds:cursor-default", children: /* @__PURE__ */ t(L, { "aria-hidden": "true", className: "ds:size-4" }) })
       ]
     }
   ) })
 );
-I.displayName = "Select.Content";
-const j = a(({ className: e, ...s }, n) => /* @__PURE__ */ t(
+j.displayName = "Select.Content";
+const V = a(({ className: e, ...s }, n) => /* @__PURE__ */ t(
   o.Viewport,
   {
     ref: n,
@@ -226,35 +226,46 @@ const j = a(({ className: e, ...s }, n) => /* @__PURE__ */ t(
     ...s
   }
 ));
-j.displayName = "Select.Viewport";
-const V = a(({ size: e = "md", className: s, children: n, ...r }, l) => {
-  const c = Te[e ?? "md"], g = ke[e ?? "md"];
-  return /* @__PURE__ */ f(
+V.displayName = "Select.Viewport";
+const k = a(({ size: e = "md", className: s, children: n, startAdornment: r, ...l }, c) => {
+  const h = Te[e ?? "md"], S = ke[e ?? "md"];
+  return /* @__PURE__ */ g(
     o.Item,
     {
-      ref: l,
+      ref: c,
       className: je({ size: e, className: s }),
-      ...r,
+      ...l,
       children: [
         /* @__PURE__ */ t(
           "span",
           {
-            className: `ds:absolute ${c} ds:inline-flex ds:items-center ds:justify-center`,
+            className: `ds:absolute ${h} ds:inline-flex ds:items-center ds:justify-center`,
             "aria-hidden": "true",
-            children: /* @__PURE__ */ t(o.ItemIndicator, { children: /* @__PURE__ */ t(Ne, { className: g }) })
+            children: /* @__PURE__ */ t(o.ItemIndicator, { children: /* @__PURE__ */ t(Ne, { className: S }) })
           }
         ),
+        r ? (
+          // Decorative by contract — accessible name comes from the item text.
+          /* @__PURE__ */ t(
+            "span",
+            {
+              "aria-hidden": "true",
+              className: "ds:inline-flex ds:items-center ds:shrink-0 ds:me-[var(--spacing-xs)]",
+              children: r
+            }
+          )
+        ) : null,
         /* @__PURE__ */ t(o.ItemText, { children: n })
       ]
     }
   );
 });
-V.displayName = "Select.Item";
-const H = a((e, s) => /* @__PURE__ */ t(o.ItemText, { ref: s, ...e }));
-H.displayName = "Select.ItemText";
-const M = a((e, s) => /* @__PURE__ */ t(o.Group, { ref: s, ...e }));
-M.displayName = "Select.Group";
-const k = a(({ className: e, ...s }, n) => /* @__PURE__ */ t(
+k.displayName = "Select.Item";
+const M = a((e, s) => /* @__PURE__ */ t(o.ItemText, { ref: s, ...e }));
+M.displayName = "Select.ItemText";
+const U = a((e, s) => /* @__PURE__ */ t(o.Group, { ref: s, ...e }));
+U.displayName = "Select.Group";
+const T = a(({ className: e, ...s }, n) => /* @__PURE__ */ t(
   o.Label,
   {
     ref: n,
@@ -262,8 +273,8 @@ const k = a(({ className: e, ...s }, n) => /* @__PURE__ */ t(
     ...s
   }
 ));
-k.displayName = "Select.Label";
-const U = a(({ className: e, ...s }, n) => /* @__PURE__ */ t(
+T.displayName = "Select.Label";
+const W = a(({ className: e, ...s }, n) => /* @__PURE__ */ t(
   o.Separator,
   {
     ref: n,
@@ -271,84 +282,84 @@ const U = a(({ className: e, ...s }, n) => /* @__PURE__ */ t(
     ...s
   }
 ));
-U.displayName = "Select.Separator";
-const W = a(function({
+W.displayName = "Select.Separator";
+const E = a(function({
   options: s,
   value: n,
   defaultValue: r,
   onValueChange: l,
   placeholder: c,
-  clearable: g = !1,
-  disabled: E,
+  clearable: h = !1,
+  disabled: S,
   required: X,
   name: J,
-  id: S,
-  size: T = "md",
+  id: x,
+  size: R = "md",
   tone: Q = "default",
   className: Y,
   container: Z,
-  "aria-label": R
+  "aria-label": B
 }, ee) {
-  const { t: x } = ve(), u = be(), p = fe(ye) !== null, [te, b] = P(
+  const { t: N } = ve(), u = be(), p = fe(ye) !== null, [te, b] = G(
     n ?? r ?? ""
-  ), m = n !== void 0, h = m ? n : te, [N, C] = P(!1), B = G(h);
-  B.current = h;
-  const se = S ?? (p ? u.id : void 0), O = (p ? u.disabled : !1) || !!E, oe = (p ? u.required : !1) || !!X, D = p ? u.invalid : !1, ne = D ? "error" : Q, ie = p && u.describedBy ? u.describedBy : void 0, w = G(null), de = Re(ee, w), ae = Ce(w), d = l, re = (i) => {
+  ), m = n !== void 0, v = m ? n : te, [C, w] = G(!1), O = q(v);
+  O.current = v;
+  const se = x ?? (p ? u.id : void 0), D = (p ? u.disabled : !1) || !!S, oe = (p ? u.required : !1) || !!X, F = p ? u.invalid : !1, ne = F ? "error" : Q, ie = p && u.describedBy ? u.describedBy : void 0, z = q(null), de = Re(ee, z), ae = Ce(z), d = l, re = (i) => {
     m || b(i), d == null || d(i);
   }, le = (i) => {
     var y;
-    i.preventDefault(), i.stopPropagation(), m || b(""), d == null || d(""), (y = w.current) == null || y.focus();
-  }, F = c ?? x("inputs.select.placeholder", "Select…"), ce = g && !!h && !O, ue = Se(s), pe = ge(
+    i.preventDefault(), i.stopPropagation(), m || b(""), d == null || d(""), (y = z.current) == null || y.focus();
+  }, K = c ?? N("inputs.select.placeholder", "Select…"), ce = h && !!v && !D, ue = Se(s), pe = ge(
     () => ({
-      getValue: () => B.current,
+      getValue: () => O.current,
       setValue: (i) => {
         m || b(i), d == null || d(i);
       },
       clear: () => {
         m || b(""), d == null || d("");
       },
-      open: () => C(!0),
-      close: () => C(!1),
-      isOpen: () => N
+      open: () => w(!0),
+      close: () => w(!1),
+      isOpen: () => C
     }),
-    [d, m, N]
+    [d, m, C]
   );
-  return he(ze, pe, S), /* @__PURE__ */ f(
+  return he(ze, pe, x), /* @__PURE__ */ g(
     o.Root,
     {
-      value: h === "" ? void 0 : h,
+      value: v === "" ? void 0 : v,
       onValueChange: re,
-      open: N,
-      onOpenChange: C,
-      disabled: O,
+      open: C,
+      onOpenChange: w,
+      disabled: D,
       required: oe,
       name: J,
       dir: ae,
       children: [
-        /* @__PURE__ */ f(
+        /* @__PURE__ */ g(
           o.Trigger,
           {
             ref: de,
             id: se,
-            "aria-label": R ?? (p ? void 0 : F),
-            "aria-labelledby": !R && p ? `${u.id}-label` : void 0,
+            "aria-label": B ?? (p ? void 0 : K),
+            "aria-labelledby": !B && p ? `${u.id}-label` : void 0,
             "aria-describedby": ie,
-            "aria-invalid": D || void 0,
+            "aria-invalid": F || void 0,
             "data-component": "select",
-            "data-component-id": S,
-            className: L({
-              size: T,
+            "data-component-id": x,
+            className: $({
+              size: R,
               tone: ne,
               className: Y
             }),
             children: [
-              /* @__PURE__ */ t(o.Value, { placeholder: F }),
-              /* @__PURE__ */ f("span", { className: "ds:ms-auto ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]", children: [
+              /* @__PURE__ */ t(o.Value, { placeholder: K }),
+              /* @__PURE__ */ g("span", { className: "ds:ms-auto ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]", children: [
                 ce ? /* @__PURE__ */ t(
                   "button",
                   {
                     type: "button",
-                    "aria-label": x("inputs.select.clear", "Clear selection"),
+                    "aria-label": N("inputs.select.clear", "Clear selection"),
                     onClick: le,
                     onPointerDown: (i) => i.stopPropagation(),
                     onKeyDown: (i) => {
@@ -366,7 +377,7 @@ const W = a(function({
                   }
                 ) : null,
                 /* @__PURE__ */ t(o.Icon, { asChild: !0, children: /* @__PURE__ */ t(
-                  q,
+                  L,
                   {
                     "aria-hidden": "true",
                     className: [
@@ -380,51 +391,52 @@ const W = a(function({
             ]
           }
         ),
-        /* @__PURE__ */ t(I, { container: Z, children: /* @__PURE__ */ t(j, { children: s.length === 0 ? /* @__PURE__ */ t("div", { className: "ds:ps-8 ds:pe-3 ds:py-2 type-body-sm ds:text-muted-foreground", children: x("inputs.select.noOptions", "No options") }) : ue.map(({ group: i, items: y }, me) => {
-          const K = y.map((v) => /* @__PURE__ */ t(
-            V,
+        /* @__PURE__ */ t(j, { container: Z, children: /* @__PURE__ */ t(V, { children: s.length === 0 ? /* @__PURE__ */ t("div", { className: "ds:ps-8 ds:pe-3 ds:py-2 type-body-sm ds:text-muted-foreground", children: N("inputs.select.noOptions", "No options") }) : ue.map(({ group: i, items: y }, me) => {
+          const P = y.map((f) => /* @__PURE__ */ t(
+            k,
             {
-              value: v.value,
-              disabled: v.disabled,
-              size: T,
-              "data-option-id": v.value,
-              children: v.label
+              value: f.value,
+              disabled: f.disabled,
+              size: R,
+              "data-option-id": f.value,
+              startAdornment: f.startAdornment,
+              children: f.label
             },
-            v.value
+            f.value
           ));
-          return i ? /* @__PURE__ */ f(o.Group, { children: [
-            /* @__PURE__ */ t(k, { children: i }),
-            K
-          ] }, `group-${i}`) : /* @__PURE__ */ t(o.Group, { children: K }, `group-${me}`);
+          return i ? /* @__PURE__ */ g(o.Group, { children: [
+            /* @__PURE__ */ t(T, { children: i }),
+            P
+          ] }, `group-${i}`) : /* @__PURE__ */ t(o.Group, { children: P }, `group-${me}`);
         }) }) })
       ]
     }
   );
 });
-W.displayName = "Select";
-const Be = Object.assign(W, {
-  Root: $,
+E.displayName = "Select";
+const Be = Object.assign(E, {
+  Root: A,
   Trigger: _,
-  Value: A,
-  Content: I,
-  Viewport: j,
-  Item: V,
-  ItemText: H,
-  Group: M,
-  Label: k,
-  Separator: U
+  Value: H,
+  Content: j,
+  Viewport: V,
+  Item: k,
+  ItemText: M,
+  Group: U,
+  Label: T,
+  Separator: W
 }), Me = Be;
 export {
   Me as S,
-  I as a,
-  M as b,
-  V as c,
-  H as d,
-  k as e,
-  $ as f,
-  U as g,
+  j as a,
+  U as b,
+  k as c,
+  M as d,
+  T as e,
+  A as f,
+  W as g,
   _ as h,
-  A as i,
-  j
+  H as i,
+  V as j
 };
-//# sourceMappingURL=select-DMLG44F5.js.map
+//# sourceMappingURL=select-KsyRr8WH.js.map

package/dist/_chunks/select-KsyRr8WH.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-KsyRr8WH.js","sources":["../../src/components/select/select.agent.ts","../../src/components/select/select.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — Select.                                                */\n/*                                                                        */\n/* See `src/docs/26-agent-readiness.mdx` for the contract.                */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { SelectHandle } from './select';\n\nexport const selectAgent: AgentAdapter<SelectHandle> = {\n  id: 'select',\n  // Persisted single choice (value state + set_value) → select_single + set_value,\n  // plus open/close of the option list.\n  capabilities: ['select_single', 'set_value', 'open', 'close'],\n  state: {\n    value: {\n      type: 'string',\n      descriptionKey: 'ui.agent.select.state.value',\n      description:\n        'Currently selected option value, or empty string when none.',\n      read: (handle) => handle.getValue(),\n    },\n    isOpen: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.select.state.isOpen',\n      description: 'Whether the option list is open.',\n      read: (handle) => handle.isOpen(),\n    },\n  },\n  actions: {\n    set_value: {\n      // Persists the chosen option — reversible by selecting another value.\n      safety: 'write',\n      argsType: '{ value: string }',\n      argsSchema: {\n        type: 'object',\n        properties: {\n          value: { type: 'string', description: 'Option value to select.' },\n        },\n        required: ['value'],\n      },\n      idempotent: true,\n      descriptionKey: 'ui.agent.select.actions.setValue',\n      description: 'Select the option with the given value.',\n      examples: [{ args: { value: 'it' }, note: 'Select the \"it\" option.' }],\n      invoke: (handle, args: { value: string }) => {\n        handle.setValue(args.value);\n      },\n    },\n    clear: {\n      // Discards the persisted choice — destructive (loses the selection).\n      safety: 'destructive',\n      idempotent: true,\n      descriptionKey: 'ui.agent.select.actions.clear',\n      description: 'Clear the current selection.',\n      invoke: (handle) => {\n        handle.clear();\n      },\n    },\n    open: {\n      safety: 'read',\n      idempotent: true,\n      descriptionKey: 'ui.agent.select.actions.open',\n      description: 'Open the option list.',\n      invoke: (handle) => {\n        handle.open();\n      },\n    },\n    close: {\n      safety: 'read',\n      idempotent: true,\n      descriptionKey: 'ui.agent.select.actions.close',\n      description: 'Close the option list.',\n      invoke: (handle) => {\n        handle.close();\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'select',\n      description: 'Marks the Select trigger.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n    item: {\n      attr: 'data-option-id',\n      description:\n        'Stable opaque option value emitted on each rendered option.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useContext,\n  useMemo,\n  useRef,\n  useState,\n  type ComponentPropsWithoutRef,\n  type ElementRef,\n  type MutableRefObject,\n  type ReactElement,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport { useAgentRegistration } from '../../agent';\nimport { selectAgent } from './select.agent';\n\n/** Agent-readiness curated handle for Select. */\nexport interface SelectHandle {\n  getValue: () => string;\n  setValue: (value: string) => void;\n  clear: () => void;\n  open: () => void;\n  close: () => void;\n  isOpen: () => boolean;\n}\nimport * as RadixSelect from '@radix-ui/react-select';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Check, ChevronDown, ChevronUp, X } from 'lucide-react';\nimport {\n  FormFieldContext,\n  useFormField,\n} from '../form-field/form-field-context';\nimport type { OptionShape } from '../_shared/option';\nimport { groupOptions } from '../_shared/group-options';\nimport { useDirection } from '../_shared/use-direction';\n\nconst selectTriggerVariants = cva(\n  [\n    'ds:group ds:inline-flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)] ds:w-full',\n    'ds:rounded-[var(--radius-sm)] ds:border ds:border-border ds:bg-input',\n    'ds:shadow-[var(--shadow-input)]',\n    'ds:text-foreground ds:placeholder:text-muted-foreground',\n    'ds:data-[placeholder]:text-muted-foreground',\n    'ds:transition-[colors,box-shadow] ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n    'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n    'ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n    'ds:forced-colors:focus-visible:outline-[CanvasText]',\n    'ds:disabled:cursor-not-allowed ds:disabled:opacity-50',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:h-8 ds:ps-3 ds:pe-3 ds:text-[length:var(--font-size-sm)]',\n        md: 'ds:h-[var(--min-target-size)] ds:ps-3 ds:pe-3 ds:text-[length:var(--font-size-base)]',\n        lg: 'ds:h-12 ds:ps-4 ds:pe-4 ds:text-[length:var(--font-size-lg)]',\n      },\n      tone: {\n        default: '',\n        error: 'ds:border-destructive ds:focus-visible:outline-destructive',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n      tone: 'default',\n    },\n  },\n);\n\nconst selectContentVariants = cva(\n  [\n    'ds:z-[var(--z-dropdown)] ds:overflow-hidden',\n    'ds:rounded-[var(--radius-md)] ds:border ds:border-border ds:bg-background ds:text-foreground',\n    'ds:shadow-[var(--shadow-lg)]',\n    'ds:animate-in ds:fade-in ds:zoom-in-95',\n    'ds:data-[state=closed]:animate-out ds:data-[state=closed]:fade-out',\n    'ds:data-[state=closed]:zoom-out-95',\n    'ds:data-[side=bottom]:slide-in-from-top-2',\n    'ds:data-[side=top]:slide-in-from-bottom-2',\n    'ds:motion-reduce:animate-none',\n  ].join(' '),\n);\n\nconst selectItemVariants = cva(\n  [\n    'ds:relative ds:flex ds:cursor-pointer ds:items-center',\n    'ds:rounded-[var(--radius-sm)]',\n    'ds:text-foreground ds:outline-none ds:select-none',\n    'ds:data-[highlighted]:bg-muted ds:data-[highlighted]:text-foreground',\n    'ds:data-[disabled]:pointer-events-none ds:data-[disabled]:opacity-50',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:min-h-8 ds:ps-8 ds:pe-3 ds:text-[length:var(--font-size-sm)]',\n        md: 'ds:min-h-[var(--min-target-size)] ds:ps-8 ds:pe-3 ds:text-[length:var(--font-size-base)]',\n        lg: 'ds:min-h-12 ds:ps-10 ds:pe-4 ds:text-[length:var(--font-size-lg)]',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  },\n);\n\nconst selectLabelClasses = [\n  'ds:ps-8 ds:pe-3 ds:py-1.5',\n  'type-eyebrow ds:text-muted-foreground',\n  'ds:sticky ds:top-0 ds:bg-background',\n].join(' ');\n\nconst iconSizeByItemSize = {\n  sm: 'ds:size-3.5',\n  md: 'ds:size-4',\n  lg: 'ds:size-5',\n} as const;\n\nconst itemIndicatorStartByItemSize = {\n  sm: 'ds:start-2',\n  md: 'ds:start-2',\n  lg: 'ds:start-3',\n} as const;\n\nfunction composeRefs<T>(\n  ...refs: Array<Ref<T> | undefined | null>\n): (node: T | null) => void {\n  return (node: T | null) => {\n    for (const r of refs) {\n      if (!r) continue;\n      if (typeof r === 'function') {\n        r(node);\n      } else {\n        (r as MutableRefObject<T | null>).current = node;\n      }\n    }\n  };\n}\n\n// ---------------------------------------------------------------------------\n// Compound sub-components — thin `forwardRef` wrappers over Radix parts.\n// ---------------------------------------------------------------------------\n\ntype SelectRootProps = ComponentPropsWithoutRef<typeof RadixSelect.Root>;\n\nconst SelectRoot = (props: SelectRootProps) => <RadixSelect.Root {...props} />;\nSelectRoot.displayName = 'Select.Root';\n\ntype SelectTriggerElement = ElementRef<typeof RadixSelect.Trigger>;\ntype SelectTriggerProps = ComponentPropsWithoutRef<typeof RadixSelect.Trigger> &\n  VariantProps<typeof selectTriggerVariants>;\n\nconst SelectTrigger = forwardRef<SelectTriggerElement, SelectTriggerProps>(\n  ({ size, tone, className, children, ...props }, ref) => (\n    <RadixSelect.Trigger\n      ref={ref}\n      className={selectTriggerVariants({ size, tone, className })}\n      {...props}\n    >\n      {children}\n    </RadixSelect.Trigger>\n  ),\n);\nSelectTrigger.displayName = 'Select.Trigger';\n\ntype SelectValueProps = ComponentPropsWithoutRef<typeof RadixSelect.Value>;\n\nconst SelectValue = forwardRef<\n  ElementRef<typeof RadixSelect.Value>,\n  SelectValueProps\n>((props, ref) => <RadixSelect.Value ref={ref} {...props} />);\nSelectValue.displayName = 'Select.Value';\n\ntype SelectContentProps = ComponentPropsWithoutRef<\n  typeof RadixSelect.Content\n> & {\n  container?: HTMLElement | null;\n};\n\nconst SelectContent = forwardRef<\n  ElementRef<typeof RadixSelect.Content>,\n  SelectContentProps\n>(\n  (\n    {\n      className,\n      children,\n      position = 'popper',\n      sideOffset = 4,\n      container,\n      ...props\n    },\n    ref,\n  ) => (\n    <RadixSelect.Portal container={container ?? undefined}>\n      <RadixSelect.Content\n        ref={ref}\n        position={position}\n        sideOffset={sideOffset}\n        data-component=\"select-content\"\n        className={selectContentVariants({ className })}\n        {...props}\n      >\n        <RadixSelect.ScrollUpButton className=\"ds:flex ds:items-center ds:justify-center ds:h-6 ds:bg-background ds:cursor-default\">\n          <ChevronUp aria-hidden=\"true\" className=\"ds:size-4\" />\n        </RadixSelect.ScrollUpButton>\n        {children}\n        <RadixSelect.ScrollDownButton className=\"ds:flex ds:items-center ds:justify-center ds:h-6 ds:bg-background ds:cursor-default\">\n          <ChevronDown aria-hidden=\"true\" className=\"ds:size-4\" />\n        </RadixSelect.ScrollDownButton>\n      </RadixSelect.Content>\n    </RadixSelect.Portal>\n  ),\n);\nSelectContent.displayName = 'Select.Content';\n\ntype SelectViewportProps = ComponentPropsWithoutRef<\n  typeof RadixSelect.Viewport\n>;\n\nconst SelectViewport = forwardRef<\n  ElementRef<typeof RadixSelect.Viewport>,\n  SelectViewportProps\n>(({ className, ...props }, ref) => (\n  <RadixSelect.Viewport\n    ref={ref}\n    className={['ds:p-1', className].filter(Boolean).join(' ')}\n    {...props}\n  />\n));\nSelectViewport.displayName = 'Select.Viewport';\n\ntype SelectItemProps = ComponentPropsWithoutRef<typeof RadixSelect.Item> &\n  VariantProps<typeof selectItemVariants> & {\n    /** Optional leading visual rendered before the item text (e.g. a Flag). */\n    startAdornment?: ReactNode;\n  };\n\nconst SelectItem = forwardRef<\n  ElementRef<typeof RadixSelect.Item>,\n  SelectItemProps\n>(({ size = 'md', className, children, startAdornment, ...props }, ref) => {\n  const indicatorStart = itemIndicatorStartByItemSize[size ?? 'md'];\n  const iconSize = iconSizeByItemSize[size ?? 'md'];\n  return (\n    <RadixSelect.Item\n      ref={ref}\n      className={selectItemVariants({ size, className })}\n      {...props}\n    >\n      <span\n        className={`ds:absolute ${indicatorStart} ds:inline-flex ds:items-center ds:justify-center`}\n        aria-hidden=\"true\"\n      >\n        <RadixSelect.ItemIndicator>\n          <Check className={iconSize} />\n        </RadixSelect.ItemIndicator>\n      </span>\n      {startAdornment ? (\n        // Decorative by contract — accessible name comes from the item text.\n        <span\n          aria-hidden=\"true\"\n          className=\"ds:inline-flex ds:items-center ds:shrink-0 ds:me-[var(--spacing-xs)]\"\n        >\n          {startAdornment}\n        </span>\n      ) : null}\n      <RadixSelect.ItemText>{children}</RadixSelect.ItemText>\n    </RadixSelect.Item>\n  );\n});\nSelectItem.displayName = 'Select.Item';\n\ntype SelectItemTextProps = ComponentPropsWithoutRef<\n  typeof RadixSelect.ItemText\n>;\n\nconst SelectItemText = forwardRef<\n  ElementRef<typeof RadixSelect.ItemText>,\n  SelectItemTextProps\n>((props, ref) => <RadixSelect.ItemText ref={ref} {...props} />);\nSelectItemText.displayName = 'Select.ItemText';\n\ntype SelectGroupProps = ComponentPropsWithoutRef<typeof RadixSelect.Group>;\n\nconst SelectGroup = forwardRef<\n  ElementRef<typeof RadixSelect.Group>,\n  SelectGroupProps\n>((props, ref) => <RadixSelect.Group ref={ref} {...props} />);\nSelectGroup.displayName = 'Select.Group';\n\ntype SelectLabelProps = ComponentPropsWithoutRef<typeof RadixSelect.Label>;\n\nconst SelectLabel = forwardRef<\n  ElementRef<typeof RadixSelect.Label>,\n  SelectLabelProps\n>(({ className, ...props }, ref) => (\n  <RadixSelect.Label\n    ref={ref}\n    className={[selectLabelClasses, className].filter(Boolean).join(' ')}\n    {...props}\n  />\n));\nSelectLabel.displayName = 'Select.Label';\n\ntype SelectSeparatorProps = ComponentPropsWithoutRef<\n  typeof RadixSelect.Separator\n>;\n\nconst SelectSeparator = forwardRef<\n  ElementRef<typeof RadixSelect.Separator>,\n  SelectSeparatorProps\n>(({ className, ...props }, ref) => (\n  <RadixSelect.Separator\n    ref={ref}\n    className={['ds:my-1 ds:h-px ds:bg-border', className]\n      .filter(Boolean)\n      .join(' ')}\n    {...props}\n  />\n));\nSelectSeparator.displayName = 'Select.Separator';\n\n// ---------------------------------------------------------------------------\n// Convenience form — `<Select options={[{value, label, group?}]} />`.\n// ---------------------------------------------------------------------------\n\nexport type SelectOption<T extends string = string> = OptionShape<T>;\n\nexport interface SelectProps<T extends string = string> {\n  options: SelectOption<T>[];\n  value?: T | '';\n  defaultValue?: T;\n  onValueChange?: (value: T | '') => void;\n  placeholder?: string;\n  clearable?: boolean;\n  disabled?: boolean;\n  required?: boolean;\n  name?: string;\n  id?: string;\n  size?: 'sm' | 'md' | 'lg';\n  tone?: 'default' | 'error';\n  'aria-label'?: string;\n  className?: string;\n  /**\n   * Portal target for the listbox. Defaults to `document.body`. Set this to a\n   * parent overlay's content element (e.g. a Popover) when the Select is nested\n   * inside one, so the listbox shares that stacking context and renders above\n   * it instead of behind it (the global z-scale puts `--z-dropdown` below\n   * `--z-popover`).\n   */\n  container?: HTMLElement | null;\n}\n\nconst SelectImpl = forwardRef<HTMLButtonElement, SelectProps>(function Select(\n  {\n    options,\n    value,\n    defaultValue,\n    onValueChange,\n    placeholder,\n    clearable = false,\n    disabled,\n    required,\n    name,\n    id,\n    size = 'md',\n    tone = 'default',\n    className,\n    container,\n    'aria-label': ariaLabel,\n  },\n  ref,\n) {\n  const { t } = useTranslation();\n  const ctx = useFormField();\n  const inFormField = useContext(FormFieldContext) !== null;\n\n  const [internalValue, setInternalValue] = useState<string>(\n    value ?? defaultValue ?? '',\n  );\n  const isControlled = value !== undefined;\n  const currentValue = isControlled ? value : internalValue;\n\n  const [openState, setOpenState] = useState<boolean>(false);\n  const currentValueRef = useRef<string>(currentValue);\n  currentValueRef.current = currentValue;\n\n  const triggerId = id ?? (inFormField ? ctx.id : undefined);\n  const effectiveDisabled =\n    (inFormField ? ctx.disabled : false) || Boolean(disabled);\n  const effectiveRequired =\n    (inFormField ? ctx.required : false) || Boolean(required);\n  const effectiveInvalid = inFormField ? ctx.invalid : false;\n  const effectiveTone = effectiveInvalid ? 'error' : tone;\n  const describedBy =\n    inFormField && ctx.describedBy ? ctx.describedBy : undefined;\n\n  const triggerRef = useRef<HTMLButtonElement>(null);\n  const composedTriggerRef = composeRefs(ref, triggerRef);\n  const dir = useDirection(triggerRef);\n\n  const emitValue = onValueChange as ((value: string) => void) | undefined;\n\n  const handleValueChange = (next: string) => {\n    if (!isControlled) setInternalValue(next);\n    emitValue?.(next);\n  };\n\n  const handleClear: React.MouseEventHandler<HTMLButtonElement> = (event) => {\n    event.preventDefault();\n    event.stopPropagation();\n    if (!isControlled) setInternalValue('');\n    emitValue?.('');\n    triggerRef.current?.focus();\n  };\n\n  const resolvedPlaceholder =\n    placeholder ?? t('inputs.select.placeholder', 'Select…');\n\n  const showClear = clearable && !!currentValue && !effectiveDisabled;\n\n  const groups = groupOptions(options);\n\n  const agentHandle = useMemo<SelectHandle>(\n    () => ({\n      getValue: () => currentValueRef.current,\n      setValue: (next) => {\n        if (!isControlled) setInternalValue(next);\n        emitValue?.(next);\n      },\n      clear: () => {\n        if (!isControlled) setInternalValue('');\n        emitValue?.('');\n      },\n      open: () => setOpenState(true),\n      close: () => setOpenState(false),\n      isOpen: () => openState,\n    }),\n    [emitValue, isControlled, openState],\n  );\n  useAgentRegistration(selectAgent, agentHandle, id);\n\n  return (\n    <RadixSelect.Root\n      value={currentValue === '' ? undefined : currentValue}\n      onValueChange={handleValueChange}\n      open={openState}\n      onOpenChange={setOpenState}\n      disabled={effectiveDisabled}\n      required={effectiveRequired}\n      name={name}\n      dir={dir}\n    >\n      <RadixSelect.Trigger\n        ref={composedTriggerRef}\n        id={triggerId}\n        aria-label={\n          ariaLabel ?? (!inFormField ? resolvedPlaceholder : undefined)\n        }\n        aria-labelledby={\n          !ariaLabel && inFormField ? `${ctx.id}-label` : undefined\n        }\n        aria-describedby={describedBy}\n        aria-invalid={effectiveInvalid || undefined}\n        data-component=\"select\"\n        data-component-id={id}\n        className={selectTriggerVariants({\n          size,\n          tone: effectiveTone,\n          className,\n        })}\n      >\n        <RadixSelect.Value placeholder={resolvedPlaceholder} />\n        <span className=\"ds:ms-auto ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]\">\n          {showClear ? (\n            <button\n              type=\"button\"\n              aria-label={t('inputs.select.clear', 'Clear selection')}\n              onClick={handleClear}\n              onPointerDown={(event) => event.stopPropagation()}\n              onKeyDown={(event) => {\n                if (event.key === 'Enter' || event.key === ' ') {\n                  event.stopPropagation();\n                }\n              }}\n              className={[\n                'ds:inline-flex ds:items-center ds:justify-center ds:rounded-[var(--radius-sm)]',\n                'ds:text-muted-foreground ds:hover:text-foreground',\n                'ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n                'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n                'ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n                'ds:size-4',\n              ].join(' ')}\n            >\n              <X aria-hidden=\"true\" className=\"ds:size-3.5\" />\n            </button>\n          ) : null}\n          <RadixSelect.Icon asChild>\n            <ChevronDown\n              aria-hidden=\"true\"\n              className={[\n                'ds:size-4 ds:shrink-0 ds:text-muted-foreground',\n                'ds:transition-transform ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n                'ds:group-data-[state=open]:rotate-180',\n              ].join(' ')}\n            />\n          </RadixSelect.Icon>\n        </span>\n      </RadixSelect.Trigger>\n      <SelectContent container={container}>\n        <SelectViewport>\n          {options.length === 0 ? (\n            <div className=\"ds:ps-8 ds:pe-3 ds:py-2 type-body-sm ds:text-muted-foreground\">\n              {t('inputs.select.noOptions', 'No options')}\n            </div>\n          ) : (\n            groups.map(({ group, items }, groupIndex) => {\n              const body = items.map((option) => (\n                <SelectItem\n                  key={option.value}\n                  value={option.value}\n                  disabled={option.disabled}\n                  size={size}\n                  data-option-id={option.value}\n                  startAdornment={option.startAdornment}\n                >\n                  {option.label}\n                </SelectItem>\n              ));\n              if (!group) {\n                return (\n                  <RadixSelect.Group key={`group-${groupIndex}`}>\n                    {body}\n                  </RadixSelect.Group>\n                );\n              }\n              return (\n                <RadixSelect.Group key={`group-${group}`}>\n                  <SelectLabel>{group}</SelectLabel>\n                  {body}\n                </RadixSelect.Group>\n              );\n            })\n          )}\n        </SelectViewport>\n      </SelectContent>\n    </RadixSelect.Root>\n  );\n});\nSelectImpl.displayName = 'Select';\n\ninterface SelectComponent {\n  <T extends string = string>(\n    props: SelectProps<T> & { ref?: Ref<HTMLButtonElement> },\n  ): ReactElement | null;\n  displayName?: string;\n  Root: typeof SelectRoot;\n  Trigger: typeof SelectTrigger;\n  Value: typeof SelectValue;\n  Content: typeof SelectContent;\n  Viewport: typeof SelectViewport;\n  Item: typeof SelectItem;\n  ItemText: typeof SelectItemText;\n  Group: typeof SelectGroup;\n  Label: typeof SelectLabel;\n  Separator: typeof SelectSeparator;\n}\n\nconst SelectWithStatics = Object.assign(SelectImpl, {\n  Root: SelectRoot,\n  Trigger: SelectTrigger,\n  Value: SelectValue,\n  Content: SelectContent,\n  Viewport: SelectViewport,\n  Item: SelectItem,\n  ItemText: SelectItemText,\n  Group: SelectGroup,\n  Label: SelectLabel,\n  Separator: SelectSeparator,\n}) as unknown as SelectComponent;\n\nexport const Select = SelectWithStatics;\n\nexport {\n  SelectRoot,\n  SelectTrigger,\n  SelectValue,\n  SelectContent,\n  SelectViewport,\n  SelectItem,\n  SelectItemText,\n  SelectGroup,\n  SelectLabel,\n  SelectSeparator,\n};\n\nexport { selectTriggerVariants, selectContentVariants, selectItemVariants };\n\nexport type {\n  SelectTriggerProps,\n  SelectContentProps,\n  SelectItemProps,\n  SelectLabelProps,\n  SelectRootProps,\n};\n\nexport type { ReactNode };\n"],"names":["selectAgent","handle","args","selectTriggerVariants","cva","selectContentVariants","selectItemVariants","selectLabelClasses","iconSizeByItemSize","itemIndicatorStartByItemSize","composeRefs","refs","node","r","SelectRoot","props","jsx","RadixSelect","SelectTrigger","forwardRef","size","tone","className","children","ref","SelectValue","SelectContent","position","sideOffset","container","jsxs","ChevronUp","ChevronDown","SelectViewport","SelectItem","startAdornment","indicatorStart","iconSize","Check","SelectItemText","SelectGroup","SelectLabel","SelectSeparator","SelectImpl","options","value","defaultValue","onValueChange","placeholder","clearable","disabled","required","name","id","ariaLabel","t","useTranslation","ctx","useFormField","inFormField","useContext","FormFieldContext","internalValue","setInternalValue","useState","isControlled","currentValue","openState","setOpenState","currentValueRef","useRef","triggerId","effectiveDisabled","effectiveRequired","effectiveInvalid","effectiveTone","describedBy","triggerRef","composedTriggerRef","dir","useDirection","emitValue","handleValueChange","next","handleClear","event","_a","resolvedPlaceholder","showClear","groups","groupOptions","agentHandle","useMemo","useAgentRegistration","X","group","items","groupIndex","body","option","SelectWithStatics","Select"],"mappings":"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"}