@ledgerhq/lumen-ui-react 0.0.80 → 0.0.81

package/dist/i18n/locales/en.json.d.ts

@@ -30,6 +30,10 @@ declare const _default: {
       "navigationAriaLabel": "Sidebar navigation",
       "collapseAriaLabel": "Collapse sidebar",
       "expandAriaLabel": "Expand sidebar"
+    },
+    "table": {
+      "ascAriaLabel": "Sort ascending",
+      "descAriaLabel": "Sort descending"
     }
   }
 }

package/dist/i18n/locales/en.json.js

@@ -1,4 +1,4 @@
-const a = { addressInput: { qrCodeAriaLabel: "Scan QR code" }, avatar: { defaultAlt: "User avatar", notificationAriaLabel: "Has notification" }, baseInput: { clearInputAriaLabel: "Clear input" }, spinner: { loadingAriaLabel: "Loading" }, dialogHeader: { goBackAriaLabel: "Go back", closeAriaLabel: "Close" }, banner: { closeAriaLabel: "Close" }, link: { opensInNewTabAriaLabel: "(opens in a new tab)" }, navBar: { goBackAriaLabel: "Go back" }, sideBar: { navigationAriaLabel: "Sidebar navigation", collapseAriaLabel: "Collapse sidebar", expandAriaLabel: "Expand sidebar" } }, e = {
+const a = { addressInput: { qrCodeAriaLabel: "Scan QR code" }, avatar: { defaultAlt: "User avatar", notificationAriaLabel: "Has notification" }, baseInput: { clearInputAriaLabel: "Clear input" }, spinner: { loadingAriaLabel: "Loading" }, dialogHeader: { goBackAriaLabel: "Go back", closeAriaLabel: "Close" }, banner: { closeAriaLabel: "Close" }, link: { opensInNewTabAriaLabel: "(opens in a new tab)" }, navBar: { goBackAriaLabel: "Go back" }, sideBar: { navigationAriaLabel: "Sidebar navigation", collapseAriaLabel: "Collapse sidebar", expandAriaLabel: "Expand sidebar" }, table: { ascAriaLabel: "Sort ascending", descAriaLabel: "Sort descending" } }, e = {
   components: a
 };
 export {

package/dist/i18n/locales/fr.json.d.ts

@@ -30,6 +30,10 @@ declare const _default: {
       "navigationAriaLabel": "Navigation latérale",
       "collapseAriaLabel": "Réduire la barre latérale",
       "expandAriaLabel": "Développer la barre latérale"
+    },
+    "table": {
+      "ascAriaLabel": "Trier par ordre croissant",
+      "descAriaLabel": "Trier par ordre décroissant"
     }
   }
 }

package/dist/i18n/locales/fr.json.js

