@ledgerhq/lumen-ui-react 0.1.7 → 0.1.8

package/dist/lib/Components/Card/types.d.ts

@@ -0,0 +1,134 @@
+import { ComponentPropsWithRef, MouseEventHandler, ReactNode } from 'react';
+export type CardType = 'interactive' | 'expandable' | 'info';
+export type CardContextValue = {
+    cardClickable: boolean;
+    headerClickable: boolean;
+    footerExpanded: boolean;
+    onHeaderClick?: MouseEventHandler<HTMLDivElement>;
+};
+export type CardContentAlignContextValue = {
+    align?: 'left' | 'right';
+};
+export type CardProps = {
+    /**
+     * The interaction mode of the card.
+     * - `'interactive'` (default): whole card is clickable with hover/pressed states.
+     * - `'expandable'`: only the header is clickable, toggles footer visibility.
+     * - `'info'`: data-display only, no built-in click handling.
+     * @default 'interactive'
+     */
+    type?: CardType;
+    /**
+     * Whether the card footer is expanded (visible).
+     * Only relevant when `type="expandable"`.
+     * When `false`, CardFooter is hidden. When `undefined`, CardFooter is always visible.
+     */
+    expanded?: boolean;
+    /**
+     * Whether the card shows a selection outline.
+     */
+    outlined?: boolean;
+    /**
+     * Whether the card is disabled.
+     */
+    disabled?: boolean;
+    /**
+     * The card content (CardHeader, CardFooter, etc.).
+     */
+    children: ReactNode;
+    /**
+     * Additional CSS classes for layout adjustments.
+     */
+    className?: string;
+} & ComponentPropsWithRef<'div'>;
+export type CardHeaderProps = {
+    /**
+     * The header content (CardLeading, CardTrailing).
+     */
+    children: ReactNode;
+    /**
+     * Additional CSS classes for layout adjustments.
+     */
+    className?: string;
+} & ComponentPropsWithRef<'div'>;
+export type CardLeadingProps = {
+    /**
+     * The leading content (icon + CardContent).
+     */
+    children: ReactNode;
+    /**
+     * Additional CSS classes for layout adjustments.
+     */
+    className?: string;
+} & ComponentPropsWithRef<'div'>;
+export type CardContentProps = {
+    /**
+     * The content (CardContentTitle, CardContentDescription).
+     */
+    children: ReactNode;
+    /**
+     * Additional CSS classes for layout adjustments.
+     */
+    className?: string;
+} & ComponentPropsWithRef<'div'>;
+export type CardContentTitleProps = {
+    /**
+     * The title text or custom inline content.
+     */
+    children: ReactNode;
+    /**
+     * Additional CSS classes for layout adjustments.
+     */
+    className?: string;
+} & ComponentPropsWithRef<'div'>;
+export type CardContentDescriptionProps = {
+    /**
+     * The description text or custom inline content.
+     */
+    children: ReactNode;
+    /**
+     * Additional CSS classes for layout adjustments.
+     */
+    className?: string;
+} & ComponentPropsWithRef<'div'>;
+export type CardContentRowProps = {
+    /**
+     * The row content (CardContentTitle or CardContentDescription alongside additional elements like Tag).
+     */
+    children: ReactNode;
+    /**
+     * Additional CSS classes for layout adjustments.
+     */
+    className?: string;
+} & ComponentPropsWithRef<'div'>;
+export type CardTrailingProps = {
+    /**
+     * The trailing content (Button, Tag, CardContent, etc.).
+     */
+    children: ReactNode;
+    /**
+     * Additional CSS classes for layout adjustments.
+     */
+    className?: string;
+} & ComponentPropsWithRef<'div'>;
+export type CardFooterProps = {
+    /**
+     * The footer content (DescriptionList, Button, etc.).
+     */
+    children: ReactNode;
+    /**
+     * Additional CSS classes for layout adjustments.
+     */
+    className?: string;
+} & ComponentPropsWithRef<'div'>;
+export type CardFooterActionsProps = {
+    /**
+     * The action buttons to display in a horizontal row.
+     */
+    children: ReactNode;
+    /**
+     * Additional CSS classes for layout adjustments.
+     */
+    className?: string;
+} & ComponentPropsWithRef<'div'>;
+//# sourceMappingURL=types.d.ts.map

