@gearbox-protocol/permissionless-ui 1.21.1 → 1.21.2

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.
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("react/jsx-runtime"),b=require("react");require("../accordion/accordion.cjs");require("lucide-react");require("clsx");require("tailwind-merge");require("sonner");require("@gearbox-protocol/sdk");require("../alert-badge/alert-badge.cjs");require("../alert-dialog/alert-dialog.cjs");require("../tooltip/tooltip.cjs");require("../asset-line/asset-line.cjs");require("../buttons/back-button/back-button.cjs");require("../buttons/button/button.cjs");require("../buttons/copy-button/copy-button.cjs");require("../buttons/external-button/external-button.cjs");require("../buttons/filter-button/filter-button.cjs");require("../buttons/navigation-button/navigation-button.cjs");require("../buttons/tab-button/tab-button.cjs");require("connectkit");require("wagmi");require("viem/siwe");require("../avatar/avatar.cjs");require("../badge/badge.cjs");require("../base-link/base-link.cjs");require("react-router-dom");require("../card-grid/card-grid.cjs");require("../cards/card/card.cjs");require("../carousel/carousel.cjs");const m=require("./checkbox.cjs");require("../checkbox-item/checkbox-item.cjs");require("../colored-text/colored-text.cjs");require("../input/input.cjs");require("react-intl");require("../icon-button/icon-button.cjs");require("../skeleton/skeleton.cjs");require("../dropdown-menu/dropdown-menu.cjs");require("../dropdown-menu/dropdown-menu-checkbox-item.cjs");require("../dropdown-menu/dropdown-menu-content.cjs");require("../dropdown-menu/dropdown-menu-item.cjs");require("../dropdown-menu/dropdown-menu-label.cjs");require("../dropdown-menu/dropdown-menu-radio-item.cjs");require("../dropdown-menu/dropdown-menu-separator.cjs");require("../dropdown-menu/dropdown-menu-shortcut.cjs");require("../dropdown-menu/dropdown-menu-sub-content.cjs");require("../dropdown-menu/dropdown-menu-sub-trigger.cjs");require("../page-title/page-title.cjs");require("@radix-ui/react-dialog");require("../dialog/dialog-container.cjs");require("../dialog/dialog-content.cjs");require("../dialog/dialog-description.cjs");require("../dialog/dialog-footer.cjs");require("../dialog/dialog-header.cjs");require("../dialog/dialog-title.cjs");require("../dialog/dialog-modal.cjs");require("../dialog/dialog-modal-container.cjs");require("../dialog/dialog-overlay.cjs");require("viem");const f=require("../label/label.cjs");require("../fadeout-loading/fadeout-loading.cjs");require("../filter/filter-block.cjs");require("../filter/filter-checkbox-item.cjs");require("../filter/filter-chip.cjs");require("../filter/filter-chips.cjs");require("../filter/filter-dropdown-item.cjs");require("../filter/filter-group.cjs");require("../filter/filter-label.cjs");require("../search-line/search-line.cjs");require("../tabs/tabs.cjs");require("../filter/filter-modal-item.cjs");require("../filter/filter-radio-item.cjs");require("../filter/filter-separator.cjs");require("../filter/variants.cjs");require("../graph/formatters.cjs");require("lightweight-charts");require("../graph/graph-view.cjs");require("../help-tip/help-tip.cjs");require("../horizontal-indicator/horizontal-indicator.cjs");require("../layout/col/col.cjs");require("../layout/container/container.cjs");require("../layout/footer/footer.cjs");require("../layout/grid/grid.cjs");require("../layout/header/header.cjs");require("../layout/layout/layout.cjs");require("../../utils/reactochart-compat.cjs");require("react-markdown");require("remark-gfm");require("../navbar/navbar.cjs");require("../navbar/navbar-indicator-context.cjs");require("../navitem/navitem.cjs");require("../points-icon/points-icon.cjs");require("../progress/progress.cjs");require("../radio-group/radio-group.cjs");require("../search-bar/search-bar.cjs");require("../segmented-control/segmented-control.cjs");require("../select/select.cjs");require("../separator/separator.cjs");require("../slider/slider.cjs");require("../smart-number-input/smart-number-input.cjs");require("../spinner/spinner.cjs");require("../stat-badge/stat-badge.cjs");require("../status-dot/status-dot.cjs");require("../stepper/stepper.cjs");require("../switch/switch.cjs");require("../table/grid-table.cjs");require("../table/table.cjs");require("../table/grid-table-loader.cjs");require("../text-button/text-button.cjs");require("../textarea/textarea.cjs");require("../theme-provider.cjs");require("../tip-card/tip-card.cjs");require("../typography/typography.cjs");require("../vertical-indicator/vertical-indicator.cjs");require("../vertical-list/vertical-list.cjs");require("../with-filter-button/with-filter-button.cjs");function p(e){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const u=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(i,r,u.get?u:{enumerable:!0,get:()=>e[r]})}}return i.default=e,Object.freeze(i)}const o=p(b),t=o.forwardRef(({className:e,id:i,checked:r,onChange:u,children:n,color:a="secondary",size:s="lg",...l},d)=>{const c=o.useId();return q.jsxs("div",{className:"flex items-center gap-2",children:[q.jsx(m.Checkbox,{id:i??c,ref:d,checked:r,onCheckedChange:u,className:e,color:a,size:s,...l}),q.jsx(f.Label,{htmlFor:c,disabledStyle:"none",className:"cursor-pointer text-md",children:n})]})});t.displayName=t.displayName="CheckboxLabeled";exports.CheckboxLabeled=t;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("react/jsx-runtime"),m=require("class-variance-authority"),x=require("react"),f=require("../../utils/cn.cjs");require("sonner");require("@gearbox-protocol/sdk");require("../accordion/accordion.cjs");require("lucide-react");require("../alert-badge/alert-badge.cjs");require("../alert-dialog/alert-dialog.cjs");require("../tooltip/tooltip.cjs");require("../asset-line/asset-line.cjs");require("../buttons/back-button/back-button.cjs");require("../buttons/button/button.cjs");require("../buttons/copy-button/copy-button.cjs");require("../buttons/external-button/external-button.cjs");require("../buttons/filter-button/filter-button.cjs");require("../buttons/navigation-button/navigation-button.cjs");require("../buttons/tab-button/tab-button.cjs");require("connectkit");require("wagmi");require("viem/siwe");require("../avatar/avatar.cjs");require("../badge/badge.cjs");require("../base-link/base-link.cjs");require("react-router-dom");require("../card-grid/card-grid.cjs");require("../cards/card/card.cjs");require("../carousel/carousel.cjs");const p=require("./checkbox.cjs");require("../checkbox-item/checkbox-item.cjs");require("../colored-text/colored-text.cjs");require("../input/input.cjs");require("react-intl");require("../icon-button/icon-button.cjs");require("../skeleton/skeleton.cjs");require("../dropdown-menu/dropdown-menu.cjs");require("../dropdown-menu/dropdown-menu-checkbox-item.cjs");require("../dropdown-menu/dropdown-menu-content.cjs");require("../dropdown-menu/dropdown-menu-item.cjs");require("../dropdown-menu/dropdown-menu-label.cjs");require("../dropdown-menu/dropdown-menu-radio-item.cjs");require("../dropdown-menu/dropdown-menu-separator.cjs");require("../dropdown-menu/dropdown-menu-shortcut.cjs");require("../dropdown-menu/dropdown-menu-sub-content.cjs");require("../dropdown-menu/dropdown-menu-sub-trigger.cjs");require("../page-title/page-title.cjs");require("@radix-ui/react-dialog");require("../dialog/dialog-container.cjs");require("../dialog/dialog-content.cjs");require("../dialog/dialog-description.cjs");require("../dialog/dialog-footer.cjs");require("../dialog/dialog-header.cjs");require("../dialog/dialog-title.cjs");require("../dialog/dialog-modal.cjs");require("../dialog/dialog-modal-container.cjs");require("../dialog/dialog-overlay.cjs");require("viem");const g=require("../label/label.cjs");require("../fadeout-loading/fadeout-loading.cjs");require("../filter/filter-block.cjs");require("../filter/filter-checkbox-item.cjs");require("../filter/filter-chip.cjs");require("../filter/filter-chips.cjs");require("../filter/filter-dropdown-item.cjs");require("../filter/filter-group.cjs");require("../filter/filter-label.cjs");require("../search-line/search-line.cjs");require("../tabs/tabs.cjs");require("../filter/filter-modal-item.cjs");require("../filter/filter-radio-item.cjs");require("../filter/filter-separator.cjs");require("../filter/variants.cjs");require("../graph/formatters.cjs");require("lightweight-charts");require("../graph/graph-view.cjs");require("../help-tip/help-tip.cjs");require("../horizontal-indicator/horizontal-indicator.cjs");require("../layout/col/col.cjs");require("../layout/container/container.cjs");require("../layout/footer/footer.cjs");require("../layout/grid/grid.cjs");require("../layout/header/header.cjs");require("../layout/layout/layout.cjs");require("../../utils/reactochart-compat.cjs");require("react-markdown");require("remark-gfm");require("../navbar/navbar.cjs");require("../navbar/navbar-indicator-context.cjs");require("../navitem/navitem.cjs");require("../points-icon/points-icon.cjs");require("../progress/progress.cjs");require("../radio-group/radio-group.cjs");require("../search-bar/search-bar.cjs");require("../segmented-control/segmented-control.cjs");require("../select/select.cjs");require("../separator/separator.cjs");require("../slider/slider.cjs");require("../smart-number-input/smart-number-input.cjs");require("../spinner/spinner.cjs");require("../stat-badge/stat-badge.cjs");require("../status-dot/status-dot.cjs");require("../stepper/stepper.cjs");require("../switch/switch.cjs");require("../table/grid-table.cjs");require("../table/table.cjs");require("../table/grid-table-loader.cjs");require("../text-button/text-button.cjs");require("../textarea/textarea.cjs");require("../theme-provider.cjs");require("../tip-card/tip-card.cjs");require("../typography/typography.cjs");require("../vertical-indicator/vertical-indicator.cjs");require("../vertical-list/vertical-list.cjs");require("../with-filter-button/with-filter-button.cjs");function h(e){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const u=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(i,r,u.get?u:{enumerable:!0,get:()=>e[r]})}}return i.default=e,Object.freeze(i)}const n=h(x),y=m.cva("",{variants:{boxAlign:{center:"items-center","flex-start":"items-start"}},defaultVariants:{boxAlign:"center"}}),t=n.forwardRef(({className:e,id:i,checked:r,onChange:u,children:a,color:o="secondary",size:s="lg",boxAlign:l,...d},b)=>{const c=n.useId();return q.jsxs("div",{className:f.cn("flex gap-2",y({boxAlign:l})),children:[q.jsx(p.Checkbox,{id:i??c,ref:b,checked:r,onCheckedChange:u,className:e,color:o,size:s,...d}),q.jsx(g.Label,{htmlFor:c,disabledStyle:"none",className:"cursor-pointer text-md",children:a})]})});t.displayName=t.displayName="CheckboxLabeled";exports.CheckboxLabeled=t;
@@ -1,11 +1,11 @@
1
- import { jsxs as x, jsx as r } from "react/jsx-runtime";
2
- import * as t from "react";
3
- import "../accordion/accordion.js";
4
- import "lucide-react";
5
- import "clsx";
6
- import "tailwind-merge";
1
+ import { jsxs as f, jsx as t } from "react/jsx-runtime";
2
+ import { cva as b } from "class-variance-authority";
3
+ import * as o from "react";
4
+ import { cn as h } from "../../utils/cn.js";
7
5
  import "sonner";
