@gv-tech/ui-web 2.15.1 → 2.15.2

package/dist/search.cjs

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

package/dist/search.mjs

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gv-tech/ui-web",
-  "version": "2.15.1",
+  "version": "2.15.2",
   "description": "Web (DOM/Radix) implementations of the GV Tech design system components",
   "repository": {
     "type": "git",

package/src/search.tsx

@@ -59,7 +59,10 @@ export function Search({ children, open: customOpen, onOpenChange }: SearchProps
 export interface SearchTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, SearchTriggerBaseProps {}
 
 export const SearchTrigger = React.forwardRef<HTMLButtonElement, SearchTriggerProps>(
-  ({ className, placeholder = 'Search docs...', variant = 'default', ...props }, ref) => {
+  ({ className, placeholder, variant = 'default', responsive = false, ...props }, ref) => {
+    const defaultPlaceholder = variant === 'compact' ? 'Search...' : 'Search docs...';
+    const activePlaceholder = placeholder || defaultPlaceholder;
+
     return (
       <Button
         variant="outline"
@@ -67,7 +70,7 @@ export const SearchTrigger = React.forwardRef<HTMLButtonElement, SearchTriggerPr
           'text-muted-foreground relative h-9 text-sm transition-all transition-colors',
           variant === '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',
+            : cn('w-9 justify-center px-0', responsive && '2xl:w-48 2xl:justify-start 2xl:px-3 2xl:pr-12'),
           className,
         )}
         ref={ref}
@@ -75,9 +78,17 @@ export const SearchTrigger = React.forwardRef<HTMLButtonElement, SearchTriggerPr
       >
         <span className="inline-flex items-center gap-2">
           <SearchIcon className="h-4 w-4 shrink-0" />
-          <span className={cn('truncate', variant === 'compact' && 'hidden md:inline')}>{placeholder}</span>
+          <span className={cn('truncate', variant === 'compact' && (responsive ? 'hidden 2xl:inline' : 'hidden'))}>
+            {activePlaceholder}
+          </span>
         </span>
-        <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">
+        <kbd
+          className={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',
+            variant === 'default' && 'sm:flex',
+            variant === 'compact' && responsive && '2xl:flex',
+          )}
+        >
           <span className="text-xs">⌘</span>K
         </kbd>
       </Button>