@gearbox-protocol/permissionless-ui 1.17.4 → 1.17.5

package/dist/cjs/components/search-bar/search-bar.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("class-variance-authority"),x=require("lucide-react"),s=require("react"),p=require("../input/input.cjs"),n=require("../../utils/cn.cjs");require("sonner");require("@gearbox-protocol/sdk");const S=c.cva("relative w-full transition-all duration-200",{variants:{size:{sm:"max-w-xs",default:"max-w-96",lg:"max-w-lg",full:"max-w-full"}},defaultVariants:{size:"default"}}),q=c.cva("transition-all duration-200 pl-10",{variants:{active:{true:"",false:"bg-transparent border-input"},theme:{light:"",dark:""}},compoundVariants:[{active:!0,theme:"light",className:"bg-card text-foreground"},{active:!0,theme:"dark",className:"bg-[rgb(40,40,40)] text-foreground"},{active:!1,theme:"light",className:"text-foreground placeholder:text-foreground"},{active:!1,theme:"dark",className:"text-foreground placeholder:text-foreground"}],defaultVariants:{active:!1,theme:"light"}});function b({onChange:l,placeholder:u="Search...",className:i,size:o,theme:d="light"}){const[t,h]=s.useState(""),[f,a]=s.useState(!1),m=t!==""||f,g=v=>{const r=v.target.value;h(r),l(r)};return e.jsx("div",{className:n.cn(S({size:o}),i),children:e.jsxs("div",{className:"relative",children:[e.jsx(x.Search,{className:"absolute left-3 top-1/2 transform -translate-y-1/2 text-muted-foreground pointer-events-none",size:18}),e.jsx(p.Input,{type:"search",placeholder:u,value:t,onChange:g,onFocus:()=>a(!0),onBlur:()=>a(!1),className:n.cn(q({active:m,theme:d}))})]})})}exports.SearchBar=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("class-variance-authority"),y=require("lucide-react"),c=require("react"),S=require("../input/input.cjs"),l=require("../../utils/cn.cjs");require("sonner");require("@gearbox-protocol/sdk");const b=o.cva("relative w-full transition-all duration-200",{variants:{size:{sm:"max-w-xs",default:"max-w-96",lg:"max-w-lg",full:"max-w-full"}},defaultVariants:{size:"default"}}),N=o.cva("transition-all duration-200 pl-10",{variants:{active:{true:"",false:"bg-transparent border-input"},theme:{light:"",dark:""}},compoundVariants:[{active:!0,theme:"light",className:"bg-card text-foreground"},{active:!0,theme:"dark",className:"bg-[rgb(40,40,40)] text-foreground"},{active:!1,theme:"light",className:"text-foreground placeholder:text-foreground"},{active:!1,theme:"dark",className:"text-foreground placeholder:text-foreground"}],defaultVariants:{active:!1,theme:"light"}});function j({onChange:i,placeholder:u="Search...",className:d,size:h,theme:f="light",value:t}){const[m,g]=c.useState(""),[v,a]=c.useState(!1),r=t!==void 0,s=r?t:m,x=s!==""||v,p=q=>{const n=q.target.value;r||g(n),i(n)};return e.jsx("div",{className:l.cn(b({size:h}),d),children:e.jsxs("div",{className:"relative",children:[e.jsx(y.Search,{className:"absolute left-3 top-1/2 transform -translate-y-1/2 text-muted-foreground pointer-events-none",size:18}),e.jsx(S.Input,{type:"search",placeholder:u,value:s,onChange:p,onFocus:()=>a(!0),onBlur:()=>a(!1),className:l.cn(N({active:x,theme:f}))})]})})}exports.SearchBar=j;

package/dist/esm/components/search-bar/search-bar.js

