@pibit.ai/cure-design-system 0.5.4 → 0.5.7

package/dist/primitives/select/ExpandableSearchInput.js

@@ -1,27 +1,27 @@
 import { jsx as c } from "react/jsx-runtime";
-import { useState as F, useRef as E, useEffect as p, useCallback as h } from "react";
+import { useState as F, useRef as K, useEffect as p, useCallback as h } from "react";
 import { SearchMd as T } from "@untitledui/icons";
-import { ButtonUtility as _ } from "../button/button-utility.js";
-import j from "./SearchInput.js";
-import { cx as K } from "../../utils/cn.js";
+import { ButtonUtility as j } from "../button/button-utility.js";
+import G from "./SearchInput.js";
+import { cx as v } from "../../utils/cn.js";
 import { motion as x } from "../../node_modules/framer-motion/dist/es/render/components/motion/proxy.js";
-import { AnimatePresence as G } from "../../node_modules/framer-motion/dist/es/components/AnimatePresence/index.js";
-const M = { sm: 36, md: 40, lg: 44 }, U = 300, Z = ({
+import { AnimatePresence as M } from "../../node_modules/framer-motion/dist/es/components/AnimatePresence/index.js";
+const U = { xs: 32, sm: 36, md: 40, lg: 44 }, V = 300, _ = ({
   size: w = "sm",
   placeholder: S,
   value: u,
   onChange: C,
   onBlur: f,
-  onFocus: L,
+  onFocus: N,
   onKeyDown: d,
-  className: N,
-  expandedWidth: q = U,
+  className: L,
+  expandedWidth: q = V,
   "aria-label": g,
   collapsible: r = !0,
   shortcut: y = !1,
   isDisabled: m = !1
 }) => {
-  const i = !!(u != null && u.trim()), [I, a] = F(r ? i : !0), o = !r || I, s = E(null), l = E(r), A = M[w];
+  const i = !!(u != null && u.trim()), [I, a] = F(r ? i : !0), o = !r || I, s = K(null), l = K(r), A = U[w];
   p(() => {
     const t = l.current === !1;
     l.current = r, !r || i ? a(!0) : t && r && a(!1);
@@ -49,12 +49,12 @@ const M = { sm: 36, md: 40, lg: 44 }, U = 300, Z = ({
     [f, i, r]
   ), R = h(
     (t) => {
-      var n, v;
+      var n, E;
       if ((t.metaKey || t.ctrlKey) && !t.shiftKey && !t.altKey && t.key.toLowerCase() === "k") {
         t.preventDefault(), t.stopPropagation();
         return;
       }
-      t.key === "Escape" && r && !i && (a(!1), (v = (n = s.current) == null ? void 0 : n.querySelector("button")) == null || v.focus()), d == null || d(t);
+      t.key === "Escape" && r && !i && (a(!1), (E = (n = s.current) == null ? void 0 : n.querySelector("button")) == null || E.focus()), d == null || d(t);
     },
     [d, i, r]
   ), k = h(() => {
@@ -70,18 +70,20 @@ const M = { sm: 36, md: 40, lg: 44 }, U = 300, Z = ({
     const t = (e) => {
       (e.metaKey || e.ctrlKey) && !e.shiftKey && !e.altKey && e.key.toLowerCase() === "k" && (e.preventDefault(), e.stopPropagation(), k());
     };
-    return window.addEventListener("keydown", t, { capture: !0 }), () => window.removeEventListener("keydown", t, { capture: !0 });
+    return window.addEventListener("keydown", t, { capture: !0 }), () => window.removeEventListener("keydown", t, {
+      capture: !0
+    });
   }, [y, m, k]);
   const W = { type: "spring", damping: 25, stiffness: 300 };
   return /* @__PURE__ */ c(
     x.div,
     {
       ref: s,
-      className: K("flex items-center overflow-hidden", N),
+      className: v("flex items-center overflow-hidden", L),
       onBlur: P,
       animate: { width: o ? q : A },
       transition: W,
-      children: /* @__PURE__ */ c(G, { initial: !1, mode: "popLayout", children: o ? /* @__PURE__ */ c(
+      children: /* @__PURE__ */ c(M, { initial: !1, mode: "popLayout", children: o ? /* @__PURE__ */ c(
         x.div,
         {
           initial: { opacity: 0 },
@@ -90,20 +92,20 @@ const M = { sm: 36, md: 40, lg: 44 }, U = 300, Z = ({
           transition: { duration: 0.08 },
           className: "min-w-0 flex-1",
           children: /* @__PURE__ */ c(
-            j,
+            G,
             {
               size: w,
               placeholder: S,
               value: u,
               onChange: C,
-              onFocus: L,
+              onFocus: N,
               onKeyDown: R,
               className: "w-full min-w-0",
               "aria-label": g,
               shortcut: y,
               registerShortcut: !1,
               isDisabled: m,
-              bordered: !0
+              innerClassName: "border border-secondary rounded-lg"
             }
           )
         },
@@ -117,16 +119,14 @@ const M = { sm: 36, md: 40, lg: 44 }, U = 300, Z = ({
           transition: { duration: 0.08 },
           className: "flex flex-shrink-0",
           children: /* @__PURE__ */ c(
-            _,
+            j,
             {
               icon: T,
               size: "xs",
               color: "tertiary",
               isDisabled: m,
               tooltip: g || S || "Search",
-              className: K(
-                i && "bg-brand_subtle text-brand-500 hover:text-brand-600 hover:bg-brand_subtle/80"
-              ),
+              className: v(i && "text-brand-500 hover:text-brand-600"),
               onClick: () => a(!0)
             }
           )
@@ -137,5 +137,5 @@ const M = { sm: 36, md: 40, lg: 44 }, U = 300, Z = ({
   );
 };
 export {
-  Z as ExpandableSearchInput
+  _ as ExpandableSearchInput
 };

package/dist/primitives/select/SearchInput.d.ts

@@ -4,7 +4,7 @@ export interface SearchInputProps {
     hint?: string;
     tooltip?: string;
     placeholder?: string;
-    size?: "sm" | "md" | "lg";
+    size?: "xs" | "sm" | "md" | "lg";
     value?: string;
     onChange?: (value: string) => void;
     onBlur?: FocusEventHandler;
@@ -18,6 +18,19 @@ export interface SearchInputProps {
      * (dropdowns, filter bars) keep the borderless look and avoid double borders.
      */
     bordered?: boolean;
+    /**
+     * Class applied to the field itself rather than the ComboBox wrapper. It lands
+     * after the size classes, so a caller can override the rounding — which is how
+     * platform-ui's expandable search gets its `lg` corners.
+     */
+    innerClassName?: string;
+    /**
+     * When true, focuses the input after mount, deferred via a double rAF so it
+     * wins races with modal focus traps. Do not pass this through to the
+     * underlying `<input autoFocus>`: React's built-in fires synchronously and
+     * loses when the field mounts inside a just-opened modal.
+     */
+    autoFocus?: boolean;
     /** When true, shows the platform-specific primary keyboard shortcut hint (⌘K on Apple platforms, Ctrl+K elsewhere). */
     shortcut?: boolean;
     /** When true, registers the platform-specific primary shortcut to focus the input. Defaults to `shortcut`. */
@@ -26,5 +39,5 @@ export interface SearchInputProps {
     className?: string;
     "aria-label"?: string;
 }
-export default function SearchInput({ size, shortcut, registerShortcut, bordered, placeholder, shortcutClassName, value, onChange, onKeyDown, className, isDisabled, "aria-label": ariaLabel, ...props }: SearchInputProps): import("react/jsx-runtime").JSX.Element;
+export default function SearchInput({ size, shortcut, registerShortcut, bordered, innerClassName, autoFocus, placeholder, shortcutClassName, value, onChange, onKeyDown, className, isDisabled, "aria-label": ariaLabel, ...props }: SearchInputProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=SearchInput.d.ts.map

package/dist/primitives/select/SearchInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SearchInput.d.ts","sourceRoot":"","sources":["../../../src/primitives/select/SearchInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,iBAAiB,EACtB,KAAK,oBAAoB,EAC1B,MAAM,OAAO,CAAC;AAYf,MAAM,WAAW,gBAAgB;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,SAAS,CAAC,EAAE,oBAAoB,CAAC;IACjC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uHAAuH;IACvH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8GAA8G;IAC9G,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAsGD,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,IAAW,EACX,QAAgB,EAChB,gBAAgB,EAChB,QAAgB,EAChB,WAAW,EACX,iBAAiB,EACjB,KAAK,EACL,QAAQ,EACR,SAAS,EACT,SAAS,EACT,UAAkB,EAClB,YAAY,EAAE,SAAS,EACvB,GAAG,KAAK,EACT,EAAE,gBAAgB,2CA6ElB"}
+{"version":3,"file":"SearchInput.d.ts","sourceRoot":"","sources":["../../../src/primitives/select/SearchInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,iBAAiB,EACtB,KAAK,oBAAoB,EAC1B,MAAM,OAAO,CAAC;AAYf,MAAM,WAAW,gBAAgB;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,SAAS,CAAC,EAAE,oBAAoB,CAAC;IACjC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,uHAAuH;IACvH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8GAA8G;IAC9G,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAyGD,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,IAAW,EACX,QAAgB,EAChB,gBAAgB,EAChB,QAAgB,EAChB,cAAc,EACd,SAAiB,EACjB,WAAW,EACX,iBAAiB,EACjB,KAAK,EACL,QAAQ,EACR,SAAS,EACT,SAAS,EACT,UAAkB,EAClB,YAAY,EAAE,SAAS,EACvB,GAAG,KAAK,EACT,EAAE,gBAAgB,2CAuGlB"}

package/dist/primitives/select/SearchInput.js

@@ -1,161 +1,175 @@
-import { jsx as a, jsxs as x, Fragment as C } from "react/jsx-runtime";
-import { useRef as I, useCallback as h, useEffect as L, useMemo as E } from "react";
-import { SearchMd as P, XClose as z } from "@untitledui/icons";
-import { ComboBox as R, Group as _, Input as j } from "react-aria-components";
-import { cx as u } from "../../utils/cn.js";
-import { getPlatformShortcutLabel as q } from "../../utils/keyboard-shortcut.js";
-import { sizes as w } from "./select.js";
-import { ButtonUtility as B } from "../button/button-utility.js";
-const G = {
+import { jsx as r, jsxs as F, Fragment as z } from "react/jsx-runtime";
+import { useRef as L, useCallback as b, useEffect as k, useMemo as q } from "react";
+import { SearchMd as A, XClose as E } from "@untitledui/icons";
+import { ComboBox as P, Group as R, Input as j } from "react-aria-components";
+import { cx as i } from "../../utils/cn.js";
+import { getPlatformShortcutLabel as B } from "../../utils/keyboard-shortcut.js";
+import { sizes as g } from "./select.js";
+import { ButtonUtility as G } from "../button/button-utility.js";
+const M = {
+  xs: "h-7",
   sm: "h-8",
   md: "h-9",
   lg: "h-11"
-}, M = ({
-  size: s,
-  shortcut: i,
-  bordered: p = !1,
-  placeholder: m,
-  shortcutClassName: d,
-  onKeyDown: f,
-  onClear: o,
-  hasValue: r,
-  className: l
-}) => /* @__PURE__ */ a(
-  _,
-  {
-    className: ({ isFocusWithin: n, isDisabled: c }) => u(
-      "relative flex w-full items-center gap-2 rounded-md bg-primary outline-hidden transition-shadow duration-100 ease-linear ring-inset",
-      p && "border border-secondary",
-      c && "cursor-not-allowed bg-disabled_subtle",
-      n && "ring-1 ring-brand",
-      G[s],
-      w[s].root,
-      l
-    ),
-    children: ({ isDisabled: n }) => /* @__PURE__ */ x(C, { children: [
-      /* @__PURE__ */ a(
-        P,
-        {
-          color: "var(--color-utility-gray-300)",
-          className: "pointer-events-none size-4 flex-shrink-0"
-        }
+}, _ = ({
+  size: u,
+  shortcut: l,
+  bordered: h = !1,
+  placeholder: y,
+  shortcutClassName: x,
+  onKeyDown: d,
+  onClear: m,
+  hasValue: o,
+  className: s
+}) => {
+  const n = g[u] ? u : "sm";
+  return /* @__PURE__ */ r(
+    R,
+    {
+      className: ({ isFocusWithin: a, isDisabled: p }) => i(
+        "relative flex w-full items-center gap-2 rounded-md bg-primary outline-hidden transition-shadow duration-100 ease-linear ring-inset",
+        h && "border border-secondary",
+        p && "cursor-not-allowed bg-disabled_subtle",
+        a && "ring-1 ring-brand",
+        M[n],
+        g[n].root,
+        s
       ),
-      /* @__PURE__ */ a("div", { className: "relative flex w-full items-center gap-2", children: /* @__PURE__ */ a(
-        j,
-        {
-          placeholder: m,
-          onKeyDown: f,
-          className: u(
-            "z-10 w-full appearance-none bg-transparent text-sm text-primary caret-alpha-black/90 placeholder:text-placeholder_subtle focus:outline-hidden disabled:cursor-not-allowed disabled:text-disabled disabled:placeholder:text-disabled",
-            r && "pr-6",
-            i && !r && "pr-12"
-          )
-        }
-      ) }),
-      /* @__PURE__ */ x("div", { className: "flex-shrink-0", children: [
-        r && !n && /* @__PURE__ */ a(
-          B,
+      children: ({ isDisabled: a }) => /* @__PURE__ */ F(z, { children: [
+        /* @__PURE__ */ r(
+          A,
+          {
+            color: "var(--color-utility-gray-300)",
+            className: "pointer-events-none size-4 flex-shrink-0"
+          }
+        ),
+        /* @__PURE__ */ r("div", { className: "relative flex w-full items-center gap-2", children: /* @__PURE__ */ r(
+          j,
           {
-            icon: /* @__PURE__ */ a(z, { size: 14 }),
+            placeholder: y,
+            onKeyDown: d,
+            className: i(
+              "z-10 w-full appearance-none bg-transparent text-xs text-primary caret-alpha-black/90 placeholder:text-placeholder_subtle focus:outline-hidden disabled:cursor-not-allowed disabled:text-disabled disabled:placeholder:text-disabled",
+              o && "pr-6",
+              l && !o && "pr-12"
+            )
+          }
+        ) }),
+        /* @__PURE__ */ r("div", { className: "flex-shrink-0", children: o && !a && /* @__PURE__ */ r(
+          G,
+          {
+            icon: /* @__PURE__ */ r(E, { size: 14 }),
             color: "tertiary",
-            onClick: o,
+            onClick: m,
             "aria-label": "Clear search"
           }
-        ),
-        i && !r && /* @__PURE__ */ a(
+        ) }),
+        l && !o && /* @__PURE__ */ r(
           "div",
           {
-            className: u(
+            className: i(
               "pointer-events-none absolute inset-y-0.5 right-0.5 z-10 flex items-center rounded-r-[inherit] bg-linear-to-r from-transparent pl-8",
-              n && "to-bg-disabled_subtle",
-              w[s].shortcut,
-              d
+              g[n].shortcut,
+              x
             ),
-            children: /* @__PURE__ */ a(
+            children: /* @__PURE__ */ r(
               "span",
               {
-                className: u(
+                className: i(
                   "pointer-events-none rounded px-1 py-px text-xs font-medium text-quaternary ring-1 ring-secondary select-none ring-inset",
-                  n && "bg-transparent text-disabled"
+                  a && "bg-transparent text-disabled"
                 ),
                 "aria-hidden": "true",
-                children: q(["meta"], "K")
+                children: B(["meta"], "K")
               }
             )
           }
         )
       ] })
-    ] })
-  }
-);
-function Q({
-  size: s = "sm",
-  shortcut: i = !1,
-  registerShortcut: p,
-  bordered: m = !1,
-  placeholder: d,
-  shortcutClassName: f,
-  value: o,
-  onChange: r,
-  onKeyDown: l,
-  className: n,
+    }
+  );
+};
+function Y({
+  size: u = "sm",
+  shortcut: l = !1,
+  registerShortcut: h,
+  bordered: y = !1,
+  innerClassName: x,
+  autoFocus: d = !1,
+  placeholder: m,
+  shortcutClassName: o,
+  value: s,
+  onChange: n,
+  onKeyDown: a,
+  className: p,
   isDisabled: c = !1,
-  "aria-label": k,
-  ...v
+  "aria-label": v,
+  ...K
 }) {
-  const y = I(null), b = p ?? i, g = h(() => {
+  const w = L(null), S = h ?? l, f = b(() => {
     var e, t;
-    (t = (e = y.current) == null ? void 0 : e.querySelector("input")) == null || t.focus();
+    (t = (e = w.current) == null ? void 0 : e.querySelector("input")) == null || t.focus();
   }, []);
-  L(() => {
-    if (!b || c) return;
+  k(() => {
+    if (!d || c) return;
+    let e = 0;
+    const t = requestAnimationFrame(() => {
+      e = requestAnimationFrame(() => f());
+    });
+    return () => {
+      cancelAnimationFrame(t), cancelAnimationFrame(e);
+    };
+  }, [d, c, f]), k(() => {
+    if (!S || c) return;
     const e = (t) => {
-      (t.metaKey || t.ctrlKey) && !t.shiftKey && !t.altKey && t.key.toLowerCase() === "k" && (t.preventDefault(), t.stopPropagation(), g());
+      (t.metaKey || t.ctrlKey) && !t.shiftKey && !t.altKey && t.key.toLowerCase() === "k" && (t.preventDefault(), t.stopPropagation(), f());
     };
-    return window.addEventListener("keydown", e, { capture: !0 }), () => window.removeEventListener("keydown", e, { capture: !0 });
-  }, [b, c, g]);
-  const S = h(
+    return window.addEventListener("keydown", e, { capture: !0 }), () => window.removeEventListener("keydown", e, {
+      capture: !0
+    });
+  }, [S, c, f]);
+  const N = b(
     (e) => {
       if ((e.metaKey || e.ctrlKey) && !e.shiftKey && !e.altKey && e.key.toLowerCase() === "k") {
         e.preventDefault(), e.stopPropagation();
         return;
       }
-      e.key === "Enter" && (e.preventDefault(), e.stopPropagation()), l == null || l(e);
+      e.key === "Enter" && (e.preventDefault(), e.stopPropagation()), a == null || a(e);
     },
-    [l]
-  ), K = h(() => {
-    r == null || r("");
-  }, [r]), N = E(() => !!o && o.length > 0, [o]);
-  return /* @__PURE__ */ a(
-    R,
+    [a]
+  ), I = b(() => {
+    n == null || n("");
+  }, [n]), C = q(() => !!s && s.length > 0, [s]);
+  return /* @__PURE__ */ r(
+    P,
     {
-      ...v,
-      ref: y,
-      inputValue: o,
-      onInputChange: r,
+      ...K,
+      ref: w,
+      inputValue: s,
+      onInputChange: n,
       menuTrigger: "manual",
       items: [],
       allowsCustomValue: !0,
       isDisabled: c,
-      "aria-label": k || d || "Search",
-      className: u("w-xs", n),
-      children: () => /* @__PURE__ */ a(
-        M,
+      "aria-label": v || m || "Search",
+      className: i("w-xs", p),
+      children: () => /* @__PURE__ */ r(
+        _,
         {
-          size: s,
-          shortcut: i,
-          bordered: m,
-          placeholder: d,
-          shortcutClassName: f,
-          onKeyDown: S,
-          onClear: K,
-          hasValue: N,
-          className: n
+          size: u,
+          shortcut: l,
+          bordered: y,
+          placeholder: m,
+          shortcutClassName: o,
+          onKeyDown: N,
+          onClear: I,
+          hasValue: C,
+          className: i(p, x)
         }
       )
     }
   );
 }
 export {
-  Q as default
+  Y as default
 };

package/dist/primitives/select/index.d.ts

@@ -2,6 +2,7 @@ export { Select, type SelectProps } from './select';
 export { SelectItem, type SelectItemProps } from './select-item';
 export { SearchableSelect, type SearchableSelectProps, } from './searchable-select';
 export { MultiSelect, type MultiSelectProps } from './multi-select';
+export { default as SearchInput, type SearchInputProps } from './SearchInput';
 export { Popover, type PopoverProps } from './popover';
 export { ExpandableSearchInput, type ExpandableSearchInputProps, } from './ExpandableSearchInput';
 //# sourceMappingURL=index.d.ts.map

package/dist/primitives/select/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/primitives/select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,eAAe,CAAC;AACjE,OAAO,EACL,gBAAgB,EAChB,KAAK,qBAAqB,GAC3B,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AACpE,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,WAAW,CAAC;AACvD,OAAO,EACL,qBAAqB,EACrB,KAAK,0BAA0B,GAChC,MAAM,yBAAyB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/primitives/select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,eAAe,CAAC;AACjE,OAAO,EACL,gBAAgB,EAChB,KAAK,qBAAqB,GAC3B,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAIpE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAC9E,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,WAAW,CAAC;AACvD,OAAO,EACL,qBAAqB,EACrB,KAAK,0BAA0B,GAChC,MAAM,yBAAyB,CAAC"}

package/dist/primitives/select/select.d.ts

@@ -32,6 +32,10 @@ export interface SelectProps extends Omit<AriaSelectProps<SelectItemType>, "chil
     isDeselectable?: boolean;
 }
 export declare const sizes: {
+    xs: {
+        root: string;
+        shortcut: string;
+    };
     sm: {
         root: string;
         shortcut: string;

package/dist/primitives/select/select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/primitives/select/select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAO,aAAa,EAAE,MAAM,OAAO,CAAC;AAG/D,OAAO,KAAK,EAAE,GAAG,EAAE,WAAW,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAUjF,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAIvD,MAAM,MAAM,cAAc,GAAG;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,IAAI,CAAC,EAAE,EAAE,GAAG,SAAS,CAAC;CACvB,CAAC;AAEF,MAAM,WAAW,WAAW;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,WACf,SACE,IAAI,CAAC,eAAe,CAAC,cAAc,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC,EAC3D,aAAa,CAAC,cAAc,CAAC,EAC7B,WAAW;IACb,KAAK,CAAC,EAAE,cAAc,EAAE,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,eAAe,CAAC,EAAE,EAAE,GAAG,SAAS,CAAC;IACjC,QAAQ,EAAE,SAAS,GAAG,CAAC,CAAC,IAAI,EAAE,cAAc,KAAK,SAAS,CAAC,CAAC;IAC5D,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,uHAAuH;IACvH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,2GAA2G;IAC3G,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAiBD,eAAO,MAAM,KAAK;;;;;;;;;;;;;CAIjB,CAAC;AAQF,eAAO,MAAM,SAAS;;;;CAIrB,CAAC;AA4IF,eAAO,MAAM,aAAa;UAClB,IAAI,GAAG,IAAI,GAAG,IAAI;qBACP,OAAO;kBACV,GAAG,GAAG,IAAI;wBACJ,MAAM,IAAI;EACd,CAAC;AAEnB,QAAA,MAAM,MAAM,GAAI,yJAeb,WAAW,4CA+Fb,CAAC;AAEF,QAAA,MAAM,OAAO,EAAa,OAAO,MAAM,GAAG;IACxC,QAAQ,EAAE,OAAO,QAAQ,CAAC;IAC1B,IAAI,EAAE,OAAO,UAAU,CAAC;IACxB,UAAU,EAAE,OAAO,gBAAgB,CAAC;CACrC,CAAC;AAKF,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,CAAC"}
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/primitives/select/select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAO,aAAa,EAAE,MAAM,OAAO,CAAC;AAG/D,OAAO,KAAK,EACV,GAAG,EACH,WAAW,IAAI,eAAe,EAC/B,MAAM,uBAAuB,CAAC;AAU/B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAIvD,MAAM,MAAM,cAAc,GAAG;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,IAAI,CAAC,EAAE,EAAE,GAAG,SAAS,CAAC;CACvB,CAAC;AAEF,MAAM,WAAW,WAAW;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,WACf,SACE,IAAI,CAAC,eAAe,CAAC,cAAc,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC,EAC3D,aAAa,CAAC,cAAc,CAAC,EAC7B,WAAW;IACb,KAAK,CAAC,EAAE,cAAc,EAAE,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,eAAe,CAAC,EAAE,EAAE,GAAG,SAAS,CAAC;IACjC,QAAQ,EAAE,SAAS,GAAG,CAAC,CAAC,IAAI,EAAE,cAAc,KAAK,SAAS,CAAC,CAAC;IAC5D,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,uHAAuH;IACvH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,2GAA2G;IAC3G,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAiBD,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;CAOjB,CAAC;AAQF,eAAO,MAAM,SAAS;;;;CAIrB,CAAC;AA4IF,eAAO,MAAM,aAAa;UAClB,IAAI,GAAG,IAAI,GAAG,IAAI;qBACP,OAAO;kBACV,GAAG,GAAG,IAAI;wBACJ,MAAM,IAAI;EACd,CAAC;AAEnB,QAAA,MAAM,MAAM,GAAI,yJAeb,WAAW,4CA0Gb,CAAC;AAEF,QAAA,MAAM,OAAO,EAAa,OAAO,MAAM,GAAG;IACxC,QAAQ,EAAE,OAAO,QAAQ,CAAC;IAC1B,IAAI,EAAE,OAAO,UAAU,CAAC;IACxB,UAAU,EAAE,OAAO,gBAAgB,CAAC;CACrC,CAAC;AAKF,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,CAAC"}

package/dist/primitives/select/select.js

@@ -12,6 +12,9 @@ import { SearchableSelect as X } from "./searchable-select.js";
 import { cx as i } from "../../utils/cn.js";
 import { isReactComponent as G } from "../../utils/is-react-component.js";
 const J = {
+  // xs exists because platform-ui's search fields use it. Select itself does not
+  // offer it yet; the map is shared with SearchInput, which does.
+  xs: { root: "py-1 px-2 h-7", shortcut: "pr-1.5" },
   sm: { root: "py-1.5 px-2 h-8", shortcut: "pr-2" },
   md: { root: "py-1.5 px-3 h-9", shortcut: "pr-2.5" },
   lg: { root: "py-2.5 px-3.5 h-11", shortcut: "pr-3" }
@@ -36,11 +39,11 @@ const J = {
   isFocused: B,
   isDisabled: c,
   size: n,
-  placeholder: u,
-  placeholderIcon: p,
+  placeholder: m,
+  placeholderIcon: f,
   ref: x,
   textStyles: I,
-  showChevron: f = !0,
+  showChevron: p = !0,
   isClearable: N = !1,
   onClear: a,
   selectedItem: h
@@ -65,10 +68,10 @@ const J = {
             J[n].root
           ),
           children: (r) => {
-            var o, m, s, v, S;
-            const t = ((o = r.selectedItem) == null ? void 0 : o.icon) || p;
+            var o, u, s, v, S;
+            const t = ((o = r.selectedItem) == null ? void 0 : o.icon) || f;
             return /* @__PURE__ */ b(K, { children: [
-              (m = r.selectedItem) != null && m.avatarUrl ? /* @__PURE__ */ e(
+              (u = r.selectedItem) != null && u.avatarUrl ? /* @__PURE__ */ e(
                 $,
                 {
                   size: "sm",
@@ -104,10 +107,10 @@ const J = {
                     w[n],
                     c && "text-disabled"
                   ),
-                  children: u
+                  children: m
                 }
               ),
-              f && /* @__PURE__ */ e(
+              p && /* @__PURE__ */ e(
                 k,
                 {
                   "aria-hidden": "true",
@@ -144,25 +147,34 @@ const J = {
   placeholderIcon: B,
   size: c = "sm",
   children: n,
-  items: u,
-  label: p,
+  items: m,
+  label: f,
   hint: x,
   tooltip: I,
-  className: f,
+  className: p,
   textStyles: N,
   showChevron: a = !0,
   isClearable: h = !1,
   isDeselectable: d = !1,
   ...g
 }) => {
-  const { selectedKey: r, onSelectionChange: t, ...o } = g, m = T(!1), s = r === void 0 ? void 0 : r == null || String(r) === "" ? null : r, v = j(() => {
+  const {
+    selectedKey: r,
+    onSelectionChange: t,
+    ...o
+  } = g, u = T(!1), s = r === void 0 ? void 0 : r == null || String(r) === "" ? null : r, v = j(() => {
     var l;
-    !d || s == null || (m.current = !0, t == null || t(null), (l = o.onOpenChange) == null || l.call(o, !1), queueMicrotask(() => {
-      m.current = !1;
+    !d || s == null || (u.current = !0, t == null || t(null), (l = o.onOpenChange) == null || l.call(o, !1), queueMicrotask(() => {
+      u.current = !1;
     }));
-  }, [o.onOpenChange, d, t, s]), S = j(
+  }, [
+    o.onOpenChange,
+    d,
+    t,
+    s
+  ]), S = j(
     (l) => {
-      if (m.current) return;
+      if (u.current) return;
       const C = l == null || String(l) === "" ? null : l;
       t == null || t(C);
     },
@@ -185,16 +197,16 @@ const J = {
           onSelectionChange: S,
           className: (l) => i(
             "flex flex-col gap-1.5",
-            typeof f == "function" ? f(l) : f
+            typeof p == "function" ? p(l) : p
           ),
           children: (l) => /* @__PURE__ */ b(K, { children: [
-            p && /* @__PURE__ */ e(
+            f && /* @__PURE__ */ e(
               E,
               {
                 isRequired: l.isRequired,
                 tooltip: I,
                 className: W[c],
-                children: p
+                children: f
               }
             ),
             /* @__PURE__ */ e(
@@ -208,12 +220,19 @@ const J = {
                 showChevron: a,
                 isClearable: h,
                 onClear: h && t ? () => t(null) : void 0,
-                selectedItem: s != null && u ? u.find(
+                selectedItem: s != null && m ? m.find(
                   (C) => String(C.id) === String(s)
                 ) ?? null : null
               }
             ),
-            /* @__PURE__ */ e(H, { size: c, className: i(o.popoverClassName), children: /* @__PURE__ */ e(O, { items: u, className: "size-full outline-hidden ", children: n }) }),
+            /* @__PURE__ */ e(
+              H,
+              {
+                size: c,
+                className: i(o.popoverClassName),
+                children: /* @__PURE__ */ e(O, { items: m, className: "size-full outline-hidden ", children: n })
+              }
+            ),
             x && /* @__PURE__ */ e(A, { isInvalid: l.isInvalid, children: x })
           ] })
         }