@ledgerhq/lumen-ui-react 0.1.52 → 0.1.54

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

@@ -0,0 +1,180 @@
+import { jsx as e, jsxs as d } from "react/jsx-runtime";
+import { useSplitText as y, buildAriaLabel as w, cn as m } from "../../../../libs/utils-shared/dist/index.js";
+import { memo as u } from "react";
+import { DIGITS as v } from "./types.js";
+import { useCommonTranslation as D } from "../../../../i18n/useCommonTranslation.js";
+const o = {
+  "heading-1-semi-bold": {
+    0: 25,
+    1: 15.5,
+    2: 23.5,
+    3: 24.5,
+    4: 25.5,
+    5: 23.5,
+    6: 25,
+    7: 22,
+    8: 24.5,
+    9: 24.5
+  },
+  "heading-2-semi-bold": {
+    0: 17.5,
+    1: 11,
+    2: 16.5,
+    3: 17,
+    4: 18,
+    5: 16,
+    6: 17.5,
+    7: 15,
+    8: 17,
+    9: 17
+  },
+  "heading-4-semi-bold": {
+    0: 13,
+    1: 8.5,
+    2: 12.5,
+    3: 12.5,
+    4: 13,
+    5: 12,
+    6: 12.5,
+    7: 11.5,
+    8: 12.5,
+    9: 12.5
+  }
+}, S = {
+  md: {
+    integer: {
+      className: "heading-1-semi-bold",
+      widths: o["heading-1-semi-bold"]
+    },
+    decimal: {
+      className: "heading-2-semi-bold",
+      widths: o["heading-2-semi-bold"]
+    }
+  },
+  sm: {
+    integer: {
+      className: "heading-2-semi-bold",
+      widths: o["heading-2-semi-bold"]
+    },
+    decimal: {
+      className: "heading-4-semi-bold",
+      widths: o["heading-4-semi-bold"]
+    }
+  }
+}, b = u(({ value: s, animate: l, widths: a }) => {
+  const t = a[s];
+  return /* @__PURE__ */ d(
+    "div",
+    {
+      className: m(
+        "relative overflow-x-visible overflow-y-clip mask-fade-y mask-no-clip [-webkit-mask-clip:no-clip]",
+        l && "transition-[width] duration-600"
+      ),
+      style: { width: t + "px" },
+      children: [
+        /* @__PURE__ */ e("span", { className: "invisible", children: "0" }),
+        /* @__PURE__ */ e(
+          "span",
+          {
+            className: m(
+              "absolute inset-x-0 top-0 flex flex-col items-center justify-center",
+              l && "transition-transform duration-600 ease-in-out"
+            ),
+            style: {
+              transform: `translateY(-${s * 10}%)`
+            },
+            children: v.map((n, r) => /* @__PURE__ */ e("span", { inert: n !== s, children: n }, r))
+          }
+        )
+      ]
+    }
+  );
+});
+b.displayName = "DigitStrip";
+const p = u(
+  ({ items: s, widths: l, animate: a }) => s.map((t, n) => {
+    const r = s.length - n;
+    return t.type === "separator" ? /* @__PURE__ */ e("span", { children: t.value }, r) : /* @__PURE__ */ e(
+      b,
+      {
+        value: Number(t.value),
+        animate: a,
+        widths: l
+      },
+      r
+    );
+  })
+);
+p.displayName = "DigitStripList";
+function A({
+  value: s,
+  formatter: l,
+  hidden: a = !1,
+  loading: t = !1,
+  animate: n = !0,
+  size: r = "md",
+  className: f,
+  ...g
+}) {
+  const i = l(s), h = y(i), { t: N } = D(), x = w(
+    i,
+    a,
+    N("components.amountDisplay.amountHiddenAriaLabel")
+  ), c = S[r];
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      className: m(
+        t && "animate-pulse",
+        "relative inline-flex",
+        f
+      ),
+      role: "img",
+      "aria-label": x,
+      "aria-busy": t,
+      ...g,
+      children: /* @__PURE__ */ d("div", { className: "flex items-baseline", children: [
+        /* @__PURE__ */ d(
+          "span",
+          {
+            className: m("inline-flex text-base", c.integer.className),
+            "aria-hidden": "true",
+            children: [
+              i.currencyPosition === "start" && /* @__PURE__ */ e("span", { className: "me-4", children: i.currencyText }),
+              a ? /* @__PURE__ */ e("span", { children: "••••" }) : /* @__PURE__ */ e(
+                p,
+                {
+                  items: h.integerPart,
+                  animate: n,
+                  widths: c.integer.widths
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ d(
+          "span",
+          {
+            className: m("inline-flex text-muted", c.decimal.className),
+            "aria-hidden": "true",
+            children: [
+              !a && i.decimalPart && /* @__PURE__ */ e("span", { children: i.decimalSeparator }),
+              i.decimalPart && !a && /* @__PURE__ */ e(
+                p,
+                {
+                  items: h.decimalPart,
+                  animate: n,
+                  widths: c.decimal.widths
+                }
+              ),
+              i.currencyPosition === "end" && /* @__PURE__ */ e("span", { className: "ms-4", children: i.currencyText })
+            ]
+          }
+        )
+      ] })
+    }
+  );
+}
+export {
+  A as AmountDisplay
+};

package/dist/lib/Components/core/AmountDisplay/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/AmountDisplay/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EACV,kBAAkB,EAClB,iBAAiB,EACjB,cAAc,GACf,MAAM,SAAS,CAAC"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/AmountDisplay/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAC9E,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAEnD,YAAY,EAAE,cAAc,EAAE,CAAC;AAE/B,eAAO,MAAM,MAAM,yCAA0C,CAAC;AAE9D,KAAK,KAAK,GAAG,CAAC,OAAO,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC;AAErC,MAAM,MAAM,iBAAiB,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5C,KAAK,SAAS,GAAG,SAAS,GAAG,SAAS,CAAC;AAEvC,MAAM,MAAM,WAAW,GAAG,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;AAEhD,MAAM,MAAM,UAAU,GAAG;IACvB,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,WAAW,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,MAAM,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC;AAEvD,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,KAAK,CAAC;IACb,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,WAAW,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,KAAK,EAAE,SAAS,EAAE,CAAC;CACpB,GAAG,IAAI,CAAC,eAAe,EAAE,OAAO,CAAC,CAAC;AAEnC;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,cAAc,CAAC;IAC7C;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,IAAI,CAAC,EAAE,iBAAiB,CAAC;CAC1B,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"AmountInput.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/AmountInput/AmountInput.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,gBAAgB,EAAmB,MAAM,SAAS,CAAC;AA0FjE;;;;GAIG;AACH,eAAO,MAAM,WAAW,GAAI,6MAgBzB,gBAAgB,4CAgFlB,CAAC"}

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

@@ -0,0 +1,155 @@
+import { jsxs as R, jsx as a } from "react/jsx-runtime";
+import { useDisabledContext as k, useMergedRef as z, getFontSize as M, cn as p } from "../../../../libs/utils-shared/dist/index.js";
+import { cva as i } from "class-variance-authority";
+import { useMemo as D } from "react";
+import { useAmountInputValue as F } from "./useAmountInputValue/useAmountInputValue.js";
+import { useAutoWidthInput as W } from "./useAutoWidthInput/useAutoWidthInput.js";
+const q = i(
+  [
+    "bg-transparent caret-active outline-hidden transition-colors",
+    "text-base placeholder:text-muted-subtle",
+    "disabled:cursor-not-allowed disabled:bg-base-transparent disabled:text-disabled",
+    "aria-invalid:text-error",
+    "[&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none"
+  ],
+  {
+    variants: {
+      size: {
+        md: "h-56 heading-0-semi-bold",
+        sm: "h-36 heading-2-semi-bold"
+      },
+      isChanging: {
+        true: "animate-translate-from-right",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      size: "md",
+      isChanging: !1
+    }
+  }
+), E = i(
+  [
+    "cursor-text text-base",
+    "group-has-[input:placeholder-shown]:text-muted-subtle",
+    "group-has-[input:disabled]:cursor-not-allowed group-has-[input:disabled]:text-disabled",
+    'group-has-[input[aria-invalid="true"]]:text-error'
+  ],
+  {
+    variants: {
+      size: {
+        md: "heading-0-semi-bold",
+        sm: "heading-2-semi-bold"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+), O = i("invisible absolute whitespace-pre", {
+  variants: {
+    size: {
+      md: "heading-0-semi-bold",
+      sm: "heading-2-semi-bold"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+}), B = i(
+  "group relative flex w-full items-center overflow-visible transition-transform",
+  {
+    variants: {
+      align: {
+        center: "justify-center",
+        start: "justify-start",
+        end: "justify-end"
+      }
+    },
+    defaultVariants: {
+      align: "center"
+    }
+  }
+), m = ({ size: r, style: o, children: e }) => /* @__PURE__ */ a("span", { className: p(E({ size: r }), "shrink-0"), style: o, children: e }), U = ({
+  ref: r,
+  className: o,
+  size: e = "md",
+  align: c = "center",
+  currencyText: t,
+  currencyPosition: l = "left",
+  disabled: f,
+  maxIntegerLength: h = 9,
+  maxDecimalLength: g = 9,
+  allowDecimals: b = !0,
+  thousandsSeparator: v = !0,
+  decimalSeparator: x = ".",
+  value: w,
+  onChange: y,
+  ...S
+}) => {
+  const C = k({
+    consumerName: "AmountInput",
+    mergeWith: { disabled: f }
+  }), { inputValue: n, isChanging: A, setIsChanging: V, handleChange: j } = F({
+    value: w,
+    onChange: y,
+    formatOptions: {
+      allowDecimals: b,
+      thousandsSeparator: v,
+      maxIntegerLength: h,
+      maxDecimalLength: g,
+      decimalSeparator: x
+    }
+  }), { spanRef: I, inputRef: d } = W({
+    inputValue: n,
+    currencyText: t,
+    size: e
+  }), N = z(r, d), s = { fontSize: D(
+    () => M(n, e) + "px",
+    [n, e]
+  ), letterSpacing: "normal" };
+  return /* @__PURE__ */ R(
+    "div",
+    {
+      className: B({ align: c }),
+      onPointerDown: () => {
+        const u = d.current;
+        u && window.requestAnimationFrame(() => {
+          u.focus();
+        });
+      },
+      children: [
+        t && l === "left" && /* @__PURE__ */ a(m, { size: e, style: s, children: t }),
+        /* @__PURE__ */ a(
+          "span",
+          {
+            ref: I,
+            className: O({ size: e }),
+            "aria-hidden": "true",
+            style: s,
+            children: n
+          }
+        ),
+        /* @__PURE__ */ a(
+          "input",
+          {
+            ref: N,
+            type: "text",
+            inputMode: "decimal",
+            disabled: C,
+            value: n,
+            onChange: j,
+            onAnimationEnd: () => V(!1),
+            className: p(q({ size: e, isChanging: A }), o),
+            ...S,
+            style: s
+          }
+        ),
+        t && l === "right" && /* @__PURE__ */ a(m, { size: e, style: s, children: t })
+      ]
+    }
+  );
+};
+export {
+  U as AmountInput
+};

package/dist/lib/Components/core/AmountInput/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/AmountInput/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,cAAc,SAAS,CAAC"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/AmountInput/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAEhE,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,IAAI,CAAC;AAE1C,MAAM,MAAM,gBAAgB,GAAG,QAAQ,GAAG,OAAO,GAAG,KAAK,CAAC;AAE1D,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;;OAGG;IACH,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB;;;OAGG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACzD;;;OAGG;IACH,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB;;;OAGG;IACH,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACpC;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B;;;;;;OAMG;IACH,gBAAgB,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;CAC9B,GAAG,IAAI,CACN,qBAAqB,CAAC,OAAO,CAAC,EAC9B,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,UAAU,CACzC,CAAC"}

package/dist/lib/Components/core/AmountInput/useAmountInputValue/useAmountInputValue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAmountInputValue.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/core/AmountInput/useAmountInputValue/useAmountInputValue.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAGzC,KAAK,aAAa,GAAG;IACnB,aAAa,EAAE,OAAO,CAAC;IACvB,kBAAkB,EAAE,OAAO,CAAC;IAC5B,gBAAgB,EAAE,MAAM,CAAC;IACzB,gBAAgB,EAAE,MAAM,CAAC;IACzB,gBAAgB,EAAE,GAAG,GAAG,GAAG,CAAC;CAC7B,CAAC;AAEF,KAAK,uBAAuB,GAAG;IAC7B,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,QAAQ,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACzD,aAAa,EAAE,aAAa,CAAC;CAC9B,CAAC;AAEF,KAAK,yBAAyB,GAAG;IAC/B,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IAC7D,YAAY,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CAC1D,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,qCAIjC,uBAAuB,KAAG,yBAkC5B,CAAC"}

package/dist/lib/Components/core/AmountInput/useAmountInputValue/useAmountInputValue.js

@@ -0,0 +1,29 @@
+import { textFormatter as m } from "../../../../../libs/utils-shared/dist/index.js";
+import { useCallback as i, useState as g, useRef as d, useEffect as f } from "react";
+const I = ({
+  value: r,
+  onChange: o,
+  formatOptions: t
+}) => {
+  const a = i(
+    (e) => m(String(e), t),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [
+      t.allowDecimals,
+      t.thousandsSeparator,
+      t.maxIntegerLength,
+      t.maxDecimalLength,
+      t.decimalSeparator
+    ]
+  ), [c, s] = g(() => a(r)), [h, l] = g(!1), u = d(c);
+  return f(() => {
+    const e = a(r);
+    s(e), u.current = e;
+  }, [r, a]), { inputValue: c, isChanging: h, setIsChanging: l, handleChange: (e) => {
+    const n = a(e.target.value);
+    s(n), o({ ...e, target: { ...e.target, value: n } }), n !== u.current && l(!0), u.current = n;
+  } };
+};
+export {
+  I as useAmountInputValue
+};

package/dist/lib/Components/core/AmountInput/useAutoWidthInput/useAutoWidthInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAutoWidthInput.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/core/AmountInput/useAutoWidthInput/useAutoWidthInput.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AA+BhD,KAAK,qBAAqB,GAAG;IAC3B,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,IAAI,EAAE,eAAe,CAAC;CACvB,CAAC;AAEF,KAAK,uBAAuB,GAAG;IAC7B,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,eAAe,GAAG,IAAI,CAAC,CAAC;IACjD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;CACpD,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,qCAI/B,qBAAqB,KAAG,uBA0B1B,CAAC"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/Avatar/Avatar.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAmE3C;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,MAAM,GAAI,mGAWpB,WAAW,4CAyDb,CAAC"}

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

@@ -0,0 +1,118 @@
+import { jsxs as p, jsx as t } from "react/jsx-runtime";
+import { cn as c } from "../../../../libs/utils-shared/dist/index.js";
+import { cva as m } from "class-variance-authority";
+import { useState as z, useEffect as y } from "react";
+import { useCommonTranslation as N } from "../../../../i18n/useCommonTranslation.js";
+import { User as j } from "../../symbols/icons/User.js";
+const u = {
+  root: m(
+    "relative inline-flex items-center justify-center rounded-full bg-base-transparent-hover align-middle transition-colors",
+    {
+      variants: {
+        size: {
+          xs: "size-24",
+          sm: "size-40",
+          md: "size-48",
+          lg: "size-56",
+          xl: "size-72",
+          "2xl": "size-128"
+        }
+      },
+      defaultVariants: {
+        size: "md"
+      }
+    }
+  ),
+  text: m("select-none", {
+    variants: {
+      size: {
+        xs: "body-4-semi-bold",
+        sm: "body-1-semi-bold",
+        md: "heading-5-semi-bold",
+        lg: "heading-4-semi-bold",
+        xl: "heading-2-semi-bold",
+        "2xl": "heading-1-semi-bold"
+      }
+    }
+  })
+}, C = {
+  xs: 12,
+  sm: 16,
+  md: 24,
+  lg: 32,
+  xl: 40,
+  "2xl": 56
+}, A = ({
+  size: s,
+  fallbackText: o,
+  fallbackColor: e
+}) => {
+  const a = e ? "text-black" : "text-base";
+  return o ? /* @__PURE__ */ t("span", { className: c(u.text({ size: s }), a), children: o }) : /* @__PURE__ */ t(
+    j,
+    {
+      className: a,
+      size: C[s],
+      "aria-hidden": "true"
+    }
+  );
+}, U = ({
+  ref: s,
+  className: o,
+  src: e,
+  alt: a,
+  size: n = "md",
+  imgLoading: b,
+  fallbackText: x,
+  fallbackColor: r,
+  appearance: i,
+  ...v
+}) => {
+  const { t: f } = N(), [h, l] = z(!1), d = !e || h, g = a || f("components.avatar.defaultAriaLabel");
+  return y(() => {
+    l(!1);
+  }, [e]), /* @__PURE__ */ p(
+    "div",
+    {
+      ref: s,
+      className: c(u.root({ size: n }), o),
+      style: d && r ? { backgroundColor: r } : void 0,
+      role: "img",
+      "aria-label": g,
+      ...v,
+      children: [
+        d ? /* @__PURE__ */ t(
+          A,
+          {
+            size: n,
+            fallbackText: x,
+            fallbackColor: r
+          }
+        ) : /* @__PURE__ */ t(
+          "img",
+          {
+            src: e,
+            alt: "",
+            loading: b,
+            onError: () => l(!0),
+            className: "size-full overflow-hidden rounded-full object-cover",
+            "aria-hidden": "true"
+          }
+        ),
+        i && /* @__PURE__ */ t(
+          "span",
+          {
+            className: "pointer-events-none absolute inset-0 rounded-full",
+            style: {
+              boxShadow: i === "thin" ? "inset 0 0 0 1px var(--color-border-icon)" : "inset 0 0 0 2px var(--color-border-muted-subtle-transparent)"
+            },
+            "aria-hidden": "true"
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  U as Avatar
+};

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/Avatar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,cAAc,SAAS,CAAC"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"resolveAvatarColor.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/Avatar/resolveAvatarColor.ts"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAiBrE;;;;;GAKG;AACH,wBAAgB,kBAAkB,CAAC,UAAU,EAAE,MAAM,GAAG,SAAS,CAEhE"}

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

@@ -0,0 +1,18 @@
+import { resolveAvatarColorKey as o } from "../../../../libs/utils-shared/dist/index.js";
+import { cssVar as r } from "../../../../libs/design-core/dist/lib/cssVar/cssVar.js";
+const a = {
+  orange: r("var(--background-decorative-orange)"),
+  green: r("var(--background-decorative-green)"),
+  blue: r("var(--background-decorative-blue)"),
+  purple: r("var(--background-decorative-purple)"),
+  red: r("var(--background-decorative-red)"),
+  yellow: r("var(--background-decorative-yellow)"),
+  turquoise: r("var(--background-decorative-turquoise)"),
+  pink: r("var(--background-decorative-pink)")
+};
+function t(e) {
+  return a[o(e)];
+}
+export {
+  t as resolveAvatarColor
+};

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/Avatar/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAEnD,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;AAElE,MAAM,MAAM,WAAW,GAAG;IACxB;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;;OAIG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC9B;;;;;OAKG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAC/B,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarButton.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/AvatarButton/AvatarButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEjD;;GAEG;AACH,eAAO,MAAM,YAAY,GAAI,iIAY1B,iBAAiB,4CA6BnB,CAAC"}

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

@@ -0,0 +1,52 @@
+import { jsxs as p, jsx as e } from "react/jsx-runtime";
+import { useDisabledContext as f, cn as v } from "../../../../libs/utils-shared/dist/index.js";
+import { Avatar as m } from "../Avatar/Avatar.js";
+const A = ({
+  ref: t,
+  className: o,
+  src: s,
+  alt: r,
+  size: a,
+  imgLoading: n,
+  fallbackText: i,
+  fallbackColor: l,
+  appearance: u,
+  disabled: d = !1,
+  ...b
+}) => {
+  const c = f({
+    consumerName: "AvatarButton",
+    mergeWith: { disabled: d }
+  });
+  return /* @__PURE__ */ p(
+    "button",
+    {
+      ref: t,
+      type: "button",
+      disabled: c,
+      className: v(
+        "group relative cursor-pointer rounded-full focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-focus disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-30",
+        o
+      ),
+      ...b,
+      children: [
+        /* @__PURE__ */ e(
+          m,
+          {
+            src: s,
+            alt: r,
+            size: a,
+            imgLoading: n,
+            fallbackText: i,
+            fallbackColor: l,
+            appearance: u
+          }
+        ),
+        /* @__PURE__ */ e("span", { className: "pointer-events-none absolute inset-0 rounded-full transition-colors group-hover:bg-base-transparent-hover group-active:bg-base-transparent-pressed" })
+      ]
+    }
+  );
+};
+export {
+  A as AvatarButton
+};

package/dist/lib/Components/core/AvatarButton/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/AvatarButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,cAAc,SAAS,CAAC"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/AvatarButton/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAEnD,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAClC,WAAW,EACT,KAAK,GACL,KAAK,GACL,MAAM,GACN,YAAY,GACZ,cAAc,GACd,eAAe,GACf,YAAY,CACf,GACC,IAAI,CAAC,qBAAqB,CAAC,QAAQ,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC,CAAC"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/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"}