8
6
  import "@gearbox-protocol/sdk";
7
+ import "../accordion/accordion.js";
8
+ import "lucide-react";
9
9
  import "../alert-badge/alert-badge.js";
10
10
  import "../alert-dialog/alert-dialog.js";
11
11
  import "../tooltip/tooltip.js";
@@ -27,7 +27,7 @@ import "react-router-dom";
27
27
  import "../card-grid/card-grid.js";
28
28
  import "../cards/card/card.js";
29
29
  import "../carousel/carousel.js";
30
- import { Checkbox as b } from "./checkbox.js";
30
+ import { Checkbox as g } from "./checkbox.js";
31
31
  import "../checkbox-item/checkbox-item.js";
32
32
  import "../colored-text/colored-text.js";
33
33
  import "../input/input.js";
@@ -56,7 +56,7 @@ import "../dialog/dialog-modal.js";
56
56
  import "../dialog/dialog-modal-container.js";
57
57
  import "../dialog/dialog-overlay.js";
58
58
  import "viem";
59
- import { Label as f } from "../label/label.js";
59
+ import { Label as k } from "../label/label.js";
60
60
  import "../fadeout-loading/fadeout-loading.js";
61
61
  import "../filter/filter-block.js";
62
62
  import "../filter/filter-checkbox-item.js";
