@ledgerhq/lumen-ui-react 0.1.62 → 0.1.63

package/dist/index.d.ts

@@ -1,4 +1,4 @@
 export * from './lib/Components';
-export { type SupportedLocale, Languages } from './i18n';
+export { type SupportedLocale, Languages } from './translations';
 export { useControllableState } from './utils/useControllableState';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,OAAO,EAAE,KAAK,eAAe,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACzD,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,OAAO,EAAE,KAAK,eAAe,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AACjE,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC"}

package/dist/index.js

@@ -1,4 +1,4 @@
-import { Languages as t } from "./i18n/languages.js";
+import { Languages as t } from "./translations/languages.js";
 import { useControllableState as n } from "./utils/useControllableState/useControllableState.js";
 import { AddressInput as i } from "./lib/Components/core/AddressInput/AddressInput.js";
 import { AmountInput as m } from "./lib/Components/core/AmountInput/AmountInput.js";

package/dist/lib/Components/core/AddressInput/AddressInput.js

@@ -1,5 +1,5 @@
 import { jsx as e } from "react/jsx-runtime";
-import { useCommonTranslation as f } from "../../../../i18n/useCommonTranslation.js";
+import { useCommonTranslation as f } from "../../../../translations/translations.js";
 import { QrCode as p } from "../../symbols/icons/QrCode.js";
 import { BaseInput as m } from "../../internal/BaseInput/BaseInput.js";
 import { InteractiveIcon as c } from "../InteractiveIcon/InteractiveIcon.js";

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

@@ -2,7 +2,7 @@ import { jsx as e, jsxs as d } from "react/jsx-runtime";
 import { useSplitText as y, buildAriaLabel as w, cn as m } from "../../../../libs/utils-shared/dist/index.js";
 import { memo as u } from "react";
 import { DIGITS as v } from "./types.js";
