@gearbox-protocol/permissionless-ui 1.2.10 → 1.2.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -23,7 +23,6 @@ __export(page_layout_exports, {
23
23
  module.exports = __toCommonJS(page_layout_exports);
24
24
  var import_jsx_runtime = require("react/jsx-runtime");
25
25
  var import_back_button = require('../buttons/back-button.js');
26
- var import_card = require('../card.js');
27
26
  function PageLayout({
28
27
  children,
29
28
  title,
@@ -51,7 +50,7 @@ function PageLayout({
51
50
  description
52
51
  ] })
53
52
  ] }),
54
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_card.Card, { className: "bg-black border-0 overflow-y-auto", children })
53
+ children
55
54
  ] });
56
55
  }
57
56
  // Annotate the CommonJS export names for ESM import in node:
@@ -28,8 +28,7 @@ var import_input = require('./input.js');
28
28
  function SearchBar({
29
29
  onChange,
30
30
  placeholder = "Search...",
31
- className = "w-64",
32
- children
31
+ className = "w-64"
33
32
  }) {
34
33
  const [searchQuery, setSearchQuery] = (0, import_react.useState)("");
35
34
  const handleSearch = (e) => {
@@ -37,27 +36,24 @@ function SearchBar({
37
36
  setSearchQuery(query);
38
37
  onChange(query);
39
38
  };
40
- return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex justify-between items-center mb-6 mb-2 mt-6", children: [
41
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: `relative ${className}`, children: [
42
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
43
- import_input.Input,
44
- {
45
- type: "text",
46
- placeholder,
47
- value: searchQuery,
48
- onChange: handleSearch,
49
- className: "pl-10"
50
- }
51
- ),
52
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
53
- import_lucide_react.Search,
54
- {
55
- className: "absolute left-3 top-1/2 transform -translate-y-1/2 text-muted-foreground",
56
- size: 18
57
- }
58
- )
59
- ] }),
60
- children
39
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: `relative ${className}`, children: [
40
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
41
+ import_input.Input,
42
+ {
43
+ type: "text",
44
+ placeholder,
45
+ value: searchQuery,
46
+ onChange: handleSearch,
47
+ className: "pl-10"
48
+ }
49
+ ),
50
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
51
+ import_lucide_react.Search,
52
+ {
53
+ className: "absolute left-3 top-1/2 transform -translate-y-1/2 text-muted-foreground",
54
+ size: 18
55
+ }
56
+ )
61
57
  ] });
62
58
  }
63
59
  // Annotate the CommonJS export names for ESM import in node:
@@ -1,6 +1,5 @@
1
1
  import { jsx, jsxs } from "react/jsx-runtime";
2
2
  import { BackButton } from "../buttons/back-button.js";
3
- import { Card } from "../card.js";
4
3
  function PageLayout({
5
4
  children,
6
5
  title,
@@ -28,7 +27,7 @@ function PageLayout({
28
27
  description
29
28
  ] })
30
29
  ] }),
31
- /* @__PURE__ */ jsx(Card, { className: "bg-black border-0 overflow-y-auto", children })
30
+ children
32
31
  ] });
33
32
  }
34
33
  export {
@@ -5,8 +5,7 @@ import { Input } from "./input.js";
5
5
  function SearchBar({
6
6
  onChange,
7
7
  placeholder = "Search...",
8
- className = "w-64",
9
- children
8
+ className = "w-64"
10
9
  }) {
11
10
  const [searchQuery, setSearchQuery] = useState("");
12
11
  const handleSearch = (e) => {
@@ -14,27 +13,24 @@ function SearchBar({
14
13
  setSearchQuery(query);
15
14
  onChange(query);
16
15
  };
17
- return /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center mb-6 mb-2 mt-6", children: [
18
- /* @__PURE__ */ jsxs("div", { className: `relative ${className}`, children: [
19
- /* @__PURE__ */ jsx(
20
- Input,
21
- {
22
- type: "text",
23
- placeholder,
24
- value: searchQuery,
25
- onChange: handleSearch,
26
- className: "pl-10"
27
- }
28
- ),
29
- /* @__PURE__ */ jsx(
30
- Search,
31
- {
32
- className: "absolute left-3 top-1/2 transform -translate-y-1/2 text-muted-foreground",
33
- size: 18
34
- }
35
- )
36
- ] }),
37
- children
16
+ return /* @__PURE__ */ jsxs("div", { className: `relative ${className}`, children: [
17
+ /* @__PURE__ */ jsx(
18
+ Input,
19
+ {
20
+ type: "text",
21
+ placeholder,
22
+ value: searchQuery,
23
+ onChange: handleSearch,
24
+ className: "pl-10"
25
+ }
26
+ ),
27
+ /* @__PURE__ */ jsx(
28
+ Search,
29
+ {
30
+ className: "absolute left-3 top-1/2 transform -translate-y-1/2 text-muted-foreground",
31
+ size: 18
32
+ }
33
+ )
38
34
  ] });
39
35
  }
40
36
  export {
@@ -2,7 +2,6 @@ interface SearchBarProps {
2
2
  onChange: (query: string) => void;
3
3
  placeholder?: string;
4
4
  className?: string;
5
- children?: React.ReactNode;
6
5
  }
7
- export declare function SearchBar({ onChange, placeholder, className, children, }: SearchBarProps): import("react/jsx-runtime").JSX.Element;
6
+ export declare function SearchBar({ onChange, placeholder, className, }: SearchBarProps): import("react/jsx-runtime").JSX.Element;
8
7
  export {};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gearbox-protocol/permissionless-ui",
3
- "version": "1.2.10",
3
+ "version": "1.2.12",
4
4
  "description": "Internal UI components",
5
5
  "license": "MIT",
6
6
  "main": "./dist/cjs/index.js",