@ledgerhq/lumen-ui-react 0.1.61 → 0.1.63

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 })
         ] })
       ]
     }
@@ -207,7 +207,7 @@ const k = ({
       children: t
     }
   );
-}, L = ({
+}, 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 = ({
       ) })
     }
   );
-}, G = ({
+}, 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 CardContentDescription,
   I as CardContentRow,
-  L as CardContentTitle,
-  U as CardFooter,
-  G as CardFooterActions,
+  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/CardButton/CardButton.d.ts

@@ -4,6 +4,8 @@ import { CardButtonProps } from './types';
  *
  * It supports different appearances. takes full width by default. The chevron can be hidden if needed.
  *
+ * @deprecated Use Card instead.
+ *
  * @see {@link https://ldls.vercel.app/?path=/docs/react-cardbutton--docs Guidelines}
  *
  * @warning The `className` prop should only be used for layout adjustments like margins or positioning.

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

@@ -1 +1 @@
-{"version":3,"file":"CardButton.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/CardButton/CardButton.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAkB/C;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,UAAU,GAAI,yGAUxB,eAAe,4CAqCjB,CAAC"}
+{"version":3,"file":"CardButton.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/CardButton/CardButton.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAkB/C;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,eAAO,MAAM,UAAU,GAAI,yGAUxB,eAAe,4CAqCjB,CAAC"}

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

@@ -18,8 +18,8 @@ const h = f(
 ), w = ({
   ref: i,
   className: o,
-  appearance: l,
-  icon: d,
+  appearance: d,
+  icon: l,
   title: n,
   description: t,
   hideChevron: r,
@@ -29,14 +29,14 @@ const h = f(
   const c = m({
     consumerName: "CardButton",
     mergeWith: { disabled: b }
-  }), s = d;
+  }), s = l;
   return /* @__PURE__ */ a(
     "button",
     {
       ref: i,
       className: p(
         h({
-          appearance: l
+          appearance: d
         }),
         o
       ),

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 V, TableRow as F, TableCell as M } from "../Table/Table.js";
-import { SearchInput as P } from "../SearchInput/SearchInput.js";
+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,
@@ -26,11 +26,11 @@ const [j, i] = w("DataTableContext"), Y = ({
     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,
@@ -44,12 +44,12 @@ const [j, i] = w("DataTableContext"), Y = ({
     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 [j, 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 [j, 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 [j, i] = w("DataTableContext"), Y = ({
       loading: c,
       onScrollBottom: s,
       className: l,
-      ...o,
+      ...t,
       children: [
         /* @__PURE__ */ d(k, { children: [
           /* @__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: [
-    /* @__PURE__ */ a(V, { colSpan: s.rows[0].getVisibleCells().length, children: r ? r({ row: s.rows[0], count: s.count }) : s.key }),
+  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(
-    F,
+    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 [j, 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

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

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

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

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

@@ -1,15 +1,15 @@
 import { jsx as e, jsxs as h } from "react/jsx-runtime";
 import { useDisabledContext as x, DisabledProvider as v, cn as i } from "../../../../libs/utils-shared/dist/index.js";
-import { cva as c } from "class-variance-authority";
-import { useMemo as z } from "react";
-const N = c("relative inline-flex w-fit", {
+import { cva as d } from "class-variance-authority";
+import { useMemo as N } from "react";
+const z = d("relative inline-flex w-fit", {
   variants: {
     disabled: {
       true: "opacity-30",
       false: ""
     }
   }
-}), g = c(
+}), g = d(
   "absolute z-10 box-content flex items-center justify-center overflow-hidden border-base-inverted",
   {
     variants: {
@@ -60,15 +60,15 @@ const N = c("relative inline-flex w-fit", {
   children: s,
   icon: t,
   appearance: o,
-  pin: a = "bottom-end",
-  size: r = 20,
-  shape: d = "circle",
+  pin: r = "bottom-end",
+  size: a = 20,
+  shape: c = "circle",
   className: l,
   disabled: m = !1,
   ref: p,
   ...b
 }) => {
-  const u = z(() => y(a), [a]), f = x({
+  const u = N(() => y(r), [r]), f = x({
     consumerName: "DotIcon",
     mergeWith: { disabled: m }
   });
@@ -76,16 +76,16 @@ const N = c("relative inline-flex w-fit", {
     "div",
     {
       ref: p,
-      className: i(N({ disabled: f, className: l })),
+      className: i(z({ disabled: f, className: l })),
       ...b,
       children: [
         /* @__PURE__ */ e("div", { className: "inline-flex", children: s }),
         /* @__PURE__ */ e(
           "div",
           {
-            className: i(g({ size: r, shape: d, pin: a, appearance: o })),
+            className: i(g({ size: a, shape: c, pin: r, appearance: o })),
             style: u,
-            children: /* @__PURE__ */ e(t, { size: D[r], className: "text-on-interactive" })
+            children: /* @__PURE__ */ e(t, { size: D[a], className: "text-on-interactive" })
           }
         )
       ]

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

@@ -1,4 +1,4 @@
-import { jsx as a, jsxs as x } from "react/jsx-runtime";
+import { jsx as o, jsxs as x } from "react/jsx-runtime";
 import { useDisabledContext as z, DisabledProvider as N, cn as v } from "../../../../libs/utils-shared/dist/index.js";
 import { cva as d } from "class-variance-authority";
 import { useMemo as g, useState as q, useEffect as y } from "react";
@@ -60,11 +60,11 @@ const D = d("relative inline-flex w-fit", {
   "top-end": ["top", "right"],
   "bottom-start": ["bottom", "left"],
   "bottom-end": ["bottom", "right"]
-}, j = (o, t) => {
-  const [r, s] = V[o], e = E[t];
+}, j = (a, t) => {
+  const [r, s] = V[a], e = E[t];
   return { [r]: e, [s]: e };
 }, w = ({
-  children: o,
+  children: a,
   src: t,
   alt: r,
   pin: s = "bottom-end",
@@ -82,15 +82,15 @@ const D = d("relative inline-flex w-fit", {
   });
   return y(() => {
     i(!1);
-  }, [t]), /* @__PURE__ */ a(N, { value: { disabled: !1 }, children: /* @__PURE__ */ x(
+  }, [t]), /* @__PURE__ */ o(N, { value: { disabled: !1 }, children: /* @__PURE__ */ x(
     "div",
     {
       ref: p,
       className: v(D({ disabled: h, className: c })),
       ...u,
       children: [
-        /* @__PURE__ */ a("div", { className: "inline-flex", children: o }),
-        /* @__PURE__ */ a("div", { className: S({ size: e, shape: n, pin: s }), style: b, children: !f && /* @__PURE__ */ a(
+        /* @__PURE__ */ o("div", { className: "inline-flex", children: a }),
+        /* @__PURE__ */ o("div", { className: S({ size: e, shape: n, pin: s }), style: b, children: !f && /* @__PURE__ */ o(
           "img",
           {
             alt: r,

package/dist/lib/Components/core/Link/Link.d.ts

@@ -1,6 +1,6 @@
 import { LinkProps } from './types';
 /**
- * A customizable link component that supports base and accent color appearances, optional underline, sizes, icons, and external link handling.
+ * A customizable link component that supports multiple color appearances, optional underline, sizes, icons, and external link handling.
  *
  * @see {@link https://ldls.vercel.app/?path=/docs/react-link--docs Guidelines}
  *

package/dist/lib/Components/core/Link/Link.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/Link/Link.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAmCzC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,eAAO,MAAM,IAAI,GAAI,wHAYlB,SAAS,4CAgDX,CAAC"}
+{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/Link/Link.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAoCzC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,eAAO,MAAM,IAAI,GAAI,wHAYlB,SAAS,4CAmDX,CAAC"}

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

@@ -1,21 +1,23 @@
 import { jsx as e, jsxs as l, Fragment as c } from "react/jsx-runtime";
-import { useDisabledContext as x, cn as h } from "../../../../libs/utils-shared/dist/index.js";
-import { Slot as g } from "@radix-ui/react-slot";
-import { cva as k } from "class-variance-authority";
+import { useDisabledContext as h, cn as g } from "../../../../libs/utils-shared/dist/index.js";
+import { Slot as k } from "@radix-ui/react-slot";
+import { cva as N } from "class-variance-authority";
+import { useCommonTranslation as y } from "../../../../translations/translations.js";
 import { ExternalLink as z } from "../../symbols/icons/ExternalLink.js";
-const w = k(
+const w = N(
   "inline-flex w-fit max-w-full items-center justify-center transition-colors focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-focus",
   {
     variants: {
       appearance: {
         base: "text-base hover:text-base-hover active:text-base-pressed",
         accent: "text-interactive hover:text-interactive-hover active:text-interactive-pressed",
+        gray: "text-muted hover:text-muted-hover active:text-muted-pressed",
         inherit: ""
       },
       size: {
         sm: "gap-4 body-2-semi-bold",
         md: "gap-8 body-1-semi-bold",
-        inherit: ""
+        inherit: "gap-4"
       },
       underline: {
         true: "underline underline-offset-2",
@@ -36,46 +38,46 @@ const w = k(
 ), V = ({
   ref: d,
   className: m,
-  children: a,
-  appearance: f,
+  children: r,
+  appearance: p,
   size: i = "inherit",
-  underline: p = !0,
-  icon: u,
+  underline: u = !0,
+  icon: f,
   isExternal: n = !1,
   asChild: t = !1,
   disabled: b,
   ...v
 }) => {
-  const s = x({
+  const { t: x } = y(), a = h({
     consumerName: "Link",
     mergeWith: { disabled: b }
-  }), r = i ? {
+  }), o = i ? {
     sm: 16,
     md: 20
-  }[i] : 20, o = u;
+  }[i] : 20, s = f;
   return /* @__PURE__ */ e(
-    t ? g : "a",
+    t ? k : "a",
     {
       ref: d,
-      className: h(
+      className: g(
         w({
-          appearance: f,
+          appearance: p,
           size: i,
-          underline: p,
-          disabled: s
+          underline: u,
+          disabled: a
         }),
         m
       ),
-      "aria-disabled": s || void 0,
+      "aria-disabled": a || void 0,
       target: n && !t ? "_blank" : void 0,
       rel: n && !t ? "noopener noreferrer" : void 0,
       ...v,
-      children: t ? a : /* @__PURE__ */ l(c, { children: [
-        o && /* @__PURE__ */ e(o, { size: r }),
-        /* @__PURE__ */ e("span", { className: "min-w-0 truncate", children: a }),
+      children: t ? r : /* @__PURE__ */ l(c, { children: [
+        s && /* @__PURE__ */ e(s, { size: o }),
+        /* @__PURE__ */ e("span", { className: "min-w-0 truncate", children: r }),
         n && /* @__PURE__ */ l(c, { children: [
-          /* @__PURE__ */ e(z, { size: r, "aria-hidden": "true" }),
-          /* @__PURE__ */ e("span", { className: "sr-only", children: "(opens in a new tab)" })
+          /* @__PURE__ */ e(z, { size: o, "aria-hidden": "true" }),
+          /* @__PURE__ */ e("span", { className: "sr-only", children: x("components.link.opensInNewTabAriaLabel") })
         ] })
       ] })
     }

package/dist/lib/Components/core/Link/types.d.ts

@@ -5,7 +5,7 @@ export type LinkProps = {
      * The visual style of the link.
      * @default inherit
      */
-    appearance?: 'base' | 'accent' | 'inherit';
+    appearance?: 'base' | 'accent' | 'gray' | 'inherit';
     /**
      * The size variant of the link.
      * @default inherit

package/dist/lib/Components/core/Link/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/Link/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC7E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAEnD,MAAM,MAAM,SAAS,GAAG;IACtB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,SAAS,CAAC;IAC3C;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,SAAS,CAAC;IAC/B;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC;QAAE,IAAI,CAAC,EAAE,QAAQ,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC9D;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,qBAAqB,CAAC,GAAG,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/Link/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC7E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAEnD,MAAM,MAAM,SAAS,GAAG;IACtB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,CAAC;IACpD;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,SAAS,CAAC;IAC/B;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC;QAAE,IAAI,CAAC,EAAE,QAAQ,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC9D;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,qBAAqB,CAAC,GAAG,CAAC,CAAC"}