@gearbox-protocol/permissionless-ui 1.2.9 → 1.2.11

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

@@ -28,8 +28,7 @@ var import_input = require('./input.js');
 function SearchBar({
   onChange,
   placeholder = "Search...",
-  className = "w-64",
-  children
+  className = "w-64"
 }) {
   const [searchQuery, setSearchQuery] = (0, import_react.useState)("");
   const handleSearch = (e) => {
@@ -37,27 +36,24 @@ function SearchBar({
     setSearchQuery(query);
     onChange(query);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex justify-between items-center mb-6 mb-2 mt-6", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: `relative ${className}`, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        import_input.Input,
-        {
-          type: "text",
-          placeholder,
-          value: searchQuery,
-          onChange: handleSearch,
-          className: "pl-10"
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        import_lucide_react.Search,
-        {
-          className: "absolute left-3 top-1/2 transform -translate-y-1/2 text-muted-foreground",
-          size: 18
-        }
-      )
-    ] }),
-    children
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: `relative ${className}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_input.Input,
+      {
+        type: "text",
+        placeholder,
+        value: searchQuery,
+        onChange: handleSearch,
+        className: "pl-10"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_lucide_react.Search,
+      {
+        className: "absolute left-3 top-1/2 transform -translate-y-1/2 text-muted-foreground",
+        size: 18
+      }
+    )
   ] });
 }
 // Annotate the CommonJS export names for ESM import in node:

package/dist/cjs/components/table.js

@@ -41,7 +41,7 @@ module.exports = __toCommonJS(table_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var React = __toESM(require("react"));
 var import_utils = __toESM(require('../utils/index.js'));
-const Table = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+const Table = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rounded-xl border relative w-full overflow-auto", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
   "table",
   {
     ref,

package/dist/cjs/components/token-icon.js

@@ -47,6 +47,7 @@ function TokenIcon({ symbol, size = 48 }) {
       alt: `${symbol} icon`,
       width: size,
       height: size,
+      className: "rounded-full",
       onError: () => setSrc(defaultSrc)
     }
   );

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

@@ -5,8 +5,7 @@ import { Input } from "./input.js";
 function SearchBar({
   onChange,
   placeholder = "Search...",
-  className = "w-64",
-  children
+  className = "w-64"
 }) {
   const [searchQuery, setSearchQuery] = useState("");
   const handleSearch = (e) => {
@@ -14,27 +13,24 @@ function SearchBar({
     setSearchQuery(query);
     onChange(query);
   };
-  return /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center mb-6 mb-2 mt-6", children: [
-    /* @__PURE__ */ jsxs("div", { className: `relative ${className}`, children: [
-      /* @__PURE__ */ jsx(
-        Input,
-        {
-          type: "text",
-          placeholder,
-          value: searchQuery,
-          onChange: handleSearch,
-          className: "pl-10"
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        Search,
-        {
-          className: "absolute left-3 top-1/2 transform -translate-y-1/2 text-muted-foreground",
-          size: 18
-        }
-      )
-    ] }),
-    children
+  return /* @__PURE__ */ jsxs("div", { className: `relative ${className}`, children: [
+    /* @__PURE__ */ jsx(
+      Input,
+      {
+        type: "text",
+        placeholder,
+        value: searchQuery,
+        onChange: handleSearch,
+        className: "pl-10"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Search,
+      {
+        className: "absolute left-3 top-1/2 transform -translate-y-1/2 text-muted-foreground",
+        size: 18
+      }
+    )
   ] });
 }
 export {

package/dist/esm/components/table.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import * as React from "react";
 import cn from "../utils/index.js";
-const Table = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx(
+const Table = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { className: "rounded-xl border relative w-full overflow-auto", children: /* @__PURE__ */ jsx(
   "table",
   {
     ref,

package/dist/esm/components/token-icon.js

@@ -14,6 +14,7 @@ function TokenIcon({ symbol, size = 48 }) {
       alt: `${symbol} icon`,
       width: size,
       height: size,
+      className: "rounded-full",
       onError: () => setSrc(defaultSrc)
     }
   );

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

@@ -2,7 +2,6 @@ interface SearchBarProps {
     onChange: (query: string) => void;
     placeholder?: string;
     className?: string;
-    children?: React.ReactNode;
 }
-export declare function SearchBar({ onChange, placeholder, className, children, }: SearchBarProps): import("react/jsx-runtime").JSX.Element;
+export declare function SearchBar({ onChange, placeholder, className, }: SearchBarProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/package.json

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