@gv-tech/design-system 2.20.0 → 2.21.0

package/dist/scroll-area.d.ts

@@ -1,22 +1,2 @@
-import * as React_2 from 'react';
-import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
-
-export declare const ScrollArea: React_2.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & ScrollAreaProps & React_2.RefAttributes<HTMLDivElement>>;
-
-export declare interface ScrollAreaProps {
-    children?: React_2.ReactNode;
-    className?: string;
-    type?: 'auto' | 'always' | 'scroll' | 'hover';
-    scrollHideDelay?: number;
-    dir?: 'ltr' | 'rtl';
-}
-
-export declare const ScrollBar: React_2.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaScrollbarProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & ScrollBarProps & React_2.RefAttributes<HTMLDivElement>>;
-
-export declare interface ScrollBarProps {
-    className?: string;
-    orientation?: 'horizontal' | 'vertical';
-    forceMount?: true;
-}
-
-export { }
+export * from './packages/ui-web/src/scroll-area'
+export {}

package/dist/scroll-area.mjs

@@ -1,31 +1,32 @@
 "use client";
-import { j as r, aK as s, aL as i, aM as m, aN as c, aO as p } from "./vendor-BQwS7aJt.mjs";
-import * as t from "react";
-import { c as d } from "./utils-Bgpn0CK0.mjs";
-const f = t.forwardRef(({ className: l, children: a, ...e }, o) => /* @__PURE__ */ r.jsxs(s, { ref: o, className: d("relative overflow-hidden", l), ...e, children: [
-  /* @__PURE__ */ r.jsx(i, { className: "h-full w-full rounded-[inherit]", children: a }),
-  /* @__PURE__ */ r.jsx(n, {}),
-  /* @__PURE__ */ r.jsx(m, {})
-] }));
-f.displayName = s?.displayName || "ScrollArea";
-const n = t.forwardRef(({ className: l, orientation: a = "vertical", ...e }, o) => /* @__PURE__ */ r.jsx(
-  c,
-  {
-    ref: o,
-    orientation: a,
-    className: d(
-      "flex touch-none transition-colors select-none",
-      a === "vertical" && "h-full w-2.5 border-l border-l-transparent p-[1px]",
-      a === "horizontal" && "h-2.5 flex-col border-t border-t-transparent p-[1px]",
-      l
-    ),
-    ...e,
-    children: /* @__PURE__ */ r.jsx(p, { className: "bg-border relative flex-1 rounded-full" })
-  }
-));
-n.displayName = c?.displayName || "ScrollBar";
-export {
-  f as ScrollArea,
-  n as ScrollBar
-};
-//# sourceMappingURL=scroll-area.mjs.map
+"use client";
+import { G as e, H as t, K as n, U as r, W as i, vr as a } from "./vendor-Cr0eKZrm.mjs";
+import { t as o } from "./utils-BtI8Nf6i.mjs";
+import * as s from "react";
+//#region packages/ui-web/src/scroll-area.tsx
+var c = a(), l = s.forwardRef(({ className: e, children: i, ...a }, s) => /* @__PURE__ */ (0, c.jsxs)(r, {
+	ref: s,
+	className: o("relative overflow-hidden", e),
+	...a,
+	children: [
+		/* @__PURE__ */ (0, c.jsx)(n, {
+			className: "h-full w-full rounded-[inherit]",
+			children: i
+		}),
+		/* @__PURE__ */ (0, c.jsx)(u, {}),
+		/* @__PURE__ */ (0, c.jsx)(t, {})
+	]
+}));
+l.displayName = r?.displayName || "ScrollArea";
+var u = s.forwardRef(({ className: t, orientation: n = "vertical", ...r }, a) => /* @__PURE__ */ (0, c.jsx)(i, {
+	ref: a,
+	orientation: n,
+	className: o("flex touch-none transition-colors select-none", n === "vertical" && "h-full w-2.5 border-l border-l-transparent p-[1px]", n === "horizontal" && "h-2.5 flex-col border-t border-t-transparent p-[1px]", t),
+	...r,
+	children: /* @__PURE__ */ (0, c.jsx)(e, { className: "bg-border relative flex-1 rounded-full" })
+}));
+u.displayName = i?.displayName || "ScrollBar";
+//#endregion
+export { l as ScrollArea, u as ScrollBar };
+
+//# sourceMappingURL=scroll-area.mjs.map

package/dist/scroll-area.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"scroll-area.mjs","sources":["../packages/ui-web/src/scroll-area.tsx"],"sourcesContent":["'use client';\n\nimport * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';\nimport * as React from 'react';\n\nimport { ScrollAreaBaseProps, ScrollBarBaseProps } from '@gv-tech/ui-core';\nimport { cn } from './lib/utils';\n\nconst ScrollArea = React.forwardRef<\n  React.ElementRef<typeof ScrollAreaPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root> & ScrollAreaBaseProps\n>(({ className, children, ...props }, ref) => (\n  <ScrollAreaPrimitive.Root ref={ref} className={cn('relative overflow-hidden', className)} {...props}>\n    <ScrollAreaPrimitive.Viewport className=\"h-full w-full rounded-[inherit]\">{children}</ScrollAreaPrimitive.Viewport>\n    <ScrollBar />\n    <ScrollAreaPrimitive.Corner />\n  </ScrollAreaPrimitive.Root>\n));\nScrollArea.displayName = ScrollAreaPrimitive.Root?.displayName || 'ScrollArea';\n\nconst ScrollBar = React.forwardRef<\n  React.ElementRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>,\n  React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar> & ScrollBarBaseProps\n>(({ className, orientation = 'vertical', ...props }, ref) => (\n  <ScrollAreaPrimitive.ScrollAreaScrollbar\n    ref={ref}\n    orientation={orientation}\n    className={cn(\n      'flex touch-none transition-colors select-none',\n      orientation === 'vertical' && 'h-full w-2.5 border-l border-l-transparent p-[1px]',\n      orientation === 'horizontal' && 'h-2.5 flex-col border-t border-t-transparent p-[1px]',\n      className,\n    )}\n    {...props}\n  >\n    <ScrollAreaPrimitive.ScrollAreaThumb className=\"bg-border relative flex-1 rounded-full\" />\n  </ScrollAreaPrimitive.ScrollAreaScrollbar>\n));\nScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar?.displayName || 'ScrollBar';\n\nexport { ScrollArea, ScrollBar };\nexport type { ScrollAreaBaseProps as ScrollAreaProps, ScrollBarBaseProps as ScrollBarProps };\n"],"names":["ScrollArea","React","className","children","props","ref","ScrollAreaPrimitive.Root","cn","jsx","ScrollAreaPrimitive.Viewport","ScrollBar","ScrollAreaPrimitive.Corner","orientation","ScrollAreaPrimitive.ScrollAreaScrollbar","ScrollAreaPrimitive.ScrollAreaThumb"],"mappings":";;;;AAQA,MAAMA,IAAaC,EAAM,WAGvB,CAAC,EAAE,WAAAC,GAAW,UAAAC,GAAU,GAAGC,EAAA,GAASC,6BACnCC,GAAA,EAAyB,KAAAD,GAAU,WAAWE,EAAG,4BAA4BL,CAAS,GAAI,GAAGE,GAC5F,UAAA;AAAA,EAAAI,gBAAAA,EAAAA,IAACC,GAAA,EAA6B,WAAU,mCAAmC,UAAAN,EAAA,CAAS;AAAA,wBACnFO,GAAA,EAAU;AAAA,EACXF,gBAAAA,EAAAA,IAACG,GAAA,CAAA,CAA2B;AAAA,GAC9B,CACD;AACDX,EAAW,cAAcM,GAA0B,eAAe;AAElE,MAAMI,IAAYT,EAAM,WAGtB,CAAC,EAAE,WAAAC,GAAW,aAAAU,IAAc,YAAY,GAAGR,KAASC,MACpDG,gBAAAA,EAAAA;AAAAA,EAACK;AAAAA,EAAA;AAAA,IACC,KAAAR;AAAA,IACA,aAAAO;AAAA,IACA,WAAWL;AAAA,MACT;AAAA,MACAK,MAAgB,cAAc;AAAA,MAC9BA,MAAgB,gBAAgB;AAAA,MAChCV;AAAA,IAAA;AAAA,IAED,GAAGE;AAAA,IAEJ,UAAAI,gBAAAA,EAAAA,IAACM,GAAA,EAAoC,WAAU,yCAAA,CAAyC;AAAA,EAAA;AAC1F,CACD;AACDJ,EAAU,cAAcG,GAAyC,eAAe;"}
+{"version":3,"file":"scroll-area.mjs","names":[],"sources":["../packages/ui-web/src/scroll-area.tsx"],"sourcesContent":["'use client';\n\nimport * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';\nimport * as React from 'react';\n\nimport { ScrollAreaBaseProps, ScrollBarBaseProps } from '@gv-tech/ui-core';\nimport { cn } from './lib/utils';\n\nconst ScrollArea = React.forwardRef<\n  React.ElementRef<typeof ScrollAreaPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root> & ScrollAreaBaseProps\n>(({ className, children, ...props }, ref) => (\n  <ScrollAreaPrimitive.Root ref={ref} className={cn('relative overflow-hidden', className)} {...props}>\n    <ScrollAreaPrimitive.Viewport className=\"h-full w-full rounded-[inherit]\">{children}</ScrollAreaPrimitive.Viewport>\n    <ScrollBar />\n    <ScrollAreaPrimitive.Corner />\n  </ScrollAreaPrimitive.Root>\n));\nScrollArea.displayName = ScrollAreaPrimitive.Root?.displayName || 'ScrollArea';\n\nconst ScrollBar = React.forwardRef<\n  React.ElementRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>,\n  React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar> & ScrollBarBaseProps\n>(({ className, orientation = 'vertical', ...props }, ref) => (\n  <ScrollAreaPrimitive.ScrollAreaScrollbar\n    ref={ref}\n    orientation={orientation}\n    className={cn(\n      'flex touch-none transition-colors select-none',\n      orientation === 'vertical' && 'h-full w-2.5 border-l border-l-transparent p-[1px]',\n      orientation === 'horizontal' && 'h-2.5 flex-col border-t border-t-transparent p-[1px]',\n      className,\n    )}\n    {...props}\n  >\n    <ScrollAreaPrimitive.ScrollAreaThumb className=\"bg-border relative flex-1 rounded-full\" />\n  </ScrollAreaPrimitive.ScrollAreaScrollbar>\n));\nScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar?.displayName || 'ScrollBar';\n\nexport { ScrollArea, ScrollBar };\nexport type { ScrollAreaBaseProps as ScrollAreaProps, ScrollBarBaseProps as ScrollBarProps };\n"],"mappings":";;;;;;aAQM,IAAa,EAAM,YAGtB,EAAE,cAAW,aAAU,GAAG,KAAS,MACpC,iBAAA,GAAA,EAAA,MAAC,GAAD;CAA+B;CAAK,WAAW,EAAG,4BAA4B,EAAU;CAAE,GAAI;WAA9F;EACE,iBAAA,GAAA,EAAA,KAAC,GAAD;GAA8B,WAAU;GAAmC;GAAwC,CAAA;EACnH,iBAAA,GAAA,EAAA,KAAC,GAAD,EAAa,CAAA;EACb,iBAAA,GAAA,EAAA,KAAC,GAAD,EAA8B,CAAA;EACL;GAC3B;AACF,EAAW,cAAA,GAAwC,eAAe;AAElE,IAAM,IAAY,EAAM,YAGrB,EAAE,cAAW,iBAAc,YAAY,GAAG,KAAS,MACpD,iBAAA,GAAA,EAAA,KAAC,GAAD;CACO;CACQ;CACb,WAAW,EACT,iDACA,MAAgB,cAAc,sDAC9B,MAAgB,gBAAgB,wDAChC,EACD;CACD,GAAI;WAEJ,iBAAA,GAAA,EAAA,KAAC,GAAD,EAAqC,WAAU,0CAA2C,CAAA;CAClD,CAAA,CAC1C;AACF,EAAU,cAAA,GAAuD,eAAe"}

