@ledgerhq/lumen-ui-react 0.1.52 → 0.1.54

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/DotCount/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE9D,MAAM,MAAM,aAAa,GAAG;IAC1B;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB;;;;OAIG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;;;;;OAOG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IAC5B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,GAAG,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC"}

package/dist/lib/Components/core/DotIcon/DotIcon.d.ts

@@ -0,0 +1,33 @@
+import { IconSize } from '../../symbols/Icon';
+import { DotIconProps, DotIconSize } from './types';
+export declare const mediaImageDotIconSizeMap: {
+    readonly 40: 16;
+    readonly 48: 20;
+    readonly 56: 24;
+    readonly 64: 24;
+    readonly 72: 32;
+};
+export declare const spotDotIconSizeMap: {
+    readonly 40: 16;
+    readonly 48: 20;
+    readonly 56: 24;
+    readonly 72: 32;
+};
+export declare const dotIconSizeMap: Record<DotIconSize, IconSize>;
+/**
+ * A wrapper component that positions a small icon indicator at a configurable
+ * corner of a child element like MediaImage or Spot. The dot background uses a
+ * semantic color (`success`, `muted`, or `error`).
+ *
+ * @example
+ * import { DotIcon } from '@ledgerhq/lumen-ui-react';
+ *
+ * <DotIcon appearance="success" icon={ArrowDown} pin="bottom-end">
+ *   <MediaImage src="https://example.com/usdc.png" alt="USDC" size={48} />
+ * </DotIcon>
+ */
+export declare const DotIcon: {
+    ({ children, icon: Icon, appearance, pin, size, shape, className, disabled: disabledProp, ref, ...rest }: DotIconProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=DotIcon.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DotIcon.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/DotIcon/DotIcon.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,KAAK,EAAc,YAAY,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AA+CrE,eAAO,MAAM,wBAAwB;;;;;;CAMW,CAAC;AAEjD,eAAO,MAAM,kBAAkB;;;;;CAKiB,CAAC;AAEjD,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,WAAW,EAAE,QAAQ,CAKxD,CAAC;AAgBF;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,OAAO;8GAWjB,YAAY;;CAwBd,CAAC"}

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

@@ -0,0 +1,112 @@
+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 { cva as c } from "class-variance-authority";
+import { useMemo as z } from "react";
+const g = c("relative inline-flex w-fit", {
+  variants: {
+    disabled: {
+      true: "opacity-30",
+      false: ""
+    }
+  }
+}), N = c(
+  "absolute z-10 box-content flex items-center justify-center overflow-hidden border-base-inverted",
+  {
+    variants: {
+      size: {
+        16: "size-16 border",
+        20: "size-20 border",
+        24: "size-24 border",
+        32: "size-32 border"
+      },
+      shape: {
+        square: "",
+        circle: ""
+      },
+      pin: {
+        "top-start": "",
+        "top-end": "",
+        "bottom-start": "",
+        "bottom-end": ""
+      },
+      appearance: {
+        success: "bg-success-strong",
+        muted: "bg-muted-strong",
+        error: "bg-error-strong"
+      }
+    },
+    compoundVariants: [
+      { size: 16, shape: "square", className: "rounded-[5px]" },
+      { size: 20, shape: "square", className: "rounded-[6px]" },
+      { size: 24, shape: "square", className: "rounded-[8px]" },
+      { size: 32, shape: "square", className: "rounded-[10px]" },
+      { shape: "circle", className: "rounded-full" }
+    ]
+  }
+), V = {
+  40: 16,
+  48: 20,
+  56: 24,
+  64: 24,
+  72: 32
+}, w = {
+  40: 16,
+  48: 20,
+  56: 24,
+  72: 32
+}, D = {
+  16: 12,
+  20: 16,
+  24: 16,
+  32: 20
+}, I = {
+  "top-start": ["top", "left"],
+  "top-end": ["top", "right"],
+  "bottom-start": ["bottom", "left"],
+  "bottom-end": ["bottom", "right"]
+}, i = -3, q = (s) => {
+  const [t, o] = I[s];
+  return { [t]: i, [o]: i };
+}, M = ({
+  children: s,
+  icon: t,
+  appearance: o,
+  pin: a = "bottom-end",
+  size: r = 20,
+  shape: d = "circle",
+  className: l,
+  disabled: m = !1,
+  ref: p,
+  ...b
+}) => {
+  const u = z(() => q(a), [a]), f = x({
+    consumerName: "DotIcon",
+    mergeWith: { disabled: m }
+  });
+  return /* @__PURE__ */ e(v, { value: { disabled: !1 }, children: /* @__PURE__ */ h(
+    "div",
+    {
+      ref: p,
+      className: n(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 })),
+            style: u,
+            children: /* @__PURE__ */ e(t, { size: D[r], className: "text-on-interactive" })
+          }
+        )
+      ]
+    }
+  ) });
+};
+M.displayName = "DotIcon";
+export {
+  M as DotIcon,
+  D as dotIconSizeMap,
+  V as mediaImageDotIconSizeMap,
+  w as spotDotIconSizeMap
+};

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/DotIcon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,EACP,cAAc,EACd,wBAAwB,EACxB,kBAAkB,GACnB,MAAM,WAAW,CAAC;AACnB,cAAc,SAAS,CAAC"}

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

