@ledgerhq/lumen-ui-react 0.1.7 → 0.1.8

package/dist/index.js

@@ -4,162 +4,175 @@ import { AmountInput as i } from "./lib/Components/AmountInput/AmountInput.js";
 import { AmountDisplay as p } from "./lib/Components/AmountDisplay/AmountDisplay.js";
 import { Avatar as T } from "./lib/Components/Avatar/Avatar.js";
 import { Banner as x } from "./lib/Components/Banner/Banner.js";
-import { BaseInput as S } from "./lib/Components/BaseInput/BaseInput.js";
-import { Button as d } from "./lib/Components/Button/Button.js";
-import { BaseButton as c } from "./lib/Components/Button/BaseButton.js";
-import { ContentBanner as C, ContentBannerContent as I, ContentBannerDescription as s, ContentBannerTitle as L } from "./lib/Components/ContentBanner/ContentBanner.js";
-import { CardButton as M } from "./lib/Components/CardButton/CardButton.js";
-import { Checkbox as v } from "./lib/Components/Checkbox/Checkbox.js";
-import { DataTable as A, DataTableGlobalSearchInput as w, DataTableRoot as H } from "./lib/Components/DataTable/DataTable.js";
-import { useLumenDataTable as G } from "./lib/Components/DataTable/useLumenDataTable/useLumenDataTable.js";
-import { DialogClose as y } from "./lib/Components/Dialog/DialogClose/DialogClose.js";
-import { Dialog as E, DialogBody as O, DialogContent as F, DialogFooter as _, DialogTrigger as j } from "./lib/Components/Dialog/Dialog.js";
-import { DialogHeader as z } from "./lib/Components/Dialog/DialogHeader/DialogHeader.js";
-import { Divider as K } from "./lib/Components/Divider/Divider.js";
-import { IconButton as U } from "./lib/Components/IconButton/IconButton.js";
-import { InteractiveIcon as W } from "./lib/Components/InteractiveIcon/InteractiveIcon.js";
-import { Link as Y } from "./lib/Components/Link/Link.js";
-import { ListItem as $, ListItemContent as ee, ListItemDescription as oe, ListItemIcon as te, ListItemLeading as re, ListItemSpot as ae, ListItemTitle as ne, ListItemTrailing as ie, ListItemTruncate as le } from "./lib/Components/ListItem/ListItem.js";
-import { Menu as me, MenuCheckboxItem as Te, MenuContent as ue, MenuGroup as xe, MenuItem as fe, MenuLabel as Se, MenuPortal as be, MenuRadioGroup as de, MenuRadioItem as ge, MenuSeparator as ce, MenuSub as Be, MenuSubContent as Ce, MenuSubTrigger as Ie, MenuTrigger as se } from "./lib/Components/Menu/Menu.js";
-import { NavBar as De, NavBarBackButton as Me, NavBarCoinCapsule as he, NavBarTitle as ve, NavBarTrailing as Re } from "./lib/Components/NavBar/NavBar.js";
-import { PageIndicator as we } from "./lib/Components/PageIndicator/PageIndicator.js";
-import { SearchInput as ke } from "./lib/Components/SearchInput/SearchInput.js";
-import { SegmentedControl as Ne, SegmentedControlButton as ye } from "./lib/Components/SegmentedControl/SegmentedControl.js";
-import { Select as Ee, SelectContent as Oe, SelectGroup as Fe, SelectItem as _e, SelectItemText as je, SelectLabel as qe, SelectSeparator as ze, SelectTrigger as Je } from "./lib/Components/Select/Select.js";
-import { SideBar as Qe, SideBarCollapseToggle as Ue, SideBarItem as Ve, SideBarLeading as We, SideBarTrailing as Xe } from "./lib/Components/SideBar/SideBar.js";
-import { Skeleton as Ze } from "./lib/Components/Skeleton/Skeleton.js";
-import { Spinner as eo } from "./lib/Components/Spinner/Spinner.js";
-import { Spot as to } from "./lib/Components/Spot/Spot.js";
-import { Stepper as ao } from "./lib/Components/Stepper/Stepper.js";
-import { Subheader as io, SubheaderAction as lo, SubheaderCount as po, SubheaderDescription as mo, SubheaderInfo as To, SubheaderRow as uo, SubheaderShowMore as xo, SubheaderTitle as fo } from "./lib/Components/Subheader/Subheader.js";
-import { Switch as bo } from "./lib/Components/Switch/Switch.js";
-import { Table as co, TableActionBar as Bo, TableActionBarLeading as Co, TableActionBarTrailing as Io, TableBody as so, TableCell as Lo, TableCellContent as Do, TableGroupHeaderRow as Mo, TableHeader as ho, TableHeaderCell as vo, TableHeaderRow as Ro, TableInfoIcon as Ao, TableLoadingRow as wo, TableRoot as Ho, TableRow as ko, TableSortButton as Go } from "./lib/Components/Table/Table.js";
-import { Tag as yo } from "./lib/Components/Tag/Tag.js";
-import { TextInput as Eo } from "./lib/Components/TextInput/TextInput.js";
-import { Tile as Fo, TileContent as _o, TileDescription as jo, TileSecondaryAction as qo, TileSpot as zo, TileTitle as Jo, TileTrailingContent as Ko } from "./lib/Components/Tile/Tile.js";
-import { TileButton as Uo } from "./lib/Components/TileButton/TileButton.js";
-import { Tooltip as Wo, TooltipContent as Xo, TooltipProvider as Yo, TooltipTrigger as Zo } from "./lib/Components/Tooltip/Tooltip.js";
-import { ThemeProvider as et } from "./lib/Components/ThemeProvider/ThemeProvider.js";
-import { COLOR_SCHEMES as tt } from "./lib/Components/ThemeProvider/ThemeProvider.types.js";
+import { BaseInput as f } from "./lib/Components/BaseInput/BaseInput.js";
+import { Button as S } from "./lib/Components/Button/Button.js";
+import { BaseButton as b } from "./lib/Components/Button/BaseButton.js";
+import { Card as B, CardContent as I, CardContentDescription as s, CardContentRow as L, CardContentTitle as D, CardFooter as M, CardFooterActions as h, CardHeader as R, CardLeading as v, CardTrailing as A } from "./lib/Components/Card/Card.js";
+import { CardButton as H } from "./lib/Components/CardButton/CardButton.js";
+import { ContentBanner as G, ContentBannerContent as N, ContentBannerDescription as y, ContentBannerTitle as P } from "./lib/Components/ContentBanner/ContentBanner.js";
+import { Checkbox as E } from "./lib/Components/Checkbox/Checkbox.js";
+import { DataTable as _, DataTableGlobalSearchInput as j, DataTableRoot as q } from "./lib/Components/DataTable/DataTable.js";
+import { useLumenDataTable as J } from "./lib/Components/DataTable/useLumenDataTable/useLumenDataTable.js";
+import { DialogClose as Q } from "./lib/Components/Dialog/DialogClose/DialogClose.js";
+import { Dialog as V, DialogBody as W, DialogContent as X, DialogFooter as Y, DialogTrigger as Z } from "./lib/Components/Dialog/Dialog.js";
+import { DialogHeader as ee } from "./lib/Components/Dialog/DialogHeader/DialogHeader.js";
+import { Divider as te } from "./lib/Components/Divider/Divider.js";
+import { IconButton as ae } from "./lib/Components/IconButton/IconButton.js";
+import { InteractiveIcon as ie } from "./lib/Components/InteractiveIcon/InteractiveIcon.js";
+import { Link as pe } from "./lib/Components/Link/Link.js";
+import { ListItem as Te, ListItemContent as ue, ListItemDescription as xe, ListItemIcon as de, ListItemLeading as fe, ListItemSpot as Ce, ListItemTitle as Se, ListItemTrailing as ge, ListItemTruncate as be } from "./lib/Components/ListItem/ListItem.js";
+import { Menu as Be, MenuCheckboxItem as Ie, MenuContent as se, MenuGroup as Le, MenuItem as De, MenuLabel as Me, MenuPortal as he, MenuRadioGroup as Re, MenuRadioItem as ve, MenuSeparator as Ae, MenuSub as we, MenuSubContent as He, MenuSubTrigger as ke, MenuTrigger as Ge } from "./lib/Components/Menu/Menu.js";
+import { NavBar as ye, NavBarBackButton as Pe, NavBarCoinCapsule as Fe, NavBarTitle as Ee, NavBarTrailing as Oe } from "./lib/Components/NavBar/NavBar.js";
+import { PageIndicator as je } from "./lib/Components/PageIndicator/PageIndicator.js";
+import { SearchInput as ze } from "./lib/Components/SearchInput/SearchInput.js";
+import { SegmentedControl as Ke, SegmentedControlButton as Qe } from "./lib/Components/SegmentedControl/SegmentedControl.js";
+import { Select as Ve, SelectContent as We, SelectGroup as Xe, SelectItem as Ye, SelectItemText as Ze, SelectLabel as $e, SelectSeparator as eo, SelectTrigger as oo } from "./lib/Components/Select/Select.js";
+import { ButtonTrigger as ro } from "./lib/Components/ButtonTrigger/ButtonTrigger.js";
+import { SideBar as no, SideBarCollapseToggle as io, SideBarItem as lo, SideBarLeading as po, SideBarTrailing as mo } from "./lib/Components/SideBar/SideBar.js";
+import { Skeleton as uo } from "./lib/Components/Skeleton/Skeleton.js";
+import { Spinner as fo } from "./lib/Components/Spinner/Spinner.js";
+import { Spot as So } from "./lib/Components/Spot/Spot.js";
+import { Stepper as bo } from "./lib/Components/Stepper/Stepper.js";
+import { Subheader as Bo, SubheaderAction as Io, SubheaderCount as so, SubheaderDescription as Lo, SubheaderInfo as Do, SubheaderRow as Mo, SubheaderShowMore as ho, SubheaderTitle as Ro } from "./lib/Components/Subheader/Subheader.js";
+import { Switch as Ao } from "./lib/Components/Switch/Switch.js";
+import { Table as Ho, TableActionBar as ko, TableActionBarLeading as Go, TableActionBarTrailing as No, TableBody as yo, TableCell as Po, TableCellContent as Fo, TableGroupHeaderRow as Eo, TableHeader as Oo, TableHeaderCell as _o, TableHeaderRow as jo, TableInfoIcon as qo, TableLoadingRow as zo, TableRoot as Jo, TableRow as Ko, TableSortButton as Qo } from "./lib/Components/Table/Table.js";
+import { Tag as Vo } from "./lib/Components/Tag/Tag.js";
+import { TextInput as Xo } from "./lib/Components/TextInput/TextInput.js";
+import { Tile as Zo, TileContent as $o, TileDescription as et, TileSecondaryAction as ot, TileSpot as tt, TileTitle as rt, TileTrailingContent as at } from "./lib/Components/Tile/Tile.js";
+import { TileButton as it } from "./lib/Components/TileButton/TileButton.js";
+import { Tooltip as pt, TooltipContent as mt, TooltipProvider as Tt, TooltipTrigger as ut } from "./lib/Components/Tooltip/Tooltip.js";
+import { ThemeProvider as dt } from "./lib/Components/ThemeProvider/ThemeProvider.js";
+import { COLOR_SCHEMES as Ct } from "./lib/Components/ThemeProvider/ThemeProvider.types.js";
 export {
   a as AddressInput,
   p as AmountDisplay,
   i as AmountInput,
   T as Avatar,
   x as Banner,
-  c as BaseButton,
-  S as BaseInput,
-  d as Button,
-  tt as COLOR_SCHEMES,
-  M as CardButton,
-  v as Checkbox,
-  C as ContentBanner,
-  I as ContentBannerContent,
-  s as ContentBannerDescription,
-  L as ContentBannerTitle,
-  A as DataTable,
-  w as DataTableGlobalSearchInput,
-  H as DataTableRoot,
-  E as Dialog,
-  O as DialogBody,
-  y as DialogClose,
-  F as DialogContent,
-  _ as DialogFooter,
-  z as DialogHeader,
-  j as DialogTrigger,
-  K as Divider,
-  U as IconButton,
-  W as InteractiveIcon,
+  b as BaseButton,
+  f as BaseInput,
+  S as Button,
+  ro as ButtonTrigger,
+  Ct as COLOR_SCHEMES,
+  B as Card,
+  H as CardButton,
+  I as CardContent,
+  s as CardContentDescription,
+  L as CardContentRow,
+  D as CardContentTitle,
+  M as CardFooter,
+  h as CardFooterActions,
+  R as CardHeader,
+  v as CardLeading,
+  A as CardTrailing,
+  E as Checkbox,
+  G as ContentBanner,
+  N as ContentBannerContent,
+  y as ContentBannerDescription,
+  P as ContentBannerTitle,
+  _ as DataTable,
+  j as DataTableGlobalSearchInput,
+  q as DataTableRoot,
+  V as Dialog,
+  W as DialogBody,
+  Q as DialogClose,
+  X as DialogContent,
+  Y as DialogFooter,
+  ee as DialogHeader,
+  Z as DialogTrigger,
+  te as Divider,
+  ae as IconButton,
+  ie as InteractiveIcon,
   t as Languages,
-  Y as Link,
-  $ as ListItem,
-  ee as ListItemContent,
-  oe as ListItemDescription,
-  te as ListItemIcon,
-  re as ListItemLeading,
-  ae as ListItemSpot,
-  ne as ListItemTitle,
-  ie as ListItemTrailing,
-  le as ListItemTruncate,
-  me as Menu,
-  Te as MenuCheckboxItem,
-  ue as MenuContent,
-  xe as MenuGroup,
-  fe as MenuItem,
-  Se as MenuLabel,
-  be as MenuPortal,
-  de as MenuRadioGroup,
-  ge as MenuRadioItem,
-  ce as MenuSeparator,
-  Be as MenuSub,
-  Ce as MenuSubContent,
-  Ie as MenuSubTrigger,
-  se as MenuTrigger,
-  De as NavBar,
-  Me as NavBarBackButton,
-  he as NavBarCoinCapsule,
-  ve as NavBarTitle,
-  Re as NavBarTrailing,
-  we as PageIndicator,
-  ke as SearchInput,
-  Ne as SegmentedControl,
-  ye as SegmentedControlButton,
-  Ee as Select,
-  Oe as SelectContent,
-  Fe as SelectGroup,
-  _e as SelectItem,
-  je as SelectItemText,
-  qe as SelectLabel,
-  ze as SelectSeparator,
-  Je as SelectTrigger,
-  Qe as SideBar,
-  Ue as SideBarCollapseToggle,
-  Ve as SideBarItem,
-  We as SideBarLeading,
-  Xe as SideBarTrailing,
-  Ze as Skeleton,
-  eo as Spinner,
-  to as Spot,
-  ao as Stepper,
-  io as Subheader,
-  lo as SubheaderAction,
-  po as SubheaderCount,
-  mo as SubheaderDescription,
-  To as SubheaderInfo,
-  uo as SubheaderRow,
-  xo as SubheaderShowMore,
-  fo as SubheaderTitle,
-  bo as Switch,
-  co as Table,
-  Bo as TableActionBar,
-  Co as TableActionBarLeading,
-  Io as TableActionBarTrailing,
-  so as TableBody,
-  Lo as TableCell,
-  Do as TableCellContent,
-  Mo as TableGroupHeaderRow,
-  ho as TableHeader,
-  vo as TableHeaderCell,
-  Ro as TableHeaderRow,
-  Ao as TableInfoIcon,
-  wo as TableLoadingRow,
-  Ho as TableRoot,
-  ko as TableRow,
-  Go as TableSortButton,
-  yo as Tag,
-  Eo as TextInput,
-  et as ThemeProvider,
-  Fo as Tile,
-  Uo as TileButton,
-  _o as TileContent,
-  jo as TileDescription,
-  qo as TileSecondaryAction,
-  zo as TileSpot,
-  Jo as TileTitle,
-  Ko as TileTrailingContent,
-  Wo as Tooltip,
-  Xo as TooltipContent,
-  Yo as TooltipProvider,
-  Zo as TooltipTrigger,
-  G as useLumenDataTable
+  pe as Link,
+  Te as ListItem,
+  ue as ListItemContent,
+  xe as ListItemDescription,
+  de as ListItemIcon,
+  fe as ListItemLeading,
+  Ce as ListItemSpot,
+  Se as ListItemTitle,
+  ge as ListItemTrailing,
+  be as ListItemTruncate,
+  Be as Menu,
+  Ie as MenuCheckboxItem,
+  se as MenuContent,
+  Le as MenuGroup,
+  De as MenuItem,
+  Me as MenuLabel,
+  he as MenuPortal,
+  Re as MenuRadioGroup,
+  ve as MenuRadioItem,
+  Ae as MenuSeparator,
+  we as MenuSub,
+  He as MenuSubContent,
+  ke as MenuSubTrigger,
+  Ge as MenuTrigger,
+  ye as NavBar,
+  Pe as NavBarBackButton,
+  Fe as NavBarCoinCapsule,
+  Ee as NavBarTitle,
+  Oe as NavBarTrailing,
+  je as PageIndicator,
+  ze as SearchInput,
+  Ke as SegmentedControl,
+  Qe as SegmentedControlButton,
+  Ve as Select,
+  We as SelectContent,
+  Xe as SelectGroup,
+  Ye as SelectItem,
+  Ze as SelectItemText,
+  $e as SelectLabel,
+  eo as SelectSeparator,
+  oo as SelectTrigger,
+  no as SideBar,
+  io as SideBarCollapseToggle,
+  lo as SideBarItem,
+  po as SideBarLeading,
+  mo as SideBarTrailing,
+  uo as Skeleton,
+  fo as Spinner,
+  So as Spot,
+  bo as Stepper,
+  Bo as Subheader,
+  Io as SubheaderAction,
+  so as SubheaderCount,
+  Lo as SubheaderDescription,
+  Do as SubheaderInfo,
+  Mo as SubheaderRow,
+  ho as SubheaderShowMore,
+  Ro as SubheaderTitle,
+  Ao as Switch,
+  Ho as Table,
+  ko as TableActionBar,
+  Go as TableActionBarLeading,
+  No as TableActionBarTrailing,
+  yo as TableBody,
+  Po as TableCell,
+  Fo as TableCellContent,
+  Eo as TableGroupHeaderRow,
+  Oo as TableHeader,
+  _o as TableHeaderCell,
+  jo as TableHeaderRow,
+  qo as TableInfoIcon,
+  zo as TableLoadingRow,
+  Jo as TableRoot,
+  Ko as TableRow,
+  Qo as TableSortButton,
+  Vo as Tag,
+  Xo as TextInput,
+  dt as ThemeProvider,
+  Zo as Tile,
+  it as TileButton,
+  $o as TileContent,
+  et as TileDescription,
+  ot as TileSecondaryAction,
+  tt as TileSpot,
+  rt as TileTitle,
+  at as TileTrailingContent,
+  pt as Tooltip,
+  mt as TooltipContent,
+  Tt as TooltipProvider,
+  ut as TooltipTrigger,
+  J as useLumenDataTable
 };