package/dist/scroll-to-top.cjs

@@ -1,2 +1,2 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./vendor-B_07FHqh.js"),E=require("react"),S=require("./button.cjs"),R=require("./utils-CBWPs0D7.js");function O(e){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const t=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(s,n,t.get?t:{enumerable:!0,get:()=>e[n]})}}return s.default=e,Object.freeze(s)}const l=O(E),T=e=>typeof e.scrollY=="number",m=e=>T(e)?e.scrollY:e.scrollTop;function N({threshold:e=240,exitDuration:s=450,behavior:n="smooth",scrollTarget:t,className:x,label:b="Scroll to top",onClick:v,tabIndex:y,type:g,...h}){const[_,u]=l.useState(!1),[c,f]=l.useState(!1),d=l.useRef(null);l.useEffect(()=>{const o=t===void 0?window:t;if(!o){u(!1);return}const r=()=>{const p=m(o);if(c){p<=e&&(u(!1),f(!1));return}u(p>e)};return r(),o.addEventListener("scroll",r,{passive:!0}),()=>{o.removeEventListener("scroll",r)}},[c,t,e]),l.useEffect(()=>()=>{d.current!==null&&window.clearTimeout(d.current)},[]);const a=c?"exiting":_?"visible":"hidden",w=o=>{if(v?.(o),o.defaultPrevented||c)return;const r=t===void 0?window:t;if(!r)return;f(!0);const p=Math.max(0,s);d.current=window.setTimeout(()=>{r.scrollTo({top:0,behavior:n});const j=m(r);u(!1),j<=e&&f(!1)},p)};return i.jsxRuntimeExports.jsxs(S.Button,{"aria-label":b,"data-state":a,type:g??"button",variant:"default",size:"icon",tabIndex:a==="hidden"?-1:y,className:R.cn("group border-primary/40 bg-primary text-primary-foreground focus-visible:ring-ring fixed right-6 bottom-6 z-50 inline-flex h-14 w-14 items-center justify-center overflow-hidden rounded-full border shadow-[0_18px_40px_-22px_hsl(var(--primary)/0.9)] transition-all duration-500 ease-out focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none","before:pointer-events-none before:absolute before:inset-0 before:bg-[radial-gradient(circle_at_35%_30%,rgba(255,255,255,0.45),transparent_55%)] before:opacity-80","hover:-translate-y-1 hover:scale-105 hover:shadow-[0_24px_48px_-24px_hsl(var(--primary)/0.95)] active:translate-y-0 active:scale-95",a==="visible"&&"translate-y-0 scale-100 opacity-100",a==="hidden"&&"pointer-events-none translate-y-24 scale-75 opacity-0 blur-[1px] motion-safe:animate-none",a==="exiting"&&"pointer-events-none translate-y-28 scale-90 opacity-0 blur-[2px] motion-safe:animate-none",x),onClick:w,...h,children:[i.jsxRuntimeExports.jsx("span",{className:"bg-primary-foreground/20 absolute inset-0 rounded-full opacity-0 transition-opacity duration-500 group-hover:animate-pulse group-hover:opacity-100"}),i.jsxRuntimeExports.jsx("span",{className:"border-primary-foreground/35 absolute inset-0 rounded-full border opacity-0 transition-opacity duration-300 group-hover:animate-ping group-hover:opacity-100"}),i.jsxRuntimeExports.jsx(i.ArrowUp,{className:"relative z-10 h-5 w-5 drop-shadow-[0_2px_2px_rgba(0,0,0,0.2)]"}),i.jsxRuntimeExports.jsx("span",{className:"sr-only",children:b})]})}exports.ScrollToTop=N;
-//# sourceMappingURL=scroll-to-top.cjs.map
+"use client";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./rolldown-runtime-CacfPODE.js`),t=require(`./vendor-D3ZzLf8D.js`),n=require(`./utils-CbSX47LV.js`),r=require(`./button.cjs`);let i=require(`react`);i=e.r(i);var a=t.vr(),o=e=>typeof e.scrollY==`number`,s=e=>o(e)?e.scrollY:e.scrollTop;function c({threshold:e=240,exitDuration:o=450,behavior:c=`smooth`,scrollTarget:l,className:u,label:d=`Scroll to top`,onClick:f,tabIndex:p,type:m,...h}){let[g,_]=i.useState(!1),[v,y]=i.useState(!1),b=i.useRef(null);i.useEffect(()=>{let t=l===void 0?window:l;if(!t){_(!1);return}let n=()=>{let n=s(t);if(v){n<=e&&(_(!1),y(!1));return}_(n>e)};return n(),t.addEventListener(`scroll`,n,{passive:!0}),()=>{t.removeEventListener(`scroll`,n)}},[v,l,e]),i.useEffect(()=>()=>{b.current!==null&&window.clearTimeout(b.current)},[]);let x=v?`exiting`:g?`visible`:`hidden`;return(0,a.jsxs)(r.Button,{"aria-label":d,"data-state":x,type:m??`button`,variant:`default`,size:`icon`,tabIndex:x===`hidden`?-1:p,className:n.t(`group border-primary/40 bg-primary text-primary-foreground focus-visible:ring-ring fixed right-6 bottom-6 z-50 inline-flex h-14 w-14 items-center justify-center overflow-hidden rounded-full border shadow-[0_18px_40px_-22px_hsl(var(--primary)/0.9)] transition-all duration-500 ease-out focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none`,`before:pointer-events-none before:absolute before:inset-0 before:bg-[radial-gradient(circle_at_35%_30%,rgba(255,255,255,0.45),transparent_55%)] before:opacity-80`,`hover:-translate-y-1 hover:scale-105 hover:shadow-[0_24px_48px_-24px_hsl(var(--primary)/0.95)] active:translate-y-0 active:scale-95`,x===`visible`&&`translate-y-0 scale-100 opacity-100`,x===`hidden`&&`pointer-events-none translate-y-24 scale-75 opacity-0 blur-[1px] motion-safe:animate-none`,x===`exiting`&&`pointer-events-none translate-y-28 scale-90 opacity-0 blur-[2px] motion-safe:animate-none`,u),onClick:t=>{if(f?.(t),t.defaultPrevented||v)return;let n=l===void 0?window:l;if(!n)return;y(!0);let r=Math.max(0,o);b.current=window.setTimeout(()=>{n.scrollTo({top:0,behavior:c});let t=s(n);_(!1),t<=e&&y(!1)},r)},...h,children:[(0,a.jsx)(`span`,{className:`bg-primary-foreground/20 absolute inset-0 rounded-full opacity-0 transition-opacity duration-500 group-hover:animate-pulse group-hover:opacity-100`}),(0,a.jsx)(`span`,{className:`border-primary-foreground/35 absolute inset-0 rounded-full border opacity-0 transition-opacity duration-300 group-hover:animate-ping group-hover:opacity-100`}),(0,a.jsx)(t.sr,{className:`relative z-10 h-5 w-5 drop-shadow-[0_2px_2px_rgba(0,0,0,0.2)]`}),(0,a.jsx)(`span`,{className:`sr-only`,children:d})]})}exports.ScrollToTop=c;
+//# sourceMappingURL=scroll-to-top.cjs.map

package/dist/scroll-to-top.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"scroll-to-top.cjs","sources":["../packages/ui-web/src/scroll-to-top.tsx"],"sourcesContent":["'use client';\n\nimport { ScrollToTopBaseProps } from '@gv-tech/ui-core';\nimport { ArrowUp } from 'lucide-react';\nimport * as React from 'react';\nimport { Button } from './button';\nimport { cn } from './lib/utils';\n\nexport interface ScrollToTopProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, ScrollToTopBaseProps {\n  /** Optional custom scroll container; defaults to window when undefined. */\n  scrollTarget?: Window | HTMLElement | null;\n}\n\ntype ScrollTarget = Window | HTMLElement | null;\n\nconst isWindowTarget = (target: Exclude<ScrollTarget, null>): target is Window =>\n  typeof (target as Window).scrollY === 'number';\n\nconst getScrollOffset = (target: Exclude<ScrollTarget, null>) =>\n  isWindowTarget(target) ? target.scrollY : target.scrollTop;\n\nexport function ScrollToTop({\n  threshold = 240,\n  exitDuration = 450,\n  behavior = 'smooth',\n  scrollTarget,\n  className,\n  label = 'Scroll to top',\n  onClick,\n  tabIndex,\n  type,\n  ...props\n}: ScrollToTopProps) {\n  const [isVisible, setIsVisible] = React.useState(false);\n  const [isExiting, setIsExiting] = React.useState(false);\n  const timeoutRef = React.useRef<number | null>(null);\n\n  React.useEffect(() => {\n    const target = scrollTarget === undefined ? window : scrollTarget;\n\n    if (!target) {\n      setIsVisible(false);\n      return;\n    }\n\n    const updateVisibility = () => {\n      const offset = getScrollOffset(target);\n\n      if (isExiting) {\n        // Keep the control dismissed during the return-to-top animation,\n        // then release once we are back under the visibility threshold.\n        if (offset <= threshold) {\n          setIsVisible(false);\n          setIsExiting(false);\n        }\n        return;\n      }\n\n      setIsVisible(offset > threshold);\n    };\n\n    updateVisibility();\n    target.addEventListener('scroll', updateVisibility, { passive: true });\n\n    return () => {\n      target.removeEventListener('scroll', updateVisibility);\n    };\n  }, [isExiting, scrollTarget, threshold]);\n\n  React.useEffect(() => {\n    return () => {\n      if (timeoutRef.current !== null) {\n        window.clearTimeout(timeoutRef.current);\n      }\n    };\n  }, []);\n\n  const state = isExiting ? 'exiting' : isVisible ? 'visible' : 'hidden';\n\n  const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n    onClick?.(event);\n    if (event.defaultPrevented || isExiting) {\n      return;\n    }\n\n    const target = scrollTarget === undefined ? window : scrollTarget;\n    if (!target) {\n      return;\n    }\n\n    setIsExiting(true);\n\n    const timeout = Math.max(0, exitDuration);\n    timeoutRef.current = window.setTimeout(() => {\n      target.scrollTo({ top: 0, behavior });\n\n      const offset = getScrollOffset(target);\n      setIsVisible(false);\n\n      if (offset <= threshold) {\n        setIsExiting(false);\n      }\n    }, timeout);\n  };\n\n  return (\n    <Button\n      aria-label={label}\n      data-state={state}\n      type={type ?? 'button'}\n      variant=\"default\"\n      size=\"icon\"\n      tabIndex={state === 'hidden' ? -1 : tabIndex}\n      className={cn(\n        'group border-primary/40 bg-primary text-primary-foreground focus-visible:ring-ring fixed right-6 bottom-6 z-50 inline-flex h-14 w-14 items-center justify-center overflow-hidden rounded-full border shadow-[0_18px_40px_-22px_hsl(var(--primary)/0.9)] transition-all duration-500 ease-out focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none',\n        'before:pointer-events-none before:absolute before:inset-0 before:bg-[radial-gradient(circle_at_35%_30%,rgba(255,255,255,0.45),transparent_55%)] before:opacity-80',\n        'hover:-translate-y-1 hover:scale-105 hover:shadow-[0_24px_48px_-24px_hsl(var(--primary)/0.95)] active:translate-y-0 active:scale-95',\n        state === 'visible' && 'translate-y-0 scale-100 opacity-100',\n        state === 'hidden' &&\n          'pointer-events-none translate-y-24 scale-75 opacity-0 blur-[1px] motion-safe:animate-none',\n        state === 'exiting' &&\n          'pointer-events-none translate-y-28 scale-90 opacity-0 blur-[2px] motion-safe:animate-none',\n        className,\n      )}\n      onClick={handleClick}\n      {...props}\n    >\n      <span className=\"bg-primary-foreground/20 absolute inset-0 rounded-full opacity-0 transition-opacity duration-500 group-hover:animate-pulse group-hover:opacity-100\" />\n      <span className=\"border-primary-foreground/35 absolute inset-0 rounded-full border opacity-0 transition-opacity duration-300 group-hover:animate-ping group-hover:opacity-100\" />\n      <ArrowUp className=\"relative z-10 h-5 w-5 drop-shadow-[0_2px_2px_rgba(0,0,0,0.2)]\" />\n      <span className=\"sr-only\">{label}</span>\n    </Button>\n  );\n}\n"],"names":["isWindowTarget","target","getScrollOffset","ScrollToTop","threshold","exitDuration","behavior","scrollTarget","className","label","onClick","tabIndex","type","props","isVisible","setIsVisible","React","isExiting","setIsExiting","timeoutRef","updateVisibility","offset","state","handleClick","event","timeout","jsxs","Button","cn","jsx","ArrowUp"],"mappings":"6eAeMA,EAAkBC,GACtB,OAAQA,EAAkB,SAAY,SAElCC,EAAmBD,GACvBD,EAAeC,CAAM,EAAIA,EAAO,QAAUA,EAAO,UAE5C,SAASE,EAAY,CAC1B,UAAAC,EAAY,IACZ,aAAAC,EAAe,IACf,SAAAC,EAAW,SACX,aAAAC,EACA,UAAAC,EACA,MAAAC,EAAQ,gBACR,QAAAC,EACA,SAAAC,EACA,KAAAC,EACA,GAAGC,CACL,EAAqB,CACnB,KAAM,CAACC,EAAWC,CAAY,EAAIC,EAAM,SAAS,EAAK,EAChD,CAACC,EAAWC,CAAY,EAAIF,EAAM,SAAS,EAAK,EAChDG,EAAaH,EAAM,OAAsB,IAAI,EAEnDA,EAAM,UAAU,IAAM,CACpB,MAAMf,EAASM,IAAiB,OAAY,OAASA,EAErD,GAAI,CAACN,EAAQ,CACXc,EAAa,EAAK,EAClB,MACF,CAEA,MAAMK,EAAmB,IAAM,CAC7B,MAAMC,EAASnB,EAAgBD,CAAM,EAErC,GAAIgB,EAAW,CAGTI,GAAUjB,IACZW,EAAa,EAAK,EAClBG,EAAa,EAAK,GAEpB,MACF,CAEAH,EAAaM,EAASjB,CAAS,CACjC,EAEA,OAAAgB,EAAA,EACAnB,EAAO,iBAAiB,SAAUmB,EAAkB,CAAE,QAAS,GAAM,EAE9D,IAAM,CACXnB,EAAO,oBAAoB,SAAUmB,CAAgB,CACvD,CACF,EAAG,CAACH,EAAWV,EAAcH,CAAS,CAAC,EAEvCY,EAAM,UAAU,IACP,IAAM,CACPG,EAAW,UAAY,MACzB,OAAO,aAAaA,EAAW,OAAO,CAE1C,EACC,CAAA,CAAE,EAEL,MAAMG,EAAQL,EAAY,UAAYH,EAAY,UAAY,SAExDS,EAAeC,GAA+C,CAElE,GADAd,IAAUc,CAAK,EACXA,EAAM,kBAAoBP,EAC5B,OAGF,MAAMhB,EAASM,IAAiB,OAAY,OAASA,EACrD,GAAI,CAACN,EACH,OAGFiB,EAAa,EAAI,EAEjB,MAAMO,EAAU,KAAK,IAAI,EAAGpB,CAAY,EACxCc,EAAW,QAAU,OAAO,WAAW,IAAM,CAC3ClB,EAAO,SAAS,CAAE,IAAK,EAAG,SAAAK,EAAU,EAEpC,MAAMe,EAASnB,EAAgBD,CAAM,EACrCc,EAAa,EAAK,EAEdM,GAAUjB,GACZc,EAAa,EAAK,CAEtB,EAAGO,CAAO,CACZ,EAEA,OACEC,EAAAA,kBAAAA,KAACC,EAAAA,OAAA,CACC,aAAYlB,EACZ,aAAYa,EACZ,KAAMV,GAAQ,SACd,QAAQ,UACR,KAAK,OACL,SAAUU,IAAU,SAAW,GAAKX,EACpC,UAAWiB,EAAAA,GACT,2WACA,oKACA,sIACAN,IAAU,WAAa,sCACvBA,IAAU,UACR,4FACFA,IAAU,WACR,4FACFd,CAAA,EAEF,QAASe,EACR,GAAGV,EAEJ,SAAA,CAAAgB,EAAAA,kBAAAA,IAAC,OAAA,CAAK,UAAU,oJAAA,CAAqJ,EACrKA,EAAAA,kBAAAA,IAAC,OAAA,CAAK,UAAU,8JAAA,CAA+J,EAC/KA,EAAAA,kBAAAA,IAACC,EAAAA,QAAA,CAAQ,UAAU,+DAAA,CAAgE,EACnFD,EAAAA,kBAAAA,IAAC,OAAA,CAAK,UAAU,UAAW,SAAApB,CAAA,CAAM,CAAA,CAAA,CAAA,CAGvC"}
+{"version":3,"file":"scroll-to-top.cjs","names":[],"sources":["../packages/ui-web/src/scroll-to-top.tsx"],"sourcesContent":["'use client';\n\nimport { ScrollToTopBaseProps } from '@gv-tech/ui-core';\nimport { ArrowUp } from 'lucide-react';\nimport * as React from 'react';\nimport { Button } from './button';\nimport { cn } from './lib/utils';\n\nexport interface ScrollToTopProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, ScrollToTopBaseProps {\n  /** Optional custom scroll container; defaults to window when undefined. */\n  scrollTarget?: Window | HTMLElement | null;\n}\n\ntype ScrollTarget = Window | HTMLElement | null;\n\nconst isWindowTarget = (target: Exclude<ScrollTarget, null>): target is Window =>\n  typeof (target as Window).scrollY === 'number';\n\nconst getScrollOffset = (target: Exclude<ScrollTarget, null>) =>\n  isWindowTarget(target) ? target.scrollY : target.scrollTop;\n\nexport function ScrollToTop({\n  threshold = 240,\n  exitDuration = 450,\n  behavior = 'smooth',\n  scrollTarget,\n  className,\n  label = 'Scroll to top',\n  onClick,\n  tabIndex,\n  type,\n  ...props\n}: ScrollToTopProps) {\n  const [isVisible, setIsVisible] = React.useState(false);\n  const [isExiting, setIsExiting] = React.useState(false);\n  const timeoutRef = React.useRef<number | null>(null);\n\n  React.useEffect(() => {\n    const target = scrollTarget === undefined ? window : scrollTarget;\n\n    if (!target) {\n      setIsVisible(false);\n      return;\n    }\n\n    const updateVisibility = () => {\n      const offset = getScrollOffset(target);\n\n      if (isExiting) {\n        // Keep the control dismissed during the return-to-top animation,\n        // then release once we are back under the visibility threshold.\n        if (offset <= threshold) {\n          setIsVisible(false);\n          setIsExiting(false);\n        }\n        return;\n      }\n\n      setIsVisible(offset > threshold);\n    };\n\n    updateVisibility();\n    target.addEventListener('scroll', updateVisibility, { passive: true });\n\n    return () => {\n      target.removeEventListener('scroll', updateVisibility);\n    };\n  }, [isExiting, scrollTarget, threshold]);\n\n  React.useEffect(() => {\n    return () => {\n      if (timeoutRef.current !== null) {\n        window.clearTimeout(timeoutRef.current);\n      }\n    };\n  }, []);\n\n  const state = isExiting ? 'exiting' : isVisible ? 'visible' : 'hidden';\n\n  const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n    onClick?.(event);\n    if (event.defaultPrevented || isExiting) {\n      return;\n    }\n\n    const target = scrollTarget === undefined ? window : scrollTarget;\n    if (!target) {\n      return;\n    }\n\n    setIsExiting(true);\n\n    const timeout = Math.max(0, exitDuration);\n    timeoutRef.current = window.setTimeout(() => {\n      target.scrollTo({ top: 0, behavior });\n\n      const offset = getScrollOffset(target);\n      setIsVisible(false);\n\n      if (offset <= threshold) {\n        setIsExiting(false);\n      }\n    }, timeout);\n  };\n\n  return (\n    <Button\n      aria-label={label}\n      data-state={state}\n      type={type ?? 'button'}\n      variant=\"default\"\n      size=\"icon\"\n      tabIndex={state === 'hidden' ? -1 : tabIndex}\n      className={cn(\n        'group border-primary/40 bg-primary text-primary-foreground focus-visible:ring-ring fixed right-6 bottom-6 z-50 inline-flex h-14 w-14 items-center justify-center overflow-hidden rounded-full border shadow-[0_18px_40px_-22px_hsl(var(--primary)/0.9)] transition-all duration-500 ease-out focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none',\n        'before:pointer-events-none before:absolute before:inset-0 before:bg-[radial-gradient(circle_at_35%_30%,rgba(255,255,255,0.45),transparent_55%)] before:opacity-80',\n        'hover:-translate-y-1 hover:scale-105 hover:shadow-[0_24px_48px_-24px_hsl(var(--primary)/0.95)] active:translate-y-0 active:scale-95',\n        state === 'visible' && 'translate-y-0 scale-100 opacity-100',\n        state === 'hidden' &&\n          'pointer-events-none translate-y-24 scale-75 opacity-0 blur-[1px] motion-safe:animate-none',\n        state === 'exiting' &&\n          'pointer-events-none translate-y-28 scale-90 opacity-0 blur-[2px] motion-safe:animate-none',\n        className,\n      )}\n      onClick={handleClick}\n      {...props}\n    >\n      <span className=\"bg-primary-foreground/20 absolute inset-0 rounded-full opacity-0 transition-opacity duration-500 group-hover:animate-pulse group-hover:opacity-100\" />\n      <span className=\"border-primary-foreground/35 absolute inset-0 rounded-full border opacity-0 transition-opacity duration-300 group-hover:animate-ping group-hover:opacity-100\" />\n      <ArrowUp className=\"relative z-10 h-5 w-5 drop-shadow-[0_2px_2px_rgba(0,0,0,0.2)]\" />\n      <span className=\"sr-only\">{label}</span>\n    </Button>\n  );\n}\n"],"mappings":"yRAeM,EAAkB,GACtB,OAAQ,EAAkB,SAAY,SAElC,EAAmB,GACvB,EAAe,EAAO,CAAG,EAAO,QAAU,EAAO,UAEnD,SAAgB,EAAY,CAC1B,YAAY,IACZ,eAAe,IACf,WAAW,SACX,eACA,YACA,QAAQ,gBACR,UACA,WACA,OACA,GAAG,GACgB,CACnB,GAAM,CAAC,EAAW,GAAgB,EAAM,SAAS,GAAM,CACjD,CAAC,EAAW,GAAgB,EAAM,SAAS,GAAM,CACjD,EAAa,EAAM,OAAsB,KAAK,CAEpD,EAAM,cAAgB,CACpB,IAAM,EAAS,IAAiB,IAAA,GAAY,OAAS,EAErD,GAAI,CAAC,EAAQ,CACX,EAAa,GAAM,CACnB,OAGF,IAAM,MAAyB,CAC7B,IAAM,EAAS,EAAgB,EAAO,CAEtC,GAAI,EAAW,CAGT,GAAU,IACZ,EAAa,GAAM,CACnB,EAAa,GAAM,EAErB,OAGF,EAAa,EAAS,EAAU,EAMlC,OAHA,GAAkB,CAClB,EAAO,iBAAiB,SAAU,EAAkB,CAAE,QAAS,GAAM,CAAC,KAEzD,CACX,EAAO,oBAAoB,SAAU,EAAiB,GAEvD,CAAC,EAAW,EAAc,EAAU,CAAC,CAExC,EAAM,kBACS,CACP,EAAW,UAAY,MACzB,OAAO,aAAa,EAAW,QAAQ,EAG1C,EAAE,CAAC,CAEN,IAAM,EAAQ,EAAY,UAAY,EAAY,UAAY,SA4B9D,OACE,EAAA,EAAA,MAAC,EAAA,OAAD,CACE,aAAY,EACZ,aAAY,EACZ,KAAM,GAAQ,SACd,QAAQ,UACR,KAAK,OACL,SAAU,IAAU,SAAW,GAAK,EACpC,UAAW,EAAA,EACT,2WACA,oKACA,sIACA,IAAU,WAAa,sCACvB,IAAU,UACR,4FACF,IAAU,WACR,4FACF,EACD,CACD,QA7CiB,GAA+C,CAElE,GADA,IAAU,EAAM,CACZ,EAAM,kBAAoB,EAC5B,OAGF,IAAM,EAAS,IAAiB,IAAA,GAAY,OAAS,EACrD,GAAI,CAAC,EACH,OAGF,EAAa,GAAK,CAElB,IAAM,EAAU,KAAK,IAAI,EAAG,EAAa,CACzC,EAAW,QAAU,OAAO,eAAiB,CAC3C,EAAO,SAAS,CAAE,IAAK,EAAG,WAAU,CAAC,CAErC,IAAM,EAAS,EAAgB,EAAO,CACtC,EAAa,GAAM,CAEf,GAAU,GACZ,EAAa,GAAM,EAEpB,EAAQ,EAuBT,GAAI,WAnBN,EAqBE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,qJAAuJ,CAAA,EACvK,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,+JAAiK,CAAA,EACjL,EAAA,EAAA,KAAC,EAAA,GAAD,CAAS,UAAU,gEAAkE,CAAA,EACrF,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,mBAAW,EAAa,CAAA,CACjC"}

package/dist/scroll-to-top.d.ts

@@ -1,37 +1,2 @@
-import { JSX } from 'react/jsx-runtime';
-import * as React_2 from 'react';
-
-export declare function ScrollToTop({ threshold, exitDuration, behavior, scrollTarget, className, label, onClick, tabIndex, type, ...props }: ScrollToTopProps): JSX.Element;
-
-declare interface ScrollToTopBaseProps {
-    /**
-     * Number of pixels that must be scrolled before the control appears.
-     *
-     * @default 240
-     */
-    threshold?: number;
-    /**
-     * Delay in milliseconds before the page scroll-to-top is triggered,
-     * allowing the exit animation to complete first.
-     *
-     * @default 450
-     */
-    exitDuration?: number;
-    /**
-     * Scroll behavior used when returning to the top.
-     *
-     * @default 'smooth'
-     */
-    behavior?: ScrollBehavior;
-    /** Optional className for custom positioning and styling. */
-    className?: string;
-    /** Accessible label for the control. */
-    label?: string;
-}
-
-export declare interface ScrollToTopProps extends React_2.ButtonHTMLAttributes<HTMLButtonElement>, ScrollToTopBaseProps {
-    /** Optional custom scroll container; defaults to window when undefined. */
-    scrollTarget?: Window | HTMLElement | null;
-}
-
-export { }
+export * from './packages/ui-web/src/scroll-to-top'
+export {}

package/dist/scroll-to-top.mjs

@@ -1,86 +1,74 @@
 "use client";
-import { j as n, bg as E } from "./vendor-BQwS7aJt.mjs";
-import * as s from "react";
-import { Button as N } from "./button.mjs";
-import { c as S } from "./utils-Bgpn0CK0.mjs";
-const R = (e) => typeof e.scrollY == "number", d = (e) => R(e) ? e.scrollY : e.scrollTop;
-function V({
-  threshold: e = 240,
-  exitDuration: m = 450,
-  behavior: b = "smooth",
-  scrollTarget: i,
-  className: v,
-  label: p = "Scroll to top",
-  onClick: x,
-  tabIndex: y,
-  type: g,
-  ...h
-}) {
-  const [w, a] = s.useState(!1), [l, u] = s.useState(!1), f = s.useRef(null);
-  s.useEffect(() => {
-    const t = i === void 0 ? window : i;
-    if (!t) {
-      a(!1);
-      return;
-    }
-    const o = () => {
-      const c = d(t);
-      if (l) {
-        c <= e && (a(!1), u(!1));
-        return;
-      }
-      a(c > e);
-    };
-    return o(), t.addEventListener("scroll", o, { passive: !0 }), () => {
-      t.removeEventListener("scroll", o);
-    };
-  }, [l, i, e]), s.useEffect(() => () => {
-    f.current !== null && window.clearTimeout(f.current);
-  }, []);
-  const r = l ? "exiting" : w ? "visible" : "hidden", _ = (t) => {
-    if (x?.(t), t.defaultPrevented || l)
-      return;
-    const o = i === void 0 ? window : i;
-    if (!o)
-      return;
-    u(!0);
-    const c = Math.max(0, m);
-    f.current = window.setTimeout(() => {
-      o.scrollTo({ top: 0, behavior: b });
-      const j = d(o);
-      a(!1), j <= e && u(!1);
-    }, c);
-  };
-  return /* @__PURE__ */ n.jsxs(
-    N,
-    {
-      "aria-label": p,
-      "data-state": r,
-      type: g ?? "button",
-      variant: "default",
-      size: "icon",
-      tabIndex: r === "hidden" ? -1 : y,
-      className: S(
-        "group border-primary/40 bg-primary text-primary-foreground focus-visible:ring-ring fixed right-6 bottom-6 z-50 inline-flex h-14 w-14 items-center justify-center overflow-hidden rounded-full border shadow-[0_18px_40px_-22px_hsl(var(--primary)/0.9)] transition-all duration-500 ease-out focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none",
-        "before:pointer-events-none before:absolute before:inset-0 before:bg-[radial-gradient(circle_at_35%_30%,rgba(255,255,255,0.45),transparent_55%)] before:opacity-80",
-        "hover:-translate-y-1 hover:scale-105 hover:shadow-[0_24px_48px_-24px_hsl(var(--primary)/0.95)] active:translate-y-0 active:scale-95",
-        r === "visible" && "translate-y-0 scale-100 opacity-100",
-        r === "hidden" && "pointer-events-none translate-y-24 scale-75 opacity-0 blur-[1px] motion-safe:animate-none",
-        r === "exiting" && "pointer-events-none translate-y-28 scale-90 opacity-0 blur-[2px] motion-safe:animate-none",
-        v
-      ),
-      onClick: _,
-      ...h,
-      children: [
-        /* @__PURE__ */ n.jsx("span", { className: "bg-primary-foreground/20 absolute inset-0 rounded-full opacity-0 transition-opacity duration-500 group-hover:animate-pulse group-hover:opacity-100" }),
-        /* @__PURE__ */ n.jsx("span", { className: "border-primary-foreground/35 absolute inset-0 rounded-full border opacity-0 transition-opacity duration-300 group-hover:animate-ping group-hover:opacity-100" }),
-        /* @__PURE__ */ n.jsx(E, { className: "relative z-10 h-5 w-5 drop-shadow-[0_2px_2px_rgba(0,0,0,0.2)]" }),
-        /* @__PURE__ */ n.jsx("span", { className: "sr-only", children: p })
-      ]
-    }
-  );
+"use client";
+import { sr as e, vr as t } from "./vendor-Cr0eKZrm.mjs";
+import { t as n } from "./utils-BtI8Nf6i.mjs";
+import { Button as r } from "./button.mjs";
+import * as i from "react";
+//#region packages/ui-web/src/scroll-to-top.tsx
+var a = t(), o = (e) => typeof e.scrollY == "number", s = (e) => o(e) ? e.scrollY : e.scrollTop;
+function c({ threshold: t = 240, exitDuration: o = 450, behavior: c = "smooth", scrollTarget: l, className: u, label: d = "Scroll to top", onClick: f, tabIndex: p, type: m, ...h }) {
+	let [g, _] = i.useState(!1), [v, y] = i.useState(!1), b = i.useRef(null);
+	i.useEffect(() => {
+		let e = l === void 0 ? window : l;
+		if (!e) {
+			_(!1);
+			return;
+		}
+		let n = () => {
+			let n = s(e);
+			if (v) {
+				n <= t && (_(!1), y(!1));
+				return;
+			}
+			_(n > t);
+		};
+		return n(), e.addEventListener("scroll", n, { passive: !0 }), () => {
+			e.removeEventListener("scroll", n);
+		};
+	}, [
+		v,
+		l,
+		t
+	]), i.useEffect(() => () => {
+		b.current !== null && window.clearTimeout(b.current);
+	}, []);
+	let x = v ? "exiting" : g ? "visible" : "hidden";
+	return /* @__PURE__ */ (0, a.jsxs)(r, {
+		"aria-label": d,
+		"data-state": x,
+		type: m ?? "button",
+		variant: "default",
+		size: "icon",
+		tabIndex: x === "hidden" ? -1 : p,
+		className: n("group border-primary/40 bg-primary text-primary-foreground focus-visible:ring-ring fixed right-6 bottom-6 z-50 inline-flex h-14 w-14 items-center justify-center overflow-hidden rounded-full border shadow-[0_18px_40px_-22px_hsl(var(--primary)/0.9)] transition-all duration-500 ease-out focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none", "before:pointer-events-none before:absolute before:inset-0 before:bg-[radial-gradient(circle_at_35%_30%,rgba(255,255,255,0.45),transparent_55%)] before:opacity-80", "hover:-translate-y-1 hover:scale-105 hover:shadow-[0_24px_48px_-24px_hsl(var(--primary)/0.95)] active:translate-y-0 active:scale-95", x === "visible" && "translate-y-0 scale-100 opacity-100", x === "hidden" && "pointer-events-none translate-y-24 scale-75 opacity-0 blur-[1px] motion-safe:animate-none", x === "exiting" && "pointer-events-none translate-y-28 scale-90 opacity-0 blur-[2px] motion-safe:animate-none", u),
+		onClick: (e) => {
+			if (f?.(e), e.defaultPrevented || v) return;
+			let n = l === void 0 ? window : l;
+			if (!n) return;
+			y(!0);
+			let r = Math.max(0, o);
+			b.current = window.setTimeout(() => {
+				n.scrollTo({
+					top: 0,
+					behavior: c
+				});
+				let e = s(n);
+				_(!1), e <= t && y(!1);
+			}, r);
+		},
+		...h,
+		children: [
+			/* @__PURE__ */ (0, a.jsx)("span", { className: "bg-primary-foreground/20 absolute inset-0 rounded-full opacity-0 transition-opacity duration-500 group-hover:animate-pulse group-hover:opacity-100" }),
+			/* @__PURE__ */ (0, a.jsx)("span", { className: "border-primary-foreground/35 absolute inset-0 rounded-full border opacity-0 transition-opacity duration-300 group-hover:animate-ping group-hover:opacity-100" }),
+			/* @__PURE__ */ (0, a.jsx)(e, { className: "relative z-10 h-5 w-5 drop-shadow-[0_2px_2px_rgba(0,0,0,0.2)]" }),
+			/* @__PURE__ */ (0, a.jsx)("span", {
+				className: "sr-only",
+				children: d
+			})
+		]
+	});
 }
-export {
-  V as ScrollToTop
-};
-//# sourceMappingURL=scroll-to-top.mjs.map
+//#endregion
+export { c as ScrollToTop };
+
+//# sourceMappingURL=scroll-to-top.mjs.map

package/dist/scroll-to-top.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"scroll-to-top.mjs","sources":["../packages/ui-web/src/scroll-to-top.tsx"],"sourcesContent":["'use client';\n\nimport { ScrollToTopBaseProps } from '@gv-tech/ui-core';\nimport { ArrowUp } from 'lucide-react';\nimport * as React from 'react';\nimport { Button } from './button';\nimport { cn } from './lib/utils';\n\nexport interface ScrollToTopProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, ScrollToTopBaseProps {\n  /** Optional custom scroll container; defaults to window when undefined. */\n  scrollTarget?: Window | HTMLElement | null;\n}\n\ntype ScrollTarget = Window | HTMLElement | null;\n\nconst isWindowTarget = (target: Exclude<ScrollTarget, null>): target is Window =>\n  typeof (target as Window).scrollY === 'number';\n\nconst getScrollOffset = (target: Exclude<ScrollTarget, null>) =>\n  isWindowTarget(target) ? target.scrollY : target.scrollTop;\n\nexport function ScrollToTop({\n  threshold = 240,\n  exitDuration = 450,\n  behavior = 'smooth',\n  scrollTarget,\n  className,\n  label = 'Scroll to top',\n  onClick,\n  tabIndex,\n  type,\n  ...props\n}: ScrollToTopProps) {\n  const [isVisible, setIsVisible] = React.useState(false);\n  const [isExiting, setIsExiting] = React.useState(false);\n  const timeoutRef = React.useRef<number | null>(null);\n\n  React.useEffect(() => {\n    const target = scrollTarget === undefined ? window : scrollTarget;\n\n    if (!target) {\n      setIsVisible(false);\n      return;\n    }\n\n    const updateVisibility = () => {\n      const offset = getScrollOffset(target);\n\n      if (isExiting) {\n        // Keep the control dismissed during the return-to-top animation,\n        // then release once we are back under the visibility threshold.\n        if (offset <= threshold) {\n          setIsVisible(false);\n          setIsExiting(false);\n        }\n        return;\n      }\n\n      setIsVisible(offset > threshold);\n    };\n\n    updateVisibility();\n    target.addEventListener('scroll', updateVisibility, { passive: true });\n\n    return () => {\n      target.removeEventListener('scroll', updateVisibility);\n    };\n  }, [isExiting, scrollTarget, threshold]);\n\n  React.useEffect(() => {\n    return () => {\n      if (timeoutRef.current !== null) {\n        window.clearTimeout(timeoutRef.current);\n      }\n    };\n  }, []);\n\n  const state = isExiting ? 'exiting' : isVisible ? 'visible' : 'hidden';\n\n  const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n    onClick?.(event);\n    if (event.defaultPrevented || isExiting) {\n      return;\n    }\n\n    const target = scrollTarget === undefined ? window : scrollTarget;\n    if (!target) {\n      return;\n    }\n\n    setIsExiting(true);\n\n    const timeout = Math.max(0, exitDuration);\n    timeoutRef.current = window.setTimeout(() => {\n      target.scrollTo({ top: 0, behavior });\n\n      const offset = getScrollOffset(target);\n      setIsVisible(false);\n\n      if (offset <= threshold) {\n        setIsExiting(false);\n      }\n    }, timeout);\n  };\n\n  return (\n    <Button\n      aria-label={label}\n      data-state={state}\n      type={type ?? 'button'}\n      variant=\"default\"\n      size=\"icon\"\n      tabIndex={state === 'hidden' ? -1 : tabIndex}\n      className={cn(\n        'group border-primary/40 bg-primary text-primary-foreground focus-visible:ring-ring fixed right-6 bottom-6 z-50 inline-flex h-14 w-14 items-center justify-center overflow-hidden rounded-full border shadow-[0_18px_40px_-22px_hsl(var(--primary)/0.9)] transition-all duration-500 ease-out focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none',\n        'before:pointer-events-none before:absolute before:inset-0 before:bg-[radial-gradient(circle_at_35%_30%,rgba(255,255,255,0.45),transparent_55%)] before:opacity-80',\n        'hover:-translate-y-1 hover:scale-105 hover:shadow-[0_24px_48px_-24px_hsl(var(--primary)/0.95)] active:translate-y-0 active:scale-95',\n        state === 'visible' && 'translate-y-0 scale-100 opacity-100',\n        state === 'hidden' &&\n          'pointer-events-none translate-y-24 scale-75 opacity-0 blur-[1px] motion-safe:animate-none',\n        state === 'exiting' &&\n          'pointer-events-none translate-y-28 scale-90 opacity-0 blur-[2px] motion-safe:animate-none',\n        className,\n      )}\n      onClick={handleClick}\n      {...props}\n    >\n      <span className=\"bg-primary-foreground/20 absolute inset-0 rounded-full opacity-0 transition-opacity duration-500 group-hover:animate-pulse group-hover:opacity-100\" />\n      <span className=\"border-primary-foreground/35 absolute inset-0 rounded-full border opacity-0 transition-opacity duration-300 group-hover:animate-ping group-hover:opacity-100\" />\n      <ArrowUp className=\"relative z-10 h-5 w-5 drop-shadow-[0_2px_2px_rgba(0,0,0,0.2)]\" />\n      <span className=\"sr-only\">{label}</span>\n    </Button>\n  );\n}\n"],"names":["isWindowTarget","target","getScrollOffset","ScrollToTop","threshold","exitDuration","behavior","scrollTarget","className","label","onClick","tabIndex","type","props","isVisible","setIsVisible","React","isExiting","setIsExiting","timeoutRef","updateVisibility","offset","state","handleClick","event","timeout","jsxs","Button","cn","jsx","ArrowUp"],"mappings":";;;;;AAeA,MAAMA,IAAiB,CAACC,MACtB,OAAQA,EAAkB,WAAY,UAElCC,IAAkB,CAACD,MACvBD,EAAeC,CAAM,IAAIA,EAAO,UAAUA,EAAO;AAE5C,SAASE,EAAY;AAAA,EAC1B,WAAAC,IAAY;AAAA,EACZ,cAAAC,IAAe;AAAA,EACf,UAAAC,IAAW;AAAA,EACX,cAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,GAAGC;AACL,GAAqB;AACnB,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAM,SAAS,EAAK,GAChD,CAACC,GAAWC,CAAY,IAAIF,EAAM,SAAS,EAAK,GAChDG,IAAaH,EAAM,OAAsB,IAAI;AAEnD,EAAAA,EAAM,UAAU,MAAM;AACpB,UAAMf,IAASM,MAAiB,SAAY,SAASA;AAErD,QAAI,CAACN,GAAQ;AACX,MAAAc,EAAa,EAAK;AAClB;AAAA,IACF;AAEA,UAAMK,IAAmB,MAAM;AAC7B,YAAMC,IAASnB,EAAgBD,CAAM;AAErC,UAAIgB,GAAW;AAGb,QAAII,KAAUjB,MACZW,EAAa,EAAK,GAClBG,EAAa,EAAK;AAEpB;AAAA,MACF;AAEA,MAAAH,EAAaM,IAASjB,CAAS;AAAA,IACjC;AAEA,WAAAgB,EAAA,GACAnB,EAAO,iBAAiB,UAAUmB,GAAkB,EAAE,SAAS,IAAM,GAE9D,MAAM;AACX,MAAAnB,EAAO,oBAAoB,UAAUmB,CAAgB;AAAA,IACvD;AAAA,EACF,GAAG,CAACH,GAAWV,GAAcH,CAAS,CAAC,GAEvCY,EAAM,UAAU,MACP,MAAM;AACX,IAAIG,EAAW,YAAY,QACzB,OAAO,aAAaA,EAAW,OAAO;AAAA,EAE1C,GACC,CAAA,CAAE;AAEL,QAAMG,IAAQL,IAAY,YAAYH,IAAY,YAAY,UAExDS,IAAc,CAACC,MAA+C;AAElE,QADAd,IAAUc,CAAK,GACXA,EAAM,oBAAoBP;AAC5B;AAGF,UAAMhB,IAASM,MAAiB,SAAY,SAASA;AACrD,QAAI,CAACN;AACH;AAGF,IAAAiB,EAAa,EAAI;AAEjB,UAAMO,IAAU,KAAK,IAAI,GAAGpB,CAAY;AACxC,IAAAc,EAAW,UAAU,OAAO,WAAW,MAAM;AAC3C,MAAAlB,EAAO,SAAS,EAAE,KAAK,GAAG,UAAAK,GAAU;AAEpC,YAAMe,IAASnB,EAAgBD,CAAM;AACrC,MAAAc,EAAa,EAAK,GAEdM,KAAUjB,KACZc,EAAa,EAAK;AAAA,IAEtB,GAAGO,CAAO;AAAA,EACZ;AAEA,SACEC,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,cAAYlB;AAAA,MACZ,cAAYa;AAAA,MACZ,MAAMV,KAAQ;AAAA,MACd,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,UAAUU,MAAU,WAAW,KAAKX;AAAA,MACpC,WAAWiB;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACAN,MAAU,aAAa;AAAA,QACvBA,MAAU,YACR;AAAA,QACFA,MAAU,aACR;AAAA,QACFd;AAAA,MAAA;AAAA,MAEF,SAASe;AAAA,MACR,GAAGV;AAAA,MAEJ,UAAA;AAAA,QAAAgB,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAU,qJAAA,CAAqJ;AAAA,QACrKA,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAU,+JAAA,CAA+J;AAAA,QAC/KA,gBAAAA,EAAAA,IAACC,GAAA,EAAQ,WAAU,gEAAA,CAAgE;AAAA,QACnFD,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAU,WAAW,UAAApB,EAAA,CAAM;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGvC;"}
+{"version":3,"file":"scroll-to-top.mjs","names":[],"sources":["../packages/ui-web/src/scroll-to-top.tsx"],"sourcesContent":["'use client';\n\nimport { ScrollToTopBaseProps } from '@gv-tech/ui-core';\nimport { ArrowUp } from 'lucide-react';\nimport * as React from 'react';\nimport { Button } from './button';\nimport { cn } from './lib/utils';\n\nexport interface ScrollToTopProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, ScrollToTopBaseProps {\n  /** Optional custom scroll container; defaults to window when undefined. */\n  scrollTarget?: Window | HTMLElement | null;\n}\n\ntype ScrollTarget = Window | HTMLElement | null;\n\nconst isWindowTarget = (target: Exclude<ScrollTarget, null>): target is Window =>\n  typeof (target as Window).scrollY === 'number';\n\nconst getScrollOffset = (target: Exclude<ScrollTarget, null>) =>\n  isWindowTarget(target) ? target.scrollY : target.scrollTop;\n\nexport function ScrollToTop({\n  threshold = 240,\n  exitDuration = 450,\n  behavior = 'smooth',\n  scrollTarget,\n  className,\n  label = 'Scroll to top',\n  onClick,\n  tabIndex,\n  type,\n  ...props\n}: ScrollToTopProps) {\n  const [isVisible, setIsVisible] = React.useState(false);\n  const [isExiting, setIsExiting] = React.useState(false);\n  const timeoutRef = React.useRef<number | null>(null);\n\n  React.useEffect(() => {\n    const target = scrollTarget === undefined ? window : scrollTarget;\n\n    if (!target) {\n      setIsVisible(false);\n      return;\n    }\n\n    const updateVisibility = () => {\n      const offset = getScrollOffset(target);\n\n      if (isExiting) {\n        // Keep the control dismissed during the return-to-top animation,\n        // then release once we are back under the visibility threshold.\n        if (offset <= threshold) {\n          setIsVisible(false);\n          setIsExiting(false);\n        }\n        return;\n      }\n\n      setIsVisible(offset > threshold);\n    };\n\n    updateVisibility();\n    target.addEventListener('scroll', updateVisibility, { passive: true });\n\n    return () => {\n      target.removeEventListener('scroll', updateVisibility);\n    };\n  }, [isExiting, scrollTarget, threshold]);\n\n  React.useEffect(() => {\n    return () => {\n      if (timeoutRef.current !== null) {\n        window.clearTimeout(timeoutRef.current);\n      }\n    };\n  }, []);\n\n  const state = isExiting ? 'exiting' : isVisible ? 'visible' : 'hidden';\n\n  const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n    onClick?.(event);\n    if (event.defaultPrevented || isExiting) {\n      return;\n    }\n\n    const target = scrollTarget === undefined ? window : scrollTarget;\n    if (!target) {\n      return;\n    }\n\n    setIsExiting(true);\n\n    const timeout = Math.max(0, exitDuration);\n    timeoutRef.current = window.setTimeout(() => {\n      target.scrollTo({ top: 0, behavior });\n\n      const offset = getScrollOffset(target);\n      setIsVisible(false);\n\n      if (offset <= threshold) {\n        setIsExiting(false);\n      }\n    }, timeout);\n  };\n\n  return (\n    <Button\n      aria-label={label}\n      data-state={state}\n      type={type ?? 'button'}\n      variant=\"default\"\n      size=\"icon\"\n      tabIndex={state === 'hidden' ? -1 : tabIndex}\n      className={cn(\n        'group border-primary/40 bg-primary text-primary-foreground focus-visible:ring-ring fixed right-6 bottom-6 z-50 inline-flex h-14 w-14 items-center justify-center overflow-hidden rounded-full border shadow-[0_18px_40px_-22px_hsl(var(--primary)/0.9)] transition-all duration-500 ease-out focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none',\n        'before:pointer-events-none before:absolute before:inset-0 before:bg-[radial-gradient(circle_at_35%_30%,rgba(255,255,255,0.45),transparent_55%)] before:opacity-80',\n        'hover:-translate-y-1 hover:scale-105 hover:shadow-[0_24px_48px_-24px_hsl(var(--primary)/0.95)] active:translate-y-0 active:scale-95',\n        state === 'visible' && 'translate-y-0 scale-100 opacity-100',\n        state === 'hidden' &&\n          'pointer-events-none translate-y-24 scale-75 opacity-0 blur-[1px] motion-safe:animate-none',\n        state === 'exiting' &&\n          'pointer-events-none translate-y-28 scale-90 opacity-0 blur-[2px] motion-safe:animate-none',\n        className,\n      )}\n      onClick={handleClick}\n      {...props}\n    >\n      <span className=\"bg-primary-foreground/20 absolute inset-0 rounded-full opacity-0 transition-opacity duration-500 group-hover:animate-pulse group-hover:opacity-100\" />\n      <span className=\"border-primary-foreground/35 absolute inset-0 rounded-full border opacity-0 transition-opacity duration-300 group-hover:animate-ping group-hover:opacity-100\" />\n      <ArrowUp className=\"relative z-10 h-5 w-5 drop-shadow-[0_2px_2px_rgba(0,0,0,0.2)]\" />\n      <span className=\"sr-only\">{label}</span>\n    </Button>\n  );\n}\n"],"mappings":";;;;;;;aAeM,KAAkB,MACtB,OAAQ,EAAkB,WAAY,UAElC,KAAmB,MACvB,EAAe,EAAO,GAAG,EAAO,UAAU,EAAO;AAEnD,SAAgB,EAAY,EAC1B,eAAY,KACZ,kBAAe,KACf,cAAW,UACX,iBACA,cACA,WAAQ,iBACR,YACA,aACA,SACA,GAAG,KACgB;CACnB,IAAM,CAAC,GAAW,KAAgB,EAAM,SAAS,GAAM,EACjD,CAAC,GAAW,KAAgB,EAAM,SAAS,GAAM,EACjD,IAAa,EAAM,OAAsB,KAAK;AAkCpD,CAhCA,EAAM,gBAAgB;EACpB,IAAM,IAAS,MAAiB,KAAA,IAAY,SAAS;AAErD,MAAI,CAAC,GAAQ;AACX,KAAa,GAAM;AACnB;;EAGF,IAAM,UAAyB;GAC7B,IAAM,IAAS,EAAgB,EAAO;AAEtC,OAAI,GAAW;AAGb,IAAI,KAAU,MACZ,EAAa,GAAM,EACnB,EAAa,GAAM;AAErB;;AAGF,KAAa,IAAS,EAAU;;AAMlC,SAHA,GAAkB,EAClB,EAAO,iBAAiB,UAAU,GAAkB,EAAE,SAAS,IAAM,CAAC,QAEzD;AACX,KAAO,oBAAoB,UAAU,EAAiB;;IAEvD;EAAC;EAAW;EAAc;EAAU,CAAC,EAExC,EAAM,sBACS;AACX,EAAI,EAAW,YAAY,QACzB,OAAO,aAAa,EAAW,QAAQ;IAG1C,EAAE,CAAC;CAEN,IAAM,IAAQ,IAAY,YAAY,IAAY,YAAY;AA4B9D,QACE,iBAAA,GAAA,EAAA,MAAC,GAAD;EACE,cAAY;EACZ,cAAY;EACZ,MAAM,KAAQ;EACd,SAAQ;EACR,MAAK;EACL,UAAU,MAAU,WAAW,KAAK;EACpC,WAAW,EACT,4WACA,qKACA,uIACA,MAAU,aAAa,uCACvB,MAAU,YACR,6FACF,MAAU,aACR,6FACF,EACD;EACD,UA7CiB,MAA+C;AAElE,OADA,IAAU,EAAM,EACZ,EAAM,oBAAoB,EAC5B;GAGF,IAAM,IAAS,MAAiB,KAAA,IAAY,SAAS;AACrD,OAAI,CAAC,EACH;AAGF,KAAa,GAAK;GAElB,IAAM,IAAU,KAAK,IAAI,GAAG,EAAa;AACzC,KAAW,UAAU,OAAO,iBAAiB;AAC3C,MAAO,SAAS;KAAE,KAAK;KAAG;KAAU,CAAC;IAErC,IAAM,IAAS,EAAgB,EAAO;AAGtC,IAFA,EAAa,GAAM,EAEf,KAAU,KACZ,EAAa,GAAM;MAEpB,EAAQ;;EAuBT,GAAI;YAnBN;GAqBE,iBAAA,GAAA,EAAA,KAAC,QAAD,EAAM,WAAU,sJAAuJ,CAAA;GACvK,iBAAA,GAAA,EAAA,KAAC,QAAD,EAAM,WAAU,gKAAiK,CAAA;GACjL,iBAAA,GAAA,EAAA,KAAC,GAAD,EAAS,WAAU,iEAAkE,CAAA;GACrF,iBAAA,GAAA,EAAA,KAAC,QAAD;IAAM,WAAU;cAAW;IAAa,CAAA;GACjC"}

package/dist/search.cjs

@@ -1,2 +1,2 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./vendor-B_07FHqh.js"),p=require("react"),h=require("./button.cjs"),j=require("./command.cjs"),u=require("./utils-CBWPs0D7.js");function g(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=g(p);function y({children:t,open:s,onOpenChange:e}){const[r,x]=d.useState(!1),a=s!==void 0,i=a?s:r,l=d.useCallback(c=>{let n;typeof c=="function"?n=c(i):n=c,a?e?.(n):x(n)},[a,i,e]);return d.useEffect(()=>{const c=n=>{n.key==="k"&&(n.metaKey||n.ctrlKey)&&(n.preventDefault(),l(m=>!m))};return document.addEventListener("keydown",c),()=>document.removeEventListener("keydown",c)},[l]),o.jsxRuntimeExports.jsx(j.CommandDialog,{open:i,onOpenChange:l,children:t})}const f=d.forwardRef(({className:t,placeholder:s,variant:e="default",responsive:r=!1,...x},a)=>{const l=s||(e==="compact"?"Search...":"Search docs...");return o.jsxRuntimeExports.jsxs(h.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:[o.jsxRuntimeExports.jsxs("span",{className:"inline-flex items-center gap-2",children:[o.jsxRuntimeExports.jsx(o.Search,{className:"h-4 w-4 shrink-0"}),o.jsxRuntimeExports.jsx("span",{className:u.cn("truncate",e==="compact"&&(r?"hidden 2xl:inline":"hidden")),children:l})]}),o.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:[o.jsxRuntimeExports.jsx("span",{className:"text-xs",children:"⌘"}),"K"]})]})});f.displayName="SearchTrigger";exports.Search=y;exports.SearchTrigger=f;
-//# sourceMappingURL=search.cjs.map
+"use client";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./rolldown-runtime-CacfPODE.js`),t=require(`./vendor-D3ZzLf8D.js`),n=require(`./utils-CbSX47LV.js`),r=require(`./button.cjs`),i=require(`./command.cjs`);let a=require(`react`);a=e.r(a);var o=t.vr();function s({children:e,open:t,onOpenChange:n}){let[r,s]=a.useState(!1),c=t!==void 0,l=c?t:r,u=a.useCallback(e=>{let t;t=typeof e==`function`?e(l):e,c?n?.(t):s(t)},[c,l,n]);return a.useEffect(()=>{let e=e=>{e.key===`k`&&(e.metaKey||e.ctrlKey)&&(e.preventDefault(),u(e=>!e))};return document.addEventListener(`keydown`,e),()=>document.removeEventListener(`keydown`,e)},[u]),(0,o.jsx)(i.CommandDialog,{open:l,onOpenChange:u,children:e})}var c=a.forwardRef(({className:e,placeholder:i,variant:a=`default`,responsive:s=!1,...c},l)=>{let u=i||(a===`compact`?`Search...`:`Search docs...`);return(0,o.jsxs)(r.Button,{variant:`outline`,className:n.t(`text-muted-foreground relative h-9 text-sm transition-all transition-colors`,a===`default`?`w-full justify-start pr-12`:n.t(`w-9 justify-center px-0`,s&&`2xl:w-48 2xl:justify-start 2xl:px-3 2xl:pr-12`),e),ref:l,...c,children:[(0,o.jsxs)(`span`,{className:`inline-flex items-center gap-2`,children:[(0,o.jsx)(t.Yn,{className:`h-4 w-4 shrink-0`}),(0,o.jsx)(`span`,{className:n.t(`truncate`,a===`compact`&&(s?`hidden 2xl:inline`:`hidden`)),children:u})]}),(0,o.jsxs)(`kbd`,{className:n.t(`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`,a===`default`&&`sm:flex`,a===`compact`&&s&&`2xl:flex`),children:[(0,o.jsx)(`span`,{className:`text-xs`,children:`⌘`}),`K`]})]})});c.displayName=`SearchTrigger`,exports.Search=s,exports.SearchTrigger=c;
+//# sourceMappingURL=search.cjs.map