@@ -0,0 +1,48 @@
+import { ComponentPropsWithRef, ComponentType, ReactNode } from 'react';
+import { IconSize } from '../../symbols/Icon';
+export type DotIconSize = 16 | 20 | 24 | 32;
+export type DotIconPin = 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end';
+export type DotIconAppearance = 'success' | 'muted' | 'error';
+export type DotIconProps = {
+    /**
+     * Icon component to render inside the dot.
+     */
+    icon: ComponentType<{
+        size?: IconSize;
+        className?: string;
+    }>;
+    /**
+     * Semantic color of the dot background.
+     */
+    appearance: DotIconAppearance;
+    /**
+     * Corner placement of the dot indicator.
+     * @default 'bottom-end'
+     */
+    pin?: DotIconPin;
+    /**
+     * The size of the dot indicator in pixels.
+     * @default 20
+     */
+    size?: DotIconSize;
+    /**
+     * The shape of the dot indicator.
+     * @default 'circle'
+     */
+    shape?: 'square' | 'circle';
+    /**
+     * Additional custom CSS classes to apply to the wrapper.
+     */
+    className?: string;
+    /**
+     * Shows a disabled appearance.
+     * @optional
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * The wrapped component (e.g. MediaImage or Spot).
+     */
+    children?: ReactNode;
+} & Omit<ComponentPropsWithRef<'div'>, 'children'>;
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/DotIcon/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC7E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAEnD,MAAM,MAAM,WAAW,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;AAE5C,MAAM,MAAM,UAAU,GAClB,WAAW,GACX,SAAS,GACT,cAAc,GACd,YAAY,CAAC;AAEjB,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,CAAC;AAE9D,MAAM,MAAM,YAAY,GAAG;IACzB;;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,iBAAiB,CAAC;IAC9B;;;OAGG;IACH,GAAG,CAAC,EAAE,UAAU,CAAC;IACjB;;;OAGG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC5B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,GAAG,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"DotIndicator.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/DotIndicator/DotIndicator.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AA0BjD,wBAAgB,YAAY,CAAC,EAC3B,IAAW,EACX,UAAmB,EACnB,QAAQ,EAAE,YAAoB,EAC9B,QAAQ,EACR,SAAS,EACT,YAAY,EAAE,SAAS,EACvB,GAAG,EACH,GAAG,KAAK,EACT,EAAE,iBAAiB,2CAyBnB;yBAlCe,YAAY"}

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