package/dist/lib/Components/Card/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Card/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,qBAAqB,EACrB,iBAAiB,EACjB,SAAS,EACV,MAAM,OAAO,CAAC;AAEf,MAAM,MAAM,QAAQ,GAAG,aAAa,GAAG,YAAY,GAAG,MAAM,CAAC;AAE7D,MAAM,MAAM,gBAAgB,GAAG;IAC7B,aAAa,EAAE,OAAO,CAAC;IACvB,eAAe,EAAE,OAAO,CAAC;IACzB,cAAc,EAAE,OAAO,CAAC;IACxB,aAAa,CAAC,EAAE,iBAAiB,CAAC,cAAc,CAAC,CAAC;CACnD,CAAC;AAEF,MAAM,MAAM,4BAA4B,GAAG;IACzC,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG;IACtB;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;AAEjC,MAAM,MAAM,eAAe,GAAG;IAC5B;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;AAEjC,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;AAEjC,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;AAEjC,MAAM,MAAM,qBAAqB,GAAG;IAClC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;AAEjC,MAAM,MAAM,2BAA2B,GAAG;IACxC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;AAEjC,MAAM,MAAM,mBAAmB,GAAG;IAChC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;AAEjC,MAAM,MAAM,iBAAiB,GAAG;IAC9B;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;AAEjC,MAAM,MAAM,eAAe,GAAG;IAC5B;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;AAEjC,MAAM,MAAM,sBAAsB,GAAG;IACnC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC"}

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

@@ -75,7 +75,7 @@ const p = ({
   }) }, a.id)) });
 };
 p.displayName = "DataTableHeader";
