@ledgerhq/lumen-ui-react 0.1.15 → 0.1.17

package/dist/lib/Components/SideBar/SideBar.js

@@ -1,13 +1,13 @@
-import { jsx as a, jsxs as x, Fragment as k } from "react/jsx-runtime";
-import { createSafeContext as j, cn as l, useDisabledContext as z } from "../../../libs/utils-shared/dist/index.js";
+import { jsx as e, jsxs as C, Fragment as P } from "react/jsx-runtime";
+import { createSafeContext as R, cn as u, useDisabledContext as V } from "../../../libs/utils-shared/dist/index.js";
 import { cva as h } from "class-variance-authority";
-import { t as C } from "../../../node_modules/i18next/dist/esm/i18next.js";
-import { useCallback as S } from "react";
-import { Tooltip as P, TooltipTrigger as R, TooltipContent as V } from "../Tooltip/Tooltip.js";
-import { useControllableState as B } from "../../../utils/useControllableState/useControllableState.js";
+import { useCallback as B } from "react";
+import { Tooltip as S, TooltipTrigger as N, TooltipContent as y } from "../Tooltip/Tooltip.js";
+import { useCommonTranslation as T } from "../../../i18n/useCommonTranslation.js";
+import { useControllableState as x } from "../../../utils/useControllableState/useControllableState.js";
 import { ExpandRight as q } from "../../Symbols/Icons/ExpandRight.js";
 import { ExpandLeft as E } from "../../Symbols/Icons/ExpandLeft.js";
