@pibit.ai/cure-design-system 0.5.6 → 0.5.8

package/dist/node_modules/framer-motion/dist/es/components/AnimatePresence/PopChild.js

@@ -4,7 +4,7 @@ import { useId as H, useRef as l, useContext as y, useInsertionEffect as I } fro
 import { MotionConfigContext as M } from "../../context/MotionConfigContext.js";
 import { useComposedRefs as W } from "../../utils/use-composed-ref.js";
 import { isHTMLElement as u } from "../../../../../motion-dom/dist/es/utils/is-html-element.js";
-class B extends g.Component {
+class v extends g.Component {
   getSnapshotBeforeUpdate(i) {
     const e = this.props.childRef.current;
     if (e && i.isPresent && !this.props.isPresent) {
@@ -22,7 +22,7 @@ class B extends g.Component {
     return this.props.children;
   }
 }
-function D({ children: o, isPresent: i, anchorX: e, anchorY: n, root: p }) {
+function B({ children: o, isPresent: i, anchorX: e, anchorY: n, root: p }) {
   var c;
   const r = H(), t = l(null), h = l({
     width: 0,
@@ -36,7 +36,7 @@ function D({ children: o, isPresent: i, anchorX: e, anchorY: n, root: p }) {
     const { width: d, height: a, top: C, left: R, right: b, bottom: w } = h.current;
     if (i || !t.current || !d || !a)
       return;
-    const P = e === "left" ? `left: ${R}` : `right: ${b}`, z = n === "bottom" ? `bottom: ${w}` : `top: ${C}`;
+    const z = e === "left" ? `left: ${R}` : `right: ${b}`, P = n === "bottom" ? `bottom: ${w}` : `top: ${C}`;
     t.current.dataset.motionPopId = r;
     const s = document.createElement("style");
     m && (s.nonce = m);
@@ -46,14 +46,14 @@ function D({ children: o, isPresent: i, anchorX: e, anchorY: n, root: p }) {
             position: absolute !important;
             width: ${d}px !important;
             height: ${a}px !important;
-            ${P}px !important;
             ${z}px !important;
+            ${P}px !important;
           }
         `), () => {
       f.contains(s) && f.removeChild(s);
     };
-  }, [i]), E(B, { isPresent: i, childRef: t, sizeRef: h, children: g.cloneElement(o, { ref: x }) });
+  }, [i]), E(v, { isPresent: i, childRef: t, sizeRef: h, children: g.cloneElement(o, { ref: x }) });
 }
 export {
-  D as PopChild
+  B as PopChild
 };

package/dist/node_modules/framer-motion/dist/es/components/AnimatePresence/PresenceChild.js

@@ -1,11 +1,11 @@
 import { jsx as a } from "react/jsx-runtime";
 import * as M from "react";
-import { useId as g, useMemo as c } from "react";
-import { PresenceContext as w } from "../../context/PresenceContext.js";
-import { useConstant as x } from "../../utils/use-constant.js";
+import { useId as w, useMemo as c } from "react";
+import { PresenceContext as x } from "../../context/PresenceContext.js";
+import { useConstant as z } from "../../utils/use-constant.js";
 import { PopChild as $ } from "./PopChild.js";
 const X = ({ children: f, initial: i, isPresent: r, onExitComplete: o, custom: m, presenceAffectsLayout: p, mode: l, anchorX: d, anchorY: h, root: C }) => {
-  const e = x(j), v = g();
+  const e = z(g), v = w();
   let u = !0, n = c(() => (u = !1, {
     id: v,
     initial: i,
@@ -24,9 +24,9 @@ const X = ({ children: f, initial: i, isPresent: r, onExitComplete: o, custom: m
     e.forEach((t, s) => e.set(s, !1));
   }, [r]), M.useEffect(() => {
     !r && !e.size && o && o();
-  }, [r]), l === "popLayout" && (f = a($, { isPresent: r, anchorX: d, anchorY: h, root: C, children: f })), a(w.Provider, { value: n, children: f });
+  }, [r]), l === "popLayout" && (f = a($, { isPresent: r, anchorX: d, anchorY: h, root: C, children: f })), a(x.Provider, { value: n, children: f });
 };
-function j() {
+function g() {
   return /* @__PURE__ */ new Map();
 }
 export {

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

@@ -1,7 +1,7 @@
 import { FocusEventHandler, KeyboardEventHandler } from 'react';
 export interface ExpandableSearchInputProps {
     placeholder?: string;
-    size?: "sm" | "md" | "lg";
+    size?: "xs" | "sm" | "md" | "lg";
     value?: string;
     onChange?: (value: string) => void;
     onBlur?: FocusEventHandler;

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

@@ -1 +1 @@
-{"version":3,"file":"ExpandableSearchInput.d.ts","sourceRoot":"","sources":["../../../src/primitives/select/ExpandableSearchInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,iBAAiB,EACtB,KAAK,oBAAoB,EAC1B,MAAM,OAAO,CAAC;AAOf,MAAM,WAAW,0BAA0B;IACzC,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,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iEAAiE;IACjE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,wGAAwG;IACxG,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8EAA8E;IAC9E,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAKD,eAAO,MAAM,qBAAqB,GAAI,2JAcnC,0BAA0B,4CAsJ5B,CAAC"}
+{"version":3,"file":"ExpandableSearchInput.d.ts","sourceRoot":"","sources":["../../../src/primitives/select/ExpandableSearchInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,iBAAiB,EACtB,KAAK,oBAAoB,EAC1B,MAAM,OAAO,CAAC;AAOf,MAAM,WAAW,0BAA0B;IACzC,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,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iEAAiE;IACjE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,wGAAwG;IACxG,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8EAA8E;IAC9E,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAKD,eAAO,MAAM,qBAAqB,GAAI,2JAcnC,0BAA0B,4CA2K5B,CAAC"}

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"}