@@ -113,36 +113,47 @@ import "../typography/typography.js";
113
113
  import "../vertical-indicator/vertical-indicator.js";
114
114
  import "../vertical-list/vertical-list.js";
115
115
  import "../with-filter-button/with-filter-button.js";
116
- const m = t.forwardRef(
116
+ const C = b("", {
117
+ variants: {
118
+ boxAlign: {
119
+ center: "items-center",
120
+ "flex-start": "items-start"
121
+ }
122
+ },
123
+ defaultVariants: {
124
+ boxAlign: "center"
125
+ }
126
+ }), i = o.forwardRef(
117
127
  ({
118
- className: i,
128
+ className: m,
119
129
  id: p,
120
130
  checked: e,
121
131
  onChange: a,
122
132
  children: s,
123
- color: d = "secondary",
124
- size: c = "lg",
133
+ color: c = "secondary",
134
+ size: n = "lg",
135
+ boxAlign: d,
125
136
  ...l
126
- }, n) => {
127
- const o = t.useId();
128
- return /* @__PURE__ */ x("div", { className: "flex items-center gap-2", children: [
129
- /* @__PURE__ */ r(
130
- b,
137
+ }, x) => {
138
+ const r = o.useId();
139
+ return /* @__PURE__ */ f("div", { className: h("flex gap-2", C({ boxAlign: d })), children: [
140
+ /* @__PURE__ */ t(
141
+ g,
131
142
  {
132
- id: p ?? o,
133
- ref: n,
143
+ id: p ?? r,
144
+ ref: x,
134
145
  checked: e,
135
146
  onCheckedChange: a,
136
- className: i,
137
- color: d,
138
- size: c,
147
+ className: m,
148
+ color: c,
149
+ size: n,
139
150
  ...l
140
151
  }
141
152
  ),
142
- /* @__PURE__ */ r(
143
- f,
153
+ /* @__PURE__ */ t(
154
+ k,
144
155
  {
145
- htmlFor: o,
156
+ htmlFor: r,
146
157
  disabledStyle: "none",
147
158
  className: "cursor-pointer text-md",
148
159
  children: s
@@ -151,7 +162,7 @@ const m = t.forwardRef(
151
162
  ] });
152
163
  }
153
164
  );
154
- m.displayName = m.displayName = "CheckboxLabeled";
165
+ i.displayName = i.displayName = "CheckboxLabeled";
155
166
  export {
156
- m as CheckboxLabeled
167
+ i as CheckboxLabeled
157
168
  };
@@ -1,6 +1,10 @@
1
+ import { VariantProps } from 'class-variance-authority';
1
2
  import { CheckboxProps } from './checkbox';
2
3
  import * as React from "react";
3
- export interface CheckboxLabeledProps extends Omit<CheckboxProps, "id" | "ref" | "onCheckedChange" | "onChange"> {
4
+ declare const checkboxVariants: (props?: ({
5
+ boxAlign?: "center" | "flex-start" | null | undefined;
6
+ } & import('class-variance-authority/types').ClassProp) | undefined) => string;
7
+ export interface CheckboxLabeledProps extends Omit<CheckboxProps, "id" | "ref" | "onCheckedChange" | "onChange">, VariantProps<typeof checkboxVariants> {
4
8
  id?: string;
5
9
  onChange?: (checked: boolean) => void;
6
10
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gearbox-protocol/permissionless-ui",
3
- "version": "1.21.1",
3
+ "version": "1.21.2",
4
4
  "description": "Internal UI components",
5
5
  "license": "MIT",
6
6
  "main": "./dist/cjs/index.js",