-const [D, N] = j("SideBar"), d = {
+const [O, A] = R("SideBar"), f = {
   root: h(
     [
       "flex h-full flex-col justify-between gap-16 overflow-y-auto rounded-xl bg-muted-transparent p-16",
@@ -50,71 +50,71 @@ const [D, N] = j("SideBar"), d = {
       }
     }
   )
-}, F = ({
+}, D = ({
   ref: n,
   collapsed: t,
-  defaultCollapsed: e = !1,
-  onCollapsedChange: o,
-  active: s,
-  defaultActive: i,
-  onActiveChange: c,
-  children: u,
-  className: p,
-  ...f
+  defaultCollapsed: s = !1,
+  onCollapsedChange: a,
+  active: o,
+  defaultActive: r,
+  onActiveChange: d,
+  children: c,
+  className: i,
+  ...p
 }) => {
-  const [r, b] = B({
+  const { t: l } = T(), [b, v] = x({
     prop: t,
-    defaultProp: e,
-    onChange: o
-  }), [g, m] = B({
-    prop: s,
-    defaultProp: i ?? "",
-    onChange: c
+    defaultProp: s,
+    onChange: a
+  }), [g, m] = x({
+    prop: o,
+    defaultProp: r ?? "",
+    onChange: d
   });
-  return /* @__PURE__ */ a(
-    D,
+  return /* @__PURE__ */ e(
+    O,
     {
-      value: { collapsed: r, setCollapsed: b, active: g, onActiveChange: m },
-      children: /* @__PURE__ */ a(
+      value: { collapsed: b, setCollapsed: v, active: g, onActiveChange: m },
+      children: /* @__PURE__ */ e(
         "nav",
         {
           ref: n,
-          className: l(d.root({ collapsed: r }), p),
-          "aria-label": C("components.sideBar.navigationAriaLabel"),
-          ...f,
-          children: u
+          className: u(f.root({ collapsed: b }), i),
+          "aria-label": l("components.sideBar.navigationAriaLabel"),
+          ...p,
+          children: c
         }
       )
     }
   );
 };
-F.displayName = "SideBar";
-const O = ({
+D.displayName = "SideBar";
+const F = ({
   ref: n,
   children: t,
-  className: e,
-  ...o
-}) => /* @__PURE__ */ a(
+  className: s,
+  ...a
+}) => /* @__PURE__ */ e(
   "div",
   {
     ref: n,
-    className: l(d.section(), e),
-    ...o,
+    className: u(f.section(), s),
+    ...a,
     children: t
   }
 );
-O.displayName = "SideBarLeading";
+F.displayName = "SideBarLeading";
 const W = ({
   ref: n,
   children: t,
-  className: e,
-  ...o
-}) => /* @__PURE__ */ a(
+  className: s,
+  ...a
+}) => /* @__PURE__ */ e(
   "div",
   {
     ref: n,
-    className: l("mt-auto", d.section(), e),
-    ...o,
+    className: u("mt-auto", f.section(), s),
+    ...a,
     children: t
   }
 );
@@ -122,81 +122,85 @@ W.displayName = "SideBarTrailing";
 const G = ({
   ref: n,
   value: t,
-  icon: e,
-  activeIcon: o,
-  label: s,
-  tooltipContent: i,
-  disabled: c = !1,
-  className: u,
-  onClick: p,
-  ...f
+  icon: s,
+  activeIcon: a,
+  label: o,
+  tooltipContent: r,
+  disabled: d = !1,
+  className: c,
+  onClick: i,
+  ...p
 }) => {
-  const r = z({
+  const l = V({
     consumerName: "SideBarItem",
-    mergeWith: { disabled: c }
-  }), { collapsed: b, active: g, onActiveChange: m } = N({
+    mergeWith: { disabled: d }
+  }), { collapsed: b, active: v, onActiveChange: g } = A({
     consumerName: "SideBarItem",
     contextRequired: !0
-  }), v = g === t, y = v ? o : e, T = i ?? s, w = S(
-    (L) => {
-      r || (p?.(L), m?.(t));
+  }), m = v === t, w = m ? a : s, I = r ?? o, L = B(
+    (z) => {
+      l || (i?.(z), g?.(t));
     },
-    [r, p, m, t]
-  ), A = /* @__PURE__ */ x(k, { children: [
-    /* @__PURE__ */ a(y, { size: 20, className: "shrink-0" }),
-    s != null && /* @__PURE__ */ a("span", { className: "translate-x-8 truncate", children: s })
-  ] }), I = /* @__PURE__ */ a(
+    [l, i, g, t]
+  ), j = /* @__PURE__ */ C(P, { children: [
+    /* @__PURE__ */ e(w, { size: 20 }),
+    o != null && /* @__PURE__ */ e("span", { className: "translate-x-8 truncate", children: o })
+  ] }), k = /* @__PURE__ */ e(
     "button",
     {
       ref: n,
       type: "button",
-      disabled: r,
-      onClick: w,
-      className: l(
-        d.item({ active: v, disabled: r }),
-        u
+      disabled: l,
+      onClick: L,
+      className: u(
+        f.item({ active: m, disabled: l }),
+        c
       ),
-      "aria-current": v ? "page" : void 0,
-      ...f,
-      children: A
+      "aria-current": m ? "page" : void 0,
+      ...p,
+      children: j
     }
   );
-  return /* @__PURE__ */ x(P, { open: b ? void 0 : !1, children: [
-    /* @__PURE__ */ a(R, { asChild: !0, children: I }),
-    /* @__PURE__ */ a(V, { side: "right", sideOffset: 8, children: T })
+  return /* @__PURE__ */ C(S, { open: b ? void 0 : !1, children: [
+    /* @__PURE__ */ e(N, { asChild: !0, children: k }),
+    /* @__PURE__ */ e(y, { side: "right", sideOffset: 8, children: I })
   ] });
 };
 G.displayName = "SideBarItem";
 const H = ({
   className: n,
-  ...t
+  tooltipContent: t,
+  ...s
 }) => {
-  const { collapsed: e, setCollapsed: o } = N({
+  const { t: a } = T(), { collapsed: o, setCollapsed: r } = A({
     consumerName: "SideBarCollapseToggle",
     contextRequired: !0
-  }), s = S(() => {
-    o(!e);
-  }, [e, o]), i = e ? q : E;
-  return /* @__PURE__ */ a(
+  }), d = B(() => {
+    r(!o);
+  }, [o, r]), c = o ? q : E, i = /* @__PURE__ */ e(
     "button",
     {
       type: "button",
-      onClick: s,
-      className: l(
-        d.item({ active: !1, disabled: !1 }),
+      onClick: d,
+      className: u(
+        f.item({ active: !1, disabled: !1 }),
         n
       ),
-      "aria-label": e ? C("components.sideBar.expandAriaLabel") : C("components.sideBar.collapseAriaLabel"),
-      ...t,
-      children: /* @__PURE__ */ a(i, { size: 20, className: "shrink-0" })
+      "aria-label": a(o ? "components.sideBar.expandAriaLabel" : "components.sideBar.collapseAriaLabel"),
+      ...s,
+      children: /* @__PURE__ */ e(c, { size: 20 })
     }
-  );
+  ), p = t ?? a("components.sideBar.collapseAriaLabel");
+  return /* @__PURE__ */ C(S, { open: o ? void 0 : !1, children: [
+    /* @__PURE__ */ e(N, { asChild: !0, children: i }),
+    /* @__PURE__ */ e(y, { side: "right", sideOffset: 8, children: p })
+  ] });
 };
 H.displayName = "SideBarCollapseToggle";
 export {
-  F as SideBar,
+  D as SideBar,
   H as SideBarCollapseToggle,
   G as SideBarItem,
-  O as SideBarLeading,
+  F as SideBarLeading,
   W as SideBarTrailing
 };

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

@@ -114,7 +114,8 @@ export type SideBarItemProps = {
      */
     label?: ReactNode;
     /**
-     * Content shown in the tooltip when collapsed. Can be a string or ReactNode. If not provided and `label` is set, `label` is used.
+     * Content shown in the tooltip when collapsed. Can be a string or ReactNode.
+     * If not provided and `label` is set, `label` is used.
      */
     tooltipContent?: ReactNode;
     /**
@@ -136,6 +137,11 @@ export type SideBarItemProps = {
  * Internal props for the collapse toggle component
  */
 export type SideBarCollapseToggleProps = {
+    /**
+     * Content shown in the tooltip when collapsed. Can be a string or ReactNode.
+     * If not provided, defaults to the `components.sideBar.collapseAriaLabel` translation key.
+     */
+    tooltipContent?: ReactNode;
     /**
      * Additional CSS classes for the toggle.
      */

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/SideBar/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,qBAAqB,EACrB,aAAa,EACb,iBAAiB,EACjB,SAAS,EACV,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG;IAChC;;OAEG;IACH,SAAS,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,YAAY,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG;IACzB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;OAEG;IACH,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IACjD;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,IAAI,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAAE,UAAU,CAAC,CAAC;AAErD;;GAEG;AACH,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;;GAEG;AACH,MAAM,MAAM,oBAAoB,GAAG;IACjC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;AAEjC;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,EAAE,aAAa,CAAC;QAAE,IAAI,CAAC,EAAE,QAAQ,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC7D;;OAEG;IACH,UAAU,EAAE,aAAa,CAAC;QAAE,IAAI,CAAC,EAAE,QAAQ,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACnE;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAC/C;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,IAAI,CAAC,qBAAqB,CAAC,QAAQ,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC,CAAC;AAElE;;GAEG;AACH,MAAM,MAAM,0BAA0B,GAAG;IACvC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,IAAI,CAAC,qBAAqB,CAAC,QAAQ,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/SideBar/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,qBAAqB,EACrB,aAAa,EACb,iBAAiB,EACjB,SAAS,EACV,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG;IAChC;;OAEG;IACH,SAAS,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,YAAY,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG;IACzB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;OAEG;IACH,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IACjD;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,IAAI,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAAE,UAAU,CAAC,CAAC;AAErD;;GAEG;AACH,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;;GAEG;AACH,MAAM,MAAM,oBAAoB,GAAG;IACjC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;AAEjC;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,EAAE,aAAa,CAAC;QAAE,IAAI,CAAC,EAAE,QAAQ,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC7D;;OAEG;IACH,UAAU,EAAE,aAAa,CAAC;QAAE,IAAI,CAAC,EAAE,QAAQ,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACnE;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;OAGG;IACH,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAC/C;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,IAAI,CAAC,qBAAqB,CAAC,QAAQ,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC,CAAC;AAElE;;GAEG;AACH,MAAM,MAAM,0BAA0B,GAAG;IACvC;;;OAGG;IACH,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,IAAI,CAAC,qBAAqB,CAAC,QAAQ,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC,CAAC"}

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

@@ -1,3 +1,4 @@
+import { StepperProps } from './types';
 /**
  * A circular stepper component showing progress as current step out of total steps.
  * Renders a track arc with a progress arc and a center label.
@@ -8,10 +9,8 @@
  * <Stepper currentStep={1} totalSteps={4} />
  * <Stepper currentStep={0} totalSteps={9} disabled /> // Shows minimal dot, disabled style
  */
-export declare const Stepper: import('react').ForwardRefExoticComponent<{
-    currentStep: number;
-    totalSteps: number;
-    disabled?: boolean;
-    label?: string;
-} & Omit<import('react').HTMLAttributes<HTMLDivElement>, "children"> & import('react').RefAttributes<HTMLDivElement>>;
+export declare const Stepper: {
+    ({ className, currentStep, totalSteps, disabled: disabledProp, label, ref, ...props }: StepperProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 //# sourceMappingURL=Stepper.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Stepper.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Stepper/Stepper.tsx"],"names":[],"mappings":"AAWA;;;;;;;;;GASG;AACH,eAAO,MAAM,OAAO;;;;;qHAqGnB,CAAC"}
+{"version":3,"file":"Stepper.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Stepper/Stepper.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAKvC;;;;;;;;;GASG;AACH,eAAO,MAAM,OAAO;2FAQjB,YAAY;;CAyFd,CAAC"}

package/dist/lib/Components/Stepper/Stepper.js

@@ -1,110 +1,108 @@
 import { jsxs as a, jsx as e } from "react/jsx-runtime";
-import { useDisabledContext as N, cn as c, getStepperCalculations as v } from "../../../libs/utils-shared/dist/index.js";
-import { forwardRef as D } from "react";
-const s = 48, i = 4, g = D(
-  ({
-    className: m,
+import { useDisabledContext as N, cn as d, getStepperCalculations as v } from "../../../libs/utils-shared/dist/index.js";
+const s = 48, i = 4, D = ({
+  className: m,
+  currentStep: t,
+  totalSteps: r,
+  disabled: h = !1,
+  label: o,
+  ref: u,
+  ...p
+}) => {
+  const f = N({
+    consumerName: "Stepper",
+    mergeWith: { disabled: h }
+  }), {
+    displayLabel: k,
+    r: n,
+    cx: l,
+    cy: c,
+    trackDashArray: b,
+    progressDashArray: x,
+    progressDashOffset: y
+  } = v({
     currentStep: t,
     totalSteps: r,
-    disabled: h = !1,
+    size: s,
     label: o,
-    ...u
-  }, f) => {
-    const p = N({
-      consumerName: "Stepper",
-      mergeWith: { disabled: h }
-    }), {
-      displayLabel: k,
-      r: n,
-      cx: l,
-      cy: d,
-      trackDashArray: b,
-      progressDashArray: x,
-      progressDashOffset: y
-    } = v({
-      currentStep: t,
-      totalSteps: r,
-      size: s,
-      label: o,
-      strokeWidth: i
-    });
-    return /* @__PURE__ */ a(
-      "div",
-      {
-        ref: f,
-        role: "progressbar",
-        "aria-valuenow": t,
-        "aria-valuemin": 1,
-        "aria-valuemax": r,
-        "aria-label": k,
-        className: c(
-          "relative flex size-48 shrink-0 items-center justify-center rounded-full",
-          m
-        ),
-        ...u,
-        children: [
-          /* @__PURE__ */ a(
-            "svg",
-            {
-              width: s,
-              height: s,
-              viewBox: `0 0 ${s} ${s}`,
-              className: "rotate-135",
-              "aria-hidden": !0,
-              children: [
-                /* @__PURE__ */ e(
-                  "circle",
-                  {
-                    cx: l,
-                    cy: d,
-                    r: n,
-                    fill: "none",
-                    stroke: "currentColor",
-                    strokeLinecap: "round",
-                    className: "stroke-muted-subtle",
-                    style: {
-                      strokeWidth: `${i}px`,
-                      strokeDasharray: b,
-                      strokeDashoffset: 0
-                    }
+    strokeWidth: i
+  });
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      ref: u,
+      role: "progressbar",
+      "aria-valuenow": t,
+      "aria-valuemin": 1,
+      "aria-valuemax": r,
+      "aria-label": k,
+      className: d(
+        "relative flex size-48 shrink-0 items-center justify-center rounded-full",
+        m
+      ),
+      ...p,
+      children: [
+        /* @__PURE__ */ a(
+          "svg",
+          {
+            width: s,
+            height: s,
+            viewBox: `0 0 ${s} ${s}`,
+            className: "rotate-135",
+            "aria-hidden": !0,
+            children: [
+              /* @__PURE__ */ e(
+                "circle",
+                {
+                  cx: l,
+                  cy: c,
+                  r: n,
+                  fill: "none",
+                  stroke: "currentColor",
+                  strokeLinecap: "round",
+                  className: "stroke-muted-subtle",
+                  style: {
+                    strokeWidth: `${i}px`,
+                    strokeDasharray: b,
+                    strokeDashoffset: 0
                   }
-                ),
-                /* @__PURE__ */ e(
-                  "circle",
-                  {
-                    cx: l,
-                    cy: d,
-                    r: n,
-                    fill: "none",
-                    stroke: "currentColor",
-                    strokeLinecap: "round",
-                    className: c(
-                      p ? "stroke-muted-subtle-hover" : "stroke-active",
-                      "transition-[stroke-dashoffset,stroke] duration-300 ease-in-out"
-                    ),
-                    style: {
-                      strokeWidth: `${i}px`,
-                      strokeDasharray: x,
-                      strokeDashoffset: y
-                    }
+                }
+              ),
+              /* @__PURE__ */ e(
+                "circle",
+                {
+                  cx: l,
+                  cy: c,
+                  r: n,
+                  fill: "none",
+                  stroke: "currentColor",
+                  strokeLinecap: "round",
+                  className: d(
+                    f ? "stroke-muted-subtle-hover" : "stroke-active",
+                    "transition-[stroke-dashoffset,stroke] duration-300 ease-in-out"
+                  ),
+                  style: {
+                    strokeWidth: `${i}px`,
+                    strokeDasharray: x,
+                    strokeDashoffset: y
                   }
-                )
-              ]
-            }
-          ),
-          /* @__PURE__ */ e("span", { className: "absolute inset-0 m-4 flex items-center justify-center text-base", children: o ? /* @__PURE__ */ e("span", { className: "body-2-semi-bold", children: o }) : /* @__PURE__ */ a("span", { children: [
-            /* @__PURE__ */ e("span", { className: "body-1-semi-bold", children: Math.min(Math.max(t, 0), r) }),
-            /* @__PURE__ */ a("span", { className: "body-2-semi-bold text-muted", children: [
-              "/",
-              r
-            ] })
-          ] }) })
-        ]
-      }
-    );
-  }
-);
-g.displayName = "Stepper";
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ e("span", { className: "absolute inset-0 m-4 flex items-center justify-center text-base", children: o ? /* @__PURE__ */ e("span", { className: "body-2-semi-bold", children: o }) : /* @__PURE__ */ a("span", { children: [
+          /* @__PURE__ */ e("span", { className: "body-1-semi-bold", children: Math.min(Math.max(t, 0), r) }),
+          /* @__PURE__ */ a("span", { className: "body-2-semi-bold text-muted", children: [
+            "/",
+            r
+          ] })
+        ] }) })
+      ]
+    }
+  );
+};
+D.displayName = "Stepper";
 export {
-  g as Stepper
+  D as Stepper
 };

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

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from 'react';
+import { ComponentPropsWithRef } from 'react';
 export type StepperProps = {
     /**
      * Current step number (1-based). Use 0 or negative to show minimal dot (before starting).
@@ -17,5 +17,5 @@ export type StepperProps = {
      * Optional custom label. Defaults to "{currentStep}/{totalSteps}".
      */
     label?: string;
-} & Omit<HTMLAttributes<HTMLDivElement>, 'children'>;
+} & Omit<ComponentPropsWithRef<'div'>, 'children'>;
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Stepper/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,YAAY,GAAG;IACzB;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Stepper/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAE9C,MAAM,MAAM,YAAY,GAAG;IACzB;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,GAAG,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Tag/Tag.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AA+BnC,eAAO,MAAM,GAAG;0FASb,QAAQ;;CAyBV,CAAC"}
+{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Tag/Tag.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AA+BnC,eAAO,MAAM,GAAG;0FASb,QAAQ;;CAuBV,CAAC"}

package/dist/lib/Components/Tag/Tag.js

@@ -52,7 +52,7 @@ const x = u(
       ref: s,
       ...o,
       children: [
-        a && /* @__PURE__ */ t(a, { size: l, className: "shrink-0" }),
+        a && /* @__PURE__ */ t(a, { size: l }),
         /* @__PURE__ */ t("span", { className: "truncate", children: i })
       ]
     }

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

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { ComponentProps } from 'react';
 import { TooltipContentProps, TooltipProps, TooltipTriggerProps } from './types';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 /**
@@ -21,7 +21,7 @@ import * as TooltipPrimitive from '@radix-ui/react-tooltip';
  *   );
  * }
  */
-export declare const TooltipProvider: ({ delayDuration, ...props }: React.ComponentProps<typeof TooltipPrimitive.Provider>) => import("react/jsx-runtime").JSX.Element;
+export declare const TooltipProvider: ({ delayDuration, ...props }: ComponentProps<typeof TooltipPrimitive.Provider>) => import("react/jsx-runtime").JSX.Element;
 /**
  * The root component that manages the tooltip's open/closed state and contains the trigger and content.
  *

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

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAE5D,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,mBAAmB,EACnB,YAAY,EACZ,mBAAmB,EACpB,MAAM,SAAS,CAAC;AAqBjB;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,eAAe,GAAI,6BAO7B,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,QAAQ,CAAC,4CAQxD,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,eAAO,MAAM,OAAO,GAAI,6BAAmC,YAAY,4CAMtE,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,cAAc,GAAI,cAAc,mBAAmB,4CAE/D,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,eAAO,MAAM,cAAc,GAAI,qDAM5B,mBAAmB,4CAerB,CAAC"}
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAE5D,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EACL,mBAAmB,EACnB,YAAY,EACZ,mBAAmB,EACpB,MAAM,SAAS,CAAC;AAqBjB;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,eAAe,GAAI,6BAO7B,cAAc,CAAC,OAAO,gBAAgB,CAAC,QAAQ,CAAC,4CAQlD,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,eAAO,MAAM,OAAO,GAAI,6BAAmC,YAAY,4CAMtE,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,cAAc,GAAI,cAAc,mBAAmB,4CAE/D,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,eAAO,MAAM,cAAc,GAAI,qDAM5B,mBAAmB,4CAerB,CAAC"}

package/dist/lib/Components/TriggerButton/TriggerButton.js

@@ -28,10 +28,10 @@ const N = b("gap-8 body-2-semi-bold", {
     size: "md",
     iconType: "none"
   }
-}), h = ({
+}), v = ({
   ref: i,
-  className: r,
-  appearance: p = "gray",
+  className: p,
+  appearance: r = "gray",
   size: l = "md",
   disabled: m = !1,
   asChild: n = !1,
@@ -50,12 +50,12 @@ const N = b("gap-8 body-2-semi-bold", {
       ref: i,
       className: g(
         x({
-          appearance: p,
+          appearance: r,
           disabled: a,
           loading: !1
         }),
         N({ size: l, iconType: y }),
-        r
+        p
       ),
       "data-disabled": a || void 0,
       disabled: a,
@@ -64,13 +64,13 @@ const N = b("gap-8 body-2-semi-bold", {
         s && /* @__PURE__ */ e("span", { className: "shrink-0", children: s }),
         /* @__PURE__ */ t("span", { className: "flex items-center gap-2", children: [
           n ? /* @__PURE__ */ e(T, { children: o }) : /* @__PURE__ */ e("span", { className: "line-clamp-1 text-left", children: o }),
-          /* @__PURE__ */ e(z, { size: 20, className: "shrink-0" })
+          /* @__PURE__ */ e(z, { size: 20 })
         ] })
       ]
     }
   );
 };
-h.displayName = "TriggerButton";
+v.displayName = "TriggerButton";
 export {
-  h as TriggerButton
+  v as TriggerButton
 };

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

@@ -18,6 +18,7 @@ export * from './Link';
 export * from './ListItem';
 export * from './MediaBanner';
 export * from './MediaCard';
+export * from './MediaImage';
 export * from './Menu';
 export * from './NavBar';
 export * from './Popover';