@ledgerhq/lumen-ui-react 0.1.43 → 0.1.45

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

@@ -5,7 +5,7 @@ import { AvatarProps } from './types';
  * When the image fails to load or no src is provided, displays a User icon fallback.
  * Supports an optional notification indicator.
  *
- * @see {@link https://ldls.vercel.app/?path=/docs/action-avatar--docs Storybook}
+ * @see {@link https://ldls.vercel.app/?path=/docs/react-avatar--docs Storybook}
  *
  * @example
  * import { Avatar } from '@ledgerhq/lumen-ui-react';

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

@@ -1 +1 @@
-{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Avatar/Avatar.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AA0C3C;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,MAAM,GAAI,8GAUpB,WAAW,4CAuDb,CAAC"}
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Avatar/Avatar.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AA0C3C;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,MAAM,GAAI,8GAUpB,WAAW,4CAwDb,CAAC"}

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

@@ -1,8 +1,8 @@
 import { jsx as t } from "react/jsx-runtime";
 import { cva as h } from "class-variance-authority";
-import { useState as z, useEffect as x } from "react";
-import { useCommonTranslation as A } from "../../../i18n/useCommonTranslation.js";
-import { User as N } from "../../Symbols/Icons/User.js";
+import { useState as x, useEffect as z } from "react";
+import { useCommonTranslation as N } from "../../../i18n/useCommonTranslation.js";
+import { User as A } from "../../Symbols/Icons/User.js";
 import { DotIndicator as j } from "../DotIndicator/DotIndicator.js";
 const k = {
   root: h(
@@ -37,7 +37,7 @@ const k = {
 }, V = ({
   ref: l,
   className: c,
-  src: r,
+  src: e,
   alt: m,
   appearance: d = "transparent",
   size: a = "md",
@@ -45,11 +45,11 @@ const k = {
   showNotification: p = !1,
   ...u
 }) => {
-  const { t: e } = A(), [v, o] = z(!1), b = !r || v, n = m || e("components.avatar.defaultAlt"), i = p && (a === "sm" || a === "md"), g = i ? `${n}, ${e("components.avatar.notificationAriaLabel")}` : n;
-  x(() => {
+  const { t: r } = N(), [v, o] = x(!1), b = !e || v, n = m || r("components.avatar.defaultAlt"), s = p && (a === "sm" || a === "md"), g = s ? `${n}, ${r("components.avatar.notificationAriaLabel")}` : n;
+  z(() => {
     o(!1);
-  }, [r]);
-  const s = /* @__PURE__ */ t(
+  }, [e]);
+  const i = /* @__PURE__ */ t(
     "div",
     {
       ref: l,
@@ -58,8 +58,9 @@ const k = {
       "aria-label": g,
       ...u,
       children: b ? /* @__PURE__ */ t(
-        N,
+        A,
         {
+          className: "text-base",
           size: w[a],
           "aria-label": "Fallback Icon",
           "aria-hidden": "true"
@@ -67,7 +68,7 @@ const k = {
       ) : /* @__PURE__ */ t(
         "img",
         {
-          src: r,
+          src: e,
           alt: "",
           loading: f,
           onError: () => o(!0),
@@ -77,7 +78,7 @@ const k = {
       )
     }
   );
-  return i ? /* @__PURE__ */ t(j, { size: E[a], appearance: "red", children: s }) : s;
+  return s ? /* @__PURE__ */ t(j, { size: E[a], appearance: "red", children: i }) : i;
 };
 export {
   V as Avatar

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

@@ -4,8 +4,7 @@ import { BannerProps } from './types';
  *
  * The appearance determines the color scheme and icon used.
  *
- * @see {@link https://ldls.vercel.app/?path=/docs/communication-banner-overview--docs Storybook}
- * @see {@link https://ldls.vercel.app/?path=/docs/communication-banner-implementation--docs#dos-and-donts Guidelines}
+ * @see {@link https://ldls.vercel.app/?path=/docs/react-banner--docs Guidelines}
  *
  * @warning The `className` prop should only be used for layout adjustments like margins or positioning.
  * Do not use it to modify the banner's core appearance (colors, padding, etc). Use the `appearance` prop instead.

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

@@ -1 +1 @@
-{"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Banner/Banner.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAsB3C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,eAAO,MAAM,MAAM,GAAI,uHAWpB,WAAW,4CAsCb,CAAC"}
+{"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Banner/Banner.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAsB3C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,eAAO,MAAM,MAAM,GAAI,uHAWpB,WAAW,4CAsCb,CAAC"}

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

@@ -37,7 +37,7 @@ const te = u(
   "group-has-disabled:text-disabled",
   "peer-focus:top-6 peer-focus:translate-y-0 peer-focus:body-4",
   "w-[calc(100%-var(--size-56))] truncate"
-), oe = u(ae, {
+), se = u(ae, {
   variants: {
     status: {
       default: "",
@@ -53,7 +53,7 @@ const te = u(
     status: "default",
     floated: !1
   }
-}), se = u("mt-8 flex items-center gap-2 body-3", {
+}), oe = u("mt-8 flex items-center gap-2 body-3", {
   variants: {
     status: {
       default: "text-muted",
@@ -90,8 +90,8 @@ const te = u(
   }), { t: E } = Z(), t = K(null), L = Q(), c = k || `input-${L}`, A = D ?? (e === "error" ? !0 : void 0), i = a.value !== void 0, [H, f] = X(
     a.defaultValue?.toString() || ""
   ), M = Y(
-    (o) => {
-      i || f(o.target.value), h?.(o);
+    (s) => {
+      i || f(s.target.value), h?.(s);
     },
     [i, h]
   ), O = i ? !!a.value && a.value.toString().length > 0 : H.length > 0, { inputPlaceholder: T, labelStaysFloatedWithPlaceholder: W } = G({
@@ -111,17 +111,17 @@ const te = u(
       "div",
       {
         className: n(te({ status: e }), S),
-        onPointerDown: (o) => {
-          if (o.target.closest("input, button, a")) return;
-          const s = t.current;
-          if (!s) return;
-          const x = s.value.length > 0 ? s.value.length : 0;
+        onPointerDown: (s) => {
+          if (s.target.closest("input, button, a")) return;
+          const o = t.current;
+          if (!o) return;
+          const x = o.value.length > 0 ? o.value.length : 0;
           window.requestAnimationFrame(() => {
             try {
-              s.setSelectionRange(x, x);
+              o.setSelectionRange(x, x);
             } catch {
             }
-            s.focus();
+            o.focus();
           });
         },
         children: [
@@ -149,7 +149,7 @@ const te = u(
             {
               htmlFor: c,
               className: n(
-                oe({
+                se({
                   status: e,
                   floated: W
                 }),
@@ -176,7 +176,7 @@ const te = u(
       "div",
       {
         id: g,
-        className: se({ status: e }),
+        className: oe({ status: e }),
         role: e === "error" ? "alert" : void 0,
         children: [
           e === "error" && /* @__PURE__ */ r(y, { size: 16, className: "text-error" }),

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

@@ -4,8 +4,7 @@ import { ButtonProps } from './types';
  *
  * When in loading state, it displays a spinner. If an icon is provided without children, it renders as an icon-only button.
  *
- * @see {@link https://ldls.vercel.app/?path=/docs/action-button--docs Storybook}
- * @see {@link https://ldls.vercel.app/?path=/docs/action-button--docs#dos-and-donts Guidelines}
+ * @see {@link https://ldls.vercel.app/?path=/docs/react-button--docs Guidelines}
  *
  * @warning The `className` prop should only be used for layout adjustments like margins or positioning.
  * Do not use it to modify the button's core appearance (colors, padding, etc). Use the `appearance` prop instead.

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

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Button/Button.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAe3C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,eAAO,MAAM,MAAM,GAAI,uEASpB,WAAW,4CAcb,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Button/Button.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAe3C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,eAAO,MAAM,MAAM,GAAI,uEASpB,WAAW,4CAcb,CAAC"}

package/dist/lib/Components/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 "./BaseButton.js";
-const l = d("", {
+const l = e("", {
   variants: {
     size: {
       sm: "px-16 py-10 body-2-semi-bold",
@@ -15,22 +15,22 @@ const l = d("", {
   }
 }), x = ({
   ref: t,
-  className: m,
-  loading: s,
+  className: s,
+  loading: m,
   disabled: r,
   children: a,
   size: o,
   icon: i,
   ...p
-}) => /* @__PURE__ */ e(
+}) => /* @__PURE__ */ n(
   b,
   {
     ref: t,
     size: o,
     disabled: r,
     icon: i,
-    loading: s,
-    className: n(l({ size: o }), "gap-8", m),
+    loading: m,
+    className: d(l({ size: o }), "gap-8", s),
     ...p,
     children: a
   }

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

@@ -144,7 +144,7 @@ const k = ({
       ]
     }
   );
-}, z = ({
+}, V = ({
   ref: t,
   children: a,
   className: r,
@@ -157,7 +157,7 @@ const k = ({
     ...e,
     children: a
   }
-), V = ({
+), z = ({
   ref: t,
   children: a,
   className: r,
@@ -203,7 +203,7 @@ const k = ({
       children: a
     }
   );
-}, I = ({
+}, U = ({
   ref: t,
   children: a,
   className: r,
@@ -226,7 +226,7 @@ const k = ({
       children: a
     }
   );
-}, L = ({
+}, I = ({
   ref: t,
   children: a,
   className: r,
@@ -249,7 +249,7 @@ const k = ({
       children: a
     }
   );
-}, M = ({
+}, L = ({
   ref: t,
   children: a,
   className: r,
@@ -272,7 +272,7 @@ const k = ({
       children: a
     }
   ) });
-}, S = ({
+}, M = ({
   ref: t,
   children: a,
   className: r,
@@ -304,7 +304,7 @@ const k = ({
       ) })
     }
   );
-}, U = ({
+}, S = ({
   ref: t,
   children: a,
   className: r,
@@ -320,14 +320,14 @@ const k = ({
 );
 export {
   P as Card,
-  V as CardContent,
-  L as CardContentDescription,
+  z as CardContent,
+  I as CardContentDescription,
   B as CardContentRow,
-  I as CardContentTitle,
-  S as CardFooter,
-  U as CardFooterActions,
+  U as CardContentTitle,
+  M as CardFooter,
+  S as CardFooterActions,
   T as CardHeader,
-  z as CardLeading,
-  M as CardTrailing,
+  V as CardLeading,
+  L as CardTrailing,
   k as resolveCardInnerContext
 };

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

@@ -4,8 +4,7 @@ import { CardButtonProps } from './types';
  *
  * It supports different appearances. takes full width by default. The chevron can be hidden if needed.
  *
- * @see {@link https://ldls.vercel.app/?path=/docs/action-cardbutton--docs Storybook}
- * @see {@link https://ldls.vercel.app/?path=/docs/action-cardbutton--docs#dos-and-donts Guidelines}
+ * @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.
  * Do not use it to modify the card button's core appearance (colors, padding, etc). Use the `appearance` prop instead.

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

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

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

@@ -5,8 +5,7 @@ import { CheckboxProps } from './types';
  * The checkbox follows the design system tokens and supports checked, unchecked,
  * disabled, and focus states with proper hover and active interactions.
  *
- * @see {@link https://ldls.vercel.app/?path=/docs/components-checkbox-overview--docs Storybook}
- * @see {@link https://ldls.vercel.app/?path=/docs/components-checkbox-implementation--docs#dos-and-donts Guidelines}
+ * @see {@link https://ldls.vercel.app/?path=/docs/react-checkbox--docs Guidelines}
  *
  * @warning The `className` prop should only be used for layout adjustments like margins or positioning.
  * Do not use it to modify the checkbox's core appearance.

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

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAiB7C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AACH,eAAO,MAAM,QAAQ,GAAI,sDAKtB,aAAa,4CAkBf,CAAC"}
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAiB7C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,eAAO,MAAM,QAAQ,GAAI,sDAKtB,aAAa,4CAkBf,CAAC"}

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

@@ -4,7 +4,7 @@ import { flexRender as m } from "@tanstack/react-table";
 import { useCallback as R, Fragment as x } from "react";
 import { TableRoot as B, Table as k, TableLoadingRow as y, TableHeader as H, TableHeaderRow as N, TableHeaderCell as S, TableSortButton as v, TableBody as b, TableGroupHeaderRow as G, TableRow as q, TableCell as I } from "../Table/Table.js";
 import { SearchInput as F } from "../SearchInput/SearchInput.js";
-const [M, u] = w("DataTableContext"), Q = ({
+const [M, u] = w("DataTableContext"), O = ({
   table: l,
   appearance: n = "no-background",
   paginationMode: o = "none",
@@ -73,7 +73,7 @@ const [M, u] = w("DataTableContext"), Q = ({
       r.id
     );
   }) }, i.id)) });
-}, U = ({ className: l, ref: n, ...o }) => {
+}, Q = ({ className: l, ref: n, ...o }) => {
   const {
     appearance: e,
     paginationMode: t,
@@ -97,7 +97,7 @@ const [M, u] = w("DataTableContext"), Q = ({
       children: [
         /* @__PURE__ */ d(k, { children: [
           !i && /* @__PURE__ */ a(j, {}),
-          s ? /* @__PURE__ */ a(z, {}) : /* @__PURE__ */ a(P, {})
+          s ? /* @__PURE__ */ a(L, {}) : /* @__PURE__ */ a(P, {})
         ] }),
         t === "infinite-scroll" && /* @__PURE__ */ a(y, {})
       ]
@@ -117,7 +117,7 @@ const [M, u] = w("DataTableContext"), Q = ({
     (!e || e.key !== i) && (e = { key: i, rows: [], count: 0 }, o.push(e)), e.rows.push(t), e.count++;
   }
   return o;
-}, z = ({
+}, L = ({
   className: l,
   ref: n,
   ...o
@@ -178,7 +178,7 @@ const [M, u] = w("DataTableContext"), Q = ({
   );
 };
 export {
-  U as DataTable,
+  Q as DataTable,
   W as DataTableGlobalSearchInput,
-  Q as DataTableRoot
+  O as DataTableRoot
 };

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

@@ -5,7 +5,7 @@ import { DescriptionItemLabelProps, DescriptionItemLeadingProps, DescriptionItem
  * and DescriptionItemTrailing / DescriptionItemValue (value side).
  *
  *
- * @see {@link https://ldls.vercel.app/?path=/docs/containment-descriptionitem--docs Storybook}
+ * @see {@link https://ldls.vercel.app/?path=/docs/react-descriptionitem--docs Storybook}
  *
  * @example
  * <DescriptionItem size="md">

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

@@ -6,7 +6,7 @@ import { DialogBodyProps, DialogBodyStickyContentProps, DialogContentProps, Dial
  * This component wraps the Radix UI Dialog Root. It manages the dialog's visibility
  * state and coordinates between the trigger and content components.
  *
- * @see {@link https://ldls.vercel.app/?path=/docs/containment-dialog-overview--docs Storybook}
+ * @see {@link https://ldls.vercel.app/?path=/docs/react-dialog--docs Storybook}
  *
  * @example
  * import { Dialog, DialogTrigger, DialogContent, DialogHeader, DialogBody, Button } from '@ledgerhq/lumen-ui-react';
@@ -41,7 +41,7 @@ export declare function Dialog({ height, ...props }: DialogProps): import("react
  * the trigger for the dialog. When users click on this element, the
  * associated dialog content will be displayed.
  *
- * @see {@link https://ldls.vercel.app/?path=/docs/containment-dialog-overview--docs Storybook}
+ * @see {@link https://ldls.vercel.app/?path=/docs/react-dialog--docs Storybook}
  *
  * @example
  * import { DialogTrigger, Button } from '@ledgerhq/lumen-ui-react';
@@ -58,7 +58,7 @@ export { DialogClose } from './DialogClose/DialogClose';
  * This component renders the actual dialog content with custom styling.
  * The content is automatically positioned in the center of the viewport.
  *
- * @see {@link https://ldls.vercel.app/?path=/docs/containment-dialog-overview--docs Storybook}
+ * @see {@link https://ldls.vercel.app/?path=/docs/react-dialog--docs Storybook}
  *
  * @warning The `className` prop should only be used for layout adjustments like margins or positioning.
  * Do not use it to modify the dialog's core appearance (colors, padding, etc).
@@ -86,7 +86,7 @@ export declare function DialogContent({ className, children, ...props }: DialogC
  * remaining space between the header and footer. Use it when you have
  * content that may overflow the dialog height.
  *
- * @see {@link https://ldls.vercel.app/?path=/docs/containment-dialog-overview--docs Storybook}
+ * @see {@link https://ldls.vercel.app/?path=/docs/react-dialog--docs Storybook}
  *
  * @example
  * <DialogContent>
@@ -107,7 +107,7 @@ export declare const DialogBody: ({ ref, className, children, scrollbarWidth, st
  * dialog body scrolls, such as search inputs, filters, or section controls.
  * It should be used inside `DialogBody`.
  *
- * @see {@link https://ldls.vercel.app/?path=/docs/containment-dialog-overview--docs Storybook}
+ * @see {@link https://ldls.vercel.app/?path=/docs/react-dialog--docs Storybook}
  *
  * @example
  * <DialogBody>
@@ -124,7 +124,7 @@ export declare const DialogBodyStickyContent: ({ ref, className, children, ...pr
  * This component provides a fixed container at the bottom of the dialog
  * for actions like buttons. It stays in place while the body content scrolls.
  *
- * @see {@link https://ldls.vercel.app/?path=/docs/containment-dialog-overview--docs Storybook}
+ * @see {@link https://ldls.vercel.app/?path=/docs/react-dialog--docs Storybook}
  *
  * @example
  * <DialogContent>

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

@@ -6,7 +6,7 @@ import { DialogCloseProps } from '../types';
  * when clicked. It is typically used inside the dialog content to provide
  * an explicit close action, such as a "Cancel" or "Done" button.
  *
- * @see {@link https://ldls.vercel.app/?path=/docs/containment-dialog-overview--docs Storybook}
+ * @see {@link https://ldls.vercel.app/?path=/docs/react-dialog--docs Storybook}
  *
  * @example
  * import { DialogClose, Button } from '@ledgerhq/lumen-ui-react';

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

@@ -5,7 +5,7 @@ import { DividerProps } from './types';
  * The Divider renders a horizontal or vertical line to create visual separation
  * between content areas. It uses design system tokens for consistent styling.
  *
- * @see {@link https://ldls.vercel.app/?path=/docs/layout-divider--docs Storybook}
+ * @see {@link https://ldls.vercel.app/?path=/docs/react-divider--docs Storybook}
  *
  * @example
  * // Horizontal divider (default)

package/dist/lib/Components/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/DotIcon/DotIcon.js

@@ -1,5 +1,5 @@
 import { jsx as e, jsxs as h } from "react/jsx-runtime";
-import { useDisabledContext as x, DisabledProvider as v, cn as n } from "../../../libs/utils-shared/dist/index.js";
+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 g = c("relative inline-flex w-fit", {
@@ -64,9 +64,9 @@ const g = c("relative inline-flex w-fit", {
   "top-end": ["top", "right"],
   "bottom-start": ["bottom", "left"],
   "bottom-end": ["bottom", "right"]
-}, i = -3, q = (s) => {
+}, n = -3, q = (s) => {
   const [t, o] = I[s];
-  return { [t]: i, [o]: i };
+  return { [t]: n, [o]: n };
 }, M = ({
   children: s,
   icon: t,
@@ -87,14 +87,14 @@ const g = c("relative inline-flex w-fit", {
     "div",
     {
       ref: p,
-      className: n(g({ disabled: f, className: l })),
+      className: i(g({ disabled: f, className: l })),
       ...b,
       children: [
         /* @__PURE__ */ e("div", { className: "inline-flex", children: s }),
         /* @__PURE__ */ e(
           "div",
           {
-            className: n(N({ size: r, shape: d, pin: a, appearance: o })),
+            className: i(N({ size: r, shape: d, pin: a, appearance: o })),
             style: u,
             children: /* @__PURE__ */ e(t, { size: D[r], className: "text-on-interactive" })
           }

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

@@ -22,8 +22,8 @@ const h = a("inline-block shrink-0", {
   size: n = 24,
   className: i = "",
   children: c,
-  viewBox: e,
-  xmlns: r,
+  viewBox: r,
+  xmlns: e,
   ...t
 }) => k(
   "svg",
@@ -31,8 +31,8 @@ const h = a("inline-block shrink-0", {
     ref: o,
     fill: "none",
     "aria-hidden": "true",
-    xmlns: r,
-    viewBox: e,
+    xmlns: e,
+    viewBox: r,
     className: s(h({ size: n }), "inline-block", i),
     ...t
   },

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

@@ -5,8 +5,7 @@ import { InteractiveIconProps } from './types';
  * The InteractiveIcon provides two visual styles - 'filled' and 'stroked' - optimized for different icon types and use cases.
  * It ensures proper focus states, hover effects, and accessibility features while maintaining a minimal footprint.
  *
- * @see {@link https://ldls.vercel.app/?path=/docs/components-interactiveicon-overview--docs Storybook}
- * @see {@link https://ldls.vercel.app/?path=/docs/components-interactiveicon-implementation--docs#dos-and-donts Guidelines}
+ * @see {@link https://ldls.vercel.app/?path=/docs/react-interactiveicon--docs Guidelines}
  *
  * @component
  *

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

@@ -1 +1 @@
-{"version":3,"file":"InteractiveIcon.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/InteractiveIcon/InteractiveIcon.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AA6BpD;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,eAAe,GAAI,8FAS7B,oBAAoB,4CAmBtB,CAAC"}
+{"version":3,"file":"InteractiveIcon.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/InteractiveIcon/InteractiveIcon.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AA6BpD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,eAAe,GAAI,8FAS7B,oBAAoB,4CAmBtB,CAAC"}

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

@@ -2,8 +2,7 @@ import { LinkProps } from './types';
 /**
  * A customizable link component that supports base and accent color appearances, optional underline, sizes, icons, and external link handling.
  *
- * @see {@link https://ldls.vercel.app/?path=/docs/components-link-overview--docs Storybook}
- * @see {@link https://ldls.vercel.app/?path=/docs/components-link-implementation--docs#dos-and-donts Guidelines}
+ * @see {@link https://ldls.vercel.app/?path=/docs/react-link--docs Guidelines}
  *
  * @warning The `className` prop should only be used for layout adjustments like margins or positioning.
  * Do not use it to modify the link's core appearance (colors, padding, etc). Use the `appearance` and `underline` props instead.

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

@@ -1 +1 @@
-{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Link/Link.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAmCzC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AACH,eAAO,MAAM,IAAI,GAAI,wHAYlB,SAAS,4CAgDX,CAAC"}
+{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/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"}

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

@@ -36,7 +36,7 @@ const w = k(
 ), V = ({
   ref: d,
   className: m,
-  children: a,
+  children: s,
   appearance: f,
   size: i = "inherit",
   underline: p = !0,
@@ -46,7 +46,7 @@ const w = k(
   disabled: b,
   ...v
 }) => {
-  const s = x({
+  const a = x({
     consumerName: "Link",
     mergeWith: { disabled: b }
   }), r = i ? {
@@ -62,17 +62,17 @@ const w = k(
           appearance: f,
           size: i,
           underline: p,
-          disabled: s
+          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: [
+      children: t ? s : /* @__PURE__ */ l(c, { children: [
         o && /* @__PURE__ */ e(o, { size: r }),
-        /* @__PURE__ */ e("span", { className: "min-w-0 truncate", children: a }),
+        /* @__PURE__ */ e("span", { className: "min-w-0 truncate", children: s }),
         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)" })

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

@@ -3,8 +3,7 @@ import { ListItemContentProps, ListItemDescriptionProps, ListItemLeadingProps, L
  * A flexible list item component that provides a composable structure for displaying
  * interactive list items with leading content, title, description, and trailing content.
  *
- * @see {@link https://ldls.vercel.app/?path=/docs/containment-listitem--docs Storybook}
- * @see {@link https://ldls.vercel.app/?path=/docs/containment-listitem--docs#dos-and-donts Guidelines}
+ * @see {@link https://ldls.vercel.app/?path=/docs/react-listitem--docs Guidelines}
  *
  * @example
  *

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

@@ -1 +1 @@
-{"version":3,"file":"ListItem.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/ListItem/ListItem.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EACV,oBAAoB,EACpB,wBAAwB,EACxB,oBAAoB,EACpB,aAAa,EACb,uBAAuB,EACvB,kBAAkB,EAClB,qBAAqB,EACtB,MAAM,SAAS,CAAC;AAsCjB;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,QAAQ,GAAI,4BAA4B,aAAa,4CAgCjE,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,eAAe,GAAI,wCAK7B,oBAAoB,4CAUtB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe,GAAI,wCAK7B,oBAAoB,4CAUtB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,kBAAkB,GAAI,wCAKhC,uBAAuB,4CAmBzB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,GAAI,wCAK3B,kBAAkB,4CAwBpB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,mBAAmB,GAAI,wCAKjC,wBAAwB,4CAwB1B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,gBAAgB,GAAI,wCAK9B,qBAAqB,4CAqBvB,CAAC"}
+{"version":3,"file":"ListItem.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/ListItem/ListItem.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EACV,oBAAoB,EACpB,wBAAwB,EACxB,oBAAoB,EACpB,aAAa,EACb,uBAAuB,EACvB,kBAAkB,EAClB,qBAAqB,EACtB,MAAM,SAAS,CAAC;AAsCjB;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,QAAQ,GAAI,4BAA4B,aAAa,4CAgCjE,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,eAAe,GAAI,wCAK7B,oBAAoB,4CAUtB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe,GAAI,wCAK7B,oBAAoB,4CAUtB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,kBAAkB,GAAI,wCAKhC,uBAAuB,4CAmBzB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,GAAI,wCAK3B,kBAAkB,4CAwBpB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,mBAAmB,GAAI,wCAKjC,wBAAwB,4CAwB1B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,gBAAgB,GAAI,wCAK9B,qBAAqB,4CAqBvB,CAAC"}