@gv-tech/ui-web 2.20.0 → 2.21.0

package/dist/scroll-to-top.mjs

@@ -1,86 +1,73 @@
 "use client";
-import { j as n } from "./jsx-runtime-tc70JA_2.mjs";
-import { ArrowUp as E } from "lucide-react";
-import * as s from "react";
-import { Button as N } from "./button.mjs";
-import { c as S } from "./utils-DY6fhrgS.mjs";
-const R = (e) => typeof e.scrollY == "number", d = (e) => R(e) ? e.scrollY : e.scrollTop;
-function k({
-  threshold: e = 240,
-  exitDuration: m = 450,
-  behavior: b = "smooth",
-  scrollTarget: r,
-  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 = r === void 0 ? window : r;
-    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, r, e]), s.useEffect(() => () => {
-    f.current !== null && window.clearTimeout(f.current);
-  }, []);
-  const i = l ? "exiting" : w ? "visible" : "hidden", _ = (t) => {
-    if (x?.(t), t.defaultPrevented || l)
-      return;
-    const o = r === void 0 ? window : r;
-    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": i,
-      type: g ?? "button",
-      variant: "default",
-      size: "icon",
-      tabIndex: i === "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",
-        i === "visible" && "translate-y-0 scale-100 opacity-100",
-        i === "hidden" && "pointer-events-none translate-y-24 scale-75 opacity-0 blur-[1px] motion-safe:animate-none",
-        i === "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 { t as e } from "./jsx-runtime-CW53Uo-e.mjs";
+import { t } from "./utils-yc5uc46c.mjs";
+import { Button as n } from "./button.mjs";
+import * as r from "react";
+import { ArrowUp as i } from "lucide-react";
+//#region src/scroll-to-top.tsx
+var a = e(), 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, _] = r.useState(!1), [v, y] = r.useState(!1), b = r.useRef(null);
+	r.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
+	]), r.useEffect(() => () => {
+		b.current !== null && window.clearTimeout(b.current);
+	}, []);
+	let x = v ? "exiting" : g ? "visible" : "hidden";
+	return /* @__PURE__ */ (0, a.jsxs)(n, {
+		"aria-label": d,
+		"data-state": x,
+		type: m ?? "button",
+		variant: "default",
+		size: "icon",
+		tabIndex: x === "hidden" ? -1 : p,
+		className: 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: [
+			/* @__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)(i, { 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 {
-  k as ScrollToTop
-};
+//#endregion
+export { c as ScrollToTop };

package/dist/search.cjs

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

package/dist/search.mjs

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