@gv-tech/ui-web 2.10.0 → 2.12.0

package/dist/scroll-area.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("./jsx-runtime-nZSsnGb7.js"),ie=require("react"),x=require("./index-BtZvtDmp.js"),W=require("./index-B2XtpfGY.js"),ae=require("./index-D2HnlO3y.js"),j=require("./index-_XxjJPRD.js"),E=require("./index-CzY-WZXL.js"),ue=require("./index-Dko2XdTk.js"),de=require("./index-MQ0c3ZX_.js"),fe=require("./index-C8ni3LLa.js"),F=require("./utils-IjLH3w2e.js");function he(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const s=he(ie);function me(e,t){return s.useReducer((r,n)=>t[r][n]??r,e)}var X="ScrollArea",[$]=ae.createContextScope(X),[pe,S]=$(X),G=s.forwardRef((e,t)=>{const{__scopeScrollArea:r,type:n="hover",dir:o,scrollHideDelay:l=600,...c}=e,[i,a]=s.useState(null),[f,u]=s.useState(null),[m,d]=s.useState(null),[p,w]=s.useState(null),[y,I]=s.useState(null),[g,A]=s.useState(0),[M,_]=s.useState(0),[L,T]=s.useState(!1),[D,H]=s.useState(!1),b=j.useComposedRefs(t,P=>a(P)),v=ue.useDirection(o);return h.jsxRuntimeExports.jsx(pe,{scope:r,type:n,dir:v,scrollHideDelay:l,scrollArea:i,viewport:f,onViewportChange:u,content:m,onContentChange:d,scrollbarX:p,onScrollbarXChange:w,scrollbarXEnabled:L,onScrollbarXEnabledChange:T,scrollbarY:y,onScrollbarYChange:I,scrollbarYEnabled:D,onScrollbarYEnabledChange:H,onCornerWidthChange:A,onCornerHeightChange:_,children:h.jsxRuntimeExports.jsx(x.Primitive.div,{dir:v,...c,ref:b,style:{position:"relative","--radix-scroll-area-corner-width":g+"px","--radix-scroll-area-corner-height":M+"px",...e.style}})})});G.displayName=X;var J="ScrollAreaViewport",K=s.forwardRef((e,t)=>{const{__scopeScrollArea:r,children:n,nonce:o,...l}=e,c=S(J,r),i=s.useRef(null),a=j.useComposedRefs(t,i,c.onViewportChange);return h.jsxRuntimeExports.jsxs(h.jsxRuntimeExports.Fragment,{children:[h.jsxRuntimeExports.jsx("style",{dangerouslySetInnerHTML:{__html:"[data-radix-scroll-area-viewport]{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;}[data-radix-scroll-area-viewport]::-webkit-scrollbar{display:none}"},nonce:o}),h.jsxRuntimeExports.jsx(x.Primitive.div,{"data-radix-scroll-area-viewport":"",...l,ref:a,style:{overflowX:c.scrollbarXEnabled?"scroll":"hidden",overflowY:c.scrollbarYEnabled?"scroll":"hidden",...e.style},children:h.jsxRuntimeExports.jsx("div",{ref:c.onContentChange,style:{minWidth:"100%",display:"table"},children:n})})]})});K.displayName=J;var R="ScrollAreaScrollbar",Y=s.forwardRef((e,t)=>{const{forceMount:r,...n}=e,o=S(R,e.__scopeScrollArea),{onScrollbarXEnabledChange:l,onScrollbarYEnabledChange:c}=o,i=e.orientation==="horizontal";return s.useEffect(()=>(i?l(!0):c(!0),()=>{i?l(!1):c(!1)}),[i,l,c]),o.type==="hover"?h.jsxRuntimeExports.jsx(be,{...n,ref:t,forceMount:r}):o.type==="scroll"?h.jsxRuntimeExports.jsx(xe,{...n,ref:t,forceMount:r}):o.type==="auto"?h.jsxRuntimeExports.jsx(Q,{...n,ref:t,forceMount:r}):o.type==="always"?h.jsxRuntimeExports.jsx(U,{...n,ref:t}):null});Y.displayName=R;var be=s.forwardRef((e,t)=>{const{forceMount:r,...n}=e,o=S(R,e.__scopeScrollArea),[l,c]=s.useState(!1);return s.useEffect(()=>{const i=o.scrollArea;let a=0;if(i){const f=()=>{window.clearTimeout(a),c(!0)},u=()=>{a=window.setTimeout(()=>c(!1),o.scrollHideDelay)};return i.addEventListener("pointerenter",f),i.addEventListener("pointerleave",u),()=>{window.clearTimeout(a),i.removeEventListener("pointerenter",f),i.removeEventListener("pointerleave",u)}}},[o.scrollArea,o.scrollHideDelay]),h.jsxRuntimeExports.jsx(W.Presence,{present:r||l,children:h.jsxRuntimeExports.jsx(Q,{"data-state":l?"visible":"hidden",...n,ref:t})})}),xe=s.forwardRef((e,t)=>{const{forceMount:r,...n}=e,o=S(R,e.__scopeScrollArea),l=e.orientation==="horizontal",c=k(()=>a("SCROLL_END"),100),[i,a]=me("hidden",{hidden:{SCROLL:"scrolling"},scrolling:{SCROLL_END:"idle",POINTER_ENTER:"interacting"},interacting:{SCROLL:"interacting",POINTER_LEAVE:"idle"},idle:{HIDE:"hidden",SCROLL:"scrolling",POINTER_ENTER:"interacting"}});return s.useEffect(()=>{if(i==="idle"){const f=window.setTimeout(()=>a("HIDE"),o.scrollHideDelay);return()=>window.clearTimeout(f)}},[i,o.scrollHideDelay,a]),s.useEffect(()=>{const f=o.viewport,u=l?"scrollLeft":"scrollTop";if(f){let m=f[u];const d=()=>{const p=f[u];m!==p&&(a("SCROLL"),c()),m=p};return f.addEventListener("scroll",d),()=>f.removeEventListener("scroll",d)}},[o.viewport,l,a,c]),h.jsxRuntimeExports.jsx(W.Presence,{present:r||i!=="hidden",children:h.jsxRuntimeExports.jsx(U,{"data-state":i==="hidden"?"hidden":"visible",...n,ref:t,onPointerEnter:x.composeEventHandlers(e.onPointerEnter,()=>a("POINTER_ENTER")),onPointerLeave:x.composeEventHandlers(e.onPointerLeave,()=>a("POINTER_LEAVE"))})})}),Q=s.forwardRef((e,t)=>{const r=S(R,e.__scopeScrollArea),{forceMount:n,...o}=e,[l,c]=s.useState(!1),i=e.orientation==="horizontal",a=k(()=>{if(r.viewport){const f=r.viewport.offsetWidth<r.viewport.scrollWidth,u=r.viewport.offsetHeight<r.viewport.scrollHeight;c(i?f:u)}},10);return C(r.viewport,a),C(r.content,a),h.jsxRuntimeExports.jsx(W.Presence,{present:n||l,children:h.jsxRuntimeExports.jsx(U,{"data-state":l?"visible":"hidden",...o,ref:t})})}),U=s.forwardRef((e,t)=>{const{orientation:r="vertical",...n}=e,o=S(R,e.__scopeScrollArea),l=s.useRef(null),c=s.useRef(0),[i,a]=s.useState({content:0,viewport:0,scrollbar:{size:0,paddingStart:0,paddingEnd:0}}),f=oe(i.viewport,i.content),u={...n,sizes:i,onSizesChange:a,hasThumb:f>0&&f<1,onThumbChange:d=>l.current=d,onThumbPointerUp:()=>c.current=0,onThumbPointerDown:d=>c.current=d};function m(d,p){return Ee(d,c.current,i,p)}return r==="horizontal"?h.jsxRuntimeExports.jsx(Se,{...u,ref:t,onThumbPositionChange:()=>{if(o.viewport&&l.current){const d=o.viewport.scrollLeft,p=q(d,i,o.dir);l.current.style.transform=`translate3d(${p}px, 0, 0)`}},onWheelScroll:d=>{o.viewport&&(o.viewport.scrollLeft=d)},onDragScroll:d=>{o.viewport&&(o.viewport.scrollLeft=m(d,o.dir))}}):r==="vertical"?h.jsxRuntimeExports.jsx(ve,{...u,ref:t,onThumbPositionChange:()=>{if(o.viewport&&l.current){const d=o.viewport.scrollTop,p=q(d,i);l.current.style.transform=`translate3d(0, ${p}px, 0)`}},onWheelScroll:d=>{o.viewport&&(o.viewport.scrollTop=d)},onDragScroll:d=>{o.viewport&&(o.viewport.scrollTop=m(d))}}):null}),Se=s.forwardRef((e,t)=>{const{sizes:r,onSizesChange:n,...o}=e,l=S(R,e.__scopeScrollArea),[c,i]=s.useState(),a=s.useRef(null),f=j.useComposedRefs(t,a,l.onScrollbarXChange);return s.useEffect(()=>{a.current&&i(getComputedStyle(a.current))},[a]),h.jsxRuntimeExports.jsx(ee,{"data-orientation":"horizontal",...o,ref:f,sizes:r,style:{bottom:0,left:l.dir==="rtl"?"var(--radix-scroll-area-corner-width)":0,right:l.dir==="ltr"?"var(--radix-scroll-area-corner-width)":0,"--radix-scroll-area-thumb-width":z(r)+"px",...e.style},onThumbPointerDown:u=>e.onThumbPointerDown(u.x),onDragScroll:u=>e.onDragScroll(u.x),onWheelScroll:(u,m)=>{if(l.viewport){const d=l.viewport.scrollLeft+u.deltaX;e.onWheelScroll(d),le(d,m)&&u.preventDefault()}},onResize:()=>{a.current&&l.viewport&&c&&n({content:l.viewport.scrollWidth,viewport:l.viewport.offsetWidth,scrollbar:{size:a.current.clientWidth,paddingStart:O(c.paddingLeft),paddingEnd:O(c.paddingRight)}})}})}),ve=s.forwardRef((e,t)=>{const{sizes:r,onSizesChange:n,...o}=e,l=S(R,e.__scopeScrollArea),[c,i]=s.useState(),a=s.useRef(null),f=j.useComposedRefs(t,a,l.onScrollbarYChange);return s.useEffect(()=>{a.current&&i(getComputedStyle(a.current))},[a]),h.jsxRuntimeExports.jsx(ee,{"data-orientation":"vertical",...o,ref:f,sizes:r,style:{top:0,right:l.dir==="ltr"?0:void 0,left:l.dir==="rtl"?0:void 0,bottom:"var(--radix-scroll-area-corner-height)","--radix-scroll-area-thumb-height":z(r)+"px",...e.style},onThumbPointerDown:u=>e.onThumbPointerDown(u.y),onDragScroll:u=>e.onDragScroll(u.y),onWheelScroll:(u,m)=>{if(l.viewport){const d=l.viewport.scrollTop+u.deltaY;e.onWheelScroll(d),le(d,m)&&u.preventDefault()}},onResize:()=>{a.current&&l.viewport&&c&&n({content:l.viewport.scrollHeight,viewport:l.viewport.offsetHeight,scrollbar:{size:a.current.clientHeight,paddingStart:O(c.paddingTop),paddingEnd:O(c.paddingBottom)}})}})}),[we,Z]=$(R),ee=s.forwardRef((e,t)=>{const{__scopeScrollArea:r,sizes:n,hasThumb:o,onThumbChange:l,onThumbPointerUp:c,onThumbPointerDown:i,onThumbPositionChange:a,onDragScroll:f,onWheelScroll:u,onResize:m,...d}=e,p=S(R,r),[w,y]=s.useState(null),I=j.useComposedRefs(t,b=>y(b)),g=s.useRef(null),A=s.useRef(""),M=p.viewport,_=n.content-n.viewport,L=E.useCallbackRef(u),T=E.useCallbackRef(a),D=k(m,10);function H(b){if(g.current){const v=b.clientX-g.current.left,P=b.clientY-g.current.top;f({x:v,y:P})}}return s.useEffect(()=>{const b=v=>{const P=v.target;w?.contains(P)&&L(v,_)};return document.addEventListener("wheel",b,{passive:!1}),()=>document.removeEventListener("wheel",b,{passive:!1})},[M,w,_,L]),s.useEffect(T,[n,T]),C(w,D),C(p.content,D),h.jsxRuntimeExports.jsx(we,{scope:r,scrollbar:w,hasThumb:o,onThumbChange:E.useCallbackRef(l),onThumbPointerUp:E.useCallbackRef(c),onThumbPositionChange:T,onThumbPointerDown:E.useCallbackRef(i),children:h.jsxRuntimeExports.jsx(x.Primitive.div,{...d,ref:I,style:{position:"absolute",...d.style},onPointerDown:x.composeEventHandlers(e.onPointerDown,b=>{b.button===0&&(b.target.setPointerCapture(b.pointerId),g.current=w.getBoundingClientRect(),A.current=document.body.style.webkitUserSelect,document.body.style.webkitUserSelect="none",p.viewport&&(p.viewport.style.scrollBehavior="auto"),H(b))}),onPointerMove:x.composeEventHandlers(e.onPointerMove,H),onPointerUp:x.composeEventHandlers(e.onPointerUp,b=>{const v=b.target;v.hasPointerCapture(b.pointerId)&&v.releasePointerCapture(b.pointerId),document.body.style.webkitUserSelect=A.current,p.viewport&&(p.viewport.style.scrollBehavior=""),g.current=null})})})}),N="ScrollAreaThumb",re=s.forwardRef((e,t)=>{const{forceMount:r,...n}=e,o=Z(N,e.__scopeScrollArea);return h.jsxRuntimeExports.jsx(W.Presence,{present:r||o.hasThumb,children:h.jsxRuntimeExports.jsx(Re,{ref:t,...n})})}),Re=s.forwardRef((e,t)=>{const{__scopeScrollArea:r,style:n,...o}=e,l=S(N,r),c=Z(N,r),{onThumbPositionChange:i}=c,a=j.useComposedRefs(t,m=>c.onThumbChange(m)),f=s.useRef(void 0),u=k(()=>{f.current&&(f.current(),f.current=void 0)},100);return s.useEffect(()=>{const m=l.viewport;if(m){const d=()=>{if(u(),!f.current){const p=Pe(m,i);f.current=p,i()}};return i(),m.addEventListener("scroll",d),()=>m.removeEventListener("scroll",d)}},[l.viewport,u,i]),h.jsxRuntimeExports.jsx(x.Primitive.div,{"data-state":c.hasThumb?"visible":"hidden",...o,ref:a,style:{width:"var(--radix-scroll-area-thumb-width)",height:"var(--radix-scroll-area-thumb-height)",...n},onPointerDownCapture:x.composeEventHandlers(e.onPointerDownCapture,m=>{const p=m.target.getBoundingClientRect(),w=m.clientX-p.left,y=m.clientY-p.top;c.onThumbPointerDown({x:w,y})}),onPointerUp:x.composeEventHandlers(e.onPointerUp,c.onThumbPointerUp)})});re.displayName=N;var B="ScrollAreaCorner",te=s.forwardRef((e,t)=>{const r=S(B,e.__scopeScrollArea),n=!!(r.scrollbarX&&r.scrollbarY);return r.type!=="scroll"&&n?h.jsxRuntimeExports.jsx(ge,{...e,ref:t}):null});te.displayName=B;var ge=s.forwardRef((e,t)=>{const{__scopeScrollArea:r,...n}=e,o=S(B,r),[l,c]=s.useState(0),[i,a]=s.useState(0),f=!!(l&&i);return C(o.scrollbarX,()=>{const u=o.scrollbarX?.offsetHeight||0;o.onCornerHeightChange(u),a(u)}),C(o.scrollbarY,()=>{const u=o.scrollbarY?.offsetWidth||0;o.onCornerWidthChange(u),c(u)}),f?h.jsxRuntimeExports.jsx(x.Primitive.div,{...n,ref:t,style:{width:l,height:i,position:"absolute",right:o.dir==="ltr"?0:void 0,left:o.dir==="rtl"?0:void 0,bottom:0,...e.style}}):null});function O(e){return e?parseInt(e,10):0}function oe(e,t){const r=e/t;return isNaN(r)?0:r}function z(e){const t=oe(e.viewport,e.content),r=e.scrollbar.paddingStart+e.scrollbar.paddingEnd,n=(e.scrollbar.size-r)*t;return Math.max(n,18)}function Ee(e,t,r,n="ltr"){const o=z(r),l=o/2,c=t||l,i=o-c,a=r.scrollbar.paddingStart+c,f=r.scrollbar.size-r.scrollbar.paddingEnd-i,u=r.content-r.viewport,m=n==="ltr"?[0,u]:[u*-1,0];return ne([a,f],m)(e)}function q(e,t,r="ltr"){const n=z(t),o=t.scrollbar.paddingStart+t.scrollbar.paddingEnd,l=t.scrollbar.size-o,c=t.content-t.viewport,i=l-n,a=r==="ltr"?[0,c]:[c*-1,0],f=fe.clamp(e,a);return ne([0,c],[0,i])(f)}function ne(e,t){return r=>{if(e[0]===e[1]||t[0]===t[1])return t[0];const n=(t[1]-t[0])/(e[1]-e[0]);return t[0]+n*(r-e[0])}}function le(e,t){return e>0&&e<t}var Pe=(e,t=()=>{})=>{let r={left:e.scrollLeft,top:e.scrollTop},n=0;return(function o(){const l={left:e.scrollLeft,top:e.scrollTop},c=r.left!==l.left,i=r.top!==l.top;(c||i)&&t(),r=l,n=window.requestAnimationFrame(o)})(),()=>window.cancelAnimationFrame(n)};function k(e,t){const r=E.useCallbackRef(e),n=s.useRef(0);return s.useEffect(()=>()=>window.clearTimeout(n.current),[]),s.useCallback(()=>{window.clearTimeout(n.current),n.current=window.setTimeout(r,t)},[r,t])}function C(e,t){const r=E.useCallbackRef(t);de.useLayoutEffect2(()=>{let n=0;if(e){const o=new ResizeObserver(()=>{cancelAnimationFrame(n),n=window.requestAnimationFrame(r)});return o.observe(e),()=>{window.cancelAnimationFrame(n),o.unobserve(e)}}},[e,r])}var se=G,Ce=K,je=te;const ce=s.forwardRef(({className:e,children:t,...r},n)=>h.jsxRuntimeExports.jsxs(se,{ref:n,className:F.cn("relative overflow-hidden",e),...r,children:[h.jsxRuntimeExports.jsx(Ce,{className:"h-full w-full rounded-[inherit]",children:t}),h.jsxRuntimeExports.jsx(V,{}),h.jsxRuntimeExports.jsx(je,{})]}));ce.displayName=se.displayName;const V=s.forwardRef(({className:e,orientation:t="vertical",...r},n)=>h.jsxRuntimeExports.jsx(Y,{ref:n,orientation:t,className:F.cn("flex touch-none transition-colors select-none",t==="vertical"&&"h-full w-2.5 border-l border-l-transparent p-[1px]",t==="horizontal"&&"h-2.5 flex-col border-t border-t-transparent p-[1px]",e),...r,children:h.jsxRuntimeExports.jsx(re,{className:"bg-border relative flex-1 rounded-full"})}));V.displayName=Y.displayName;exports.ScrollArea=ce;exports.ScrollBar=V;

package/dist/scroll-area.d.ts

@@ -0,0 +1,14 @@
+import * as React_2 from 'react';
+import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
+import { ScrollAreaBaseProps as ScrollAreaProps } from '../../ui-core/src';
+import { ScrollBarBaseProps as ScrollBarProps } from '../../ui-core/src';
+
+export declare const ScrollArea: React_2.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & ScrollAreaProps & React_2.RefAttributes<HTMLDivElement>>;
+
+export { ScrollAreaProps }
+
+export declare const ScrollBar: React_2.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaScrollbarProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & ScrollBarProps & React_2.RefAttributes<HTMLDivElement>>;
+
+export { ScrollBarProps }
+
+export { }

package/dist/scroll-area.es.js

@@ -0,0 +1,546 @@
+import { j as h } from "./jsx-runtime-tc70JA_2.mjs";
+import * as s 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 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";
+function fe(e, o) {
+  return s.useReducer((r, n) => o[r][n] ?? r, e);
+}
+var U = "ScrollArea", [q] = ae(U), [he, p] = q(U), G = s.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);
+    return /* @__PURE__ */ h.jsx(
+      he,
+      {
+        scope: r,
+        type: n,
+        dir: v,
+        scrollHideDelay: l,
+        scrollArea: a,
+        viewport: f,
+        onViewportChange: d,
+        content: b,
+        onContentChange: u,
+        scrollbarX: m,
+        onScrollbarXChange: w,
+        scrollbarXEnabled: j,
+        onScrollbarXEnabledChange: y,
+        scrollbarY: A,
+        onScrollbarYChange: Y,
+        scrollbarYEnabled: N,
+        onScrollbarYEnabledChange: W,
+        onCornerWidthChange: _,
+        onCornerHeightChange: D,
+        children: /* @__PURE__ */ h.jsx(
+          L.div,
+          {
+            dir: v,
+            ...c,
+            ref: S,
+            style: {
+              position: "relative",
+              // Pass corner sizes as CSS vars to reduce re-renders of context consumers
+              "--radix-scroll-area-corner-width": x + "px",
+              "--radix-scroll-area-corner-height": M + "px",
+              ...e.style
+            }
+          }
+        )
+      }
+    );
+  }
+);
+G.displayName = U;
+var J = "ScrollAreaViewport", K = s.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);
+    return /* @__PURE__ */ h.jsxs(h.Fragment, { children: [
+      /* @__PURE__ */ h.jsx(
+        "style",
+        {
+          dangerouslySetInnerHTML: {
+            __html: "[data-radix-scroll-area-viewport]{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;}[data-radix-scroll-area-viewport]::-webkit-scrollbar{display:none}"
+          },
+          nonce: t
+        }
+      ),
+      /* @__PURE__ */ h.jsx(
+        L.div,
+        {
+          "data-radix-scroll-area-viewport": "",
+          ...l,
+          ref: i,
+          style: {
+            /**
+             * We don't support `visible` because the intention is to have at least one scrollbar
+             * if this component is used and `visible` will behave like `auto` in that case
+             * https://developer.mozilla.org/en-US/docs/Web/CSS/overflow#description
+             *
+             * We don't handle `auto` because the intention is for the native implementation
+             * to be hidden if using this component. We just want to ensure the node is scrollable
+             * so could have used either `scroll` or `auto` here. We picked `scroll` to prevent
+             * 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",
+            ...e.style
+          },
+          children: /* @__PURE__ */ h.jsx("div", { ref: c.onContentChange, style: { minWidth: "100%", display: "table" }, children: n })
+        }
+      )
+    ] });
+  }
+);
+K.displayName = J;
+var g = "ScrollAreaScrollbar", V = s.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;
+  }
+);
+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(() => {
+    const a = t.scrollArea;
+    let i = 0;
+    if (a) {
+      const f = () => {
+        window.clearTimeout(i), c(!0);
+      }, d = () => {
+        i = window.setTimeout(() => c(!1), t.scrollHideDelay);
+      };
+      return a.addEventListener("pointerenter", f), a.addEventListener("pointerleave", d), () => {
+        window.clearTimeout(i), a.removeEventListener("pointerenter", f), a.removeEventListener("pointerleave", d);
+      };
+    }
+  }, [t.scrollArea, t.scrollHideDelay]), /* @__PURE__ */ h.jsx(O, { present: r || l, children: /* @__PURE__ */ h.jsx(
+    Q,
+    {
+      "data-state": l ? "visible" : "hidden",
+      ...n,
+      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", {
+    hidden: {
+      SCROLL: "scrolling"
+    },
+    scrolling: {
+      SCROLL_END: "idle",
+      POINTER_ENTER: "interacting"
+    },
+    interacting: {
+      SCROLL: "interacting",
+      POINTER_LEAVE: "idle"
+    },
+    idle: {
+      HIDE: "hidden",
+      SCROLL: "scrolling",
+      POINTER_ENTER: "interacting"
+    }
+  });
+  return s.useEffect(() => {
+    if (a === "idle") {
+      const f = window.setTimeout(() => i("HIDE"), t.scrollHideDelay);
+      return () => window.clearTimeout(f);
+    }
+  }, [a, t.scrollHideDelay, i]), s.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;
+      };
+      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,
+    {
+      "data-state": a === "hidden" ? "hidden" : "visible",
+      ...n,
+      ref: o,
+      onPointerEnter: C(e.onPointerEnter, () => i("POINTER_ENTER")),
+      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(() => {
+    if (r.viewport) {
+      const f = r.viewport.offsetWidth < r.viewport.scrollWidth, d = r.viewport.offsetHeight < r.viewport.scrollHeight;
+      c(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,
+    {
+      "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({
+    content: 0,
+    viewport: 0,
+    scrollbar: { size: 0, paddingStart: 0, paddingEnd: 0 }
+  }), f = te(a.viewport, a.content), d = {
+    ...n,
+    sizes: a,
+    onSizesChange: i,
+    hasThumb: f > 0 && f < 1,
+    onThumbChange: (u) => l.current = u,
+    onThumbPointerUp: () => c.current = 0,
+    onThumbPointerDown: (u) => c.current = u
+  };
+  function b(u, m) {
+    return xe(u, c.current, a, m);
+  }
+  return r === "horizontal" ? /* @__PURE__ */ h.jsx(
+    Se,
+    {
+      ...d,
+      ref: o,
+      onThumbPositionChange: () => {
+        if (t.viewport && l.current) {
+          const u = t.viewport.scrollLeft, m = F(u, a, t.dir);
+          l.current.style.transform = `translate3d(${m}px, 0, 0)`;
+        }
+      },
+      onWheelScroll: (u) => {
+        t.viewport && (t.viewport.scrollLeft = u);
+      },
+      onDragScroll: (u) => {
+        t.viewport && (t.viewport.scrollLeft = b(u, t.dir));
+      }
+    }
+  ) : r === "vertical" ? /* @__PURE__ */ h.jsx(
+    pe,
+    {
+      ...d,
+      ref: o,
+      onThumbPositionChange: () => {
+        if (t.viewport && l.current) {
+          const u = t.viewport.scrollTop, m = F(u, a);
+          l.current.style.transform = `translate3d(0, ${m}px, 0)`;
+        }
+      },
+      onWheelScroll: (u) => {
+        t.viewport && (t.viewport.scrollTop = u);
+      },
+      onDragScroll: (u) => {
+        t.viewport && (t.viewport.scrollTop = b(u));
+      }
+    }
+  ) : 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(() => {
+    i.current && a(getComputedStyle(i.current));
+  }, [i]), /* @__PURE__ */ h.jsx(
+    ee,
+    {
+      "data-orientation": "horizontal",
+      ...t,
+      ref: f,
+      sizes: r,
+      style: {
+        bottom: 0,
+        left: l.dir === "rtl" ? "var(--radix-scroll-area-corner-width)" : 0,
+        right: l.dir === "ltr" ? "var(--radix-scroll-area-corner-width)" : 0,
+        "--radix-scroll-area-thumb-width": I(r) + "px",
+        ...e.style
+      },
+      onThumbPointerDown: (d) => e.onThumbPointerDown(d.x),
+      onDragScroll: (d) => e.onDragScroll(d.x),
+      onWheelScroll: (d, b) => {
+        if (l.viewport) {
+          const u = l.viewport.scrollLeft + d.deltaX;
+          e.onWheelScroll(u), le(u, b) && d.preventDefault();
+        }
+      },
+      onResize: () => {
+        i.current && l.viewport && c && n({
+          content: l.viewport.scrollWidth,
+          viewport: l.viewport.offsetWidth,
+          scrollbar: {
+            size: i.current.clientWidth,
+            paddingStart: z(c.paddingLeft),
+            paddingEnd: z(c.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(() => {
+    i.current && a(getComputedStyle(i.current));
+  }, [i]), /* @__PURE__ */ h.jsx(
+    ee,
+    {
+      "data-orientation": "vertical",
+      ...t,
+      ref: f,
+      sizes: r,
+      style: {
+        top: 0,
+        right: l.dir === "ltr" ? 0 : void 0,
+        left: l.dir === "rtl" ? 0 : void 0,
+        bottom: "var(--radix-scroll-area-corner-height)",
+        "--radix-scroll-area-thumb-height": I(r) + "px",
+        ...e.style
+      },
+      onThumbPointerDown: (d) => e.onThumbPointerDown(d.y),
+      onDragScroll: (d) => e.onDragScroll(d.y),
+      onWheelScroll: (d, b) => {
+        if (l.viewport) {
+          const u = l.viewport.scrollTop + d.deltaY;
+          e.onWheelScroll(u), le(u, b) && d.preventDefault();
+        }
+      },
+      onResize: () => {
+        i.current && l.viewport && c && n({
+          content: l.viewport.scrollHeight,
+          viewport: l.viewport.offsetHeight,
+          scrollbar: {
+            size: i.current.clientHeight,
+            paddingStart: z(c.paddingTop),
+            paddingEnd: z(c.paddingBottom)
+          }
+        });
+      }
+    }
+  );
+}), [ve, Z] = q(g), ee = s.forwardRef((e, o) => {
+  const {
+    __scopeScrollArea: r,
+    sizes: n,
+    hasThumb: t,
+    onThumbChange: l,
+    onThumbPointerUp: c,
+    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);
+  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(() => {
+    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(
+    ve,
+    {
+      scope: r,
+      scrollbar: w,
+      hasThumb: t,
+      onThumbChange: P(l),
+      onThumbPointerUp: P(c),
+      onThumbPositionChange: y,
+      onThumbPointerDown: P(a),
+      children: /* @__PURE__ */ h.jsx(
+        L.div,
+        {
+          ...u,
+          ref: Y,
+          style: { position: "absolute", ...u.style },
+          onPointerDown: C(e.onPointerDown, (S) => {
+            S.button === 0 && (S.target.setPointerCapture(S.pointerId), x.current = w.getBoundingClientRect(), _.current = document.body.style.webkitUserSelect, document.body.style.webkitUserSelect = "none", m.viewport && (m.viewport.style.scrollBehavior = "auto"), W(S));
+          }),
+          onPointerMove: C(e.onPointerMove, W),
+          onPointerUp: C(e.onPointerUp, (S) => {
+            const v = S.target;
+            v.hasPointerCapture(S.pointerId) && v.releasePointerCapture(S.pointerId), document.body.style.webkitUserSelect = _.current, m.viewport && (m.viewport.style.scrollBehavior = ""), x.current = null;
+          })
+        }
+      )
+    }
+  );
+}), H = "ScrollAreaThumb", re = s.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(
+  (e, o) => {
+    const { __scopeScrollArea: r, style: n, ...t } = e, l = p(H, r), c = Z(H, r), { onThumbPositionChange: a } = c, i = T(
+      o,
+      (b) => c.onThumbChange(b)
+    ), f = s.useRef(void 0), d = X(() => {
+      f.current && (f.current(), f.current = void 0);
+    }, 100);
+    return s.useEffect(() => {
+      const b = l.viewport;
+      if (b) {
+        const u = () => {
+          if (d(), !f.current) {
+            const m = Pe(b, a);
+            f.current = m, a();
+          }
+        };
+        return a(), b.addEventListener("scroll", u), () => b.removeEventListener("scroll", u);
+      }
+    }, [l.viewport, d, a]), /* @__PURE__ */ h.jsx(
+      L.div,
+      {
+        "data-state": c.hasThumb ? "visible" : "hidden",
+        ...t,
+        ref: i,
+        style: {
+          width: "var(--radix-scroll-area-thumb-width)",
+          height: "var(--radix-scroll-area-thumb-height)",
+          ...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 });
+        }),
+        onPointerUp: C(e.onPointerUp, c.onThumbPointerUp)
+      }
+    );
+  }
+);
+re.displayName = H;
+var k = "ScrollAreaCorner", oe = s.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);
+  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);
+  }), f ? /* @__PURE__ */ h.jsx(
+    L.div,
+    {
+      ...n,
+      ref: o,
+      style: {
+        width: l,
+        height: a,
+        position: "absolute",
+        right: t.dir === "ltr" ? 0 : void 0,
+        left: t.dir === "rtl" ? 0 : void 0,
+        bottom: 0,
+        ...e.style
+      }
+    }
+  ) : null;
+});
+function z(e) {
+  return e ? parseInt(e, 10) : 0;
+}
+function te(e, o) {
+  const r = e / o;
+  return isNaN(r) ? 0 : r;
+}
+function I(e) {
+  const o = te(e.viewport, e.content), r = e.scrollbar.paddingStart + e.scrollbar.paddingEnd, n = (e.scrollbar.size - r) * o;
+  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];
+  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);
+}
+function ne(e, o) {
+  return (r) => {
+    if (e[0] === e[1] || o[0] === o[1]) return o[0];
+    const n = (o[1] - o[0]) / (e[1] - e[0]);
+    return o[0] + n * (r - e[0]);
+  };
+}
+function le(e, o) {
+  return e > 0 && e < o;
+}
+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);
+  })(), () => window.cancelAnimationFrame(n);
+};
+function X(e, o) {
+  const r = P(e), n = s.useRef(0);
+  return s.useEffect(() => () => window.clearTimeout(n.current), []), s.useCallback(() => {
+    window.clearTimeout(n.current), n.current = window.setTimeout(r, o);
+  }, [r, o]);
+}
+function E(e, o) {
+  const r = P(o);
+  de(() => {
+    let n = 0;
+    if (e) {
+      const t = new ResizeObserver(() => {
+        cancelAnimationFrame(n), n = window.requestAnimationFrame(r);
+      });
+      return t.observe(e), () => {
+        window.cancelAnimationFrame(n), t.unobserve(e);
+      };
+    }
+  }, [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: [
+  /* @__PURE__ */ h.jsx(Ce, { className: "h-full w-full rounded-[inherit]", children: o }),
+  /* @__PURE__ */ h.jsx(ce, {}),
+  /* @__PURE__ */ h.jsx(Re, {})
+] }));
+Ee.displayName = se.displayName;
+const ce = s.forwardRef(({ className: e, orientation: o = "vertical", ...r }, n) => /* @__PURE__ */ h.jsx(
+  V,
+  {
+    ref: n,
+    orientation: o,
+    className: $(
+      "flex touch-none transition-colors select-none",
+      o === "vertical" && "h-full w-2.5 border-l border-l-transparent p-[1px]",
+      o === "horizontal" && "h-2.5 flex-col border-t border-t-transparent p-[1px]",
+      e
+    ),
+    ...r,
+    children: /* @__PURE__ */ h.jsx(re, { className: "bg-border relative flex-1 rounded-full" })
+  }
+));
+ce.displayName = V.displayName;
+export {
+  Ee as ScrollArea,
+  ce as ScrollBar
+};