-const J = ({ className: n, ref: r, ...o }) => {
+const z = ({ className: n, ref: r, ...o }) => {
   const {
     appearance: e,
     paginationMode: a,
@@ -106,7 +106,7 @@ const J = ({ className: n, ref: r, ...o }) => {
     }
   );
 };
-J.displayName = "DataTable";
+z.displayName = "DataTable";
 const g = ({ className: n, ref: r, ...o }) => {
   const { table: e } = d({
     consumerName: "DataTableBody",
@@ -115,7 +115,7 @@ const g = ({ className: n, ref: r, ...o }) => {
   return /* @__PURE__ */ l(T, { ref: r, className: n, ...o, children: e.getRowModel().rows.map((a) => /* @__PURE__ */ l(b, { row: a }, a.id)) });
 };
 g.displayName = "DataTableBody";
-const K = (n, r) => {
+const L = (n, r) => {
   const o = [];
   let e = null;
   for (const a of n) {
@@ -131,7 +131,7 @@ const K = (n, r) => {
   const { table: e, groupBy: a, renderGroupHeader: t } = d({
     consumerName: "DataTableGroupedBody",
     contextRequired: !0
-  }), c = K(e.getRowModel().rows, a);
+  }), c = L(e.getRowModel().rows, a);
   return /* @__PURE__ */ l(T, { ref: r, className: n, ...o, children: c.map((i) => /* @__PURE__ */ u(N, { children: [
     /* @__PURE__ */ l(I, { colSpan: i.rows[0].getVisibleCells().length, children: t ? t({ row: i.rows[0], count: i.count }) : i.key }),
     i.rows.map((s) => /* @__PURE__ */ l(b, { row: s }, s.id))
@@ -165,7 +165,7 @@ const b = ({ row: n }) => {
   );
 };
 b.displayName = "DataTableRow";
-const L = ({
+const A = ({
   onChange: n,
   ...r
 }) => {
@@ -187,9 +187,9 @@ const L = ({
     }
   );
 };
-L.displayName = "DataTableGlobalSearchInput";
+A.displayName = "DataTableGlobalSearchInput";
 export {
-  J as DataTable,
-  L as DataTableGlobalSearchInput,
+  z as DataTable,
+  A as DataTableGlobalSearchInput,
   V as DataTableRoot
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Dialog/Dialog.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAC3D,OAAO,EACL,eAAe,EACf,kBAAkB,EAClB,iBAAiB,EAGjB,WAAW,EACX,kBAAkB,EACnB,MAAM,SAAS,CAAC;AAwBjB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,wBAAgB,MAAM,CAAC,EAAE,MAAc,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,2CAM/D;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,aAAa,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,2CAE7D;AAED,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAqDxD;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,aAAa,CAAC,EAC5B,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,kBAAkB,2CAkBpB;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,UAAU;oEAOpB,eAAe;;CAoBjB,CAAC;AAGF;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,YAAY;6CAKtB,iBAAiB;;CAWnB,CAAC;AAGF,OAAO,EAAE,YAAY,EAAE,CAAC"}
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Dialog/Dialog.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAC3D,OAAO,EACL,eAAe,EACf,kBAAkB,EAClB,iBAAiB,EAGjB,WAAW,EACX,kBAAkB,EACnB,MAAM,SAAS,CAAC;AAwBjB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,wBAAgB,MAAM,CAAC,EAAE,MAAc,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,2CAM/D;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,aAAa,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,2CAE7D;AAED,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAqDxD;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,aAAa,CAAC,EAC5B,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,kBAAkB,2CAkBpB;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,UAAU;oEAOpB,eAAe;;CAqBjB,CAAC;AAGF;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,YAAY;6CAKtB,iBAAiB;;CAWnB,CAAC;AAGF,OAAO,EAAE,YAAY,EAAE,CAAC"}

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

@@ -1,8 +1,8 @@
-import { jsx as o, jsxs as m } from "react/jsx-runtime";
-import { createSafeContext as u, cn as n } from "../../../libs/utils-shared/dist/index.js";
-import * as l from "@radix-ui/react-dialog";
+import { jsx as o, jsxs as u } from "react/jsx-runtime";
+import { createSafeContext as m, cn as n } from "../../../libs/utils-shared/dist/index.js";
+import * as i from "@radix-ui/react-dialog";
 import { cva as f } from "class-variance-authority";
-const [h, r] = u("Dialog"), x = f(
+const [h, r] = m("Dialog"), x = f(
   [
     "flex w-400 max-w-[calc(100%-2rem)] flex-col overflow-hidden rounded-2xl bg-canvas-sheet pb-24",
     "fixed top-[50%] left-[50%] z-dialog-content translate-[-50%]",
@@ -21,18 +21,18 @@ const [h, r] = u("Dialog"), x = f(
   }
 );
 function C({ height: a = "hug", ...t }) {
-  return /* @__PURE__ */ o(h, { value: { height: a }, children: /* @__PURE__ */ o(l.Root, { "data-slot": "dialog", ...t }) });
+  return /* @__PURE__ */ o(h, { value: { height: a }, children: /* @__PURE__ */ o(i.Root, { "data-slot": "dialog", ...t }) });
 }
 function w({ ...a }) {
-  return /* @__PURE__ */ o(l.Trigger, { "data-slot": "dialog-trigger", ...a });
+  return /* @__PURE__ */ o(i.Trigger, { "data-slot": "dialog-trigger", ...a });
 }
 function p({
   ...a
 }) {
-  return /* @__PURE__ */ o(l.Portal, { "data-slot": "dialog-portal", ...a });
+  return /* @__PURE__ */ o(i.Portal, { "data-slot": "dialog-portal", ...a });
 }
 const s = ({ ref: a, className: t, ...e }) => /* @__PURE__ */ o(
-  l.Overlay,
+  i.Overlay,
   {
     ref: a,
     "data-slot": "dialog-overlay",
@@ -49,17 +49,17 @@ function P({
   children: t,
   ...e
 }) {
-  const { height: i } = r({
+  const { height: l } = r({
     consumerName: "DialogContent",
     contextRequired: !0
   });
-  return /* @__PURE__ */ m(p, { "data-slot": "dialog-portal", children: [
+  return /* @__PURE__ */ u(p, { "data-slot": "dialog-portal", children: [
     /* @__PURE__ */ o(s, {}),
     /* @__PURE__ */ o(
-      l.Content,
+      i.Content,
       {
         "data-slot": "dialog-content",
-        className: n(x({ height: i }), a),
+        className: n(x({ height: l }), a),
         ...e,
         children: t
       }
@@ -70,7 +70,7 @@ const v = ({
   ref: a,
   className: t,
   children: e,
-  scrollbarWidth: i = "none",
+  scrollbarWidth: l = "none",
   style: d,
   ...g
 }) => {
@@ -83,11 +83,12 @@ const v = ({
     {
       ref: a,
       "data-slot": "dialog-body",
-      style: { scrollbarWidth: i, ...d },
+      style: d,
       className: n(
         "-mb-24 flex min-h-0 grow flex-col overflow-y-auto px-24 pb-24",
         c === "hug" ? "basis-auto" : "basis-0",
-        t
+        t,
+        l === "auto" ? "scrollbar-custom" : "scrollbar-none"
       ),
       ...g,
       children: e
@@ -95,26 +96,26 @@ const v = ({
   );
 };
 v.displayName = "DialogBody";
-const y = ({
+const D = ({
   ref: a,
   className: t,
   children: e,
-  ...i
+  ...l
 }) => /* @__PURE__ */ o(
   "div",
   {
     ref: a,
     "data-slot": "dialog-footer",
     className: n("flex shrink-0 justify-end gap-8 px-24 pt-24", t),
-    ...i,
+    ...l,
     children: e
   }
 );
-y.displayName = "DialogFooter";
+D.displayName = "DialogFooter";
 export {
   C as Dialog,
   v as DialogBody,
   P as DialogContent,
-  y as DialogFooter,
+  D as DialogFooter,
   w as DialogTrigger
 };

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

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

package/dist/lib/Components/Icon/Icon.js

@@ -23,18 +23,18 @@ const l = a("inline-block", {
   className: i = "",
   children: c,
   viewBox: e,
-  xmlns: r,
-  ...t
+  xmlns: t,
+  ...r
 }) => k(
   "svg",
   {
     ref: o,
     fill: "none",
     "aria-hidden": "true",
-    xmlns: r,
+    xmlns: t,
     viewBox: e,
     className: s(i, l({ size: n }), "inline-block"),
-    ...t
+    ...r
   },
   c
 );

package/dist/lib/Components/Icon/createIcon.d.ts

@@ -8,7 +8,7 @@ import { IconProps } from './types';
  * @returns Icon component
  */
 declare const createIcon: (iconName: string, iconJsx: React.ReactElement<SVGProps<SVGSVGElement>>) => {
-    ({ ref, className, ...props }: Omit<IconProps, "children">): import('react').FunctionComponentElement<IconProps>;
+    ({ ref, className, disabled, ...props }: Omit<IconProps, "children">): import('react').FunctionComponentElement<IconProps>;
     displayName: string;
 };
 export default createIcon;

package/dist/lib/Components/Icon/createIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createIcon.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Icon/createIcon.ts"],"names":[],"mappings":"AACA,OAAO,EAAiB,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEhD,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC;;;;;;GAMG;AACH,QAAA,MAAM,UAAU,aACJ,MAAM,WACP,KAAK,CAAC,YAAY,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC;mCAMjD,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;;CAY/B,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"createIcon.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Icon/createIcon.ts"],"names":[],"mappings":"AAKA,OAAO,EAAiB,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEhD,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC;;;;;;GAMG;AACH,QAAA,MAAM,UAAU,aACJ,MAAM,WACP,KAAK,CAAC,YAAY,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC;6CAOjD,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;;CAkB/B,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/lib/Components/Icon/createIcon.js

@@ -1,20 +1,27 @@
-import { toPascalCase as m } from "../../../libs/utils-shared/dist/index.js";
-import { createElement as n } from "react";
-import { Icon as c } from "./Icon.js";
-const d = (r, o) => {
-  const e = ({
-    ref: t,
-    className: a,
-    ...p
-  }) => n(c, {
-    ref: t,
-    className: a,
-    viewBox: o.props.viewBox,
-    ...p,
-    children: o.props.children
-  });
-  return e.displayName = m(r), e;
+import { toPascalCase as c, useDisabledContext as i, cn as l } from "../../../libs/utils-shared/dist/index.js";
+import { createElement as p } from "react";
+import { Icon as d } from "./Icon.js";
+const b = (e, t) => {
+  const r = ({
+    ref: o,
+    className: s,
+    disabled: a,
+    ...m
+  }) => {
+    const n = i({
+      consumerName: e,
+      mergeWith: { disabled: a }
+    });
+    return p(d, {
+      ref: o,
+      className: l(n && "text-disabled", s),
+      viewBox: t.props.viewBox,
+      ...m,
+      children: t.props.children
+    });
+  };
+  return r.displayName = c(e), r;
 };
 export {
-  d as default
+  b as default
 };

package/dist/lib/Components/Icon/types.d.ts

@@ -9,6 +9,11 @@ export type IconProps = {
      * The class name of the icon.
      */
     className?: string;
+    /**
+     * Whether the icon is disabled.
+     * @default false
+     */
+    disabled?: boolean;
     /**
      * The children of the icon.
      */

package/dist/lib/Components/Icon/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Icon/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE9D,MAAM,MAAM,QAAQ,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;AAE7D,MAAM,MAAM,SAAS,GAAG;IACtB;;OAEG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Icon/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE9D,MAAM,MAAM,QAAQ,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;AAE7D,MAAM,MAAM,SAAS,GAAG;IACtB;;OAEG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC"}

package/dist/lib/Components/Link/Link.js

@@ -33,33 +33,33 @@ const k = h(
   className: m,
   children: r,
   appearance: p,
-  size: t = "inherit",
+  size: n = "inherit",
   underline: f = !0,
   icon: u,
   isExternal: i = !1,
-  asChild: n = !1,
+  asChild: t = !1,
   ...d
 }) => {
-  const a = t ? {
+  const a = n ? {
     sm: 16,
     md: 20
-  }[t] : 20, s = u;
+  }[n] : 20, s = u;
   return /* @__PURE__ */ e(
-    n ? b : "a",
+    t ? b : "a",
     {
       ref: l,
       className: v(
         m,
         k({
           appearance: p,
-          size: t,
+          size: n,
           underline: f
         })
       ),
-      target: i && !n ? "_blank" : void 0,
-      rel: i && !n ? "noopener noreferrer" : void 0,
+      target: i && !t ? "_blank" : void 0,
+      rel: i && !t ? "noopener noreferrer" : void 0,
       ...d,
-      children: n ? r : /* @__PURE__ */ o(c, { children: [
+      children: t ? r : /* @__PURE__ */ o(c, { children: [
         s && /* @__PURE__ */ e(s, { size: a, className: "shrink-0" }),
         /* @__PURE__ */ e("span", { className: "min-w-0 truncate", children: r }),
         i && /* @__PURE__ */ o(c, { children: [

package/dist/lib/Components/NavBar/CoinCapsule.js

@@ -2,21 +2,21 @@ import { jsxs as r, jsx as e } from "react/jsx-runtime";
 import { cn as l } from "../../../libs/utils-shared/dist/index.js";
 const i = ({
   ref: s,
-  ticker: a,
-  icon: n,
-  className: t
+  ticker: t,
+  icon: a,
+  className: n
 }) => /* @__PURE__ */ r(
   "div",
   {
     ref: s,
     className: l(
       "flex items-center gap-8 rounded-full bg-muted-transparent py-8 pr-12 pl-8",
-      t
+      n
     ),
     "data-slot": "coin-capsule",
     children: [
-      /* @__PURE__ */ e("span", { className: "flex size-24 shrink-0 items-center justify-center", children: n }),
-      /* @__PURE__ */ e("span", { className: "body-1 text-base select-none", children: a })
+      /* @__PURE__ */ e("span", { className: "flex size-24 shrink-0 items-center justify-center", children: a }),
+      /* @__PURE__ */ e("span", { className: "body-1 text-base select-none", children: t })
     ]
   }
 );

package/dist/lib/Components/NavBar/NavBar.js

@@ -6,15 +6,15 @@ import { IconButton as m } from "../IconButton/IconButton.js";
 import { ArrowLeft as c } from "../../Symbols/Icons/ArrowLeft.js";
 const p = ({
   ref: a,
-  ticker: r,
-  icon: t,
+  ticker: t,
+  icon: r,
   className: e
-}) => /* @__PURE__ */ n("div", { className: "flex flex-1 items-center", "data-slot": "navbar-coin-capsule", children: /* @__PURE__ */ n(i, { ref: a, ticker: r, icon: t, className: e }) });
+}) => /* @__PURE__ */ n("div", { className: "flex flex-1 items-center", "data-slot": "navbar-coin-capsule", children: /* @__PURE__ */ n(i, { ref: a, ticker: t, icon: r, className: e }) });
 p.displayName = "NavBarCoinCapsule";
 const N = ({
   ref: a,
-  onClick: r,
-  "aria-label": t,
+  onClick: t,
+  "aria-label": r,
   className: e
 }) => {
   const { t: s } = l();
@@ -25,9 +25,9 @@ const N = ({
       appearance: "no-background",
       size: "sm",
       icon: c,
-      onClick: r,
+      onClick: t,
       className: o("shrink-0", e),
-      "aria-label": t ?? s("components.navBar.goBackAriaLabel"),
+      "aria-label": r ?? s("components.navBar.goBackAriaLabel"),
       "data-slot": "navbar-back-button"
     }
   );
@@ -35,8 +35,8 @@ const N = ({
 N.displayName = "NavBarBackButton";
 const v = ({
   ref: a,
-  children: r,
-  className: t,
+  children: t,
+  className: r,
   as: e = "h1"
 }) => /* @__PURE__ */ n(
   e,
@@ -44,37 +44,37 @@ const v = ({
     ref: a,
     className: o(
       "min-w-0 flex-1 truncate heading-4-semi-bold text-base",
-      t
+      r
     ),
     "data-slot": "navbar-title",
-    children: r
+    children: t
   }
 );
 v.displayName = "NavBarTitle";
 const B = ({
   ref: a,
-  children: r,
-  className: t,
+  children: t,
+  className: r,
   ...e
 }) => /* @__PURE__ */ n(
   "div",
   {
     ref: a,
-    className: o("ml-auto flex shrink-0 items-center gap-4", t),
+    className: o("ml-auto flex shrink-0 items-center gap-4", r),
     "data-slot": "navbar-trailing",
     ...e,
-    children: r
+    children: t
   }
 );
 B.displayName = "NavBarTrailing";
-const d = ({ ref: a, children: r, className: t, ...e }) => /* @__PURE__ */ n(
+const d = ({ ref: a, children: t, className: r, ...e }) => /* @__PURE__ */ n(
   "nav",
   {
     ref: a,
-    className: o("flex items-center gap-4", t),
+    className: o("flex items-center gap-4", r),
     "data-slot": "navbar",
     ...e,
-    children: r
+    children: t
   }
 );
 d.displayName = "NavBar";