package/dist/search.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"search.cjs","sources":["../packages/ui-web/src/search.tsx"],"sourcesContent":["'use client';\n\nimport { SearchBaseProps, SearchTriggerBaseProps } from '@gv-tech/ui-core';\nimport { Search as SearchIcon } from 'lucide-react';\nimport * as React from 'react';\nimport { Button } from './button';\nimport { CommandDialog } from './command';\nimport { cn } from './lib/utils';\n\nexport type SearchProps = SearchBaseProps;\n\nexport function Search({ children, open: customOpen, onOpenChange }: SearchProps) {\n  const [open, setOpen] = React.useState(false);\n\n  // If customOpen is provided (controlled), use it. Otherwise use internal state.\n  // Note: customOpen can be undefined, so we check explicit undefined check or just rely on contract.\n  const isControlled = customOpen !== undefined;\n  const isOpen = isControlled ? (customOpen as boolean) : open;\n\n  // We need a setter that matches Dispatch<SetStateAction<boolean>> roughly,\n  // but handles the controlled callback.\n  const setIsOpen = React.useCallback(\n    (value: boolean | ((prev: boolean) => boolean)) => {\n      let nextValue: boolean;\n      if (typeof value === 'function') {\n        nextValue = value(isOpen);\n      } else {\n        nextValue = value;\n      }\n\n      if (isControlled) {\n        onOpenChange?.(nextValue);\n      } else {\n        setOpen(nextValue);\n      }\n    },\n    [isControlled, isOpen, onOpenChange],\n  );\n\n  React.useEffect(() => {\n    const down = (e: KeyboardEvent) => {\n      if (e.key === 'k' && (e.metaKey || e.ctrlKey)) {\n        e.preventDefault();\n        setIsOpen((prev) => !prev);\n      }\n    };\n\n    document.addEventListener('keydown', down);\n    return () => document.removeEventListener('keydown', down);\n  }, [setIsOpen]);\n\n  return (\n    <CommandDialog open={isOpen} onOpenChange={setIsOpen}>\n      {children}\n    </CommandDialog>\n  );\n}\n\nexport interface SearchTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, SearchTriggerBaseProps {}\n\nexport const SearchTrigger = React.forwardRef<HTMLButtonElement, SearchTriggerProps>(\n  ({ className, placeholder, variant = 'default', responsive = false, ...props }, ref) => {\n    const defaultPlaceholder = variant === 'compact' ? 'Search...' : 'Search docs...';\n    const activePlaceholder = placeholder || defaultPlaceholder;\n\n    return (\n      <Button\n        variant=\"outline\"\n        className={cn(\n          'text-muted-foreground relative h-9 text-sm transition-all transition-colors',\n          variant === 'default'\n            ? 'w-full justify-start pr-12'\n            : cn('w-9 justify-center px-0', responsive && '2xl:w-48 2xl:justify-start 2xl:px-3 2xl:pr-12'),\n          className,\n        )}\n        ref={ref}\n        {...props}\n      >\n        <span className=\"inline-flex items-center gap-2\">\n          <SearchIcon className=\"h-4 w-4 shrink-0\" />\n          <span className={cn('truncate', variant === 'compact' && (responsive ? 'hidden 2xl:inline' : 'hidden'))}>\n            {activePlaceholder}\n          </span>\n        </span>\n        <kbd\n          className={cn(\n            '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',\n            variant === 'default' && 'sm:flex',\n            variant === 'compact' && responsive && '2xl:flex',\n          )}\n        >\n          <span className=\"text-xs\">⌘</span>K\n        </kbd>\n      </Button>\n    );\n  },\n);\nSearchTrigger.displayName = 'SearchTrigger';\n"],"names":["Search","children","customOpen","onOpenChange","open","setOpen","React","isControlled","isOpen","setIsOpen","value","nextValue","down","e","prev","CommandDialog","SearchTrigger","className","placeholder","variant","responsive","props","ref","activePlaceholder","jsxs","Button","cn","jsx","SearchIcon"],"mappings":"wgBAWO,SAASA,EAAO,CAAE,SAAAC,EAAU,KAAMC,EAAY,aAAAC,GAA6B,CAChF,KAAM,CAACC,EAAMC,CAAO,EAAIC,EAAM,SAAS,EAAK,EAItCC,EAAeL,IAAe,OAC9BM,EAASD,EAAgBL,EAAyBE,EAIlDK,EAAYH,EAAM,YACrBI,GAAkD,CACjD,IAAIC,EACA,OAAOD,GAAU,WACnBC,EAAYD,EAAMF,CAAM,EAExBG,EAAYD,EAGVH,EACFJ,IAAeQ,CAAS,EAExBN,EAAQM,CAAS,CAErB,EACA,CAACJ,EAAcC,EAAQL,CAAY,CAAA,EAGrCG,OAAAA,EAAM,UAAU,IAAM,CACpB,MAAMM,EAAQC,GAAqB,CAC7BA,EAAE,MAAQ,MAAQA,EAAE,SAAWA,EAAE,WACnCA,EAAE,eAAA,EACFJ,EAAWK,GAAS,CAACA,CAAI,EAE7B,EAEA,gBAAS,iBAAiB,UAAWF,CAAI,EAClC,IAAM,SAAS,oBAAoB,UAAWA,CAAI,CAC3D,EAAG,CAACH,CAAS,CAAC,0BAGXM,EAAAA,cAAA,CAAc,KAAMP,EAAQ,aAAcC,EACxC,SAAAR,EACH,CAEJ,CAIO,MAAMe,EAAgBV,EAAM,WACjC,CAAC,CAAE,UAAAW,EAAW,YAAAC,EAAa,QAAAC,EAAU,UAAW,WAAAC,EAAa,GAAO,GAAGC,CAAA,EAASC,IAAQ,CAEtF,MAAMC,EAAoBL,IADCC,IAAY,UAAY,YAAc,kBAGjE,OACEK,EAAAA,kBAAAA,KAACC,EAAAA,OAAA,CACC,QAAQ,UACR,UAAWC,EAAAA,GACT,8EACAP,IAAY,UACR,6BACAO,EAAAA,GAAG,0BAA2BN,GAAc,+CAA+C,EAC/FH,CAAA,EAEF,IAAAK,EACC,GAAGD,EAEJ,SAAA,CAAAG,EAAAA,kBAAAA,KAAC,OAAA,CAAK,UAAU,iCACd,SAAA,CAAAG,EAAAA,kBAAAA,IAACC,EAAAA,OAAA,CAAW,UAAU,kBAAA,CAAmB,EACzCD,EAAAA,kBAAAA,IAAC,OAAA,CAAK,UAAWD,EAAAA,GAAG,WAAYP,IAAY,YAAcC,EAAa,oBAAsB,SAAS,EACnG,SAAAG,CAAA,CACH,CAAA,EACF,EACAC,EAAAA,kBAAAA,KAAC,MAAA,CACC,UAAWE,EAAAA,GACT,wKACAP,IAAY,WAAa,UACzBA,IAAY,WAAaC,GAAc,UAAA,EAGzC,SAAA,CAAAO,EAAAA,kBAAAA,IAAC,OAAA,CAAK,UAAU,UAAU,SAAA,IAAC,EAAO,GAAA,CAAA,CAAA,CACpC,CAAA,CAAA,CAGN,CACF,EACAX,EAAc,YAAc"}
+{"version":3,"file":"search.cjs","names":[],"sources":["../packages/ui-web/src/search.tsx"],"sourcesContent":["'use client';\n\nimport { SearchBaseProps, SearchTriggerBaseProps } from '@gv-tech/ui-core';\nimport { Search as SearchIcon } from 'lucide-react';\nimport * as React from 'react';\nimport { Button } from './button';\nimport { CommandDialog } from './command';\nimport { cn } from './lib/utils';\n\nexport type SearchProps = SearchBaseProps;\n\nexport function Search({ children, open: customOpen, onOpenChange }: SearchProps) {\n  const [open, setOpen] = React.useState(false);\n\n  // If customOpen is provided (controlled), use it. Otherwise use internal state.\n  // Note: customOpen can be undefined, so we check explicit undefined check or just rely on contract.\n  const isControlled = customOpen !== undefined;\n  const isOpen = isControlled ? (customOpen as boolean) : open;\n\n  // We need a setter that matches Dispatch<SetStateAction<boolean>> roughly,\n  // but handles the controlled callback.\n  const setIsOpen = React.useCallback(\n    (value: boolean | ((prev: boolean) => boolean)) => {\n      let nextValue: boolean;\n      if (typeof value === 'function') {\n        nextValue = value(isOpen);\n      } else {\n        nextValue = value;\n      }\n\n      if (isControlled) {\n        onOpenChange?.(nextValue);\n      } else {\n        setOpen(nextValue);\n      }\n    },\n    [isControlled, isOpen, onOpenChange],\n  );\n\n  React.useEffect(() => {\n    const down = (e: KeyboardEvent) => {\n      if (e.key === 'k' && (e.metaKey || e.ctrlKey)) {\n        e.preventDefault();\n        setIsOpen((prev) => !prev);\n      }\n    };\n\n    document.addEventListener('keydown', down);\n    return () => document.removeEventListener('keydown', down);\n  }, [setIsOpen]);\n\n  return (\n    <CommandDialog open={isOpen} onOpenChange={setIsOpen}>\n      {children}\n    </CommandDialog>\n  );\n}\n\nexport interface SearchTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, SearchTriggerBaseProps {}\n\nexport const SearchTrigger = React.forwardRef<HTMLButtonElement, SearchTriggerProps>(\n  ({ className, placeholder, variant = 'default', responsive = false, ...props }, ref) => {\n    const defaultPlaceholder = variant === 'compact' ? 'Search...' : 'Search docs...';\n    const activePlaceholder = placeholder || defaultPlaceholder;\n\n    return (\n      <Button\n        variant=\"outline\"\n        className={cn(\n          'text-muted-foreground relative h-9 text-sm transition-all transition-colors',\n          variant === 'default'\n            ? 'w-full justify-start pr-12'\n            : cn('w-9 justify-center px-0', responsive && '2xl:w-48 2xl:justify-start 2xl:px-3 2xl:pr-12'),\n          className,\n        )}\n        ref={ref}\n        {...props}\n      >\n        <span className=\"inline-flex items-center gap-2\">\n          <SearchIcon className=\"h-4 w-4 shrink-0\" />\n          <span className={cn('truncate', variant === 'compact' && (responsive ? 'hidden 2xl:inline' : 'hidden'))}>\n            {activePlaceholder}\n          </span>\n        </span>\n        <kbd\n          className={cn(\n            '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',\n            variant === 'default' && 'sm:flex',\n            variant === 'compact' && responsive && '2xl:flex',\n          )}\n        >\n          <span className=\"text-xs\">⌘</span>K\n        </kbd>\n      </Button>\n    );\n  },\n);\nSearchTrigger.displayName = 'SearchTrigger';\n"],"mappings":"oTAWA,SAAgB,EAAO,CAAE,WAAU,KAAM,EAAY,gBAA6B,CAChF,GAAM,CAAC,EAAM,GAAW,EAAM,SAAS,GAAM,CAIvC,EAAe,IAAe,IAAA,GAC9B,EAAS,EAAgB,EAAyB,EAIlD,EAAY,EAAM,YACrB,GAAkD,CACjD,IAAI,EACJ,AAGE,EAHE,OAAO,GAAU,WACP,EAAM,EAAO,CAEb,EAGV,EACF,IAAe,EAAU,CAEzB,EAAQ,EAAU,EAGtB,CAAC,EAAc,EAAQ,EAAa,CACrC,CAcD,OAZA,EAAM,cAAgB,CACpB,IAAM,EAAQ,GAAqB,CAC7B,EAAE,MAAQ,MAAQ,EAAE,SAAW,EAAE,WACnC,EAAE,gBAAgB,CAClB,EAAW,GAAS,CAAC,EAAK,GAK9B,OADA,SAAS,iBAAiB,UAAW,EAAK,KAC7B,SAAS,oBAAoB,UAAW,EAAK,EACzD,CAAC,EAAU,CAAC,EAGb,EAAA,EAAA,KAAC,EAAA,cAAD,CAAe,KAAM,EAAQ,aAAc,EACxC,WACa,CAAA,CAMpB,IAAa,EAAgB,EAAM,YAChC,CAAE,YAAW,cAAa,UAAU,UAAW,aAAa,GAAO,GAAG,GAAS,IAAQ,CAEtF,IAAM,EAAoB,IADC,IAAY,UAAY,YAAc,kBAGjE,OACE,EAAA,EAAA,MAAC,EAAA,OAAD,CACE,QAAQ,UACR,UAAW,EAAA,EACT,8EACA,IAAY,UACR,6BACA,EAAA,EAAG,0BAA2B,GAAc,gDAAgD,CAChG,EACD,CACI,MACL,GAAI,WAVN,EAYE,EAAA,EAAA,MAAC,OAAD,CAAM,UAAU,0CAAhB,EACE,EAAA,EAAA,KAAC,EAAA,GAAD,CAAY,UAAU,mBAAqB,CAAA,EAC3C,EAAA,EAAA,KAAC,OAAD,CAAM,UAAW,EAAA,EAAG,WAAY,IAAY,YAAc,EAAa,oBAAsB,UAAU,UACpG,EACI,CAAA,CACF,IACP,EAAA,EAAA,MAAC,MAAD,CACE,UAAW,EAAA,EACT,wKACA,IAAY,WAAa,UACzB,IAAY,WAAa,GAAc,WACxC,UALH,EAOE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,mBAAU,IAAQ,CAAA,CAAA,IAC9B,GACC,IAGd,CACD,EAAc,YAAc"}

package/dist/search.d.ts

@@ -1,26 +1,2 @@
-import { JSX } from 'react/jsx-runtime';
-import * as React_2 from 'react';
-
-export declare function Search({ children, open: customOpen, onOpenChange }: SearchProps): JSX.Element;
-
-declare interface SearchBaseProps {
-    children?: React_2.ReactNode;
-    open?: boolean;
-    onOpenChange?: (open: boolean) => void;
-}
-
-export declare type SearchProps = SearchBaseProps;
-
-export declare const SearchTrigger: React_2.ForwardRefExoticComponent<SearchTriggerProps & React_2.RefAttributes<HTMLButtonElement>>;
-
-declare interface SearchTriggerBaseProps {
-    className?: string;
-    placeholder?: string;
-    variant?: 'default' | 'compact';
-    responsive?: boolean;
-}
-
-export declare interface SearchTriggerProps extends React_2.ButtonHTMLAttributes<HTMLButtonElement>, SearchTriggerBaseProps {
-}
-
-export { }
+export * from './packages/ui-web/src/search'
+export {}