package/dist/search.cjs.js

@@ -0,0 +1 @@
+"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.js"),h=require("./command.cjs.js"),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;

package/dist/search.d.ts

@@ -0,0 +1,15 @@
+import { JSX } from 'react/jsx-runtime';
+import * as React_2 from 'react';
+import { SearchBaseProps } from '../../ui-core/src';
+import { SearchTriggerBaseProps } from '../../ui-core/src';
+
+export declare function Search({ children, open: customOpen, onOpenChange }: SearchProps): JSX.Element;
+
+export declare type SearchProps = SearchBaseProps;
+
+export declare const SearchTrigger: React_2.ForwardRefExoticComponent<SearchTriggerProps & React_2.RefAttributes<HTMLButtonElement>>;
+
+export declare interface SearchTriggerProps extends React_2.ButtonHTMLAttributes<HTMLButtonElement>, SearchTriggerBaseProps {
+}
+
+export { }

package/dist/search.es.js

@@ -0,0 +1,51 @@
+import { j as t } from "./jsx-runtime-tc70JA_2.mjs";
+import { Search as u } from "lucide-react";
+import * as o from "react";
+import { Button as x } from "./button.es.js";
+import { CommandDialog as h } from "./command.es.js";
+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) => {
+      let e;
+      typeof n == "function" ? e = n(l) : e = n, m ? s?.(e) : c(e);
+    },
+    [m, l, s]
+  );
+  return o.useEffect(() => {
+    const n = (e) => {
+      e.key === "k" && (e.metaKey || e.ctrlKey) && (e.preventDefault(), d((f) => !f));
+    };
+    return document.addEventListener("keydown", n), () => document.removeEventListener("keydown", n);
+  }, [d]), /* @__PURE__ */ t.jsx(h, { open: l, onOpenChange: d, children: a });
+}
+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"
+        ] })
+      ]
+    }
+  )
+);
+j.displayName = "SearchTrigger";
+export {
+  S as Search,
+  j as SearchTrigger
+};