package/dist/lib/Components/AmountDisplay/AmountDisplay.js

@@ -26,12 +26,12 @@ const N = {
   8: 16.5,
   9: 16.5
 }, T = d(({ value: a, animate: l, type: i }) => {
-  const r = (i === "integer" ? N : I)[a];
+  const s = (i === "integer" ? N : I)[a];
   return /* @__PURE__ */ o(
     "div",
     {
       className: "relative overflow-hidden mask-fade-y transition-[width] duration-600",
-      style: { width: r + "px" },
+      style: { width: s + "px" },
       children: [
         /* @__PURE__ */ e("span", { className: "invisible", children: "0" }),
         /* @__PURE__ */ e(
@@ -44,18 +44,18 @@ const N = {
             style: {
               transform: `translateY(-${a * 10}%)`
             },
-            children: b.map((s, n) => /* @__PURE__ */ e("span", { inert: s !== a, children: s }, n))
+            children: b.map((r, n) => /* @__PURE__ */ e("span", { inert: r !== a, children: r }, n))
           }
         )
       ]
     }
   );
-}), m = d(({ items: a, type: l, animate: i }) => a.map((r, s) => {
-  const n = a.length - s;
-  return r.type === "separator" ? /* @__PURE__ */ e("span", { children: r.value }, n) : /* @__PURE__ */ e(
+}), m = d(({ items: a, type: l, animate: i }) => a.map((s, r) => {
+  const n = a.length - r;
+  return s.type === "separator" ? /* @__PURE__ */ e("span", { children: s.value }, n) : /* @__PURE__ */ e(
     T,
     {
-      value: Number(r.value),
+      value: Number(s.value),
       animate: i,
       type: l
     },
@@ -65,8 +65,8 @@ const N = {
   value: a,
   formatter: l,
   hidden: i = !1,
-  loading: r = !1,
-  animate: s = !0,
+  loading: s = !1,
+  animate: r = !0,
   className: n,
   ...u
 }) => {
@@ -79,12 +79,12 @@ const N = {
     "div",
     {
       className: p(
-        r && "animate-pulse",
+        s && "animate-pulse",
         "relative inline-flex items-baseline",
         n
       ),
       "aria-label": h,
-      "aria-busy": r,
+      "aria-busy": s,
       ...u,
       children: [
         /* @__PURE__ */ o(
@@ -98,7 +98,7 @@ const N = {
                 m,
                 {
                   items: c.integerPart,
-                  animate: s,
+                  animate: r,
                   type: "integer"
                 }
               )
@@ -116,7 +116,7 @@ const N = {
                 m,
                 {
                   items: c.decimalPart,
-                  animate: s,
+                  animate: r,
                   type: "decimal"
                 }
               ),

package/dist/lib/Components/AmountInput/AmountInput.js

@@ -2,7 +2,7 @@ import { jsxs as V, jsx as l } from "react/jsx-runtime";
 import { getFontSize as j, cn as a, textFormatter as F } from "../../../libs/utils-shared/dist/index.js";
 import { cva as z } from "class-variance-authority";
 import { useRef as p, useState as h, useMemo as M, useLayoutEffect as q, useEffect as D } from "react";
-const G = z(
+const H = z(
   [
     "bg-transparent heading-0 caret-active outline-hidden transition-colors",
     "text-base placeholder:text-muted-subtle",
@@ -28,7 +28,7 @@ const G = z(
   "group-has-[input:placeholder-shown]:text-muted-subtle",
   "group-has-[input:disabled]:cursor-not-allowed group-has-[input:disabled]:text-disabled",
   'group-has-[input[aria-invalid="true"]]:text-error'
-), H = ({
+), J = ({
   ref: x,
   className: S,
   currencyText: r,
@@ -107,7 +107,7 @@ const G = z(
             value: n,
             onChange: I,
             onAnimationEnd: () => m(!1),
-            className: a(G({ isChanging: k }), S),
+            className: a(H({ isChanging: k }), S),
             ...R,
             style: { fontSize: i, letterSpacing: "normal" }
           }
@@ -124,7 +124,7 @@ const G = z(
     }
   );
 };
-H.displayName = "AmountInput";
+J.displayName = "AmountInput";
 export {
-  H as AmountInput
+  J as AmountInput
 };

package/dist/lib/Components/Banner/Banner.js

@@ -24,7 +24,7 @@ const k = {
       }
     }
   })
-}, V = ({
+}, W = ({
   ref: m,
   appearance: s = "info",
   title: a,
@@ -70,5 +70,5 @@ const k = {
   );
 };
 export {
-  V as Banner
+  W as Banner
 };

package/dist/lib/Components/BaseInput/BaseInput.js

@@ -17,13 +17,13 @@ const q = a(
   "placeholder:text-muted group-has-disabled:placeholder:text-disabled",
   "[&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none",
   "truncate"
-), K = a(
+), P = a(
   "pointer-events-none absolute top-6 left-16 origin-left body-4 text-muted transition-all duration-300",
   "peer-placeholder-shown:top-1/2 peer-placeholder-shown:-translate-y-1/2 peer-placeholder-shown:scale-100 peer-placeholder-shown:body-2",
   "group-has-disabled:text-disabled",
   "peer-focus:top-6 peer-focus:translate-y-0 peer-focus:body-4",
   "w-[calc(100%-var(--size-56))] truncate"
-), P = ({
+), U = ({
   ref: y,
   className: I,
   containerClassName: C,
@@ -107,7 +107,7 @@ const q = a(
             {
               htmlFor: u,
               className: a(
-                K,
+                P,
                 o && "text-error",
                 N
               ),
@@ -141,7 +141,7 @@ const q = a(
     )
   ] });
 };
-P.displayName = "BaseInput";
+U.displayName = "BaseInput";
 export {
-  P as BaseInput
+  U as BaseInput
 };

package/dist/lib/Components/Button/BaseButton.d.ts

@@ -1,4 +1,11 @@
 import { BaseButtonProps } from './types';
+export declare const baseButtonVariants: (props?: ({
+    appearance?: "base" | "gray" | "accent" | "transparent" | "no-background" | "red" | null | undefined;
+    disabled?: boolean | null | undefined;
+    loading?: boolean | null | undefined;
+    size?: "sm" | "md" | "xs" | "lg" | null | undefined;
+    isFull?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export declare const BaseButton: {
     ({ ref, className, appearance, size, isFull, disabled, asChild, icon: Icon, loading, children, onClick, ...props }: BaseButtonProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;

package/dist/lib/Components/Button/BaseButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BaseButton.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Button/BaseButton.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAyE1C,eAAO,MAAM,UAAU;wHAapB,eAAe;;CA4CjB,CAAC"}
+{"version":3,"file":"BaseButton.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Button/BaseButton.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C,eAAO,MAAM,kBAAkB;;;;;;8EAqD9B,CAAC;AAkBF,eAAO,MAAM,UAAU;wHAapB,eAAe;;CA4CjB,CAAC"}

package/dist/lib/Components/Button/BaseButton.js

@@ -1,10 +1,10 @@
 import { jsxs as m, jsx as t } from "react/jsx-runtime";
 import { cn as x } from "../../../libs/utils-shared/dist/index.js";
 import { Slot as f, Slottable as h } from "@radix-ui/react-slot";
-import { cva as d } from "class-variance-authority";
+import { cva as l } from "class-variance-authority";
 import { Spinner as z } from "../Spinner/Spinner.js";
-const S = d(
-  "inline-flex size-fit cursor-pointer items-center justify-center rounded-full body-1-semi-bold transition-colors duration-200 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus",
+const S = l(
+  "inline-flex size-fit cursor-pointer items-center justify-center rounded-full transition-colors duration-200 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus",
   {
     variants: {
       appearance: {
@@ -51,7 +51,7 @@ const S = d(
       isFull: !1
     }
   }
-), c = d("shrink-0", {
+), b = l("shrink-0", {
   variants: {
     appearance: {
       base: "text-on-interactive",
@@ -65,34 +65,34 @@ const S = d(
       true: "text-disabled"
     }
   }
-}), y = ({
-  ref: l,
+}), B = ({
+  ref: d,
   className: u,
   appearance: a = "base",
   size: s,
   isFull: v,
   disabled: e = !1,
-  asChild: i = !1,
-  icon: n,
+  asChild: n = !1,
+  icon: i,
   loading: r = !1,
   children: o,
   onClick: p,
   ...g
 }) => {
-  const b = s ? {
+  const c = s ? {
     xs: 16,
     sm: 20,
     md: 24,
     lg: 24
   }[s] : 24;
   return /* @__PURE__ */ m(
-    i ? f : "button",
+    n ? f : "button",
     {
       className: x(
         S({ disabled: e, loading: r, appearance: a, size: s, isFull: v }),
         u
       ),
-      ref: l,
+      ref: d,
       "data-disabled": e || void 0,
       disabled: e,
       onClick: p,
@@ -101,23 +101,24 @@ const S = d(
         r && /* @__PURE__ */ t(
           z,
           {
-            size: b,
-            className: c({ appearance: a, disabled: e })
+            size: c,
+            className: b({ appearance: a, disabled: e })
           }
         ),
-        !r && n && /* @__PURE__ */ t(
-          n,
+        !r && i && /* @__PURE__ */ t(
+          i,
           {
-            size: b,
-            className: c({ appearance: a, disabled: e })
+            size: c,
+            className: b({ appearance: a, disabled: e })
           }
         ),
-        o && (i ? /* @__PURE__ */ t(h, { children: o }) : /* @__PURE__ */ t("span", { className: "line-clamp-2 text-left", children: o }))
+        o && (n ? /* @__PURE__ */ t(h, { children: o }) : /* @__PURE__ */ t("span", { className: "line-clamp-2 text-left", children: o }))
       ]
     }
   );
 };
-y.displayName = "BaseButton";
+B.displayName = "BaseButton";
 export {
-  y as BaseButton
+  B as BaseButton,
+  S as baseButtonVariants
 };