@@ -1,12 +1,12 @@
-import { jsx as e, jsxs as v } from "react/jsx-runtime";
-import { cva as l } from "class-variance-authority";
-import { Search as x } from "lucide-react";
-import { useState as s } from "react";
-import { Input as N } from "../input/input.js";
-import { cn as o } from "../../utils/cn.js";
+import { jsx as e, jsxs as b } from "react/jsx-runtime";
+import { cva as i } from "class-variance-authority";
+import { Search as y } from "lucide-react";
+import { useState as n } from "react";
+import { Input as w } from "../input/input.js";
+import { cn as l } from "../../utils/cn.js";
 import "sonner";
 import "@gearbox-protocol/sdk";
-const b = l("relative w-full transition-all duration-200", {
+const S = i("relative w-full transition-all duration-200", {
   variants: {
     size: {
       sm: "max-w-xs",
@@ -18,7 +18,7 @@ const b = l("relative w-full transition-all duration-200", {
   defaultVariants: {
     size: "default"
   }
-}), S = l("transition-all duration-200 pl-10", {
+}), V = i("transition-all duration-200 pl-10", {
   variants: {
     active: {
       true: "",
@@ -56,39 +56,40 @@ const b = l("relative w-full transition-all duration-200", {
     theme: "light"
   }
 });
-function I({
-  onChange: n,
-  placeholder: i = "Search...",
-  className: c,
-  size: u,
-  theme: m = "light"
+function q({
+  onChange: c,
+  placeholder: u = "Search...",
+  className: m,
+  size: d,
+  theme: f = "light",
+  value: t
 }) {
-  const [t, f] = s(""), [d, a] = s(!1), h = t !== "" || d, g = (p) => {
-    const r = p.target.value;
-    f(r), n(r);
+  const [h, g] = n(""), [p, a] = n(!1), r = t !== void 0, s = r ? t : h, v = s !== "" || p, x = (N) => {
+    const o = N.target.value;
+    r || g(o), c(o);
   };
-  return /* @__PURE__ */ e("div", { className: o(b({ size: u }), c), children: /* @__PURE__ */ v("div", { className: "relative", children: [
+  return /* @__PURE__ */ e("div", { className: l(S({ size: d }), m), children: /* @__PURE__ */ b("div", { className: "relative", children: [
     /* @__PURE__ */ e(
-      x,
+      y,
       {
         className: "absolute left-3 top-1/2 transform -translate-y-1/2 text-muted-foreground pointer-events-none",
         size: 18
       }
     ),
     /* @__PURE__ */ e(
-      N,
+      w,
       {
         type: "search",
-        placeholder: i,
-        value: t,
-        onChange: g,
+        placeholder: u,
+        value: s,
+        onChange: x,
         onFocus: () => a(!0),
         onBlur: () => a(!1),
-        className: o(S({ active: h, theme: m }))
+        className: l(V({ active: v, theme: f }))
       }
     )
   ] }) });
 }
 export {
-  I as SearchBar
+  q as SearchBar
 };

package/dist/types/components/search-bar/search-bar.d.ts

@@ -7,6 +7,8 @@ interface SearchBarProps extends VariantProps<typeof searchBarVariants> {
     placeholder?: string;
     className?: string;
     theme?: "light" | "dark";
+    /** Optional controlled value. If provided, the component becomes controlled. */
+    value?: string;
 }
 /**
  * SearchBar — search input component with icon.
@@ -29,5 +31,5 @@ interface SearchBarProps extends VariantProps<typeof searchBarVariants> {
  * - for simple text inputs (use Input component).
  * - when you don't need search icon (use Input component).
  */
-export declare function SearchBar({ onChange, placeholder, className, size, theme, }: SearchBarProps): import("react/jsx-runtime").JSX.Element;
+export declare function SearchBar({ onChange, placeholder, className, size, theme, value, }: SearchBarProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gearbox-protocol/permissionless-ui",
-  "version": "1.17.4",
+  "version": "1.17.5",
   "description": "Internal UI components",
   "license": "MIT",
   "main": "./dist/cjs/index.js",