@gv-tech/ui-web 2.15.1 → 2.16.0

package/dist/scroll-area.mjs

@@ -1,27 +1,27 @@
 "use client";
 import { j as h } from "./jsx-runtime-tc70JA_2.mjs";
-import * as s from "react";
+import * as c from "react";
 import { P as L, c as C } from "./index-K9FzbxYw.mjs";
 import { P as O } from "./index-vuPgkS0V.mjs";
 import { c as ae } from "./index-IZ2gq03c.mjs";
-import { u as T } from "./index-DLcqcWxM.mjs";
+import { u as A } from "./index-DLcqcWxM.mjs";
 import { u as P } from "./index-0ioNhtNM.mjs";
 import { u as ie } from "./index-CD6_IrA-.mjs";
 import { u as de } from "./index-CCKe-Mpx.mjs";
 import { c as ue } from "./index-rKs9bXHr.mjs";
-import { c as $ } from "./utils-B6yFEsav.mjs";
+import { c as $ } from "./utils-DY6fhrgS.mjs";
 function fe(e, o) {
-  return s.useReducer((r, n) => o[r][n] ?? r, e);
+  return c.useReducer((r, n) => o[r][n] ?? r, e);
 }
-var U = "ScrollArea", [q] = ae(U), [he, p] = q(U), G = s.forwardRef(
+var U = "ScrollArea", [q] = ae(U), [he, p] = q(U), G = c.forwardRef(
   (e, o) => {
     const {
       __scopeScrollArea: r,
       type: n = "hover",
       dir: t,
       scrollHideDelay: l = 600,
-      ...c
-    } = e, [a, i] = s.useState(null), [f, d] = s.useState(null), [b, u] = s.useState(null), [m, w] = s.useState(null), [A, Y] = s.useState(null), [x, _] = s.useState(0), [M, D] = s.useState(0), [j, y] = s.useState(!1), [N, W] = s.useState(!1), S = T(o, (R) => i(R)), v = ie(t);
+      ...s
+    } = e, [a, i] = c.useState(null), [f, d] = c.useState(null), [b, u] = c.useState(null), [m, w] = c.useState(null), [T, Y] = c.useState(null), [x, _] = c.useState(0), [M, D] = c.useState(0), [j, y] = c.useState(!1), [N, W] = c.useState(!1), S = A(o, (R) => i(R)), v = ie(t);
     return /* @__PURE__ */ h.jsx(
       he,
       {
@@ -38,7 +38,7 @@ var U = "ScrollArea", [q] = ae(U), [he, p] = q(U), G = s.forwardRef(
         onScrollbarXChange: w,
         scrollbarXEnabled: j,
         onScrollbarXEnabledChange: y,
-        scrollbarY: A,
+        scrollbarY: T,
         onScrollbarYChange: Y,
         scrollbarYEnabled: N,
         onScrollbarYEnabledChange: W,
@@ -48,7 +48,7 @@ var U = "ScrollArea", [q] = ae(U), [he, p] = q(U), G = s.forwardRef(
           L.div,
           {
             dir: v,
-            ...c,
+            ...s,
             ref: S,
             style: {
               position: "relative",
@@ -64,9 +64,9 @@ var U = "ScrollArea", [q] = ae(U), [he, p] = q(U), G = s.forwardRef(
   }
 );
 G.displayName = U;
-var J = "ScrollAreaViewport", K = s.forwardRef(
+var J = "ScrollAreaViewport", K = c.forwardRef(
   (e, o) => {
-    const { __scopeScrollArea: r, children: n, nonce: t, ...l } = e, c = p(J, r), a = s.useRef(null), i = T(o, a, c.onViewportChange);
+    const { __scopeScrollArea: r, children: n, nonce: t, ...l } = e, s = p(J, r), a = c.useRef(null), i = A(o, a, s.onViewportChange);
     return /* @__PURE__ */ h.jsxs(h.Fragment, { children: [
       /* @__PURE__ */ h.jsx(
         "style",
@@ -95,36 +95,36 @@ var J = "ScrollAreaViewport", K = s.forwardRef(
              * the browser from having to work out whether to render native scrollbars or not,
              * we tell it to with the intention of hiding them in CSS.
              */
-            overflowX: c.scrollbarXEnabled ? "scroll" : "hidden",
-            overflowY: c.scrollbarYEnabled ? "scroll" : "hidden",
+            overflowX: s.scrollbarXEnabled ? "scroll" : "hidden",
+            overflowY: s.scrollbarYEnabled ? "scroll" : "hidden",
             ...e.style
           },
-          children: /* @__PURE__ */ h.jsx("div", { ref: c.onContentChange, style: { minWidth: "100%", display: "table" }, children: n })
+          children: /* @__PURE__ */ h.jsx("div", { ref: s.onContentChange, style: { minWidth: "100%", display: "table" }, children: n })
         }
       )
     ] });
   }
 );
 K.displayName = J;
-var g = "ScrollAreaScrollbar", V = s.forwardRef(
+var g = "ScrollAreaScrollbar", B = c.forwardRef(
   (e, o) => {
-    const { forceMount: r, ...n } = e, t = p(g, e.__scopeScrollArea), { onScrollbarXEnabledChange: l, onScrollbarYEnabledChange: c } = t, a = e.orientation === "horizontal";
-    return s.useEffect(() => (a ? l(!0) : c(!0), () => {
-      a ? l(!1) : c(!1);
-    }), [a, l, c]), t.type === "hover" ? /* @__PURE__ */ h.jsx(be, { ...n, ref: o, forceMount: r }) : t.type === "scroll" ? /* @__PURE__ */ h.jsx(me, { ...n, ref: o, forceMount: r }) : t.type === "auto" ? /* @__PURE__ */ h.jsx(Q, { ...n, ref: o, forceMount: r }) : t.type === "always" ? /* @__PURE__ */ h.jsx(B, { ...n, ref: o }) : null;
+    const { forceMount: r, ...n } = e, t = p(g, e.__scopeScrollArea), { onScrollbarXEnabledChange: l, onScrollbarYEnabledChange: s } = t, a = e.orientation === "horizontal";
+    return c.useEffect(() => (a ? l(!0) : s(!0), () => {
+      a ? l(!1) : s(!1);
+    }), [a, l, s]), t.type === "hover" ? /* @__PURE__ */ h.jsx(be, { ...n, ref: o, forceMount: r }) : t.type === "scroll" ? /* @__PURE__ */ h.jsx(me, { ...n, ref: o, forceMount: r }) : t.type === "auto" ? /* @__PURE__ */ h.jsx(Q, { ...n, ref: o, forceMount: r }) : t.type === "always" ? /* @__PURE__ */ h.jsx(V, { ...n, ref: o }) : null;
   }
 );
-V.displayName = g;
-var be = s.forwardRef((e, o) => {
-  const { forceMount: r, ...n } = e, t = p(g, e.__scopeScrollArea), [l, c] = s.useState(!1);
-  return s.useEffect(() => {
+B.displayName = g;
+var be = c.forwardRef((e, o) => {
+  const { forceMount: r, ...n } = e, t = p(g, e.__scopeScrollArea), [l, s] = c.useState(!1);
+  return c.useEffect(() => {
     const a = t.scrollArea;
     let i = 0;
     if (a) {
       const f = () => {
-        window.clearTimeout(i), c(!0);
+        window.clearTimeout(i), s(!0);
       }, d = () => {
-        i = window.setTimeout(() => c(!1), t.scrollHideDelay);
+        i = window.setTimeout(() => s(!1), t.scrollHideDelay);
       };
       return a.addEventListener("pointerenter", f), a.addEventListener("pointerleave", d), () => {
         window.clearTimeout(i), a.removeEventListener("pointerenter", f), a.removeEventListener("pointerleave", d);
@@ -138,8 +138,8 @@ var be = s.forwardRef((e, o) => {
       ref: o
     }
   ) });
-}), me = s.forwardRef((e, o) => {
-  const { forceMount: r, ...n } = e, t = p(g, e.__scopeScrollArea), l = e.orientation === "horizontal", c = X(() => i("SCROLL_END"), 100), [a, i] = fe("hidden", {
+}), me = c.forwardRef((e, o) => {
+  const { forceMount: r, ...n } = e, t = p(g, e.__scopeScrollArea), l = e.orientation === "horizontal", s = X(() => i("SCROLL_END"), 100), [a, i] = fe("hidden", {
     hidden: {
       SCROLL: "scrolling"
     },
@@ -157,23 +157,23 @@ var be = s.forwardRef((e, o) => {
       POINTER_ENTER: "interacting"
     }
   });
-  return s.useEffect(() => {
+  return c.useEffect(() => {
     if (a === "idle") {
       const f = window.setTimeout(() => i("HIDE"), t.scrollHideDelay);
       return () => window.clearTimeout(f);
     }
-  }, [a, t.scrollHideDelay, i]), s.useEffect(() => {
+  }, [a, t.scrollHideDelay, i]), c.useEffect(() => {
     const f = t.viewport, d = l ? "scrollLeft" : "scrollTop";
     if (f) {
       let b = f[d];
       const u = () => {
         const m = f[d];
-        b !== m && (i("SCROLL"), c()), b = m;
+        b !== m && (i("SCROLL"), s()), b = m;
       };
       return f.addEventListener("scroll", u), () => f.removeEventListener("scroll", u);
     }
-  }, [t.viewport, l, i, c]), /* @__PURE__ */ h.jsx(O, { present: r || a !== "hidden", children: /* @__PURE__ */ h.jsx(
-    B,
+  }, [t.viewport, l, i, s]), /* @__PURE__ */ h.jsx(O, { present: r || a !== "hidden", children: /* @__PURE__ */ h.jsx(
+    V,
     {
       "data-state": a === "hidden" ? "hidden" : "visible",
       ...n,
@@ -182,23 +182,23 @@ var be = s.forwardRef((e, o) => {
       onPointerLeave: C(e.onPointerLeave, () => i("POINTER_LEAVE"))
     }
   ) });
-}), Q = s.forwardRef((e, o) => {
-  const r = p(g, e.__scopeScrollArea), { forceMount: n, ...t } = e, [l, c] = s.useState(!1), a = e.orientation === "horizontal", i = X(() => {
+}), Q = c.forwardRef((e, o) => {
+  const r = p(g, e.__scopeScrollArea), { forceMount: n, ...t } = e, [l, s] = c.useState(!1), a = e.orientation === "horizontal", i = X(() => {
     if (r.viewport) {
       const f = r.viewport.offsetWidth < r.viewport.scrollWidth, d = r.viewport.offsetHeight < r.viewport.scrollHeight;
-      c(a ? f : d);
+      s(a ? f : d);
     }
   }, 10);
   return E(r.viewport, i), E(r.content, i), /* @__PURE__ */ h.jsx(O, { present: n || l, children: /* @__PURE__ */ h.jsx(
-    B,
+    V,
     {
       "data-state": l ? "visible" : "hidden",
       ...t,
       ref: o
     }
   ) });
-}), B = s.forwardRef((e, o) => {
-  const { orientation: r = "vertical", ...n } = e, t = p(g, e.__scopeScrollArea), l = s.useRef(null), c = s.useRef(0), [a, i] = s.useState({
+}), V = c.forwardRef((e, o) => {
+  const { orientation: r = "vertical", ...n } = e, t = p(g, e.__scopeScrollArea), l = c.useRef(null), s = c.useRef(0), [a, i] = c.useState({
     content: 0,
     viewport: 0,
     scrollbar: { size: 0, paddingStart: 0, paddingEnd: 0 }
@@ -208,11 +208,11 @@ var be = s.forwardRef((e, o) => {
     onSizesChange: i,
     hasThumb: f > 0 && f < 1,
     onThumbChange: (u) => l.current = u,
-    onThumbPointerUp: () => c.current = 0,
-    onThumbPointerDown: (u) => c.current = u
+    onThumbPointerUp: () => s.current = 0,
+    onThumbPointerDown: (u) => s.current = u
   };
   function b(u, m) {
-    return xe(u, c.current, a, m);
+    return xe(u, s.current, a, m);
   }
   return r === "horizontal" ? /* @__PURE__ */ h.jsx(
     Se,
@@ -251,9 +251,9 @@ var be = s.forwardRef((e, o) => {
       }
     }
   ) : null;
-}), Se = s.forwardRef((e, o) => {
-  const { sizes: r, onSizesChange: n, ...t } = e, l = p(g, e.__scopeScrollArea), [c, a] = s.useState(), i = s.useRef(null), f = T(o, i, l.onScrollbarXChange);
-  return s.useEffect(() => {
+}), Se = c.forwardRef((e, o) => {
+  const { sizes: r, onSizesChange: n, ...t } = e, l = p(g, e.__scopeScrollArea), [s, a] = c.useState(), i = c.useRef(null), f = A(o, i, l.onScrollbarXChange);
+  return c.useEffect(() => {
     i.current && a(getComputedStyle(i.current));
   }, [i]), /* @__PURE__ */ h.jsx(
     ee,
@@ -278,21 +278,21 @@ var be = s.forwardRef((e, o) => {
         }
       },
       onResize: () => {
-        i.current && l.viewport && c && n({
+        i.current && l.viewport && s && n({
           content: l.viewport.scrollWidth,
           viewport: l.viewport.offsetWidth,
           scrollbar: {
             size: i.current.clientWidth,
-            paddingStart: z(c.paddingLeft),
-            paddingEnd: z(c.paddingRight)
+            paddingStart: z(s.paddingLeft),
+            paddingEnd: z(s.paddingRight)
           }
         });
       }
     }
   );
-}), pe = s.forwardRef((e, o) => {
-  const { sizes: r, onSizesChange: n, ...t } = e, l = p(g, e.__scopeScrollArea), [c, a] = s.useState(), i = s.useRef(null), f = T(o, i, l.onScrollbarYChange);
-  return s.useEffect(() => {
+}), pe = c.forwardRef((e, o) => {
+  const { sizes: r, onSizesChange: n, ...t } = e, l = p(g, e.__scopeScrollArea), [s, a] = c.useState(), i = c.useRef(null), f = A(o, i, l.onScrollbarYChange);
+  return c.useEffect(() => {
     i.current && a(getComputedStyle(i.current));
   }, [i]), /* @__PURE__ */ h.jsx(
     ee,
@@ -318,52 +318,52 @@ var be = s.forwardRef((e, o) => {
         }
       },
       onResize: () => {
-        i.current && l.viewport && c && n({
+        i.current && l.viewport && s && n({
           content: l.viewport.scrollHeight,
           viewport: l.viewport.offsetHeight,
           scrollbar: {
             size: i.current.clientHeight,
-            paddingStart: z(c.paddingTop),
-            paddingEnd: z(c.paddingBottom)
+            paddingStart: z(s.paddingTop),
+            paddingEnd: z(s.paddingBottom)
           }
         });
       }
     }
   );
-}), [ve, Z] = q(g), ee = s.forwardRef((e, o) => {
+}), [ve, Z] = q(g), ee = c.forwardRef((e, o) => {
   const {
     __scopeScrollArea: r,
     sizes: n,
     hasThumb: t,
     onThumbChange: l,
-    onThumbPointerUp: c,
+    onThumbPointerUp: s,
     onThumbPointerDown: a,
     onThumbPositionChange: i,
     onDragScroll: f,
     onWheelScroll: d,
     onResize: b,
     ...u
-  } = e, m = p(g, r), [w, A] = s.useState(null), Y = T(o, (S) => A(S)), x = s.useRef(null), _ = s.useRef(""), M = m.viewport, D = n.content - n.viewport, j = P(d), y = P(i), N = X(b, 10);
+  } = e, m = p(g, r), [w, T] = c.useState(null), Y = A(o, (S) => T(S)), x = c.useRef(null), _ = c.useRef(""), M = m.viewport, D = n.content - n.viewport, j = P(d), y = P(i), N = X(b, 10);
   function W(S) {
     if (x.current) {
       const v = S.clientX - x.current.left, R = S.clientY - x.current.top;
       f({ x: v, y: R });
     }
   }
-  return s.useEffect(() => {
+  return c.useEffect(() => {
     const S = (v) => {
       const R = v.target;
       w?.contains(R) && j(v, D);
     };
     return document.addEventListener("wheel", S, { passive: !1 }), () => document.removeEventListener("wheel", S, { passive: !1 });
-  }, [M, w, D, j]), s.useEffect(y, [n, y]), E(w, N), E(m.content, N), /* @__PURE__ */ h.jsx(
+  }, [M, w, D, j]), c.useEffect(y, [n, y]), E(w, N), E(m.content, N), /* @__PURE__ */ h.jsx(
     ve,
     {
       scope: r,
       scrollbar: w,
       hasThumb: t,
       onThumbChange: P(l),
-      onThumbPointerUp: P(c),
+      onThumbPointerUp: P(s),
       onThumbPositionChange: y,
       onThumbPointerDown: P(a),
       children: /* @__PURE__ */ h.jsx(
@@ -384,20 +384,20 @@ var be = s.forwardRef((e, o) => {
       )
     }
   );
-}), H = "ScrollAreaThumb", re = s.forwardRef(
+}), H = "ScrollAreaThumb", re = c.forwardRef(
   (e, o) => {
     const { forceMount: r, ...n } = e, t = Z(H, e.__scopeScrollArea);
     return /* @__PURE__ */ h.jsx(O, { present: r || t.hasThumb, children: /* @__PURE__ */ h.jsx(we, { ref: o, ...n }) });
   }
-), we = s.forwardRef(
+), we = c.forwardRef(
   (e, o) => {
-    const { __scopeScrollArea: r, style: n, ...t } = e, l = p(H, r), c = Z(H, r), { onThumbPositionChange: a } = c, i = T(
+    const { __scopeScrollArea: r, style: n, ...t } = e, l = p(H, r), s = Z(H, r), { onThumbPositionChange: a } = s, i = A(
       o,
-      (b) => c.onThumbChange(b)
-    ), f = s.useRef(void 0), d = X(() => {
+      (b) => s.onThumbChange(b)
+    ), f = c.useRef(void 0), d = X(() => {
       f.current && (f.current(), f.current = void 0);
     }, 100);
-    return s.useEffect(() => {
+    return c.useEffect(() => {
       const b = l.viewport;
       if (b) {
         const u = () => {
@@ -411,7 +411,7 @@ var be = s.forwardRef((e, o) => {
     }, [l.viewport, d, a]), /* @__PURE__ */ h.jsx(
       L.div,
       {
-        "data-state": c.hasThumb ? "visible" : "hidden",
+        "data-state": s.hasThumb ? "visible" : "hidden",
         ...t,
         ref: i,
         style: {
@@ -420,30 +420,30 @@ var be = s.forwardRef((e, o) => {
           ...n
         },
         onPointerDownCapture: C(e.onPointerDownCapture, (b) => {
-          const m = b.target.getBoundingClientRect(), w = b.clientX - m.left, A = b.clientY - m.top;
-          c.onThumbPointerDown({ x: w, y: A });
+          const m = b.target.getBoundingClientRect(), w = b.clientX - m.left, T = b.clientY - m.top;
+          s.onThumbPointerDown({ x: w, y: T });
         }),
-        onPointerUp: C(e.onPointerUp, c.onThumbPointerUp)
+        onPointerUp: C(e.onPointerUp, s.onThumbPointerUp)
       }
     );
   }
 );
 re.displayName = H;
-var k = "ScrollAreaCorner", oe = s.forwardRef(
+var k = "ScrollAreaCorner", oe = c.forwardRef(
   (e, o) => {
     const r = p(k, e.__scopeScrollArea), n = !!(r.scrollbarX && r.scrollbarY);
     return r.type !== "scroll" && n ? /* @__PURE__ */ h.jsx(ge, { ...e, ref: o }) : null;
   }
 );
 oe.displayName = k;
-var ge = s.forwardRef((e, o) => {
-  const { __scopeScrollArea: r, ...n } = e, t = p(k, r), [l, c] = s.useState(0), [a, i] = s.useState(0), f = !!(l && a);
+var ge = c.forwardRef((e, o) => {
+  const { __scopeScrollArea: r, ...n } = e, t = p(k, r), [l, s] = c.useState(0), [a, i] = c.useState(0), f = !!(l && a);
   return E(t.scrollbarX, () => {
     const d = t.scrollbarX?.offsetHeight || 0;
     t.onCornerHeightChange(d), i(d);
   }), E(t.scrollbarY, () => {
     const d = t.scrollbarY?.offsetWidth || 0;
-    t.onCornerWidthChange(d), c(d);
+    t.onCornerWidthChange(d), s(d);
   }), f ? /* @__PURE__ */ h.jsx(
     L.div,
     {
@@ -473,12 +473,12 @@ function I(e) {
   return Math.max(n, 18);
 }
 function xe(e, o, r, n = "ltr") {
-  const t = I(r), l = t / 2, c = o || l, a = t - c, i = r.scrollbar.paddingStart + c, f = r.scrollbar.size - r.scrollbar.paddingEnd - a, d = r.content - r.viewport, b = n === "ltr" ? [0, d] : [d * -1, 0];
+  const t = I(r), l = t / 2, s = o || l, a = t - s, i = r.scrollbar.paddingStart + s, f = r.scrollbar.size - r.scrollbar.paddingEnd - a, d = r.content - r.viewport, b = n === "ltr" ? [0, d] : [d * -1, 0];
   return ne([i, f], b)(e);
 }
 function F(e, o, r = "ltr") {
-  const n = I(o), t = o.scrollbar.paddingStart + o.scrollbar.paddingEnd, l = o.scrollbar.size - t, c = o.content - o.viewport, a = l - n, i = r === "ltr" ? [0, c] : [c * -1, 0], f = ue(e, i);
-  return ne([0, c], [0, a])(f);
+  const n = I(o), t = o.scrollbar.paddingStart + o.scrollbar.paddingEnd, l = o.scrollbar.size - t, s = o.content - o.viewport, a = l - n, i = r === "ltr" ? [0, s] : [s * -1, 0], f = ue(e, i);
+  return ne([0, s], [0, a])(f);
 }
 function ne(e, o) {
   return (r) => {
@@ -494,13 +494,13 @@ var Pe = (e, o = () => {
 }) => {
   let r = { left: e.scrollLeft, top: e.scrollTop }, n = 0;
   return (function t() {
-    const l = { left: e.scrollLeft, top: e.scrollTop }, c = r.left !== l.left, a = r.top !== l.top;
-    (c || a) && o(), r = l, n = window.requestAnimationFrame(t);
+    const l = { left: e.scrollLeft, top: e.scrollTop }, s = r.left !== l.left, a = r.top !== l.top;
+    (s || a) && o(), r = l, n = window.requestAnimationFrame(t);
   })(), () => window.cancelAnimationFrame(n);
 };
 function X(e, o) {
-  const r = P(e), n = s.useRef(0);
-  return s.useEffect(() => () => window.clearTimeout(n.current), []), s.useCallback(() => {
+  const r = P(e), n = c.useRef(0);
+  return c.useEffect(() => () => window.clearTimeout(n.current), []), c.useCallback(() => {
     window.clearTimeout(n.current), n.current = window.setTimeout(r, o);
   }, [r, o]);
 }
@@ -518,15 +518,15 @@ function E(e, o) {
     }
   }, [e, r]);
 }
-var se = G, Ce = K, Re = oe;
-const Ee = s.forwardRef(({ className: e, children: o, ...r }, n) => /* @__PURE__ */ h.jsxs(se, { ref: n, className: $("relative overflow-hidden", e), ...r, children: [
+var ce = G, Ce = K, Re = oe;
+const Ee = c.forwardRef(({ className: e, children: o, ...r }, n) => /* @__PURE__ */ h.jsxs(ce, { ref: n, className: $("relative overflow-hidden", e), ...r, children: [
   /* @__PURE__ */ h.jsx(Ce, { className: "h-full w-full rounded-[inherit]", children: o }),
-  /* @__PURE__ */ h.jsx(ce, {}),
+  /* @__PURE__ */ h.jsx(se, {}),
   /* @__PURE__ */ h.jsx(Re, {})
 ] }));
-Ee.displayName = se.displayName;
-const ce = s.forwardRef(({ className: e, orientation: o = "vertical", ...r }, n) => /* @__PURE__ */ h.jsx(
-  V,
+Ee.displayName = ce?.displayName || "ScrollArea";
+const se = c.forwardRef(({ className: e, orientation: o = "vertical", ...r }, n) => /* @__PURE__ */ h.jsx(
+  B,
   {
     ref: n,
     orientation: o,
@@ -540,8 +540,8 @@ const ce = s.forwardRef(({ className: e, orientation: o = "vertical", ...r }, n)
     children: /* @__PURE__ */ h.jsx(re, { className: "bg-border relative flex-1 rounded-full" })
   }
 ));
-ce.displayName = V.displayName;
+se.displayName = B?.displayName || "ScrollBar";
 export {
   Ee as ScrollArea,
-  ce as ScrollBar
+  se as ScrollBar
 };

package/dist/search.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./jsx-runtime-nZSsnGb7.js"),f=require("lucide-react"),j=require("react"),g=require("./button.cjs"),h=require("./command.cjs"),m=require("./utils-IjLH3w2e.js");function y(t){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const o=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(s,e,o.get?o:{enumerable:!0,get:()=>t[e]})}}return s.default=t,Object.freeze(s)}const c=y(j);function b({children:t,open:s,onOpenChange:e}){const[o,a]=c.useState(!1),u=s!==void 0,l=u?s:o,d=c.useCallback(i=>{let n;typeof i=="function"?n=i(l):n=i,u?e?.(n):a(n)},[u,l,e]);return c.useEffect(()=>{const i=n=>{n.key==="k"&&(n.metaKey||n.ctrlKey)&&(n.preventDefault(),d(x=>!x))};return document.addEventListener("keydown",i),()=>document.removeEventListener("keydown",i)},[d]),r.jsxRuntimeExports.jsx(h.CommandDialog,{open:l,onOpenChange:d,children:t})}const p=c.forwardRef(({className:t,placeholder:s="Search docs...",variant:e="default",...o},a)=>r.jsxRuntimeExports.jsxs(g.Button,{variant:"outline",className:m.cn("text-muted-foreground relative h-9 text-sm transition-all transition-colors",e==="default"?"w-full justify-start pr-12":"w-9 justify-center px-0 md:w-40 md:justify-start md:px-3 md:pr-12 lg:w-64",t),ref:a,...o,children:[r.jsxRuntimeExports.jsxs("span",{className:"inline-flex items-center gap-2",children:[r.jsxRuntimeExports.jsx(f.Search,{className:"h-4 w-4 shrink-0"}),r.jsxRuntimeExports.jsx("span",{className:m.cn("truncate",e==="compact"&&"hidden md:inline"),children:s})]}),r.jsxRuntimeExports.jsxs("kbd",{className:"bg-muted pointer-events-none absolute top-1.5 right-1.5 hidden h-6 items-center gap-1 rounded border px-1.5 font-mono text-[10px] font-medium opacity-100 select-none sm:flex",children:[r.jsxRuntimeExports.jsx("span",{className:"text-xs",children:"⌘"}),"K"]})]}));p.displayName="SearchTrigger";exports.Search=b;exports.SearchTrigger=p;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./jsx-runtime-nZSsnGb7.js"),p=require("lucide-react"),h=require("react"),j=require("./button.cjs"),g=require("./command.cjs"),u=require("./utils-cdbZV8DZ.js");function y(t){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const r=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(s,e,r.get?r:{enumerable:!0,get:()=>t[e]})}}return s.default=t,Object.freeze(s)}const d=y(h);function b({children:t,open:s,onOpenChange:e}){const[r,x]=d.useState(!1),a=s!==void 0,i=a?s:r,l=d.useCallback(o=>{let n;typeof o=="function"?n=o(i):n=o,a?e?.(n):x(n)},[a,i,e]);return d.useEffect(()=>{const o=n=>{n.key==="k"&&(n.metaKey||n.ctrlKey)&&(n.preventDefault(),l(f=>!f))};return document.addEventListener("keydown",o),()=>document.removeEventListener("keydown",o)},[l]),c.jsxRuntimeExports.jsx(g.CommandDialog,{open:i,onOpenChange:l,children:t})}const m=d.forwardRef(({className:t,placeholder:s,variant:e="default",responsive:r=!1,...x},a)=>{const l=s||(e==="compact"?"Search...":"Search docs...");return c.jsxRuntimeExports.jsxs(j.Button,{variant:"outline",className:u.cn("text-muted-foreground relative h-9 text-sm transition-all transition-colors",e==="default"?"w-full justify-start pr-12":u.cn("w-9 justify-center px-0",r&&"2xl:w-48 2xl:justify-start 2xl:px-3 2xl:pr-12"),t),ref:a,...x,children:[c.jsxRuntimeExports.jsxs("span",{className:"inline-flex items-center gap-2",children:[c.jsxRuntimeExports.jsx(p.Search,{className:"h-4 w-4 shrink-0"}),c.jsxRuntimeExports.jsx("span",{className:u.cn("truncate",e==="compact"&&(r?"hidden 2xl:inline":"hidden")),children:l})]}),c.jsxRuntimeExports.jsxs("kbd",{className:u.cn("bg-muted pointer-events-none absolute top-1.5 right-1.5 hidden h-6 items-center gap-1 rounded border px-1.5 font-mono text-[10px] font-medium opacity-100 select-none",e==="default"&&"sm:flex",e==="compact"&&r&&"2xl:flex"),children:[c.jsxRuntimeExports.jsx("span",{className:"text-xs",children:"⌘"}),"K"]})]})});m.displayName="SearchTrigger";exports.Search=b;exports.SearchTrigger=m;

package/dist/search.mjs

@@ -1,52 +1,65 @@
 "use client";
-import { j as t } from "./jsx-runtime-tc70JA_2.mjs";
+import { j as n } from "./jsx-runtime-tc70JA_2.mjs";
 import { Search as u } from "lucide-react";
-import * as o from "react";
+import * as d from "react";
 import { Button as x } from "./button.mjs";
 import { CommandDialog as h } from "./command.mjs";
-import { c as p } from "./utils-B6yFEsav.mjs";
-function S({ children: a, open: r, onOpenChange: s }) {
-  const [i, c] = o.useState(!1), m = r !== void 0, l = m ? r : i, d = o.useCallback(
-    (n) => {
+import { c as i } from "./utils-DY6fhrgS.mjs";
+function N({ children: m, open: l, onOpenChange: t }) {
+  const [o, f] = d.useState(!1), r = l !== void 0, c = r ? l : o, a = d.useCallback(
+    (s) => {
       let e;
-      typeof n == "function" ? e = n(l) : e = n, m ? s?.(e) : c(e);
+      typeof s == "function" ? e = s(c) : e = s, r ? t?.(e) : f(e);
     },
-    [m, l, s]
+    [r, c, t]
   );
-  return o.useEffect(() => {
-    const n = (e) => {
-      e.key === "k" && (e.metaKey || e.ctrlKey) && (e.preventDefault(), d((f) => !f));
+  return d.useEffect(() => {
+    const s = (e) => {
+      e.key === "k" && (e.metaKey || e.ctrlKey) && (e.preventDefault(), a((p) => !p));
     };
-    return document.addEventListener("keydown", n), () => document.removeEventListener("keydown", n);
-  }, [d]), /* @__PURE__ */ t.jsx(h, { open: l, onOpenChange: d, children: a });
+    return document.addEventListener("keydown", s), () => document.removeEventListener("keydown", s);
+  }, [a]), /* @__PURE__ */ n.jsx(h, { open: c, onOpenChange: a, children: m });
 }
-const j = o.forwardRef(
-  ({ className: a, placeholder: r = "Search docs...", variant: s = "default", ...i }, c) => /* @__PURE__ */ t.jsxs(
-    x,
-    {
-      variant: "outline",
-      className: p(
-        "text-muted-foreground relative h-9 text-sm transition-all transition-colors",
-        s === "default" ? "w-full justify-start pr-12" : "w-9 justify-center px-0 md:w-40 md:justify-start md:px-3 md:pr-12 lg:w-64",
-        a
-      ),
-      ref: c,
-      ...i,
-      children: [
-        /* @__PURE__ */ t.jsxs("span", { className: "inline-flex items-center gap-2", children: [
-          /* @__PURE__ */ t.jsx(u, { className: "h-4 w-4 shrink-0" }),
-          /* @__PURE__ */ t.jsx("span", { className: p("truncate", s === "compact" && "hidden md:inline"), children: r })
-        ] }),
-        /* @__PURE__ */ t.jsxs("kbd", { className: "bg-muted pointer-events-none absolute top-1.5 right-1.5 hidden h-6 items-center gap-1 rounded border px-1.5 font-mono text-[10px] font-medium opacity-100 select-none sm:flex", children: [
-          /* @__PURE__ */ t.jsx("span", { className: "text-xs", children: "⌘" }),
-          "K"
-        ] })
-      ]
-    }
-  )
+const j = d.forwardRef(
+  ({ className: m, placeholder: l, variant: t = "default", responsive: o = !1, ...f }, r) => {
+    const a = l || (t === "compact" ? "Search..." : "Search docs...");
+    return /* @__PURE__ */ n.jsxs(
+      x,
+      {
+        variant: "outline",
+        className: i(
+          "text-muted-foreground relative h-9 text-sm transition-all transition-colors",
+          t === "default" ? "w-full justify-start pr-12" : i("w-9 justify-center px-0", o && "2xl:w-48 2xl:justify-start 2xl:px-3 2xl:pr-12"),
+          m
+        ),
+        ref: r,
+        ...f,
+        children: [
+          /* @__PURE__ */ n.jsxs("span", { className: "inline-flex items-center gap-2", children: [
+            /* @__PURE__ */ n.jsx(u, { className: "h-4 w-4 shrink-0" }),
+            /* @__PURE__ */ n.jsx("span", { className: i("truncate", t === "compact" && (o ? "hidden 2xl:inline" : "hidden")), children: a })
+          ] }),
+          /* @__PURE__ */ n.jsxs(
+            "kbd",
+            {
+              className: i(
+                "bg-muted pointer-events-none absolute top-1.5 right-1.5 hidden h-6 items-center gap-1 rounded border px-1.5 font-mono text-[10px] font-medium opacity-100 select-none",
+                t === "default" && "sm:flex",
+                t === "compact" && o && "2xl:flex"
+              ),
+              children: [
+                /* @__PURE__ */ n.jsx("span", { className: "text-xs", children: "⌘" }),
+                "K"
+              ]
+            }
+          )
+        ]
+      }
+    );
+  }
 );
 j.displayName = "SearchTrigger";
 export {
-  S as Search,
+  N as Search,
   j as SearchTrigger
 };