@@ -0,0 +1,67 @@
+import { jsxs as m, jsx as b } from "react/jsx-runtime";
+import { useDisabledContext as p, cn as s } from "../../../../libs/utils-shared/dist/index.js";
+import { cva as f } from "class-variance-authority";
+const u = f("pointer-events-none rounded-full", {
+  variants: {
+    size: {
+      sm: "size-6",
+      md: "size-8",
+      lg: "size-10",
+      xl: "size-12"
+    },
+    appearance: {
+      base: "bg-interactive",
+      red: "bg-error-strong"
+    },
+    disabled: {
+      true: "bg-disabled",
+      false: ""
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    appearance: "base",
+    disabled: !1
+  }
+});
+function v({
+  size: t = "md",
+  appearance: r = "base",
+  disabled: d = !1,
+  children: e,
+  className: n,
+  "aria-label": a,
+  ref: o,
+  ...l
+}) {
+  const c = p({
+    consumerName: "DotIndicator",
+    mergeWith: { disabled: d }
+  }), i = !!e;
+  return /* @__PURE__ */ m(
+    "div",
+    {
+      ref: o,
+      className: s(i && "relative inline-flex w-fit", n),
+      ...l,
+      children: [
+        /* @__PURE__ */ b(
+          "div",
+          {
+            "aria-label": a,
+            "aria-hidden": !a || void 0,
+            className: s(
+              u({ size: t, appearance: r, disabled: c }),
+              i && "absolute top-0 right-0 z-1"
+            )
+          }
+        ),
+        e
+      ]
+    }
+  );
+}
+v.displayName = "DotIndicator";
+export {
+  v as DotIndicator
+};

package/dist/lib/Components/core/DotIndicator/getDotIndicatorProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getDotIndicatorProps.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/DotIndicator/getDotIndicatorProps.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBAS/B,CAAC"}

package/dist/lib/Components/core/DotIndicator/getDotIndicatorProps.js

@@ -0,0 +1,14 @@
+import { createPropsResolver as e } from "../../../../libs/utils-shared/dist/index.js";
+const r = e({
+  avatar: {
+    xs: { size: "sm", appearance: "red" },
+    sm: { size: "lg", appearance: "red" },
+    md: { size: "xl", appearance: "red" },
+    lg: { size: "xl", appearance: "red" },
+    xl: { size: "xl", appearance: "red" },
+    "2xl": { size: "xl", appearance: "red" }
+  }
+});
+export {
+  r as getDotIndicatorProps
+};

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/DotIndicator/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,wBAAwB,CAAC;AACvC,cAAc,SAAS,CAAC"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/DotIndicator/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE9D,MAAM,MAAM,iBAAiB,GAAG;IAC9B;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACjC;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IAC5B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,GAAG,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"DotSymbol.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/DotSymbol/DotSymbol.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AACpD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,KAAK,EAAgB,cAAc,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AA6D3E,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,cAAc,EAAE,aAAa,CAW7D,CAAC;AAEX,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,QAAQ,EAAE,aAAa,CAMjD,CAAC;AAmBX;;;;;;;;;;GAUG;AACH,eAAO,MAAM,SAAS;4GAYnB,cAAc;;CAkChB,CAAC"}

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

@@ -0,0 +1,129 @@
+import { jsx as o, jsxs as z } from "react/jsx-runtime";
+import { useDisabledContext as x, DisabledProvider as N, cn as v } from "../../../../libs/utils-shared/dist/index.js";
+import { cva as d } from "class-variance-authority";
+import { useMemo as g, useState as q, useEffect as y } from "react";
+const D = d("relative inline-flex w-fit", {
+  variants: {
+    disabled: {
+      true: "opacity-30",
+      false: ""
+    }
+  }
+}), S = d(
+  "absolute z-10 box-content overflow-hidden border-base-inverted bg-muted",
+  {
+    variants: {
+      size: {
+        8: "size-8 border",
+        10: "size-10 border",
+        12: "size-12 border",
+        16: "size-16 border",
+        20: "size-20 border",
+        24: "size-24 border",
+        32: "size-32 border"
+      },
+      shape: {
+        square: "",
+        circle: ""
+      },
+      pin: {
+        "top-start": "",
+        "top-end": "",
+        "bottom-start": "",
+        "bottom-end": ""
+      }
+    },
+    compoundVariants: [
+      /**
+       * Rounded radius by size & shape
+       */
+      { size: 8, shape: "square", className: "rounded-[2px]" },
+      { size: 10, shape: "square", className: "rounded-[3px]" },
+      { size: 12, shape: "square", className: "rounded-[4px]" },
+      { size: 16, shape: "square", className: "rounded-[5px]" },
+      { size: 20, shape: "square", className: "rounded-[6px]" },
+      { size: 24, shape: "square", className: "rounded-[8px]" },
+      { size: 32, shape: "square", className: "rounded-[10px]" },
+      { shape: "circle", className: "rounded-full" }
+    ]
+  }
+), M = {
+  8: -2,
+  10: -2,
+  12: -2,
+  16: -3,
+  20: -3,
+  24: -3,
+  32: -3
+}, C = {
+  12: 8,
+  16: 8,
+  20: 8,
+  24: 10,
+  32: 12,
+  40: 16,
+  48: 20,
+  56: 24,
+  64: 24,
+  72: 32
+}, I = {
+  32: 12,
+  40: 16,
+  48: 20,
+  56: 24,
+  72: 32
+}, E = {
+  "top-start": ["top", "left"],
+  "top-end": ["top", "right"],
+  "bottom-start": ["bottom", "left"],
+  "bottom-end": ["bottom", "right"]
+}, V = (a, t) => {
+  const [r, s] = E[a], e = M[t];
+  return { [r]: e, [s]: e };
+}, j = ({
+  children: a,
+  src: t,
+  alt: r,
+  pin: s = "bottom-end",
+  size: e = 20,
+  shape: n = "circle",
+  imgLoading: l = "eager",
+  className: c,
+  disabled: m = !1,
+  ref: p,
+  ...u
+}) => {
+  const b = g(() => V(s, e), [s, e]), [f, i] = q(!1), h = x({
+    consumerName: "DotSymbol",
+    mergeWith: { disabled: m }
+  });
+  return y(() => {
+    i(!1);
+  }, [t]), /* @__PURE__ */ o(N, { value: { disabled: !1 }, children: /* @__PURE__ */ z(
+    "div",
+    {
+      ref: p,
+      className: v(D({ disabled: h, className: c })),
+      ...u,
+      children: [
+        /* @__PURE__ */ o("div", { className: "inline-flex", children: a }),
+        /* @__PURE__ */ o("div", { className: S({ size: e, shape: n, pin: s }), style: b, children: !f && /* @__PURE__ */ o(
+          "img",
+          {
+            alt: r,
+            src: t,
+            loading: l,
+            "aria-hidden": "true",
+            onError: () => i(!0)
+          }
+        ) })
+      ]
+    }
+  ) });
+};
+j.displayName = "DotSymbol";
+export {
+  j as DotSymbol,
+  C as mediaImageDotSizeMap,
+  I as spotDotSizeMap
+};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/DotSymbol/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE9D,MAAM,MAAM,aAAa,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;AAE5D,MAAM,MAAM,YAAY,GACpB,WAAW,GACX,SAAS,GACT,cAAc,GACd,YAAY,CAAC;AAEjB,MAAM,MAAM,cAAc,GAAG;IAC3B;;OAEG;IACH,GAAG,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,GAAG,CAAC,EAAE,YAAY,CAAC;IACnB;;;OAGG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB;;;OAGG;IACH,KAAK,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC5B;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC9B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,GAAG,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/IconButton/IconButton.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C,eAAO,MAAM,UAAU,GAAI,0HAUxB,eAAe,4CAuBjB,CAAC"}

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

@@ -0,0 +1,33 @@
+import { jsx as o, jsxs as c } from "react/jsx-runtime";
+import { cn as f } from "../../../../libs/utils-shared/dist/index.js";
+import { Tooltip as h, TooltipTrigger as u, TooltipContent as d } from "../Tooltip/Tooltip.js";
+import { BaseButton as T } from "../../internal/BaseButton/BaseButton.js";
+const b = ({
+  ref: n,
+  className: e,
+  icon: i,
+  tooltip: s = !1,
+  tooltipPlacement: l = "top",
+  tooltipText: a,
+  onTooltipOpenChange: p,
+  "aria-label": t,
+  ...m
+}) => {
+  const r = /* @__PURE__ */ o(
+    T,
+    {
+      ref: n,
+      icon: i,
+      className: f("shrink-0", e),
+      "aria-label": t,
+      ...m
+    }
+  );
+  return s ? /* @__PURE__ */ c(h, { onOpenChange: p, children: [
+    /* @__PURE__ */ o(u, { asChild: !0, children: r }),
+    /* @__PURE__ */ o(d, { side: l, children: a || t })
+  ] }) : r;
+};
+export {
+  b as IconButton
+};

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

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

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

@@ -0,0 +1,33 @@
+import { BaseButtonProps } from '../../internal/BaseButton/types';
+import type * as TooltipPrimitive from '@radix-ui/react-tooltip';
+export type IconButtonProps = {
+    /**
+     * Accessible label for the IconButton
+     */
+    'aria-label': string;
+    /**
+     * The icon to display in the button
+     */
+    icon: NonNullable<BaseButtonProps['icon']>;
+    /**
+     * Whether to show a tooltip with the aria-label on hover
+     * @default false
+     */
+    tooltip?: boolean;
+    /**
+     * The preferred position of the tooltip relative to the button
+     * @default "top"
+     */
+    tooltipPlacement?: TooltipPrimitive.TooltipContentProps['side'];
+    /**
+     * Optional text to show in the tooltip. If not provided, aria-label will be used
+     */
+    tooltipText?: string;
+    /**
+     * Callback fired when the tooltip open state changes.
+     * Mirrors the Tooltip's `onOpenChange` API.
+     * Useful for analytics tracking (e.g. logging tooltip impressions).
+     */
+    onTooltipOpenChange?: (open: boolean) => void;
+} & Omit<BaseButtonProps, 'isFull'>;
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/IconButton/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AACjE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAEvE,MAAM,MAAM,eAAe,GAAG;IAC5B;;OAEG;IACH,YAAY,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,IAAI,EAAE,WAAW,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC;IAC3C;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,mBAAmB,CAAC,MAAM,CAAC,CAAC;IAChE;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CAC/C,GAAG,IAAI,CAAC,eAAe,EAAE,QAAQ,CAAC,CAAC"}

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

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

@@ -0,0 +1,58 @@
+import { jsx as t } from "react/jsx-runtime";
+import { useDisabledContext as l, cn as b } from "../../../../libs/utils-shared/dist/index.js";
+import { cva as u } from "class-variance-authority";
+const v = u(
+  [
+    "inline-flex size-fit items-center justify-center rounded-full",
+    "transition-colors",
+    "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus",
+    "disabled:text-disabled"
+  ],
+  {
+    variants: {
+      iconType: {
+        filled: "",
+        stroked: "bg-base-transparent hover:bg-base-transparent-hover active:bg-base-transparent-pressed disabled:bg-disabled"
+      },
+      appearance: {
+        muted: "text-muted hover:text-muted-hover active:text-muted-pressed",
+        white: "text-white hover:text-white-hover active:text-white-pressed",
+        base: "text-base hover:text-base-hover active:text-base-pressed"
+      },
+      disabled: {
+        true: "cursor-default",
+        false: "cursor-pointer"
+      }
+    }
+  }
+), h = ({
+  ref: s,
+  className: i,
+  iconType: r,
+  icon: a,
+  size: o = 24,
+  appearance: n = "muted",
+  disabled: d = !1,
+  ...c
+}) => {
+  const e = l({
+    consumerName: "InteractiveIcon",
+    mergeWith: { disabled: d }
+  });
+  return /* @__PURE__ */ t(
+    "button",
+    {
+      ...c,
+      ref: s,
+      disabled: e,
+      className: b(
+        v({ disabled: e, iconType: r, appearance: n }),
+        i
+      ),
+      children: /* @__PURE__ */ t(a, { size: o })
+    }
+  );
+};
+export {
+  h as InteractiveIcon
+};

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/InteractiveIcon/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,SAAS,CAAC"}

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

@@ -0,0 +1,32 @@
+import { ComponentPropsWithRef, ComponentType } from 'react';
+import { IconProps, IconSize } from '../../symbols/Icon';
+export type InteractiveIconProps = {
+    /**
+     * Whether the icon is disabled.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * The visual style of the icon button.
+     * Choose 'filled' for icons with solid backgrounds or 'stroked' for outlined icons.
+     */
+    iconType: 'filled' | 'stroked';
+    /**
+     * The color appearance of the icon.
+     * - 'muted': Subdued color for secondary actions.
+     * - 'white': White color for use on dark backgrounds.
+     * - 'base': Default high-contrast color.
+     * @default 'muted'
+     */
+    appearance?: 'muted' | 'white' | 'base';
+    /**
+     * The icon component to render.
+     */
+    icon: ComponentType<Omit<IconProps, 'children'>>;
+    /**
+     * The size of the icon in pixels.
+     * @default 24
+     */
+    size?: IconSize;
+} & Omit<ComponentPropsWithRef<'button'>, 'disabled' | 'children'>;
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/InteractiveIcon/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAE9D,MAAM,MAAM,oBAAoB,GAAG;IACjC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,QAAQ,EAAE,QAAQ,GAAG,SAAS,CAAC;IAC/B;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,MAAM,CAAC;IACxC;;OAEG;IACH,IAAI,EAAE,aAAa,CAAC,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC,CAAC;IACjD;;;OAGG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;CACjB,GAAG,IAAI,CAAC,qBAAqB,CAAC,QAAQ,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC,CAAC"}

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

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