@@ -1,4 +1,4 @@
-const a = { addressInput: { qrCodeAriaLabel: "Scanner le code QR" }, avatar: { defaultAlt: "Avatar de l'utilisateur", notificationAriaLabel: "A une notification" }, baseInput: { clearInputAriaLabel: "Effacer la saisie" }, spinner: { loadingAriaLabel: "Chargement" }, dialogHeader: { goBackAriaLabel: "Retour", closeAriaLabel: "Fermer" }, banner: { closeAriaLabel: "Fermer" }, link: { opensInNewTabAriaLabel: "(s'ouvre dans un nouvel onglet)" }, navBar: { goBackAriaLabel: "Retour" }, sideBar: { navigationAriaLabel: "Navigation latérale", collapseAriaLabel: "Réduire la barre latérale", expandAriaLabel: "Développer la barre latérale" } }, e = {
+const a = { addressInput: { qrCodeAriaLabel: "Scanner le code QR" }, avatar: { defaultAlt: "Avatar de l'utilisateur", notificationAriaLabel: "A une notification" }, baseInput: { clearInputAriaLabel: "Effacer la saisie" }, spinner: { loadingAriaLabel: "Chargement" }, dialogHeader: { goBackAriaLabel: "Retour", closeAriaLabel: "Fermer" }, banner: { closeAriaLabel: "Fermer" }, link: { opensInNewTabAriaLabel: "(s'ouvre dans un nouvel onglet)" }, navBar: { goBackAriaLabel: "Retour" }, sideBar: { navigationAriaLabel: "Navigation latérale", collapseAriaLabel: "Réduire la barre latérale", expandAriaLabel: "Développer la barre latérale" }, table: { ascAriaLabel: "Trier par ordre croissant", descAriaLabel: "Trier par ordre décroissant" } }, e = {
   components: a
 };
 export {

package/dist/index.js

@@ -1,59 +1,60 @@
-import { Languages as t } from "./i18n/languages.js";
-import { AddressInput as i } from "./lib/Components/AddressInput/AddressInput.js";
-import { AmountInput as a } from "./lib/Components/AmountInput/AmountInput.js";
-import { AmountDisplay as m } from "./lib/Components/AmountDisplay/AmountDisplay.js";
-import { Avatar as l } from "./lib/Components/Avatar/Avatar.js";
-import { Banner as f } from "./lib/Components/Banner/Banner.js";
-import { BaseInput as T } from "./lib/Components/BaseInput/BaseInput.js";
-import { Button as d } from "./lib/Components/Button/Button.js";
+import { Languages as r } from "./i18n/languages.js";
+import { AddressInput as a } from "./lib/Components/AddressInput/AddressInput.js";
+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 b } from "./lib/Components/Button/Button.js";
 import { BaseButton as c } from "./lib/Components/Button/BaseButton.js";
 import { CardButton as B } from "./lib/Components/CardButton/CardButton.js";
-import { Checkbox as h } from "./lib/Components/Checkbox/Checkbox.js";
-import { Dialog as L, DialogBody as M, DialogContent as D, DialogFooter as v, DialogTrigger as A } from "./lib/Components/Dialog/Dialog.js";
-import { DialogHeader as N } from "./lib/Components/Dialog/DialogHeader/DialogHeader.js";
-import { Divider as w } from "./lib/Components/Divider/Divider.js";
-import { IconButton as G } from "./lib/Components/IconButton/IconButton.js";
-import { InteractiveIcon as F } from "./lib/Components/InteractiveIcon/InteractiveIcon.js";
+import { Checkbox as C } from "./lib/Components/Checkbox/Checkbox.js";
+import { Dialog as h, DialogBody as M, DialogContent as D, DialogFooter as v, DialogTrigger as A } from "./lib/Components/Dialog/Dialog.js";
+import { DialogHeader as w } from "./lib/Components/Dialog/DialogHeader/DialogHeader.js";
+import { Divider as H } from "./lib/Components/Divider/Divider.js";
+import { IconButton as y } from "./lib/Components/IconButton/IconButton.js";
+import { InteractiveIcon as P } from "./lib/Components/InteractiveIcon/InteractiveIcon.js";
 import { Link as j } from "./lib/Components/Link/Link.js";
 import { ListItem as z, ListItemContent as E, ListItemDescription as J, ListItemIcon as K, ListItemLeading as O, ListItemSpot as Q, ListItemTitle as U, ListItemTrailing as V, ListItemTruncate as W } from "./lib/Components/ListItem/ListItem.js";
-import { Menu as Y, MenuCheckboxItem as Z, MenuContent as _, MenuGroup as $, MenuItem as ee, MenuLabel as oe, MenuPortal as te, MenuRadioGroup as re, MenuRadioItem as ie, MenuSeparator as ne, MenuSub as ae, MenuSubContent as pe, MenuSubTrigger as me, MenuTrigger as ue } from "./lib/Components/Menu/Menu.js";
-import { NavBar as xe, NavBarBackButton as fe, NavBarCoinCapsule as Se, NavBarTitle as Te, NavBarTrailing as ge } from "./lib/Components/NavBar/NavBar.js";
-import { PageIndicator as Ie } from "./lib/Components/PageIndicator/PageIndicator.js";
-import { SearchInput as se } from "./lib/Components/SearchInput/SearchInput.js";
-import { Select as be, SelectContent as he, SelectGroup as Ce, SelectItem as Le, SelectItemText as Me, SelectLabel as De, SelectSeparator as ve, SelectTrigger as Ae } from "./lib/Components/Select/Select.js";
-import { SideBar as Ne, SideBarCollapseToggle as Pe, SideBarItem as we, SideBarLeading as ye, SideBarTrailing as Ge } from "./lib/Components/SideBar/SideBar.js";
-import { Skeleton as Fe } from "./lib/Components/Skeleton/Skeleton.js";
+import { Menu as Y, MenuCheckboxItem as Z, MenuContent as _, MenuGroup as $, MenuItem as ee, MenuLabel as oe, MenuPortal as re, MenuRadioGroup as te, MenuRadioItem as ae, MenuSeparator as ne, MenuSub as ie, MenuSubContent as le, MenuSubTrigger as pe, MenuTrigger as me } from "./lib/Components/Menu/Menu.js";
+import { NavBar as ue, NavBarBackButton as xe, NavBarCoinCapsule as fe, NavBarTitle as Se, NavBarTrailing as de } from "./lib/Components/NavBar/NavBar.js";
+import { PageIndicator as ge } from "./lib/Components/PageIndicator/PageIndicator.js";
+import { SearchInput as Ie } from "./lib/Components/SearchInput/SearchInput.js";
+import { Select as se, SelectContent as Ce, SelectGroup as Le, SelectItem as he, SelectItemText as Me, SelectLabel as De, SelectSeparator as ve, SelectTrigger as Ae } from "./lib/Components/Select/Select.js";
+import { SideBar as we, SideBarCollapseToggle as ke, SideBarItem as He, SideBarLeading as Ne, SideBarTrailing as ye } from "./lib/Components/SideBar/SideBar.js";
+import { Skeleton as Pe } from "./lib/Components/Skeleton/Skeleton.js";
 import { Spinner as je } from "./lib/Components/Spinner/Spinner.js";
 import { Spot as ze } from "./lib/Components/Spot/Spot.js";
 import { Subheader as Je, SubheaderAction as Ke, SubheaderCount as Oe, SubheaderDescription as Qe, SubheaderInfo as Ue, SubheaderRow as Ve, SubheaderShowMore as We, SubheaderTitle as Xe } from "./lib/Components/Subheader/Subheader.js";
 import { Switch as Ze } from "./lib/Components/Switch/Switch.js";
-import { Tag as $e } from "./lib/Components/Tag/Tag.js";
-import { TextInput as oo } from "./lib/Components/TextInput/TextInput.js";
-import { Tile as ro, TileContent as io, TileDescription as no, TileSecondaryAction as ao, TileSpot as po, TileTitle as mo, TileTrailingContent as uo } from "./lib/Components/Tile/Tile.js";
-import { TileButton as xo } from "./lib/Components/TileButton/TileButton.js";
-import { Tooltip as So, TooltipContent as To, TooltipProvider as go, TooltipTrigger as Io } from "./lib/Components/Tooltip/Tooltip.js";
-import { ThemeProvider as so, useTheme as Bo } from "./lib/Components/ThemeProvider/ThemeProvider.js";
+import { Table as $e, TableActionBar as eo, TableActionBarLeading as oo, TableActionBarTrailing as ro, TableBody as to, TableCell as ao, TableCellContent as no, TableGroupHeaderRow as io, TableHeader as lo, TableHeaderCell as po, TableHeaderRow as mo, TableInfoIcon as To, TableLoadingRow as uo, TableRoot as xo, TableRow as fo, TableSortButton as So } from "./lib/Components/Table/Table.js";
+import { Tag as go } from "./lib/Components/Tag/Tag.js";
+import { TextInput as Io } from "./lib/Components/TextInput/TextInput.js";
+import { Tile as so, TileContent as Co, TileDescription as Lo, TileSecondaryAction as ho, TileSpot as Mo, TileTitle as Do, TileTrailingContent as vo } from "./lib/Components/Tile/Tile.js";
+import { TileButton as Ro } from "./lib/Components/TileButton/TileButton.js";
+import { Tooltip as ko, TooltipContent as Ho, TooltipProvider as No, TooltipTrigger as yo } from "./lib/Components/Tooltip/Tooltip.js";
+import { ThemeProvider as Po, useTheme as Fo } from "./lib/Components/ThemeProvider/ThemeProvider.js";
 export {
-  i as AddressInput,
-  m as AmountDisplay,
-  a as AmountInput,
-  l as Avatar,
-  f as Banner,
+  a as AddressInput,
+  p as AmountDisplay,
+  i as AmountInput,
+  T as Avatar,
+  x as Banner,
   c as BaseButton,
-  T as BaseInput,
-  d as Button,
+  S as BaseInput,
+  b as Button,
   B as CardButton,
-  h as Checkbox,
-  L as Dialog,
+  C as Checkbox,
+  h as Dialog,
   M as DialogBody,
   D as DialogContent,
   v as DialogFooter,
-  N as DialogHeader,
+  w as DialogHeader,
   A as DialogTrigger,
-  w as Divider,
-  G as IconButton,
-  F as InteractiveIcon,
-  t as Languages,
+  H as Divider,
+  y as IconButton,
+  P as InteractiveIcon,
+  r as Languages,
   j as Link,
   z as ListItem,
   E as ListItemContent,
@@ -70,35 +71,35 @@ export {
   $ as MenuGroup,
   ee as MenuItem,
   oe as MenuLabel,
-  te as MenuPortal,
-  re as MenuRadioGroup,
-  ie as MenuRadioItem,
+  re as MenuPortal,
+  te as MenuRadioGroup,
+  ae as MenuRadioItem,
   ne as MenuSeparator,
-  ae as MenuSub,
-  pe as MenuSubContent,
-  me as MenuSubTrigger,
-  ue as MenuTrigger,
-  xe as NavBar,
-  fe as NavBarBackButton,
-  Se as NavBarCoinCapsule,
-  Te as NavBarTitle,
-  ge as NavBarTrailing,
-  Ie as PageIndicator,
-  se as SearchInput,
-  be as Select,
-  he as SelectContent,
-  Ce as SelectGroup,
-  Le as SelectItem,
+  ie as MenuSub,
+  le as MenuSubContent,
+  pe as MenuSubTrigger,
+  me as MenuTrigger,
+  ue as NavBar,
+  xe as NavBarBackButton,
+  fe as NavBarCoinCapsule,
+  Se as NavBarTitle,
+  de as NavBarTrailing,
+  ge as PageIndicator,
+  Ie as SearchInput,
+  se as Select,
+  Ce as SelectContent,
+  Le as SelectGroup,
+  he as SelectItem,
   Me as SelectItemText,
   De as SelectLabel,
   ve as SelectSeparator,
   Ae as SelectTrigger,
-  Ne as SideBar,
-  Pe as SideBarCollapseToggle,
-  we as SideBarItem,
-  ye as SideBarLeading,
-  Ge as SideBarTrailing,
-  Fe as Skeleton,
+  we as SideBar,
+  ke as SideBarCollapseToggle,
+  He as SideBarItem,
+  Ne as SideBarLeading,
+  ye as SideBarTrailing,
+  Pe as Skeleton,
   je as Spinner,
   ze as Spot,
   Je as Subheader,
@@ -110,20 +111,36 @@ export {
   We as SubheaderShowMore,
   Xe as SubheaderTitle,
   Ze as Switch,
-  $e as Tag,
-  oo as TextInput,
-  so as ThemeProvider,
-  ro as Tile,
-  xo as TileButton,
-  io as TileContent,
-  no as TileDescription,
-  ao as TileSecondaryAction,
-  po as TileSpot,
-  mo as TileTitle,
-  uo as TileTrailingContent,
-  So as Tooltip,
-  To as TooltipContent,
-  go as TooltipProvider,
-  Io as TooltipTrigger,
-  Bo as useTheme
+  $e as Table,
+  eo as TableActionBar,
+  oo as TableActionBarLeading,
+  ro as TableActionBarTrailing,
+  to as TableBody,
+  ao as TableCell,
+  no as TableCellContent,
+  io as TableGroupHeaderRow,
+  lo as TableHeader,
+  po as TableHeaderCell,
+  mo as TableHeaderRow,
+  To as TableInfoIcon,
+  uo as TableLoadingRow,
+  xo as TableRoot,
+  fo as TableRow,
+  So as TableSortButton,
+  go as Tag,
+  Io as TextInput,
+  Po as ThemeProvider,
+  so as Tile,
+  Ro as TileButton,
+  Co as TileContent,
+  Lo as TileDescription,
+  ho as TileSecondaryAction,
+  Mo as TileSpot,
+  Do as TileTitle,
+  vo as TileTrailingContent,
+  ko as Tooltip,
+  Ho as TooltipContent,
+  No as TooltipProvider,
+  yo as TooltipTrigger,
+  Fo as useTheme
 };

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

@@ -1,8 +1,8 @@
-import { jsxs as I, jsx as l } from "react/jsx-runtime";
-import { getFontSize as V, cn as a, textFormatter as F } from "../../../libs/utils-shared/dist/index.js";
+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 M, { useRef as p, useState as h, useMemo as _, useLayoutEffect as q, useEffect as D } from "react";
-const L = z(
+const G = z(
   [
     "bg-transparent heading-0 caret-active outline-hidden transition-colors",
     "text-base placeholder:text-muted-subtle",
@@ -28,7 +28,7 @@ const L = 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'
-), W = M.forwardRef(
+), H = M.forwardRef(
   ({
     className: x,
     currencyText: r,
@@ -42,8 +42,8 @@ const L = z(
     onChange: C,
     ...N
   }, A) => {
-    const c = p(null), s = p(null), [n, f] = h(u.toString()), [E, m] = h(!1), g = p(n);
-    function j(...t) {
+    const c = p(null), s = p(null), [n, f] = h(u.toString()), [k, m] = h(!1), g = p(n);
+    function E(...t) {
       return (e) => {
         t.forEach((o) => {
           o && (typeof o == "function" ? o(e) : o.current = e);
@@ -51,7 +51,7 @@ const L = z(
       };
     }
     const i = _(
-      () => V(n) + "px",
+      () => j(n) + "px",
       [n]
     );
     q(() => {
@@ -62,7 +62,7 @@ const L = z(
     }, [n]), D(() => {
       f(u.toString());
     }, [u]);
-    const k = (t) => {
+    const I = (t) => {
       const e = F(t.target.value, {
         allowDecimals: y,
         thousandsSeparator: R,
@@ -71,7 +71,7 @@ const L = z(
       });
       f(e), C({ ...t, target: { ...t.target, value: e } }), e !== g.current && m(!0), g.current = e;
     };
-    return /* @__PURE__ */ I(
+    return /* @__PURE__ */ V(
       "div",
       {
         className: "group relative flex items-center justify-center transition-transform",
@@ -103,14 +103,14 @@ const L = z(
           /* @__PURE__ */ l(
             "input",
             {
-              ref: j(A, s),
+              ref: E(A, s),
               type: "text",
               inputMode: "decimal",
               disabled: w,
               value: n,
-              onChange: k,
+              onChange: I,
               onAnimationEnd: () => m(!1),
-              className: a(L({ isChanging: E }), x),
+              className: a(G({ isChanging: k }), x),
               ...N,
               style: { fontSize: i, letterSpacing: "normal" }
             }
@@ -128,7 +128,7 @@ const L = z(
     );
   }
 );
-W.displayName = "AmountInput";
+H.displayName = "AmountInput";
 export {
-  W as AmountInput
+  H as AmountInput
 };

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

@@ -25,7 +25,7 @@ const F = {
       }
     }
   })
-}, W = g.forwardRef(
+}, V = g.forwardRef(
   ({
     appearance: s = "info",
     title: a,
@@ -72,5 +72,5 @@ const F = {
   }
 );
 export {
-  W as Banner
+  V as Banner
 };

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

@@ -17,23 +17,23 @@ 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"
-), U = a(
+), K = 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"
-), G = l.forwardRef(
+), U = l.forwardRef(
   ({
     className: N,
     containerClassName: R,
     inputClassName: S,
     labelClassName: k,
     label: u,
-    id: j,
+    id: E,
     disabled: f,
     errorMessage: i,
-    suffix: E,
+    suffix: j,
     prefix: z,
     onClear: p,
     hideClearButton: B = !1,
@@ -42,7 +42,7 @@ const q = a(
     ...o
   }, C) => {
     var x;
-    const { t: D } = _(), r = l.useRef(null), F = l.useId(), b = j || `input-${F}`, L = m || (i ? !0 : void 0), c = o.value !== void 0, [T, v] = l.useState(
+    const { t: D } = _(), r = l.useRef(null), F = l.useId(), b = E || `input-${F}`, L = m || (i ? !0 : void 0), c = o.value !== void 0, [T, v] = l.useState(
       ((x = o.defaultValue) == null ? void 0 : x.toString()) || ""
     ), V = l.useCallback(
       (t) => {
@@ -110,7 +110,7 @@ const q = a(
               {
                 htmlFor: b,
                 className: a(
-                  U,
+                  K,
                   i && "text-error",
                   k
                 ),
@@ -126,7 +126,7 @@ const q = a(
                 children: /* @__PURE__ */ n(I, { size: 20 })
               }
             ),
-            !g && E
+            !g && j
           ]
         }
       ),
@@ -145,7 +145,7 @@ const q = a(
     ] });
   }
 );
-G.displayName = "BaseInput";
+U.displayName = "BaseInput";
 export {
-  G as BaseInput
+  U as BaseInput
 };

package/dist/lib/Components/CardButton/CardButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CardButton.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/CardButton/CardButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAoB1B;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,eAAO,MAAM,UAAU;;iBA3CG,aAAa;YAAO,CAAC;iBAAqB,CAAC;;;;;6GAyEpE,CAAC"}
+{"version":3,"file":"CardButton.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/CardButton/CardButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAoB1B;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,eAAO,MAAM,UAAU;;iBA3CG,aAAa;YAAO,CAAC;iBAAqB,CAAC;;;;;6GA2EpE,CAAC"}

package/dist/lib/Components/CardButton/CardButton.js

@@ -1,10 +1,10 @@
 import { jsxs as i, jsx as e } from "react/jsx-runtime";
-import { cn as u } from "../../../libs/utils-shared/dist/index.js";
+import { cn as b } from "../../../libs/utils-shared/dist/index.js";
 import { cva as c } from "class-variance-authority";
 import m from "react";
 import { ChevronRight as f } from "../../Symbols/Icons/ChevronRight.js";
 const p = c(
-  "inline-flex h-fit w-full items-center gap-12 rounded-sm p-12 transition-colors focus-visible:outline-2 focus-visible:outline-focus disabled:text-disabled",
+  "inline-flex h-fit w-full cursor-pointer items-center gap-12 rounded-sm p-12 transition-colors focus-visible:outline-2 focus-visible:outline-focus disabled:cursor-default disabled:text-disabled",
   {
     variants: {
       appearance: {
@@ -17,16 +17,16 @@ const p = c(
     }
   }
 ), v = m.forwardRef(
-  ({ className: n, appearance: l, icon: o, title: r, description: t, hideChevron: d, ...s }, b) => {
+  ({ className: l, appearance: n, icon: o, title: r, description: t, hideChevron: d, ...s }, u) => {
     const a = o;
     return /* @__PURE__ */ i(
       "button",
       {
-        ref: b,
-        className: u(
-          n,
+        ref: u,
+        className: b(
+          l,
           p({
-            appearance: l
+            appearance: n
           })
         ),
         disabled: s.disabled,
@@ -34,8 +34,8 @@ const p = c(
         children: [
           a && /* @__PURE__ */ e(a, { size: 24, className: "shrink-0" }),
           /* @__PURE__ */ i("div", { className: "flex min-w-0 flex-1 flex-col gap-4 text-left", children: [
-            /* @__PURE__ */ e("div", { className: "min-w-0 truncate body-1-semi-bold", children: r }),
-            t && /* @__PURE__ */ e("div", { className: "line-clamp-2 min-w-0 body-2", children: t })
+            /* @__PURE__ */ e("div", { className: "min-w-0 truncate body-2-semi-bold", children: r }),
+            t && /* @__PURE__ */ e("div", { className: "line-clamp-2 min-w-0 body-3 text-muted", children: t })
           ] }),
           !d && /* @__PURE__ */ e(f, { size: 24, className: "shrink-0" })
         ]

package/dist/lib/Components/Dialog/Dialog.js

@@ -47,7 +47,7 @@ const d = n.forwardRef(
   )
 );
 d.displayName = "DialogOverlay";
-function j({
+function P({
   className: a,
   children: t,
   ...e
@@ -109,7 +109,7 @@ D.displayName = "DialogFooter";
 export {
   C as Dialog,
   y as DialogBody,
-  j as DialogContent,
+  P as DialogContent,
   D as DialogFooter,
   R as DialogTrigger
 };

package/dist/lib/Components/Menu/Menu.js

@@ -42,12 +42,12 @@ function D({
 }) {
   return /* @__PURE__ */ a(t.Portal, { ...e });
 }
-function q({
+function K({
   ...e
 }) {
   return /* @__PURE__ */ a(t.Sub, { ...e });
 }
-function A({ ...e }) {
+function q({ ...e }) {
   return /* @__PURE__ */ a(t.RadioGroup, { "data-slot": "menu-radio-group", ...e });
 }
 const x = i.forwardRef(({ className: e, inset: n, children: o, ...s }, m) => /* @__PURE__ */ l(
@@ -158,10 +158,10 @@ export {
   w as MenuItem,
   I as MenuLabel,
   D as MenuPortal,
-  A as MenuRadioGroup,
+  q as MenuRadioGroup,
   C as MenuRadioItem,
   v as MenuSeparator,
-  q as MenuSub,
+  K as MenuSub,
   R as MenuSubContent,
   x as MenuSubTrigger,
   h as MenuTrigger

package/dist/lib/Components/Select/Select.js

@@ -97,9 +97,9 @@ const x = c(
     position: r,
     ...i,
     children: [
-      /* @__PURE__ */ e(j, {}),
+      /* @__PURE__ */ e(z, {}),
       /* @__PURE__ */ e(a.Viewport, { className: y({ position: r }), children: o }),
-      /* @__PURE__ */ e(z, {})
+      /* @__PURE__ */ e(C, {})
     ]
   }
 ) }));
@@ -157,7 +157,7 @@ const R = s.forwardRef(({ className: t, ...o }, r) => /* @__PURE__ */ e(
   }
 ));
 R.displayName = a.ItemText.displayName;
-function j({
+function z({
   className: t,
   ...o
 }) {
@@ -174,7 +174,7 @@ function j({
     }
   );
 }
-function z({
+function C({
   className: t,
   ...o
 }) {

package/dist/lib/Components/SideBar/SideBar.js

@@ -1,5 +1,5 @@
-import { jsx as o, jsxs as C, Fragment as j } from "react/jsx-runtime";
-import { createSafeContext as R, cn as c } from "../../../libs/utils-shared/dist/index.js";
+import { jsx as o, jsxs as C, Fragment as R } from "react/jsx-runtime";
+import { createSafeContext as j, cn as c } from "../../../libs/utils-shared/dist/index.js";
 import { cva as h } from "class-variance-authority";
 import { t as x } from "../../../node_modules/i18next/dist/esm/i18next.js";
 import { forwardRef as f, useCallback as y } from "react";
@@ -7,7 +7,7 @@ import { Tooltip as P, TooltipTrigger as V, TooltipContent as q } from "../Toolt
 import { useControllableState as N } from "../../../utils/useControllableState/useControllableState.js";
 import { ExpandRight as z } from "../../Symbols/Icons/ExpandRight.js";
 import { ExpandLeft as E } from "../../Symbols/Icons/ExpandLeft.js";
-const [k, w] = R("SideBar"), m = {
+const [k, w] = j("SideBar"), m = {
   root: h(
     [
       "flex h-full flex-col justify-between gap-16 overflow-y-auto rounded-xl bg-muted-transparent p-16",
@@ -90,7 +90,7 @@ const [k, w] = R("SideBar"), m = {
   }
 );
 F.displayName = "SideBar";
-const O = f(
+const J = f(
   ({ children: a, className: r, ...e }, t) => /* @__PURE__ */ o(
     "div",
     {
@@ -101,8 +101,8 @@ const O = f(
     }
   )
 );
-O.displayName = "SideBarLeading";
-const _ = f(
+J.displayName = "SideBarLeading";
+const K = f(
   ({ children: a, className: r, ...e }, t) => /* @__PURE__ */ o(
     "div",
     {
@@ -113,8 +113,8 @@ const _ = f(
     }
   )
 );
-_.displayName = "SideBarTrailing";
-const D = f(
+K.displayName = "SideBarTrailing";
+const O = f(
   ({
     value: a,
     icon: r,
@@ -134,7 +134,7 @@ const D = f(
         n || (s == null || s(A), l == null || l(a));
       },
       [n, s, l, a]
-    ), L = /* @__PURE__ */ C(j, { children: [
+    ), L = /* @__PURE__ */ C(R, { children: [
       /* @__PURE__ */ o(T, { size: 16, className: "shrink-0" }),
       t != null && /* @__PURE__ */ o(
         "span",
@@ -169,8 +169,8 @@ const D = f(
     ] }) : S;
   }
 );
-D.displayName = "SideBarItem";
-const G = ({
+O.displayName = "SideBarItem";
+const D = ({
   className: a,
   ...r
 }) => {
@@ -196,11 +196,11 @@ const G = ({
     }
   );
 };
-G.displayName = "SideBarCollapseToggle";
+D.displayName = "SideBarCollapseToggle";
 export {
   F as SideBar,
-  G as SideBarCollapseToggle,
-  D as SideBarItem,
-  O as SideBarLeading,
-  _ as SideBarTrailing
+  D as SideBarCollapseToggle,
+  O as SideBarItem,
+  J as SideBarLeading,
+  K as SideBarTrailing
 };

package/dist/lib/Components/Skeleton/Skeleton.d.ts

@@ -1,4 +1,4 @@
 import { SkeletonProps } from './types';
-declare function Skeleton({ className, component, ...props }: SkeletonProps): import("react/jsx-runtime").JSX.Element;
+declare const Skeleton: import('react').ForwardRefExoticComponent<Omit<SkeletonProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
 export { Skeleton };
 //# sourceMappingURL=Skeleton.d.ts.map

package/dist/lib/Components/Skeleton/Skeleton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Skeleton/Skeleton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAc7C,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,2CA8ClE;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}
+{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Skeleton/Skeleton.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAyG7C,QAAA,MAAM,QAAQ,uHAoBb,CAAC;AAGF,OAAO,EAAE,QAAQ,EAAE,CAAC"}