@ledgerhq/lumen-ui-react 0.1.58 → 0.1.60

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

@@ -1,14 +1,14 @@
 import { jsx as e } from "react/jsx-runtime";
-import { useDisabledContext as b, cn as f } from "../../../../libs/utils-shared/dist/index.js";
-import { cva as g } from "class-variance-authority";
-import { useMemo as x } from "react";
-import { Spinner as z } from "../Spinner/Spinner.js";
-import { InformationFill as w } from "../../symbols/icons/InformationFill.js";
-import { WarningFill as y } from "../../symbols/icons/WarningFill.js";
-import { DeleteCircleFill as C } from "../../symbols/icons/DeleteCircleFill.js";
-import { CheckmarkCircleFill as F } from "../../symbols/icons/CheckmarkCircleFill.js";
-import { BluetoothCircleFill as k } from "../../symbols/icons/BluetoothCircleFill.js";
-const N = g(
+import { useDisabledContext as x, cn as w } from "../../../../libs/utils-shared/dist/index.js";
+import { cva as y } from "class-variance-authority";
+import { useMemo as P } from "react";
+import { Spinner as C } from "../Spinner/Spinner.js";
+import { InformationFill as F } from "../../symbols/icons/InformationFill.js";
+import { WarningFill as k } from "../../symbols/icons/WarningFill.js";
+import { DeleteCircleFill as N } from "../../symbols/icons/DeleteCircleFill.js";
+import { CheckmarkCircleFill as S } from "../../symbols/icons/CheckmarkCircleFill.js";
+import { BluetoothCircleFill as v } from "../../symbols/icons/BluetoothCircleFill.js";
+const I = y(
   "flex shrink-0 items-center justify-center rounded-full bg-muted-transparent",
   {
     variants: {
@@ -34,68 +34,79 @@ const N = g(
       }
     }
   }
-), V = (r) => {
-  const {
-    appearance: a,
-    className: n,
-    disabled: i = !1,
-    size: o = 48,
-    ref: c,
-    ...l
-  } = r, m = b({
-    consumerName: "Spot",
-    mergeWith: { disabled: i }
-  }), d = {
+), G = (t) => {
+  const s = t.size ?? 48, i = {
     32: 12,
     40: 16,
     48: 20,
     56: 24,
     72: 40
-  }, p = {
+  }, c = {
     32: "body-2-semi-bold",
     40: "body-1-semi-bold",
     48: "heading-5",
     56: "heading-4",
     72: "heading-2"
-  }, t = d[o] ?? 20, s = p[o] ?? "heading-5", u = x(() => {
-    switch (r.appearance) {
-      case "icon": {
-        const { icon: h } = r;
-        return /* @__PURE__ */ e(h, { size: t });
-      }
-      case "number":
-        return /* @__PURE__ */ e("span", { className: s, children: r.number });
-      case "bluetooth":
-        return /* @__PURE__ */ e(k, { size: t });
-      case "check":
-        return /* @__PURE__ */ e(F, { size: t });
-      case "error":
-        return /* @__PURE__ */ e(C, { size: t });
-      case "warning":
-        return /* @__PURE__ */ e(y, { size: t });
-      case "info":
-        return /* @__PURE__ */ e(w, { size: t });
-      case "loader":
-        return /* @__PURE__ */ e(z, { size: t });
+  }, o = i[s] ?? 20, a = c[s] ?? "heading-5", { componentProps: m, content: l } = P(() => {
+    if (t.appearance === "icon") {
+      const { icon: n, ...r } = t;
+      return {
+        componentProps: r,
+        content: /* @__PURE__ */ e(n, { size: o })
+      };
+    }
+    if (t.appearance === "number") {
+      const { number: n, ...r } = t;
+      return {
+        componentProps: r,
+        content: /* @__PURE__ */ e("span", { className: a, children: n })
+      };
     }
-  }, [r, t, s]);
+    const z = (() => {
+      switch (t.appearance) {
+        case "bluetooth":
+          return /* @__PURE__ */ e(v, { size: o });
+        case "check":
+          return /* @__PURE__ */ e(S, { size: o });
+        case "error":
+          return /* @__PURE__ */ e(N, { size: o });
+        case "warning":
+          return /* @__PURE__ */ e(k, { size: o });
+        case "info":
+          return /* @__PURE__ */ e(F, { size: o });
+        case "loader":
+          return /* @__PURE__ */ e(C, { size: o });
+      }
+    })();
+    return { componentProps: t, content: z };
+  }, [t, o, a]), {
+    appearance: p,
+    className: d,
+    disabled: u = !1,
+    size: h = 48,
+    ref: b,
+    ...f
+  } = m, g = x({
+    consumerName: "Spot",
+    mergeWith: { disabled: u }
+  });
   return /* @__PURE__ */ e(
     "div",
     {
-      ref: c,
-      className: f(
-        N({
-          disabled: m,
-          appearance: a,
-          size: o
+      ref: b,
+      className: w(
+        I({
+          disabled: g,
+          appearance: p,
+          size: h
         }),
-        n
+        d
       ),
-      ...l,
-      children: u
+      ...f,
+      children: l
     }
   );
 };
 export {
-  V as Spot
+  G as Spot
 };

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

@@ -1,5 +1,5 @@
 import { ComponentPropsWithRef, ComponentType } from 'react';
-import { IconSize } from '../../symbols/Icon/types';
+import { IconSize } from '../../symbols/Icon';
 export type SpotAppearance = 'icon' | 'bluetooth' | 'check' | 'error' | 'warning' | 'info' | 'loader' | 'number';
 type SpotIconProps = {
     /**

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/Spot/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAEzD,MAAM,MAAM,cAAc,GACtB,MAAM,GACN,WAAW,GACX,OAAO,GACP,OAAO,GACP,SAAS,GACT,MAAM,GACN,QAAQ,GACR,QAAQ,CAAC;AAEb,KAAK,aAAa,GAAG;IACnB;;;OAGG;IACH,UAAU,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,IAAI,EAAE,aAAa,CAAC;QAAE,IAAI,CAAC,EAAE,QAAQ,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CAC9D,CAAC;AAEF,KAAK,eAAe,GAAG;IACrB;;;OAGG;IACH,UAAU,EAAE,QAAQ,CAAC;IACrB;;OAEG;IACH,MAAM,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;CAC/C,CAAC;AAEF,KAAK,eAAe,GAAG;IACrB;;;;OAIG;IACH,UAAU,EAAE,OAAO,CAAC,cAAc,EAAE,MAAM,GAAG,QAAQ,CAAC,CAAC;CACxD,CAAC;AACF;;GAEG;AACH,MAAM,MAAM,sBAAsB,GAC9B,aAAa,GACb,eAAe,GACf,eAAe,CAAC;AAEpB,MAAM,MAAM,QAAQ,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;AAE9C,MAAM,MAAM,SAAS,GAAG,sBAAsB,GAAG;IAC/C;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;CACjB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/Spot/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAEnD,MAAM,MAAM,cAAc,GACtB,MAAM,GACN,WAAW,GACX,OAAO,GACP,OAAO,GACP,SAAS,GACT,MAAM,GACN,QAAQ,GACR,QAAQ,CAAC;AAEb,KAAK,aAAa,GAAG;IACnB;;;OAGG;IACH,UAAU,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,IAAI,EAAE,aAAa,CAAC;QAAE,IAAI,CAAC,EAAE,QAAQ,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CAC9D,CAAC;AAEF,KAAK,eAAe,GAAG;IACrB;;;OAGG;IACH,UAAU,EAAE,QAAQ,CAAC;IACrB;;OAEG;IACH,MAAM,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;CAC/C,CAAC;AAEF,KAAK,eAAe,GAAG;IACrB;;;;OAIG;IACH,UAAU,EAAE,OAAO,CAAC,cAAc,EAAE,MAAM,GAAG,QAAQ,CAAC,CAAC;CACxD,CAAC;AACF;;GAEG;AACH,MAAM,MAAM,sBAAsB,GAC9B,aAAa,GACb,eAAe,GACf,eAAe,CAAC;AAEpB,MAAM,MAAM,QAAQ,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;AAE9C,MAAM,MAAM,SAAS,GAAG,sBAAsB,GAAG;IAC/C;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;CACjB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC"}

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

@@ -1,5 +1,5 @@
 import { ComponentPropsWithRef, ComponentType } from 'react';
-import { IconSize } from '../../symbols/Icon/types';
+import { IconSize } from '../../symbols/Icon';
 export type TagProps = {
     /**
      * The appearance of the tag.

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/Tag/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAEzD,MAAM,MAAM,QAAQ,GAAG;IACrB;;;OAGG;IACH,UAAU,CAAC,EACP,MAAM,GACN,MAAM,GACN,QAAQ,GACR,eAAe,GACf,SAAS,GACT,OAAO,GACP,SAAS,GACT,OAAO,CAAC;IACZ;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC;QAAE,IAAI,CAAC,EAAE,QAAQ,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC9D;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/Tag/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAEnD,MAAM,MAAM,QAAQ,GAAG;IACrB;;;OAGG;IACH,UAAU,CAAC,EACP,MAAM,GACN,MAAM,GACN,QAAQ,GACR,eAAe,GACf,SAAS,GACT,OAAO,GACP,SAAS,GACT,OAAO,CAAC;IACZ;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC;QAAE,IAAI,CAAC,EAAE,QAAQ,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC9D;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC"}

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

@@ -1,5 +1,5 @@
 import { ComponentPropsWithRef, ComponentType, MouseEventHandler, ReactNode } from 'react';
-import { IconSize } from '../../symbols/Icon/types';
+import { IconSize } from '../../symbols/Icon';
 export type TileButtonProps = {
     /**
      * The icon component to render above the label.

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/TileButton/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,qBAAqB,EACrB,aAAa,EACb,iBAAiB,EACjB,SAAS,EACV,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAEzD,MAAM,MAAM,eAAe,GAAG;IAC5B;;;OAGG;IACH,IAAI,EAAE,aAAa,CAAC;QAAE,IAAI,CAAC,EAAE,QAAQ,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC7D;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAC/C;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IAC5B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,IAAI,CAAC,qBAAqB,CAAC,QAAQ,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/TileButton/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,qBAAqB,EACrB,aAAa,EACb,iBAAiB,EACjB,SAAS,EACV,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAEnD,MAAM,MAAM,eAAe,GAAG;IAC5B;;;OAGG;IACH,IAAI,EAAE,aAAa,CAAC;QAAE,IAAI,CAAC,EAAE,QAAQ,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC7D;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAC/C;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IAC5B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,IAAI,CAAC,qBAAqB,CAAC,QAAQ,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC,CAAC"}

package/dist/lib/Components/internal/BaseButton/BaseButton.d.ts

@@ -1,6 +1,6 @@
 import { BaseButtonProps } from './types';
 export declare const baseButtonVariants: (props?: ({
-    appearance?: "base" | "gray" | "red" | "transparent" | "accent" | "no-background" | null | undefined;
+    appearance?: "base" | "red" | "gray" | "transparent" | "accent" | "no-background" | null | undefined;
     disabled?: boolean | null | undefined;
     loading?: boolean | null | undefined;
     size?: "md" | "sm" | "xs" | "lg" | null | undefined;

package/dist/lib/Components/internal/BaseButton/BaseButton.js

@@ -13,7 +13,7 @@ const N = l(
         accent: "bg-accent text-on-accent hover:bg-accent-hover active:bg-accent-pressed",
         transparent: "bg-muted-transparent text-base hover:bg-muted-transparent-hover active:bg-muted-transparent-pressed",
         "no-background": "bg-transparent text-base hover:bg-base-transparent-hover active:bg-base-transparent-pressed disabled:bg-base-transparent",
-        red: "bg-error text-error hover:bg-error-hover active:bg-error-pressed"
+        red: "bg-error-transparent text-error hover:bg-error-transparent-hover active:bg-error-transparent-pressed"
       },
       disabled: {
         true: "",
@@ -70,18 +70,18 @@ const N = l(
   className: u,
   appearance: a = "base",
   size: s,
-  isFull: v,
-  disabled: p = !1,
+  isFull: p,
+  disabled: v = !1,
   asChild: r = !1,
-  icon: n,
-  loading: i = !1,
-  children: o,
+  icon: o,
+  loading: n = !1,
+  children: i,
   onClick: g,
   ...m
 }) => {
   const e = f({
     consumerName: "BaseButton",
-    mergeWith: { disabled: p }
+    mergeWith: { disabled: v }
   }), d = s ? {
     xs: 16,
     sm: 20,
@@ -92,7 +92,7 @@ const N = l(
     r ? z : "button",
     {
       className: h(
-        N({ disabled: e, loading: i, appearance: a, size: s, isFull: v }),
+        N({ disabled: e, loading: n, appearance: a, size: s, isFull: p }),
         u
       ),
       ref: c,
@@ -102,21 +102,21 @@ const N = l(
       ...r ? {} : { type: "button" },
       ...m,
       children: [
-        i && /* @__PURE__ */ t(
+        n && /* @__PURE__ */ t(
           B,
           {
             size: d,
             className: b({ appearance: a, disabled: e })
           }
         ),
-        !i && n && /* @__PURE__ */ t(
-          n,
+        !n && o && /* @__PURE__ */ t(
+          o,
           {
             size: d,
             className: b({ appearance: a, disabled: e })
           }
         ),
-        o && (r ? /* @__PURE__ */ t(S, { children: o }) : /* @__PURE__ */ t("span", { className: "line-clamp-2 text-left", children: o }))
+        i && (r ? /* @__PURE__ */ t(S, { children: i }) : /* @__PURE__ */ t("span", { className: "line-clamp-2 text-left", children: i }))
       ]
     }
   );

package/dist/lib/Components/internal/BaseButton/types.d.ts

@@ -1,5 +1,5 @@
 import { ComponentPropsWithRef, ComponentType } from 'react';
-import { IconSize } from '../../symbols/Icon/types';
+import { IconSize } from '../../symbols/Icon';
 export type BaseButtonProps = {
     /**
      * The visual style of the button.

package/dist/lib/Components/internal/BaseButton/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/internal/BaseButton/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAEzD,MAAM,MAAM,eAAe,GAAG;IAC5B;;;OAGG;IACH,UAAU,CAAC,EACP,MAAM,GACN,MAAM,GACN,QAAQ,GACR,aAAa,GACb,eAAe,GACf,KAAK,CAAC;IACV;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACjC;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC;QAAE,IAAI,CAAC,EAAE,QAAQ,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CAC/D,GAAG,qBAAqB,CAAC,QAAQ,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/internal/BaseButton/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAEnD,MAAM,MAAM,eAAe,GAAG;IAC5B;;;OAGG;IACH,UAAU,CAAC,EACP,MAAM,GACN,MAAM,GACN,QAAQ,GACR,aAAa,GACb,eAAe,GACf,KAAK,CAAC;IACV;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACjC;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC;QAAE,IAAI,CAAC,EAAE,QAAQ,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CAC/D,GAAG,qBAAqB,CAAC,QAAQ,CAAC,CAAC"}

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

@@ -43,20 +43,20 @@ const ue = O(
       hasLabel: !1
     }
   }
-), Ve = ({
+), xe = ({
   ref: w,
   className: B,
   containerClassName: C,
   inputClassName: L,
-  labelClassName: P,
+  labelClassName: V,
   label: t,
-  id: V,
-  disabled: x,
+  id: x,
+  disabled: y,
   helperText: l,
   maxCount: r,
   status: n,
-  suffix: y,
-  prefix: N,
+  suffix: N,
+  prefix: P,
   onClear: j,
   hideClearButton: F = !1,
   readOnly: m = !1,
@@ -72,7 +72,7 @@ const ue = O(
 }) => {
   const h = Z({
     consumerName: "BaseInput",
-    mergeWith: { disabled: x }
+    mergeWith: { disabled: y }
   }), { t: k } = oe(), {
     inputRef: q,
     composedRef: f,
@@ -86,7 +86,7 @@ const ue = O(
     onChange: R,
     onClear: j,
     ref: w
-  }), G = ee(), c = V || `input-${G}`, J = D ?? (n === "error" ? !0 : void 0), { inputPlaceholder: K, labelStaysFloatedWithPlaceholder: Q } = _({
+  }), G = ee(), c = x || `input-${G}`, J = D ?? (n === "error" ? !0 : void 0), { inputPlaceholder: K, labelStaysFloatedWithPlaceholder: Q } = _({
     label: t,
     placeholder: S
   }), U = M && !h && !m && !F, X = z.length, p = !!(r && r > 0), g = `${c}-helper`, o = !!l, b = {
@@ -108,7 +108,7 @@ const ue = O(
       onClick: E,
       "aria-label": k("components.baseInput.clearInputAriaLabel")
     }
-  ) : y;
+  ) : N;
   return /* @__PURE__ */ d("div", { className: B, children: [
     /* @__PURE__ */ d(
       "div",
@@ -131,7 +131,7 @@ const ue = O(
           });
         },
         children: [
-          N,
+          P,
           s ? /* @__PURE__ */ e(
             ne,
             {
@@ -158,11 +158,11 @@ const ue = O(
               status: n,
               floated: Q,
               multiline: s,
-              className: P,
+              className: V,
               children: t
             }
           ),
-          s && u ? /* @__PURE__ */ e("div", { className: "pt-2", children: u }) : u
+          s && u ? /* @__PURE__ */ e("div", { className: t && "pt-8", children: u }) : u
         ]
       }
     ),
@@ -189,5 +189,5 @@ const ue = O(
   ] });
 };
 export {
-  Ve as BaseInput
+  xe as BaseInput
 };

package/dist/lib/Components/internal/BaseTag/BaseTag.js

@@ -1,4 +1,4 @@
-import { jsxs as m, jsx as p } from "react/jsx-runtime";
+import { jsxs as p, jsx as m } from "react/jsx-runtime";
 import { useDisabledContext as g, cn as o } from "../../../../libs/utils-shared/dist/index.js";
 import { cva as x } from "class-variance-authority";
 const u = x(
@@ -10,9 +10,9 @@ const u = x(
         gray: "bg-muted-transparent text-muted",
         accent: "bg-accent text-on-accent",
         "accent-subtle": "bg-active-subtle text-active",
-        success: "bg-success text-success",
-        error: "bg-error text-error",
-        warning: "bg-warning text-warning",
+        success: "bg-success-transparent text-success",
+        error: "bg-error-transparent text-error",
+        warning: "bg-warning-transparent text-warning",
         white: "bg-white text-black"
       },
       size: {
@@ -41,33 +41,33 @@ const u = x(
     }
   }
 ), z = ({
-  ref: e,
-  className: a,
+  ref: a,
+  className: e,
   appearance: t,
   size: s,
   variant: r,
-  consumerName: i,
-  label: n,
+  consumerName: n,
+  label: i,
   disabled: c,
   leadingContent: d,
   ...l
 }) => {
   const b = g({
-    consumerName: i,
+    consumerName: n,
     mergeWith: { disabled: c }
   });
-  return /* @__PURE__ */ m(
+  return /* @__PURE__ */ p(
     "div",
     {
       className: o(
         u({ appearance: t, size: s, variant: r, disabled: !!b }),
-        a
+        e
       ),
-      ref: e,
+      ref: a,
       ...l,
       children: [
         d,
-        /* @__PURE__ */ p("span", { className: "truncate", children: n })
+        /* @__PURE__ */ m("span", { className: "truncate", children: i })
       ]
     }
   );

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

@@ -1 +1 @@
-{"version":3,"file":"createIcon.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/symbols/Icon/createIcon.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGtC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC;;;;;;GAMG;AACH,QAAA,MAAM,UAAU,GACd,UAAU,MAAM,EAChB,SAAS,KAAK,CAAC,YAAY,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC;6CAOjD,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;;CAkB/B,CAAC;AAGF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"createIcon.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/symbols/Icon/createIcon.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGtC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC;;;;;;GAMG;AACH,QAAA,MAAM,UAAU,GACd,UAAU,MAAM,EAChB,SAAS,KAAK,CAAC,YAAY,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC;6CAOjD,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;;CAkB/B,CAAC;AAGF,eAAe,UAAU,CAAC"}

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

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

package/dist/lib/Components/symbols/icons/Airplane.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Airplane.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/symbols/icons/Airplane.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,QAAQ;;;CAwBpB,CAAC"}
+{"version":3,"file":"Airplane.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/symbols/icons/Airplane.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,QAAQ;;;CAuBpB,CAAC"}

package/dist/lib/Components/symbols/icons/Airplane.js

@@ -1,8 +1,8 @@
-import { jsxs as e, jsx as r } from "react/jsx-runtime";
-import i from "../Icon/createIcon.js";
-const o = i(
+import { jsxs as c, jsx as r } from "react/jsx-runtime";
+import e from "../Icon/createIcon.js";
+const o = e(
   "Airplane",
-  /* @__PURE__ */ e(
+  /* @__PURE__ */ c(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -17,7 +17,6 @@ const o = i(
             stroke: "currentColor",
             strokeLinecap: "round",
             strokeLinejoin: "round",
-            strokeWidth: 1.3,
             d: "m2 8-.666-2.667h1.2c.066 0 .2.067.266.134l1.067 1.2h3.2L4.934 1.8c-.134-.2 0-.467.266-.467h1.134c.2 0 .4.134.533.267L10.2 6.667h3.134c.733 0 1.333.6 1.333 1.333s-.6 1.333-1.333 1.333H10.2L6.867 14.4c-.133.2-.333.267-.533.267H5.2c-.266 0-.4-.267-.333-.467L7 9.333H3.8l-1.066 1.2c-.067.067-.134.134-.267.134H1.334z"
           }
         ) }),

package/dist/lib/Components/symbols/icons/AlarmClock.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AlarmClock.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/symbols/icons/AlarmClock.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,UAAU;;;CAiBtB,CAAC"}
+{"version":3,"file":"AlarmClock.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/symbols/icons/AlarmClock.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,UAAU;;;CAgBtB,CAAC"}

package/dist/lib/Components/symbols/icons/AlarmClock.js

@@ -16,7 +16,6 @@ const c = r(
           stroke: "currentColor",
           strokeLinecap: "round",
           strokeLinejoin: "round",
-          strokeWidth: 1.3,
           d: "M3.113 11.473c.39.546.868 1.024 1.414 1.414M2.09 7A6 6 0 0 0 2 8c0 .341.035.674.09 1m1.023-4.473a6 6 0 0 1 1.414-1.414M7 13.91c.326.055.659.09 1 .09A6 6 0 1 0 8 2a6 6 0 0 0-1 .09m3.667 4.577L7.333 10l-2-2"
         }
       )

package/dist/lib/Components/symbols/icons/Apps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Apps.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/symbols/icons/Apps.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,IAAI;;;CAiBhB,CAAC"}
+{"version":3,"file":"Apps.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/symbols/icons/Apps.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,IAAI;;;CAgBhB,CAAC"}

package/dist/lib/Components/symbols/icons/Apps.js

@@ -16,7 +16,6 @@ const c = r(
           stroke: "currentColor",
           strokeLinecap: "round",
           strokeLinejoin: "round",
-          strokeWidth: 1.3,
           d: "M11.667 10v3.333m1.666-1.666H10m-4.667-5h-2C2.597 6.667 2 6.067 2 5.333v-2C2 2.597 2.597 2 3.333 2h2c.734 0 1.334.597 1.334 1.333v2c0 .734-.6 1.334-1.334 1.334m7.334 0h-2c-.74 0-1.334-.6-1.334-1.334v-2A1.33 1.33 0 0 1 10.667 2h2C13.4 2 14 2.597 14 3.333v2c0 .734-.6 1.334-1.333 1.334M5.333 14h-2C2.597 14 2 13.4 2 12.667v-2c0-.74.597-1.334 1.333-1.334h2c.734 0 1.334.594 1.334 1.334v2c0 .733-.6 1.333-1.334 1.333"
         }
       )

package/dist/lib/Components/symbols/icons/ArrowDown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ArrowDown.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/symbols/icons/ArrowDown.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,SAAS;;;CAiBrB,CAAC"}
+{"version":3,"file":"ArrowDown.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/symbols/icons/ArrowDown.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,SAAS;;;CAgBrB,CAAC"}

package/dist/lib/Components/symbols/icons/ArrowDown.js

@@ -16,7 +16,6 @@ const n = r(
           stroke: "currentColor",
           strokeLinecap: "round",
           strokeLinejoin: "round",
-          strokeWidth: 1.3,
           d: "M8 12.667V3.333m3.334 5.994-3.34 3.333-3.34-3.34"
         }
       )

package/dist/lib/Components/symbols/icons/ArrowDownRight.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ArrowDownRight.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/symbols/icons/ArrowDownRight.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,cAAc;;;CAiB1B,CAAC"}
+{"version":3,"file":"ArrowDownRight.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/symbols/icons/ArrowDownRight.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,cAAc;;;CAgB1B,CAAC"}

package/dist/lib/Components/symbols/icons/ArrowDownRight.js

@@ -1,6 +1,6 @@
 import { jsx as o } from "react/jsx-runtime";
 import r from "../Icon/createIcon.js";
-const i = r(
+const n = r(
   "ArrowDownRight",
   /* @__PURE__ */ o(
     "svg",
@@ -16,7 +16,6 @@ const i = r(
           stroke: "currentColor",
           strokeLinecap: "round",
           strokeLinejoin: "round",
-          strokeWidth: 1.3,
           d: "M11.3 11.3 4.7 4.7m6.6 1.88v4.715l-4.72-.006"
         }
       )
@@ -24,5 +23,5 @@ const i = r(
   )
 );
 export {
-  i as ArrowDownRight
+  n as ArrowDownRight
 };

package/dist/lib/Components/symbols/icons/ArrowLeft.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ArrowLeft.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/symbols/icons/ArrowLeft.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,SAAS;;;CAiBrB,CAAC"}
+{"version":3,"file":"ArrowLeft.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/symbols/icons/ArrowLeft.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,SAAS;;;CAgBrB,CAAC"}

package/dist/lib/Components/symbols/icons/ArrowLeft.js

@@ -1,6 +1,6 @@
 import { jsx as r } from "react/jsx-runtime";
 import o from "../Icon/createIcon.js";
-const i = o(
+const n = o(
   "ArrowLeft",
   /* @__PURE__ */ r(
     "svg",
@@ -16,7 +16,6 @@ const i = o(
           stroke: "currentColor",
           strokeLinecap: "round",
           strokeLinejoin: "round",
-          strokeWidth: 1.3,
           d: "M3.333 8h9.334m-6 3.333L3.333 8l3.334-3.333"
         }
       )
@@ -24,5 +23,5 @@ const i = o(
   )
 );
 export {
-  i as ArrowLeft
+  n as ArrowLeft
 };

package/dist/lib/Components/symbols/icons/ArrowRight.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ArrowRight.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/symbols/icons/ArrowRight.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,UAAU;;;CAiBtB,CAAC"}
+{"version":3,"file":"ArrowRight.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/symbols/icons/ArrowRight.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,UAAU;;;CAgBtB,CAAC"}

package/dist/lib/Components/symbols/icons/ArrowRight.js

@@ -16,7 +16,6 @@ const i = o(
           stroke: "currentColor",
           strokeLinecap: "round",
           strokeLinejoin: "round",
-          strokeWidth: 1.3,
           d: "M12.667 8H3.333m6-3.333L12.667 8l-3.334 3.333"
         }
       )

package/dist/lib/Components/symbols/icons/ArrowUp.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ArrowUp.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/symbols/icons/ArrowUp.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,OAAO;;;CAiBnB,CAAC"}
+{"version":3,"file":"ArrowUp.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/symbols/icons/ArrowUp.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,OAAO;;;CAgBnB,CAAC"}