@ledgerhq/lumen-ui-react 0.1.43 → 0.1.45

package/dist/lib/Components/Table/Table.js

@@ -1,6 +1,6 @@
 import { jsx as r, jsxs as m } from "react/jsx-runtime";
 import { createSafeContext as N, cn as c } from "../../../libs/utils-shared/dist/index.js";
-import { cva as s } from "class-variance-authority";
+import { cva as o } from "class-variance-authority";
 import { useThrottledScrollBottom as y } from "./utils/useThrottledScrollBottom.js";
 import { Spot as T } from "../Spot/Spot.js";
 import { Information as w } from "../../Symbols/Icons/Information.js";
@@ -9,7 +9,7 @@ import { ChevronUpDown as R } from "../../Symbols/Icons/ChevronUpDown.js";
 import { ChevronDescending as j } from "../../Symbols/Icons/ChevronDescending.js";
 import { ChevronAscending as B } from "../../Symbols/Icons/ChevronAscending.js";
 import { InteractiveIcon as k } from "../InteractiveIcon/InteractiveIcon.js";
-const [H, u] = N("Table"), I = s(
+const [H, u] = N("Table"), I = o(
   "relative scrollbar-none w-full max-w-full border-collapse overflow-x-auto rounded-lg",
   {
     variants: {
@@ -24,19 +24,19 @@ const [H, u] = N("Table"), I = s(
   appearance: e = "no-background",
   className: t,
   onScrollBottom: n,
-  loading: l,
-  ref: o,
+  loading: s,
+  ref: l,
   ...i
 }) => {
   const d = y({
     onScrollBottom: n,
-    loading: l
+    loading: s
   });
-  return /* @__PURE__ */ r(H, { value: { appearance: e, loading: l }, children: /* @__PURE__ */ r(
+  return /* @__PURE__ */ r(H, { value: { appearance: e, loading: s }, children: /* @__PURE__ */ r(
     "div",
     {
       ...i,
-      ref: o,
+      ref: l,
       className: I({ appearance: e, className: t }),
       onScroll: d,
       children: a
@@ -65,22 +65,22 @@ const [H, u] = N("Table"), I = s(
   className: e,
   clickable: t = !1,
   onClick: n,
-  ref: l,
-  ...o
+  ref: s,
+  ...l
 }) => /* @__PURE__ */ r(
   "tr",
   {
-    ref: l,
+    ref: s,
     onClick: n,
     role: t ? "button" : void 0,
     className: c(
       t && "cursor-pointer outline-none select-none hover:bg-base-transparent-hover active:bg-base-transparent-pressed",
       e
     ),
-    ...o,
+    ...l,
     children: a
   }
-), S = s("", {
+), S = o("", {
   variants: {
     appearance: {
       "no-background": "bg-canvas",
@@ -96,9 +96,9 @@ const [H, u] = N("Table"), I = s(
   className: e,
   stickyHeader: t = !0,
   ref: n,
-  ...l
+  ...s
 }) => {
-  const { appearance: o } = u({
+  const { appearance: l } = u({
     consumerName: "TableHeaderRow",
     contextRequired: !0
   });
@@ -106,8 +106,8 @@ const [H, u] = N("Table"), I = s(
     "tr",
     {
       ref: n,
-      className: S({ appearance: o, stickyHeader: t, className: e }),
-      ...l,
+      className: S({ appearance: l, stickyHeader: t, className: e }),
+      ...s,
       children: a
     }
   );
@@ -116,24 +116,24 @@ const [H, u] = N("Table"), I = s(
   className: e,
   colSpan: t = 1,
   ref: n,
-  ...l
+  ...s
 }) => {
-  const { appearance: o } = u({
+  const { appearance: l } = u({
     consumerName: "TableGroupHeaderRow",
     contextRequired: !0
   });
-  return /* @__PURE__ */ r("tr", { ref: n, className: c("h-40", e), ...l, children: /* @__PURE__ */ r("td", { colSpan: t, children: /* @__PURE__ */ r(
+  return /* @__PURE__ */ r("tr", { ref: n, className: c("h-40", e), ...s, children: /* @__PURE__ */ r("td", { colSpan: t, children: /* @__PURE__ */ r(
     "div",
     {
       className: c(
         "flex h-32 w-full items-center bg-muted px-12 body-3 text-base",
-        o === "no-background" && "rounded-sm"
+        l === "no-background" && "rounded-sm"
       ),
       children: a
     }
   ) }) });
 }, p = {
-  root: s(
+  root: o(
     "h-64 truncate p-12 body-3 text-base first:rounded-l-md last:rounded-r-md",
     {
       variants: {
@@ -147,7 +147,7 @@ const [H, u] = N("Table"), I = s(
       }
     }
   ),
-  inner: s("flex flex-1 justify-end", {
+  inner: o("flex flex-1 justify-end", {
     variants: {
       align: {
         start: "text-start justify-start",
@@ -160,17 +160,17 @@ const [H, u] = N("Table"), I = s(
   className: e,
   hideBelow: t,
   align: n = "start",
-  ref: l,
-  ...o
+  ref: s,
+  ...l
 }) => /* @__PURE__ */ r(
   "td",
   {
-    ref: l,
+    ref: s,
     className: p.root({ hideBelow: t, className: e }),
-    ...o,
+    ...l,
     children: /* @__PURE__ */ r("div", { className: p.inner({ align: n }), children: a })
   }
-), A = s("flex min-w-0 items-center gap-12", {
+), A = o("flex min-w-0 items-center gap-12", {
   variants: {
     align: {
       start: "text-start",
@@ -182,25 +182,25 @@ const [H, u] = N("Table"), I = s(
   align: e = "start",
   leadingContent: t,
   title: n,
-  description: l,
-  ref: o,
+  description: s,
+  ref: l,
   ...i
 }) => /* @__PURE__ */ m(
   "div",
   {
-    ref: o,
+    ref: l,
     className: A({ align: e, className: a }),
     ...i,
     children: [
       t && /* @__PURE__ */ r("div", { className: "shrink-0", children: t }),
       /* @__PURE__ */ m("div", { className: "flex min-w-0 flex-col gap-4", children: [
         /* @__PURE__ */ r("div", { className: "shrink-0 body-2 text-base", children: n }),
-        /* @__PURE__ */ r("div", { className: "truncate body-3 text-muted", children: l })
+        /* @__PURE__ */ r("div", { className: "truncate body-3 text-muted", children: s })
       ] })
     ]
   }
 ), f = {
-  root: s("group h-40 truncate p-12 body-3 text-base", {
+  root: o("group h-40 truncate p-12 body-3 text-base", {
     variants: {
       hideBelow: {
         xs: "hidden xs:table-cell",
@@ -211,7 +211,7 @@ const [H, u] = N("Table"), I = s(
       }
     }
   }),
-  content: s("flex min-w-0 items-center gap-4 truncate", {
+  content: o("flex min-w-0 items-center gap-4 truncate", {
     variants: {
       align: {
         start: "text-start justify-start",
@@ -219,7 +219,7 @@ const [H, u] = N("Table"), I = s(
       }
     }
   }),
-  trailingContent: s(
+  trailingContent: o(
     "flex items-center justify-center opacity-0 group-hover:opacity-100"
   )
 }, ee = ({
@@ -227,8 +227,8 @@ const [H, u] = N("Table"), I = s(
   className: e,
   scope: t = "col",
   hideBelow: n,
-  align: l = "start",
-  trailingContent: o,
+  align: s = "start",
+  trailingContent: l,
   ref: i,
   ...d
 }) => /* @__PURE__ */ r(
@@ -238,9 +238,9 @@ const [H, u] = N("Table"), I = s(
     scope: t,
     className: f.root({ hideBelow: n, className: e }),
     ...d,
-    children: /* @__PURE__ */ r("div", { className: "min-w-0", children: /* @__PURE__ */ m("div", { className: f.content({ align: l }), children: [
-      /* @__PURE__ */ r("span", { className: c("truncate", l === "end" && "order-1"), children: a }),
-      /* @__PURE__ */ r("div", { className: "flex items-center justify-center opacity-0 group-hover:opacity-100", children: o })
+    children: /* @__PURE__ */ r("div", { className: "min-w-0", children: /* @__PURE__ */ m("div", { className: f.content({ align: s }), children: [
+      /* @__PURE__ */ r("span", { className: c("truncate", s === "end" && "order-1"), children: a }),
+      /* @__PURE__ */ r("div", { className: "flex items-center justify-center opacity-0 group-hover:opacity-100", children: l })
     ] }) })
   }
 ), te = ({
@@ -303,7 +303,7 @@ const [H, u] = N("Table"), I = s(
       children: /* @__PURE__ */ r(T, { appearance: "loader", size: 48 })
     }
   ) : null;
-}, le = ({
+}, se = ({
   className: a,
   ref: e,
   ...t
@@ -322,7 +322,7 @@ const [H, u] = N("Table"), I = s(
   desc: j,
   idle: R
 }, h = {
-  root: s(
+  root: o(
     [
       "flex min-w-0 cursor-pointer items-center gap-4",
       "rounded-xs focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus"
@@ -336,7 +336,7 @@ const [H, u] = N("Table"), I = s(
       }
     }
   ),
-  icon: s("", {
+  icon: o("", {
     variants: {
       active: {
         true: "opacity-100",
@@ -344,13 +344,13 @@ const [H, u] = N("Table"), I = s(
       }
     }
   })
-}, oe = ({
+}, le = ({
   children: a,
   sortDirection: e,
   align: t = "start",
   onToggleSort: n,
-  className: l,
-  onClick: o,
+  className: s,
+  onClick: l,
   ref: i,
   ...d
 }) => {
@@ -364,10 +364,10 @@ const [H, u] = N("Table"), I = s(
       ...d,
       ref: i,
       type: "button",
-      className: h.root({ align: t, className: l }),
+      className: h.root({ align: t, className: s }),
       "aria-label": e ? x[e] : void 0,
       onClick: (g) => {
-        o?.(g), n?.(e === "asc" ? "desc" : "asc");
+        l?.(g), n?.(e === "asc" ? "desc" : "asc");
       },
       children: [
         /* @__PURE__ */ r("span", { className: "min-w-0 truncate", children: a }),
@@ -396,9 +396,9 @@ export {
   W as TableHeader,
   ee as TableHeaderCell,
   Z as TableHeaderRow,
-  le as TableInfoIcon,
+  se as TableInfoIcon,
   re as TableLoadingRow,
   O as TableRoot,
   Y as TableRow,
-  oe as TableSortButton
+  le as TableSortButton
 };

package/dist/lib/Components/Table/utils/useThrottledScrollBottom.js

@@ -1,7 +1,7 @@
 import { throttle as h } from "../../../../libs/utils-shared/dist/index.js";
 import { useMemo as L, useRef as s, useEffect as _ } from "react";
-import { TABLE_SCROLL_BOTTOM_THRESHOLD_IN_ROW as R, TABLE_CELL_HEIGHT as a } from "../constants.js";
-const m = 150, E = ({
+import { TABLE_SCROLL_BOTTOM_THRESHOLD_IN_ROW as m, TABLE_CELL_HEIGHT as R } from "../constants.js";
+const a = 150, E = ({
   element: t,
   threshold: r = 10
 }) => {
@@ -10,10 +10,10 @@ const m = 150, E = ({
 }, p = ({
   onScrollBottom: t,
   loading: r = !1,
-  thresholdInRow: c = R
+  thresholdInRow: c = m
 }) => {
   const n = L(
-    () => c * a,
+    () => c * R,
     [c]
   ), e = s(t), u = s(r);
   e.current = t, u.current = r;
@@ -22,7 +22,7 @@ const m = 150, E = ({
       return;
     const T = h((o) => {
       u.current || !e.current || E({ element: o, threshold: n }) && e.current();
-    }, m);
+    }, a);
     return l.current = T, (o) => {
       const i = o.currentTarget;
       i && T(i);

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

@@ -4,7 +4,7 @@ import { TagProps } from './types';
  *
  * The appearance determines the color scheme used.
  *
- * @see {@link https://ldls.vercel.app/?path=/docs/communication-tag-overview--docs Storybook}
+ * @see {@link https://ldls.vercel.app/?path=/docs/react-tag--docs Storybook}
  *
  * @example
  * import { Tag } from '@ledgerhq/lumen-ui-react';

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

@@ -3,8 +3,7 @@ import { TileContentProps, TileDescriptionProps, TileProps, TileSecondaryActionP
  * A flexible tile component that uses a composite pattern for maximum customization.
  * Displays content in a vertical layout with support for spots, text, and custom content.
  *
- * @see {@link https://ldls.vercel.app/?path=/docs/components-Tile-overview--docs Storybook}
- * @see {@link https://ldls.vercel.app/?path=/docs/components-Tile-implementation--docs#dos-and-donts Guidelines}
+ * @see {@link https://ldls.vercel.app/?path=/docs/react-tile--docs Guidelines}
  *
  * @example
  * import {

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

@@ -1 +1 @@
-{"version":3,"file":"Tile.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Tile/Tile.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EACV,gBAAgB,EAChB,oBAAoB,EACpB,SAAS,EACT,wBAAwB,EACxB,cAAc,EACd,wBAAwB,EACzB,MAAM,SAAS,CAAC;AAoCjB;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,IAAI,GAAI,uHAWlB,SAAS,4CA+BX,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,WAAW,GAAI,mCAIzB,gBAAgB,4CASlB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,SAAS,GAAI,mCAIvB,cAAc,4CAiBhB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,eAAe,GAAI,mCAI7B,oBAAoB,4CAiBtB,CAAC;AAEF;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,mBAAmB,GAAI,mCAIjC,wBAAwB,4CAS1B,CAAC;AAEF;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,mBAAmB,GAAI,sEAOjC,wBAAwB,mDAmC1B,CAAC"}
+{"version":3,"file":"Tile.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Tile/Tile.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EACV,gBAAgB,EAChB,oBAAoB,EACpB,SAAS,EACT,wBAAwB,EACxB,cAAc,EACd,wBAAwB,EACzB,MAAM,SAAS,CAAC;AAoCjB;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,eAAO,MAAM,IAAI,GAAI,uHAWlB,SAAS,4CA+BX,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,WAAW,GAAI,mCAIzB,gBAAgB,4CASlB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,SAAS,GAAI,mCAIvB,cAAc,4CAiBhB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,eAAe,GAAI,mCAI7B,oBAAoB,4CAiBtB,CAAC;AAEF;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,mBAAmB,GAAI,mCAIjC,wBAAwB,4CAS1B,CAAC;AAEF;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,mBAAmB,GAAI,sEAOjC,wBAAwB,mDAmC1B,CAAC"}

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

@@ -3,7 +3,7 @@ import { TileButtonProps } from './types';
  * A compact button component displaying an icon above a label in a vertical layout.
  * Ideal for grids, toolbars, or quick action menus.
  *
- * @see {@link https://ldls.vercel.app/?path=/docs/action-tilebutton--docs Storybook}
+ * @see {@link https://ldls.vercel.app/?path=/docs/react-tilebutton--docs Storybook}
  *
  * @example
  * import { TileButton } from '@ledgerhq/lumen-ui-react';

package/dist/lib/Components/TileButton/TileButton.js

@@ -1,9 +1,9 @@
 import { jsxs as p, jsx as t } from "react/jsx-runtime";
 import { useDisabledContext as v, cn as x } from "../../../libs/utils-shared/dist/index.js";
 import { Slot as g, Slottable as N } from "@radix-ui/react-slot";
-import { cva as i } from "class-variance-authority";
+import { cva as o } from "class-variance-authority";
 import { useCallback as V } from "react";
-const h = i(
+const h = o(
   [
     "flex flex-col items-center gap-8 rounded-md p-12",
     "bg-surface body-2-semi-bold text-base transition-colors",
@@ -24,7 +24,7 @@ const h = i(
       isFull: !1
     }
   }
-), k = i("shrink-0", {
+), k = o("shrink-0", {
   variants: {
     disabled: {
       true: "text-disabled",
@@ -50,12 +50,12 @@ const h = i(
     consumerName: "TileButton",
     mergeWith: { disabled: d }
   }), m = V(
-    (o) => {
+    (i) => {
       if (e) {
-        o.preventDefault();
+        i.preventDefault();
         return;
       }
-      l?.(o);
+      l?.(i);
     },
     [e, l]
   );

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

@@ -8,7 +8,7 @@ import * as TooltipPrimitive from '@radix-ui/react-tooltip';
  * to enable tooltip functionality throughout the component tree. It manages global tooltip
  * state and configuration.
  *
- * @see {@link https://ldls.vercel.app/?path=/docs/components-tooltip-overview--docs Storybook}
+ * @see {@link https://ldls.vercel.app/?path=/docs/react-tooltip--docs Storybook}
  *
  * @example
  * import { TooltipProvider } from '@ledgerhq/lumen-ui-react';
@@ -29,7 +29,7 @@ export declare const TooltipProvider: ({ delayDuration, ...props }: ComponentPro
  * if one is not already present in the component tree. It manages the tooltip's visibility
  * state and coordinates between the trigger and content components.
  *
- * @see {@link https://ldls.vercel.app/?path=/docs/components-tooltip-overview--docs Storybook}
+ * @see {@link https://ldls.vercel.app/?path=/docs/react-tooltip--docs Storybook}
  *
  * @example
  * import { Tooltip, TooltipTrigger, TooltipContent } from '@ledgerhq/lumen-ui-react';
@@ -55,7 +55,7 @@ export declare const Tooltip: ({ delayDuration, ...props }: TooltipProps) => imp
  * the trigger for the tooltip. When users hover over or focus on this element, the
  * associated tooltip content will be displayed.
  *
- * @see {@link https://ldls.vercel.app/?path=/docs/components-tooltip-overview--docs Storybook}
+ * @see {@link https://ldls.vercel.app/?path=/docs/react-tooltip--docs Storybook}
  *
  * @example
  * import { TooltipTrigger } from '@ledgerhq/lumen-ui-react';
@@ -78,7 +78,7 @@ export declare const TooltipTrigger: ({ ...props }: TooltipTriggerProps) => impo
  * positioned relative to the trigger and handles collision detection to stay within
  * the viewport boundaries.
  *
- * @see {@link https://ldls.vercel.app/?path=/docs/components-tooltip-overview--docs Storybook}
+ * @see {@link https://ldls.vercel.app/?path=/docs/react-tooltip--docs Storybook}
  *
  * @warning The `className` prop should only be used for layout adjustments like margins or positioning.
  * Do not use it to modify the tooltip's core appearance (colors, padding, etc).

package/dist/lib/Components/Tooltip/Tooltip.js

@@ -1,5 +1,5 @@
-import { jsx as o, jsxs as l } from "react/jsx-runtime";
-import { cn as s } from "../../../libs/utils-shared/dist/index.js";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { cn as l } from "../../../libs/utils-shared/dist/index.js";
 import * as e from "@radix-ui/react-tooltip";
 import { cva as d } from "class-variance-authority";
 const m = d(
@@ -37,13 +37,13 @@ const m = d(
   side: a,
   children: r,
   ...n
-}) => /* @__PURE__ */ o(e.Portal, { children: /* @__PURE__ */ l(
+}) => /* @__PURE__ */ o(e.Portal, { children: /* @__PURE__ */ s(
   e.Content,
   {
     "data-slot": "tooltip-content",
     side: a,
     sideOffset: i,
-    className: s(m({ side: a }), t),
+    className: l(m({ side: a }), t),
     ...n,
     children: [
       /* @__PURE__ */ o(e.Arrow, { className: "size-10 translate-y-[calc(-50%-1px)] rotate-45 rounded-[1px] bg-interactive fill-interactive" }),

package/dist/lib/Symbols/Icons/Airplane.d.ts

@@ -5,7 +5,7 @@
  * to create a consistent icon interface. It supports all standard SVG props and additional
  * size variants defined in the Icon component.
  *
- * @see {@link https://ldls.vercel.app/?path=/story/symbols-interface-icons--icon&args=name:Airplane Storybook}
+ * @see {@link https://ldls.vercel.app/?path=/story/react-icon--base&args=name:Airplane Storybook}
  *
  * @component
  * @param {16 | 20 | 24 | 40 | 48 | 56} [size=24] - The size of the icon in pixels.

package/dist/lib/Symbols/Icons/AlarmClock.d.ts

@@ -5,7 +5,7 @@
  * to create a consistent icon interface. It supports all standard SVG props and additional
  * size variants defined in the Icon component.
  *
- * @see {@link https://ldls.vercel.app/?path=/story/symbols-interface-icons--icon&args=name:AlarmClock Storybook}
+ * @see {@link https://ldls.vercel.app/?path=/story/react-icon--base&args=name:AlarmClock Storybook}
  *
  * @component
  * @param {16 | 20 | 24 | 40 | 48 | 56} [size=24] - The size of the icon in pixels.

package/dist/lib/Symbols/Icons/Android.d.ts

@@ -5,7 +5,7 @@
  * to create a consistent icon interface. It supports all standard SVG props and additional
  * size variants defined in the Icon component.
  *
- * @see {@link https://ldls.vercel.app/?path=/story/symbols-interface-icons--icon&args=name:Android Storybook}
+ * @see {@link https://ldls.vercel.app/?path=/story/react-icon--base&args=name:Android Storybook}
  *
  * @component
  * @param {16 | 20 | 24 | 40 | 48 | 56} [size=24] - The size of the icon in pixels.

package/dist/lib/Symbols/Icons/Apex.d.ts

@@ -5,7 +5,7 @@
  * to create a consistent icon interface. It supports all standard SVG props and additional
  * size variants defined in the Icon component.
  *
- * @see {@link https://ldls.vercel.app/?path=/story/symbols-interface-icons--icon&args=name:Apex Storybook}
+ * @see {@link https://ldls.vercel.app/?path=/story/react-icon--base&args=name:Apex Storybook}
  *
  * @component
  * @param {16 | 20 | 24 | 40 | 48 | 56} [size=24] - The size of the icon in pixels.

package/dist/lib/Symbols/Icons/Apple.d.ts

@@ -5,7 +5,7 @@
  * to create a consistent icon interface. It supports all standard SVG props and additional
  * size variants defined in the Icon component.
  *
- * @see {@link https://ldls.vercel.app/?path=/story/symbols-interface-icons--icon&args=name:Apple Storybook}
+ * @see {@link https://ldls.vercel.app/?path=/story/react-icon--base&args=name:Apple Storybook}
  *
  * @component
  * @param {16 | 20 | 24 | 40 | 48 | 56} [size=24] - The size of the icon in pixels.

package/dist/lib/Symbols/Icons/Apps.d.ts

@@ -5,7 +5,7 @@
  * to create a consistent icon interface. It supports all standard SVG props and additional
  * size variants defined in the Icon component.
  *
- * @see {@link https://ldls.vercel.app/?path=/story/symbols-interface-icons--icon&args=name:Apps Storybook}
+ * @see {@link https://ldls.vercel.app/?path=/story/react-icon--base&args=name:Apps Storybook}
  *
  * @component
  * @param {16 | 20 | 24 | 40 | 48 | 56} [size=24] - The size of the icon in pixels.

package/dist/lib/Symbols/Icons/Ar.d.ts

@@ -5,7 +5,7 @@
  * to create a consistent icon interface. It supports all standard SVG props and additional
  * size variants defined in the Icon component.
  *
- * @see {@link https://ldls.vercel.app/?path=/story/symbols-interface-icons--icon&args=name:Ar Storybook}
+ * @see {@link https://ldls.vercel.app/?path=/story/react-icon--base&args=name:Ar Storybook}
  *
  * @component
  * @param {16 | 20 | 24 | 40 | 48 | 56} [size=24] - The size of the icon in pixels.

package/dist/lib/Symbols/Icons/ArrowDown.d.ts

@@ -5,7 +5,7 @@
  * to create a consistent icon interface. It supports all standard SVG props and additional
  * size variants defined in the Icon component.
  *
- * @see {@link https://ldls.vercel.app/?path=/story/symbols-interface-icons--icon&args=name:ArrowDown Storybook}
+ * @see {@link https://ldls.vercel.app/?path=/story/react-icon--base&args=name:ArrowDown Storybook}
  *
  * @component
  * @param {16 | 20 | 24 | 40 | 48 | 56} [size=24] - The size of the icon in pixels.

package/dist/lib/Symbols/Icons/ArrowDownRight.d.ts

@@ -5,7 +5,7 @@
  * to create a consistent icon interface. It supports all standard SVG props and additional
  * size variants defined in the Icon component.
  *
- * @see {@link https://ldls.vercel.app/?path=/story/symbols-interface-icons--icon&args=name:ArrowDownRight Storybook}
+ * @see {@link https://ldls.vercel.app/?path=/story/react-icon--base&args=name:ArrowDownRight Storybook}
  *
  * @component
  * @param {16 | 20 | 24 | 40 | 48 | 56} [size=24] - The size of the icon in pixels.

package/dist/lib/Symbols/Icons/ArrowLeft.d.ts

@@ -5,7 +5,7 @@
  * to create a consistent icon interface. It supports all standard SVG props and additional
  * size variants defined in the Icon component.
  *
- * @see {@link https://ldls.vercel.app/?path=/story/symbols-interface-icons--icon&args=name:ArrowLeft Storybook}
+ * @see {@link https://ldls.vercel.app/?path=/story/react-icon--base&args=name:ArrowLeft Storybook}
  *
  * @component
  * @param {16 | 20 | 24 | 40 | 48 | 56} [size=24] - The size of the icon in pixels.

package/dist/lib/Symbols/Icons/ArrowRight.d.ts

@@ -5,7 +5,7 @@
  * to create a consistent icon interface. It supports all standard SVG props and additional
  * size variants defined in the Icon component.
  *
- * @see {@link https://ldls.vercel.app/?path=/story/symbols-interface-icons--icon&args=name:ArrowRight Storybook}
+ * @see {@link https://ldls.vercel.app/?path=/story/react-icon--base&args=name:ArrowRight Storybook}
  *
  * @component
  * @param {16 | 20 | 24 | 40 | 48 | 56} [size=24] - The size of the icon in pixels.

package/dist/lib/Symbols/Icons/ArrowUp.d.ts

@@ -5,7 +5,7 @@
  * to create a consistent icon interface. It supports all standard SVG props and additional
  * size variants defined in the Icon component.
  *
- * @see {@link https://ldls.vercel.app/?path=/story/symbols-interface-icons--icon&args=name:ArrowUp Storybook}
+ * @see {@link https://ldls.vercel.app/?path=/story/react-icon--base&args=name:ArrowUp Storybook}
  *
  * @component
  * @param {16 | 20 | 24 | 40 | 48 | 56} [size=24] - The size of the icon in pixels.

package/dist/lib/Symbols/Icons/ArrowUpRight.d.ts

@@ -5,7 +5,7 @@
  * to create a consistent icon interface. It supports all standard SVG props and additional
  * size variants defined in the Icon component.
  *
- * @see {@link https://ldls.vercel.app/?path=/story/symbols-interface-icons--icon&args=name:ArrowUpRight Storybook}
+ * @see {@link https://ldls.vercel.app/?path=/story/react-icon--base&args=name:ArrowUpRight Storybook}
  *
  * @component
  * @param {16 | 20 | 24 | 40 | 48 | 56} [size=24] - The size of the icon in pixels.

package/dist/lib/Symbols/Icons/Asterisk.d.ts

@@ -5,7 +5,7 @@
  * to create a consistent icon interface. It supports all standard SVG props and additional
  * size variants defined in the Icon component.
  *
- * @see {@link https://ldls.vercel.app/?path=/story/symbols-interface-icons--icon&args=name:Asterisk Storybook}
+ * @see {@link https://ldls.vercel.app/?path=/story/react-icon--base&args=name:Asterisk Storybook}
  *
  * @component
  * @param {16 | 20 | 24 | 40 | 48 | 56} [size=24] - The size of the icon in pixels.

package/dist/lib/Symbols/Icons/At.d.ts

@@ -5,7 +5,7 @@
  * to create a consistent icon interface. It supports all standard SVG props and additional
  * size variants defined in the Icon component.
  *
- * @see {@link https://ldls.vercel.app/?path=/story/symbols-interface-icons--icon&args=name:At Storybook}
+ * @see {@link https://ldls.vercel.app/?path=/story/react-icon--base&args=name:At Storybook}
  *
  * @component
  * @param {16 | 20 | 24 | 40 | 48 | 56} [size=24] - The size of the icon in pixels.

package/dist/lib/Symbols/Icons/AutoLock.d.ts

@@ -5,7 +5,7 @@
  * to create a consistent icon interface. It supports all standard SVG props and additional
  * size variants defined in the Icon component.
  *
- * @see {@link https://ldls.vercel.app/?path=/story/symbols-interface-icons--icon&args=name:AutoLock Storybook}
+ * @see {@link https://ldls.vercel.app/?path=/story/react-icon--base&args=name:AutoLock Storybook}
  *
  * @component
  * @param {16 | 20 | 24 | 40 | 48 | 56} [size=24] - The size of the icon in pixels.

package/dist/lib/Symbols/Icons/Bank.d.ts

@@ -5,7 +5,7 @@
  * to create a consistent icon interface. It supports all standard SVG props and additional
  * size variants defined in the Icon component.
  *
- * @see {@link https://ldls.vercel.app/?path=/story/symbols-interface-icons--icon&args=name:Bank Storybook}
+ * @see {@link https://ldls.vercel.app/?path=/story/react-icon--base&args=name:Bank Storybook}
  *
  * @component
  * @param {16 | 20 | 24 | 40 | 48 | 56} [size=24] - The size of the icon in pixels.

package/dist/lib/Symbols/Icons/BasketPutIn.d.ts

@@ -5,7 +5,7 @@
  * to create a consistent icon interface. It supports all standard SVG props and additional
  * size variants defined in the Icon component.
  *
- * @see {@link https://ldls.vercel.app/?path=/story/symbols-interface-icons--icon&args=name:BasketPutIn Storybook}
+ * @see {@link https://ldls.vercel.app/?path=/story/react-icon--base&args=name:BasketPutIn Storybook}
  *
  * @component
  * @param {16 | 20 | 24 | 40 | 48 | 56} [size=24] - The size of the icon in pixels.