-import { useCommonTranslation as D } from "../../../../i18n/useCommonTranslation.js";
+import { useCommonTranslation as D } from "../../../../translations/translations.js";
 const o = {
   "heading-1-semi-bold": {
     0: 25,

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

@@ -1,10 +1,10 @@
-import { jsxs as z, jsx as a } from "react/jsx-runtime";
-import { useDisabledContext as M, useMergedRef as D, getFontSize as F, cn as f } from "../../../../libs/utils-shared/dist/index.js";
+import { jsxs as k, jsx as a } from "react/jsx-runtime";
+import { useDisabledContext as z, useMergedRef as F, getFontSize as D, cn as f } from "../../../../libs/utils-shared/dist/index.js";
 import { cva as i } from "class-variance-authority";
 import { useMemo as W } from "react";
 import { useAmountInputValue as q } from "./useAmountInputValue/useAmountInputValue.js";
-import { useAutoWidthInput as E } from "./useAutoWidthInput/useAutoWidthInput.js";
-const L = i(
+import { useAutoWidthInput as B } from "./useAutoWidthInput/useAutoWidthInput.js";
+const E = i(
   [
     "bg-transparent caret-active outline-hidden transition-colors",
     "text-base placeholder:text-muted-subtle",
@@ -46,7 +46,7 @@ const L = i(
       size: "md"
     }
   }
-), B = i("invisible absolute whitespace-pre", {
+), G = i("invisible absolute whitespace-pre", {
   variants: {
     size: {
       md: "heading-0-semi-bold",
@@ -56,7 +56,7 @@ const L = i(
   defaultVariants: {
     size: "md"
   }
-}), G = i(
+}), H = i(
   "group relative flex w-full items-center overflow-visible transition-transform",
   {
     variants: {
@@ -83,17 +83,17 @@ const L = i(
   allowDecimals: x = !0,
   thousandsSeparator: w = !0,
   decimalSeparator: y = ".",
-  value: C,
-  onChange: S,
+  value: S,
+  onChange: C,
   placeholder: d,
   ...V
 }) => {
-  const A = M({
+  const A = z({
     consumerName: "AmountInput",
     mergeWith: { disabled: g }
-  }), { inputValue: n, isChanging: j, setIsChanging: I, handleChange: N } = q({
-    value: C,
-    onChange: S,
+  }), { inputValue: n, isChanging: N, setIsChanging: j, handleChange: I } = q({
+    value: S,
+    onChange: C,
     formatOptions: {
       allowDecimals: x,
       thousandsSeparator: w,
@@ -101,18 +101,18 @@ const L = i(
       maxDecimalLength: v,
       decimalSeparator: y
     }
-  }), u = n === "" ? d ?? "" : n, { spanRef: k, inputRef: m } = E({
+  }), u = n === "" ? d ?? "" : n, { spanRef: M, inputRef: m } = B({
     inputValue: u,
     currencyText: t,
     size: e
-  }), R = D(r, m), s = { fontSize: W(
-    () => F(n, e) + "px",
+  }), R = F(r, m), s = { fontSize: W(
+    () => D(n, e) + "px",
     [n, e]
   ), letterSpacing: "normal" };
-  return /* @__PURE__ */ z(
+  return /* @__PURE__ */ k(
     "div",
     {
-      className: G({ align: h }),
+      className: H({ align: h }),
       onPointerDown: () => {
         const p = m.current;
         p && window.requestAnimationFrame(() => {
@@ -124,8 +124,8 @@ const L = i(
         /* @__PURE__ */ a(
           "span",
           {
-            ref: k,
-            className: B({ size: e }),
+            ref: M,
+            className: G({ size: e }),
             "aria-hidden": "true",
             style: s,
             children: u
@@ -140,9 +140,9 @@ const L = i(
             disabled: A,
             value: n,
             placeholder: d,
-            onChange: N,
-            onAnimationEnd: () => I(!1),
-            className: f(L({ size: e, isChanging: j }), o),
+            onChange: I,
+            onAnimationEnd: () => j(!1),
+            className: f(E({ size: e, isChanging: N }), o),
             ...V,
             style: s
           }

package/dist/lib/Components/core/Avatar/Avatar.js

@@ -2,9 +2,9 @@ import { jsxs as h, jsx as t } from "react/jsx-runtime";
 import { cn as p } from "../../../../libs/utils-shared/dist/index.js";
 import { cva as m } from "class-variance-authority";
 import { useState as z, useEffect as y } from "react";
-import { getAvatarFallbackTextColor as j } from "./resolveAvatarColor.js";
-import { useCommonTranslation as A } from "../../../../i18n/useCommonTranslation.js";
-import { User as C } from "../../symbols/icons/User.js";
+import { getAvatarFallbackTextColor as N } from "./resolveAvatarColor.js";
+import { useCommonTranslation as j } from "../../../../translations/translations.js";
+import { User as A } from "../../symbols/icons/User.js";
 const c = {
   root: m(
     "relative inline-flex items-center justify-center rounded-full bg-base-transparent-hover align-middle transition-colors",
@@ -36,7 +36,7 @@ const c = {
       }
     }
   })
-}, N = {
+}, C = {
   xs: 12,
   sm: 16,
   md: 24,
@@ -49,9 +49,9 @@ const c = {
   fallbackColor: e
 }) => {
   const s = {
-    color: j(e)
+    color: N(e)
   };
-  return r ? /* @__PURE__ */ t("span", { className: c.text({ size: o }), style: s, children: r }) : /* @__PURE__ */ t(C, { style: s, size: N[o], "aria-hidden": "true" });
+  return r ? /* @__PURE__ */ t("span", { className: c.text({ size: o }), style: s, children: r }) : /* @__PURE__ */ t(A, { style: s, size: C[o], "aria-hidden": "true" });
 }, q = ({
   ref: o,
   className: r,
@@ -64,7 +64,7 @@ const c = {
   appearance: i,
   ...v
 }) => {
-  const { t: f } = A(), [x, l] = z(!1), d = !e || x, g = s || f("components.avatar.defaultAriaLabel");
+  const { t: f } = j(), [x, l] = z(!1), d = !e || x, g = s || f("components.avatar.defaultAriaLabel");
   return y(() => {
     l(!1);
   }, [e]), /* @__PURE__ */ h(

package/dist/lib/Components/core/AvatarButton/AvatarButton.js

@@ -1,10 +1,10 @@
 import { jsxs as p, jsx as e } from "react/jsx-runtime";
 import { useDisabledContext as f, cn as v } from "../../../../libs/utils-shared/dist/index.js";
 import { Avatar as m } from "../Avatar/Avatar.js";
-const A = ({
-  ref: o,
-  className: s,
-  src: t,
+const N = ({
+  ref: t,
+  className: o,
+  src: s,
   alt: r,
   size: a,
   imgLoading: n,
@@ -21,19 +21,19 @@ const A = ({
   return /* @__PURE__ */ p(
     "button",
     {
-      ref: o,
+      ref: t,
       type: "button",
       disabled: c,
       className: v(
         "group relative cursor-pointer rounded-full focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-focus disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-30",
-        s
+        o
       ),
       ...b,
       children: [
         /* @__PURE__ */ e(
           m,
           {
-            src: t,
+            src: s,
             alt: r,
             size: a,
             imgLoading: n,
@@ -48,5 +48,5 @@ const A = ({
   );
 };
 export {
-  A as AvatarButton
+  N as AvatarButton
 };

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

@@ -1,7 +1,7 @@
 import { jsxs as e, jsx as r } from "react/jsx-runtime";
 import { cn as t } from "../../../../libs/utils-shared/dist/index.js";
 import { cva as b } from "class-variance-authority";
-import { useCommonTranslation as g } from "../../../../i18n/useCommonTranslation.js";
+import { useCommonTranslation as g } from "../../../../translations/translations.js";
 import { IconButton as N } from "../IconButton/IconButton.js";
 import { Close as h } from "../../symbols/icons/Close.js";
 import { DeleteCircleFill as u } from "../../symbols/icons/DeleteCircleFill.js";

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

@@ -1,8 +1,8 @@
-import { jsx as e } from "react/jsx-runtime";
-import { cn as n } from "../../../../libs/utils-shared/dist/index.js";
-import { cva as d } from "class-variance-authority";
+import { jsx as n } from "react/jsx-runtime";
+import { cn as d } from "../../../../libs/utils-shared/dist/index.js";
+import { cva as e } from "class-variance-authority";
 import { BaseButton as b } from "../../internal/BaseButton/BaseButton.js";
-const l = d("", {
+const l = e("", {
   variants: {
     size: {
       sm: "px-16 py-10 body-2-semi-bold",
@@ -22,7 +22,7 @@ const l = d("", {
   size: o,
   icon: i,
   ...p
-}) => /* @__PURE__ */ e(
+}) => /* @__PURE__ */ n(
   b,
   {
     ref: t,
@@ -30,7 +30,7 @@ const l = d("", {
     disabled: r,
     icon: i,
     loading: s,
-    className: n(l({ size: o }), "gap-8", m),
+    className: d(l({ size: o }), "gap-8", m),
     ...p,
     children: a
   }

package/dist/lib/Components/core/Card/Card.js

@@ -3,8 +3,8 @@ import { createSafeContext as m, DisabledProvider as g, cn as o, getButtonA11yPr
 import { cva as v } from "class-variance-authority";
 import { useMemo as h } from "react";
 import { ChevronUp as N } from "../../symbols/icons/ChevronUp.js";
-import { ChevronDown as w } from "../../symbols/icons/ChevronDown.js";
-const k = ({
+import { ChevronDown as k } from "../../symbols/icons/ChevronDown.js";
+const w = ({
   type: r,
   expanded: t,
   onClick: a,
@@ -83,7 +83,7 @@ const k = ({
   ...p
 }) => {
   const u = h(
-    () => k({
+    () => w({
       type: a,
       expanded: e,
       onClick: d,
@@ -143,7 +143,7 @@ const k = ({
         t,
         l && /* @__PURE__ */ f(b, { children: [
           d && /* @__PURE__ */ n(N, { className: "text-muted", size: 20 }),
-          !d && /* @__PURE__ */ n(w, { className: "text-muted", size: 20 })
+          !d && /* @__PURE__ */ n(k, { className: "text-muted", size: 20 })
         ] })
       ]
     }
@@ -184,7 +184,7 @@ const k = ({
       children: t
     }
   );
-}, L = ({
+}, I = ({
   ref: r,
   children: t,
   className: a,
@@ -207,7 +207,7 @@ const k = ({
       children: t
     }
   );
-}, I = ({
+}, J = ({
   ref: r,
   children: t,
   className: a,
@@ -230,7 +230,7 @@ const k = ({
       children: t
     }
   );
-}, M = ({
+}, L = ({
   ref: r,
   children: t,
   className: a,
@@ -253,7 +253,7 @@ const k = ({
       children: t
     }
   );
-}, S = ({
+}, M = ({
   ref: r,
   children: t,
   className: a,
@@ -289,7 +289,7 @@ const k = ({
       appearance: "plain"
     }
   }
-), U = ({
+), S = ({
   ref: r,
   children: t,
   className: a,
@@ -322,7 +322,7 @@ const k = ({
       ) })
     }
   );
-}, Z = ({
+}, U = ({
   ref: r,
   children: t,
   className: a,
@@ -339,13 +339,13 @@ const k = ({
 export {
   P as Card,
   B as CardContent,
-  M as CardContentDescription,
-  L as CardContentRow,
-  I as CardContentTitle,
-  U as CardFooter,
-  Z as CardFooterActions,
+  L as CardContentDescription,
+  I as CardContentRow,
+  J as CardContentTitle,
+  S as CardFooter,
+  U as CardFooterActions,
   T as CardHeader,
   z as CardLeading,
-  S as CardTrailing,
-  k as resolveCardInnerContext
+  M as CardTrailing,
+  w as resolveCardInnerContext
 };

package/dist/lib/Components/core/ContentBanner/ContentBanner.js

@@ -1,6 +1,6 @@
 import { jsx as r, jsxs as c } from "react/jsx-runtime";
 import { cn as a } from "../../../../libs/utils-shared/dist/index.js";
-import { useCommonTranslation as m } from "../../../../i18n/useCommonTranslation.js";
+import { useCommonTranslation as m } from "../../../../translations/translations.js";
 import { Close as p } from "../../symbols/icons/Close.js";
 import { InteractiveIcon as d } from "../InteractiveIcon/InteractiveIcon.js";
 const C = ({

package/dist/lib/Components/core/DataTable/DataTable.js

@@ -2,14 +2,14 @@ import { jsx as a, jsxs as d } from "react/jsx-runtime";
 import { createSafeContext as w, cn as R } from "../../../../libs/utils-shared/dist/index.js";
 import { flexRender as m } from "@tanstack/react-table";
 import { useCallback as x, Fragment as B } from "react";
-import { TableRoot as N, Table as k, TableLoadingRow as y, TableColGroup as H, TableCol as S, TableHeader as G, TableHeaderRow as v, TableHeaderCell as q, TableSortButton as I, TableBody as b, TableGroupHeaderRow as F, TableRow as L, TableCell as M } from "../Table/Table.js";
-import { SearchInput as P } from "../SearchInput/SearchInput.js";
-const [V, i] = w("DataTableContext"), Y = ({
+import { TableRoot as N, Table as k, TableLoadingRow as y, TableColGroup as H, TableCol as S, TableHeader as G, TableHeaderRow as v, TableHeaderCell as q, TableSortButton as I, TableBody as b, TableGroupHeaderRow as F, TableRow as M, TableCell as P } from "../Table/Table.js";
+import { SearchInput as V } from "../SearchInput/SearchInput.js";
+const [j, i] = w("DataTableContext"), Y = ({
   table: l,
   appearance: n = "no-background",
-  paginationMode: o = "none",
+  paginationMode: t = "none",
   loading: e = !1,
-  onScrollBottom: t,
+  onScrollBottom: o,
   onRowClick: r,
   getRowProps: c,
   groupBy: s,
@@ -21,16 +21,16 @@ const [V, i] = w("DataTableContext"), Y = ({
   ref: C,
   ...f
 }) => /* @__PURE__ */ a(
-  V,
+  j,
   {
     value: {
       hideHeader: T,
       stickyHeader: p,
-      paginationMode: o,
+      paginationMode: t,
       table: l,
       appearance: n,
       loading: e,
-      onScrollBottom: t,
+      onScrollBottom: o,
       onRowClick: r,
       getRowProps: c,
       groupBy: s,
@@ -38,18 +38,18 @@ const [V, i] = w("DataTableContext"), Y = ({
     },
     children: /* @__PURE__ */ a("div", { ref: C, className: R("flex flex-col", h), ...f, children: D })
   }
-), j = () => {
+), L = () => {
   const { table: l } = i({
     consumerName: "DataTableColGroup",
     contextRequired: !0
   });
   return /* @__PURE__ */ a(H, { children: l.getVisibleLeafColumns().map((n) => {
-    const o = n.columnDef.meta;
+    const t = n.columnDef.meta;
     return /* @__PURE__ */ a(
       S,
       {
-        hideBelow: o?.hideBelow,
-        className: o?.className
+        hideBelow: t?.hideBelow,
+        className: t?.className
       },
       n.id
     );
@@ -57,13 +57,13 @@ const [V, i] = w("DataTableContext"), Y = ({
 }, z = ({
   className: l,
   ref: n,
-  ...o
+  ...t
 }) => {
-  const { table: e, stickyHeader: t } = i({
+  const { table: e, stickyHeader: o } = i({
     consumerName: "DataTableHeader",
     contextRequired: !0
   });
-  return /* @__PURE__ */ a(G, { ref: n, className: l, ...o, children: e.getHeaderGroups().map((r) => /* @__PURE__ */ a(v, { stickyHeader: t, children: r.headers.map((c) => {
+  return /* @__PURE__ */ a(G, { ref: n, className: l, ...t, children: e.getHeaderGroups().map((r) => /* @__PURE__ */ a(v, { stickyHeader: o, children: r.headers.map((c) => {
     const s = c.column.columnDef.meta;
     return /* @__PURE__ */ a(
       q,
@@ -91,10 +91,10 @@ const [V, i] = w("DataTableContext"), Y = ({
       c.id
     );
   }) }, r.id)) });
-}, Z = ({ className: l, ref: n, ...o }) => {
+}, Z = ({ className: l, ref: n, ...t }) => {
   const {
     appearance: e,
-    paginationMode: t,
+    paginationMode: o,
     hideHeader: r,
     loading: c,
     onScrollBottom: s,
@@ -111,70 +111,70 @@ const [V, i] = w("DataTableContext"), Y = ({
       loading: c,
       onScrollBottom: s,
       className: l,
-      ...o,
+      ...t,
       children: [
         /* @__PURE__ */ d(k, { children: [
-          /* @__PURE__ */ a(j, {}),
+          /* @__PURE__ */ a(L, {}),
           !r && /* @__PURE__ */ a(z, {}),
           u ? /* @__PURE__ */ a(J, {}) : /* @__PURE__ */ a(A, {})
         ] }),
-        t === "infinite-scroll" && /* @__PURE__ */ a(y, {})
+        o === "infinite-scroll" && /* @__PURE__ */ a(y, {})
       ]
     }
   );
-}, A = ({ className: l, ref: n, ...o }) => {
+}, A = ({ className: l, ref: n, ...t }) => {
   const { table: e } = i({
     consumerName: "DataTableBody",
     contextRequired: !0
   });
-  return /* @__PURE__ */ a(b, { ref: n, className: l, ...o, children: e.getRowModel().rows.map((t) => /* @__PURE__ */ a(g, { row: t }, t.id)) });
+  return /* @__PURE__ */ a(b, { ref: n, className: l, ...t, children: e.getRowModel().rows.map((o) => /* @__PURE__ */ a(g, { row: o }, o.id)) });
 }, E = (l, n) => {
-  const o = [];
+  const t = [];
   let e = null;
-  for (const t of l) {
-    const r = n(t);
-    (!e || e.key !== r) && (e = { key: r, rows: [], count: 0 }, o.push(e)), e.rows.push(t), e.count++;
+  for (const o of l) {
+    const r = n(o);
+    (!e || e.key !== r) && (e = { key: r, rows: [], count: 0 }, t.push(e)), e.rows.push(o), e.count++;
   }
-  return o;
+  return t;
 }, J = ({
   className: l,
   ref: n,
-  ...o
+  ...t
 }) => {
-  const { table: e, groupBy: t, renderGroupHeader: r } = i({
+  const { table: e, groupBy: o, renderGroupHeader: r } = i({
     consumerName: "DataTableGroupedBody",
     contextRequired: !0
   }), c = E(
     e.getRowModel().rows,
-    t
+    o
   );
-  return /* @__PURE__ */ a(b, { ref: n, className: l, ...o, children: c.map((s) => /* @__PURE__ */ d(B, { children: [
+  return /* @__PURE__ */ a(b, { ref: n, className: l, ...t, children: c.map((s) => /* @__PURE__ */ d(B, { children: [
     /* @__PURE__ */ a(F, { colSpan: s.rows[0].getVisibleCells().length, children: r ? r({ row: s.rows[0], count: s.count }) : s.key }),
     s.rows.map((u) => /* @__PURE__ */ a(g, { row: u }, u.id))
   ] }, s.key)) });
 }, g = ({ row: l }) => {
-  const { onRowClick: n, getRowProps: o } = i({
+  const { onRowClick: n, getRowProps: t } = i({
     consumerName: "DataTableRow",
     contextRequired: !0
   }), e = !!n;
   return /* @__PURE__ */ a(
-    L,
+    M,
     {
-      ...o?.(l),
+      ...t?.(l),
       clickable: e,
       onClick: e ? () => n?.(l) : void 0,
       role: e ? "button" : void 0,
-      children: l.getVisibleCells().map((t) => {
-        const r = t.column.columnDef.meta;
+      children: l.getVisibleCells().map((o) => {
+        const r = o.column.columnDef.meta;
         return /* @__PURE__ */ a(
-          M,
+          P,
           {
             align: r?.align,
             hideBelow: r?.hideBelow,
             className: r?.className,
-            children: m(t.column.columnDef.cell, t.getContext())
+            children: m(o.column.columnDef.cell, o.getContext())
           },
-          t.id
+          o.id
         );
       })
     }
@@ -183,19 +183,19 @@ const [V, i] = w("DataTableContext"), Y = ({
   onChange: l,
   ...n
 }) => {
-  const { table: o } = i({
+  const { table: t } = i({
     consumerName: "DataTableGlobalSearchInput",
     contextRequired: !0
   }), e = x(
-    (t) => {
-      o.setGlobalFilter(t.target.value), l?.(t);
+    (o) => {
+      t.setGlobalFilter(o.target.value), l?.(o);
     },
-    [o, l]
+    [t, l]
   );
   return /* @__PURE__ */ a(
-    P,
+    V,
     {
-      value: o.getState().globalFilter ?? "",
+      value: t.getState().globalFilter ?? "",
       onChange: e,
       ...n
     }

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

@@ -3,7 +3,7 @@ import { cn as s } from "../../../../../libs/utils-shared/dist/index.js";
 import * as h from "@radix-ui/react-dialog";
 import { cva as u } from "class-variance-authority";
 import { DialogClose as N } from "../DialogClose/DialogClose.js";
-import { useCommonTranslation as x } from "../../../../../i18n/useCommonTranslation.js";
+import { useCommonTranslation as x } from "../../../../../translations/translations.js";
 import { IconButton as f } from "../../IconButton/IconButton.js";
 import { ArrowLeft as b } from "../../../symbols/icons/ArrowLeft.js";
 import { Close as v } from "../../../symbols/icons/Close.js";

package/dist/lib/Components/core/Divider/Divider.js

@@ -2,9 +2,9 @@ import { jsx as l } from "react/jsx-runtime";
 import { cn as a } from "../../../../libs/utils-shared/dist/index.js";
 const d = ({
   ref: o,
-  className: e,
+  className: t,
   orientation: r = "horizontal",
-  ...t
+  ...e
 }) => /* @__PURE__ */ l(
   "div",
   {
@@ -14,9 +14,9 @@ const d = ({
     className: a(
       "border-muted-subtle",
       r === "horizontal" ? "w-full border-t" : "h-full border-l",
-      e
+      t
     ),
-    ...t
+    ...e
   }
 );
 export {

package/dist/lib/Components/core/DotCount/DotCount.js

@@ -45,7 +45,7 @@ const h = m(
     disabled: !1
   }
 });
-function C({
+function N({
   value: e,
   size: t = "md",
   max: b = 99,
@@ -86,7 +86,7 @@ function C({
     }
   );
 }
-C.displayName = "DotCount";
+N.displayName = "DotCount";
 export {
-  C as DotCount
+  N as DotCount
 };