@ledgerhq/lumen-ui-react 0.1.52 → 0.1.54

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

@@ -1,54 +1,3 @@
-export * from './AddressInput';
-export * from './AmountInput';
-export * from './AmountDisplay';
-export * from './Avatar';
-export * from './AvatarButton';
-export * from './Banner';
-export * from './BaseInput';
-export * from './Button';
-export * from './Card';
-export * from './CardButton';
-export * from './Checkbox';
-export * from './ContentBanner';
-export * from './DataTable';
-export * from './DescriptionItem';
-export * from './Dialog';
-export * from './Divider';
-export * from './DotCount';
-export * from './DotIcon';
-export * from './DotIndicator';
-export * from './DotSymbol';
-export * from './IconButton';
-export * from './InteractiveIcon';
-export * from './Link';
-export * from './ListItem';
-export * from './MediaBanner';
-export * from './MediaButton';
-export * from './MediaCard';
-export * from './MediaImage';
-export * from './MediaTag';
-export * from './Menu';
-export * from './NavBar';
-export * from './Popover';
-export * from './PageIndicator';
-export * from './Pagination';
-export * from './SearchInput';
-export * from './SectionHeader';
-export * from './SegmentedControl';
-export * from './Select';
-export * from './SideBar';
-export * from './Skeleton';
-export * from './Spinner';
-export * from './Spot';
-export * from './Stepper';
-export * from './Subheader';
-export * from './Switch';
-export * from './Table';
-export * from './Tag';
-export * from './TextInput';
-export * from './Tile';
-export * from './TileButton';
-export * from './Tooltip';
-export * from './Trend';
-export * from './ThemeProvider';
+export * from './core';
+export * from './symbols/Icon/types';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/Components/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/Components/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,sBAAsB,CAAC"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"BaseButton.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/internal/BaseButton/BaseButton.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C,eAAO,MAAM,kBAAkB;;;;;;8EAqD9B,CAAC;AAkBF,eAAO,MAAM,UAAU,GAAI,iIAaxB,eAAe,4CAiDjB,CAAC"}

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

@@ -0,0 +1,127 @@
+import { jsxs as x, jsx as t } from "react/jsx-runtime";
+import { useDisabledContext as f, cn as h } from "../../../../libs/utils-shared/dist/index.js";
+import { Slot as z, Slottable as S } from "@radix-ui/react-slot";
+import { cva as l } from "class-variance-authority";
+import { Spinner as B } from "../../core/Spinner/Spinner.js";
+const N = l(
+  "inline-flex size-fit cursor-pointer items-center justify-center rounded-full transition-colors duration-200 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus",
+  {
+    variants: {
+      appearance: {
+        base: "bg-interactive text-on-interactive hover:bg-interactive-hover active:bg-interactive-pressed",
+        gray: "bg-muted text-base hover:bg-muted-hover active:bg-muted-pressed",
+        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"
+      },
+      disabled: {
+        true: "",
+        false: ""
+      },
+      loading: {
+        true: "",
+        false: ""
+      },
+      size: {
+        xs: "p-8",
+        sm: "p-10",
+        md: "p-12",
+        lg: "p-16"
+      },
+      isFull: {
+        true: "w-full"
+      }
+    },
+    compoundVariants: [
+      {
+        disabled: !0,
+        loading: !1,
+        class: "cursor-not-allowed bg-disabled text-disabled hover:bg-disabled hover:text-disabled active:bg-disabled active:text-disabled"
+      },
+      {
+        disabled: !0,
+        loading: !0,
+        class: "cursor-not-allowed bg-disabled text-disabled hover:bg-disabled hover:text-disabled active:bg-disabled active:text-disabled"
+      }
+    ],
+    defaultVariants: {
+      appearance: "base",
+      size: "md",
+      isFull: !1
+    }
+  }
+), b = l("shrink-0", {
+  variants: {
+    appearance: {
+      base: "text-on-interactive",
+      accent: "text-on-accent",
+      red: "text-error",
+      gray: "text-base",
+      "no-background": "text-base",
+      transparent: "text-base"
+    },
+    disabled: {
+      true: "text-disabled"
+    }
+  }
+}), C = ({
+  ref: c,
+  className: u,
+  appearance: a = "base",
+  size: s,
+  isFull: v,
+  disabled: p = !1,
+  asChild: r = !1,
+  icon: n,
+  loading: i = !1,
+  children: o,
+  onClick: g,
+  ...m
+}) => {
+  const e = f({
+    consumerName: "BaseButton",
+    mergeWith: { disabled: p }
+  }), d = s ? {
+    xs: 16,
+    sm: 20,
+    md: 24,
+    lg: 24
+  }[s] : 24;
+  return /* @__PURE__ */ x(
+    r ? z : "button",
+    {
+      className: h(
+        N({ disabled: e, loading: i, appearance: a, size: s, isFull: v }),
+        u
+      ),
+      ref: c,
+      "data-disabled": e || void 0,
+      disabled: e,
+      onClick: g,
+      ...r ? {} : { type: "button" },
+      ...m,
+      children: [
+        i && /* @__PURE__ */ t(
+          B,
+          {
+            size: d,
+            className: b({ appearance: a, disabled: e })
+          }
+        ),
+        !i && n && /* @__PURE__ */ t(
+          n,
+          {
+            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 }))
+      ]
+    }
+  );
+};
+export {
+  C as BaseButton,
+  N as baseButtonVariants
+};

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

@@ -0,0 +1,3 @@
+export { BaseButton, baseButtonVariants } from './BaseButton';
+export * from './types';
+//# sourceMappingURL=index.d.ts.map

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

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

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

@@ -0,0 +1,37 @@
+import { ComponentPropsWithRef, ComponentType } from 'react';
+import { IconSize } from '../../symbols/Icon/types';
+export type BaseButtonProps = {
+    /**
+     * The visual style of the button.
+     * @default base
+     */
+    appearance?: 'base' | 'gray' | 'accent' | 'transparent' | 'no-background' | 'red';
+    /**
+     * The size variant of the button.
+     * @default md
+     */
+    size?: 'xs' | 'sm' | 'md' | 'lg';
+    /**
+     * If true, the button expands to full width of its container.
+     * @default false
+     */
+    isFull?: boolean;
+    /**
+     * If true, shows a loading spinner instead of the icon.
+     * @default false
+     */
+    loading?: boolean;
+    /**
+     * Optional prop to render the button as a child element.
+     * @default false
+     */
+    asChild?: boolean;
+    /**
+     * An optional icon component to render inside the button.
+     */
+    icon?: ComponentType<{
+        size?: IconSize;
+        className?: string;
+    }>;
+} & ComponentPropsWithRef<'button'>;
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,22 @@
+import { BaseInputProps } from './types';
+/**
+ * Base input component with floating label, error state styling, and clear button functionality.
+ * Shows a clear button by default when input has content. Use hideClearButton to hide it.
+ * This is an internal component used to build other input components.
+ *
+ * Features:
+ * - Automatic clear button that works with both controlled and uncontrolled inputs
+ * - Native-like clear behavior using HTMLInputElement.prototype.value setter
+ * - Proper event dispatching that React can intercept for controlled components
+ * - Floating label with smooth transitions
+ * - Error state styling and accessibility
+ *
+ * Supports className customization for different elements:
+ * - `className`: Applied to the container/root element
+ * - `inputClassName`: Applied to the input element
+ * - `labelClassName`: Applied to the floating label element
+ *
+ * @internal
+ */
+export declare const BaseInput: ({ ref, className, containerClassName, inputClassName, labelClassName, label, id, disabled: disabledProp, helperText, maxCount, status, suffix, prefix, onClear, hideClearButton, readOnly, "aria-invalid": ariaInvalidProp, onChange: onChangeProp, placeholder: placeholderProp, ...props }: BaseInputProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=BaseInput.d.ts.map

package/dist/lib/Components/internal/BaseInput/BaseInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseInput.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/internal/BaseInput/BaseInput.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAGV,cAAc,EACf,MAAM,SAAS,CAAC;AAuEjB;;;;;;;;;;;;;;;;;;GAkBG;AAEH,eAAO,MAAM,SAAS,GAAI,8RAqBvB,cAAc,4CAiLhB,CAAC"}

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

@@ -0,0 +1,220 @@
+import { jsxs as f, jsx as e } from "react/jsx-runtime";
+import { useDisabledContext as X, resolveBaseInputPlaceholder as Y, useMergedRef as Z, cn as s } from "../../../../libs/utils-shared/dist/index.js";
+import { cva as g } from "class-variance-authority";
+import { useRef as _, useId as ee, useState as te, useCallback as re } from "react";
+import { useCommonTranslation as se } from "../../../../i18n/useCommonTranslation.js";
+import { InteractiveIcon as ae } from "../../core/InteractiveIcon/InteractiveIcon.js";
+import { DeleteCircleFill as B } from "../../symbols/icons/DeleteCircleFill.js";
+import { InformationFill as oe } from "../../symbols/icons/InformationFill.js";
+import { CheckmarkCircleFill as ne } from "../../symbols/icons/CheckmarkCircleFill.js";
+const le = g(
+  [
+    "group relative flex h-48 w-full cursor-text items-center gap-8 rounded-sm bg-muted px-16 transition-colors",
+    "focus-within:ring-2 focus-within:ring-active hover:bg-muted-hover",
+    "has-disabled:cursor-not-allowed has-disabled:bg-disabled has-disabled:text-disabled"
+  ],
+  {
+    variants: {
+      status: {
+        default: "",
+        error: "ring-1 ring-error focus-within:ring-2 focus-within:ring-error",
+        success: "ring-1 ring-success focus-within:ring-2 focus-within:ring-success"
+      }
+    },
+    defaultVariants: {
+      status: "default"
+    }
+  }
+), ie = s(
+  "peer w-full flex-1 bg-muted body-1 text-base caret-active outline-hidden transition-colors",
+  "group-hover:bg-muted-hover group-disabled:bg-disabled",
+  "group-has-disabled:cursor-not-allowed group-has-disabled:bg-disabled group-has-disabled:text-disabled",
+  "placeholder:text-muted group-has-disabled:placeholder:text-disabled",
+  "[&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none",
+  "truncate"
+), ce = s(
+  "pointer-events-none absolute top-6 left-16 origin-left body-4 text-muted transition-all duration-300",
+  "peer-placeholder-shown:top-1/2 peer-placeholder-shown:-translate-y-1/2 peer-placeholder-shown:scale-100 peer-placeholder-shown:body-2",
+  "group-has-disabled:text-disabled",
+  "peer-focus:top-6 peer-focus:translate-y-0 peer-focus:body-4",
+  "w-[calc(100%-var(--size-56))] truncate"
+), de = g(ce, {
+  variants: {
+    status: {
+      default: "",
+      error: "text-error",
+      success: ""
+    },
+    floated: {
+      true: "peer-placeholder-shown:top-6 peer-placeholder-shown:translate-y-0 peer-placeholder-shown:body-4",
+      false: ""
+    }
+  },
+  defaultVariants: {
+    status: "default",
+    floated: !1
+  }
+}), ue = g("flex items-center gap-2 body-3", {
+  variants: {
+    status: {
+      default: "text-muted",
+      error: "text-error",
+      success: "text-success"
+    }
+  },
+  defaultVariants: {
+    status: "default"
+  }
+}), Ce = ({
+  ref: a,
+  className: o,
+  containerClassName: t,
+  inputClassName: F,
+  labelClassName: P,
+  label: i,
+  id: j,
+  disabled: z,
+  helperText: b,
+  maxCount: c,
+  status: d,
+  suffix: R,
+  prefix: D,
+  onClear: $,
+  hideClearButton: E = !1,
+  readOnly: v = !1,
+  "aria-invalid": H,
+  onChange: w,
+  placeholder: L,
+  ...u
+}) => {
+  const x = X({
+    consumerName: "BaseInput",
+    mergeWith: { disabled: z }
+  }), { t: A } = se(), r = _(null), M = ee(), m = j || `input-${M}`, T = H ?? (d === "error" ? !0 : void 0), p = u.value !== void 0, [W, y] = te(
+    u.defaultValue?.toString() ?? ""
+  ), q = re(
+    (n) => {
+      p || y(n.target.value), w?.(n);
+    },
+    [p, w]
+  ), I = p ? u.value?.toString() ?? "" : W, O = I.length > 0, { inputPlaceholder: U, labelStaysFloatedWithPlaceholder: G } = Y({
+    label: i,
+    placeholder: L
+  }), C = O && !x && !v && !E, J = I.length, N = !!(c && c > 0), V = `${m}-helper`, h = !!b, K = () => {
+    if (!r.current) return;
+    Object.getOwnPropertyDescriptor(
+      window.HTMLInputElement.prototype,
+      "value"
+    )?.set?.call(r.current, ""), p || y("");
+    const S = new Event("input", { bubbles: !0 });
+    r.current.dispatchEvent(S), r.current.focus(), $?.();
+  }, Q = Z(a, r);
+  return /* @__PURE__ */ f("div", { className: o, children: [
+    /* @__PURE__ */ f(
+      "div",
+      {
+        className: s(le({ status: d }), t),
+        onPointerDown: (n) => {
+          if (n.target.closest("input, button, a")) return;
+          const l = r.current;
+          if (!l) return;
+          const k = l.value.length > 0 ? l.value.length : 0;
+          window.requestAnimationFrame(() => {
+            try {
+              l.setSelectionRange(k, k);
+            } catch {
+            }
+            l.focus();
+          });
+        },
+        children: [
+          D,
+          /* @__PURE__ */ e(
+            "input",
+            {
+              ref: Q,
+              id: m,
+              disabled: x,
+              readOnly: v,
+              placeholder: U,
+              "aria-invalid": T,
+              "aria-describedby": h ? V : void 0,
+              className: s(
+                ie,
+                i && "pt-12 body-2",
+                F
+              ),
+              onChange: q,
+              ...u
+            }
+          ),
+          i && /* @__PURE__ */ e(
+            "label",
+            {
+              htmlFor: m,
+              className: s(
+                de({
+                  status: d,
+                  floated: G
+                }),
+                P
+              ),
+              children: i
+            }
+          ),
+          C && /* @__PURE__ */ e(
+            ae,
+            {
+              iconType: "filled",
+              icon: B,
+              size: 20,
+              onClick: K,
+              "aria-label": A("components.baseInput.clearInputAriaLabel")
+            }
+          ),
+          !C && R
+        ]
+      }
+    ),
+    (h || N) && /* @__PURE__ */ f(
+      "div",
+      {
+        className: s(
+          "mt-8 flex items-start gap-8",
+          h ? "justify-between" : "justify-end"
+        ),
+        children: [
+          h && b && /* @__PURE__ */ e(
+            pe,
+            {
+              id: V,
+              helperText: b,
+              status: d
+            }
+          ),
+          N && c != null && /* @__PURE__ */ e(he, { count: J, maxCount: c })
+        ]
+      }
+    )
+  ] });
+}, pe = ({
+  id: a,
+  helperText: o,
+  status: t
+}) => /* @__PURE__ */ f(
+  "div",
+  {
+    id: a,
+    className: ue({ status: t }),
+    role: t === "error" ? "alert" : void 0,
+    children: [
+      !t && /* @__PURE__ */ e(oe, { size: 16, className: "text-muted" }),
+      t === "error" && /* @__PURE__ */ e(B, { size: 16, className: "text-error" }),
+      t === "success" && /* @__PURE__ */ e(ne, { size: 16, className: "text-success" }),
+      /* @__PURE__ */ e("span", { className: "body-3", children: o })
+    ]
+  }
+), he = ({ count: a, maxCount: o }) => /* @__PURE__ */ e("span", { "aria-live": "polite", className: "shrink-0 body-3 text-muted", children: `${a}/${o}` });
+export {
+  Ce as BaseInput
+};

package/dist/lib/Components/internal/BaseInput/index.d.ts.map

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/internal/BaseInput/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE9D,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,SAAS,CAAC;AAElD,MAAM,MAAM,cAAc,GAAG;IAC3B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;OAGG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;;;OAGG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,GAAG,IAAI,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC,CAAC;AAE5D,MAAM,MAAM,wBAAwB,GAAG;IACrC;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IACX;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;CACpB,GAAG,IAAI,CAAC,cAAc,EAAE,QAAQ,CAAC,CAAC;AAEnC,MAAM,MAAM,qBAAqB,GAAG;IAClC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC"}

package/dist/lib/Components/internal/BaseTag/BaseTag.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseTag.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/internal/BaseTag/BaseTag.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AA2C5C,eAAO,MAAM,OAAO,GAAI,sHAWrB,YAAY,4CAmBd,CAAC"}

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

@@ -0,0 +1,77 @@
+import { jsxs as m, jsx as p } 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(
+  "inline-flex items-center justify-center gap-4 truncate rounded-xs",
+  {
+    variants: {
+      appearance: {
+        base: "bg-muted-transparent text-base",
+        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",
+        white: "bg-white text-black"
+      },
+      size: {
+        md: "body-3",
+        sm: "body-4"
+      },
+      variant: {
+        tag: "",
+        media: ""
+      },
+      disabled: {
+        true: "bg-disabled text-disabled",
+        false: ""
+      }
+    },
+    compoundVariants: [
+      { variant: "tag", size: "md", class: "px-8 py-4" },
+      { variant: "tag", size: "sm", class: "px-4 py-2" },
+      { variant: "media", size: "md", class: "py-4 pr-8 pl-4" },
+      { variant: "media", size: "sm", class: "px-4 py-2" }
+    ],
+    defaultVariants: {
+      appearance: "accent",
+      size: "md",
+      disabled: !1
+    }
+  }
+), z = ({
+  ref: e,
+  className: a,
+  appearance: t,
+  size: s,
+  variant: r,
+  consumerName: i,
+  label: n,
+  disabled: c,
+  leadingContent: d,
+  ...l
+}) => {
+  const b = g({
+    consumerName: i,
+    mergeWith: { disabled: c }
+  });
+  return /* @__PURE__ */ m(
+    "div",
+    {
+      className: o(
+        u({ appearance: t, size: s, variant: r, disabled: !!b }),
+        a
+      ),
+      ref: e,
+      ...l,
+      children: [
+        d,
+        /* @__PURE__ */ p("span", { className: "truncate", children: n })
+      ]
+    }
+  );
+};
+export {
+  z as BaseTag
+};

package/dist/lib/Components/internal/BaseTag/index.d.ts.map

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

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

@@ -0,0 +1,14 @@
+import { ReactNode } from 'react';
+import { TagProps } from '../../core/Tag/types';
+export type BaseTagVariant = 'tag' | 'media';
+export type BaseTagProps = Omit<TagProps, 'icon'> & {
+    variant: BaseTagVariant;
+    consumerName: string;
+    /**
+     * Content rendered before the label (icon component, image, crypto icon, etc.).
+     * Color is inherited from the tag's text color so SVGs using `currentColor`
+     * will pick up the correct appearance automatically.
+     */
+    leadingContent?: ReactNode;
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/internal/BaseTag/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAErD,MAAM,MAAM,cAAc,GAAG,KAAK,GAAG,OAAO,CAAC;AAE7C,MAAM,MAAM,YAAY,GAAG,IAAI,CAAC,QAAQ,EAAE,MAAM,CAAC,GAAG;IAClD,OAAO,EAAE,cAAc,CAAC;IACxB,YAAY,EAAE,MAAM,CAAC;IACrB;;;;OAIG;IACH,cAAc,CAAC,EAAE,SAAS,CAAC;CAC5B,CAAC"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/symbols/Icon/Icon.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAoBzC,eAAO,MAAM,IAAI,GAAI,8DAQlB,SAAS,oCAcX,CAAC"}

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

@@ -0,0 +1,43 @@
+import { cn as s } from "../../../../libs/utils-shared/dist/index.js";
+import { cva as a } from "class-variance-authority";
+import { createElement as k } from "react";
+const h = a("inline-block shrink-0", {
+  variants: {
+    size: {
+      12: "icon-h-12 icon-w-12 icon-stroke-12",
+      16: "icon-h-16 icon-w-16 icon-stroke-16",
+      20: "icon-h-20 icon-w-20 icon-stroke-20",
+      32: "icon-h-32 icon-w-32 icon-stroke-32",
+      24: "icon-h-24 icon-w-24 icon-stroke-24",
+      40: "icon-h-40 icon-w-40 icon-stroke-40",
+      48: "icon-h-48 icon-w-48 icon-stroke-48",
+      56: "icon-h-56 icon-w-56 icon-stroke-56"
+    }
+  },
+  defaultVariants: {
+    size: 24
+  }
+}), f = ({
+  ref: o,
+  size: n = 24,
+  className: i = "",
+  children: c,
+  viewBox: r,
+  xmlns: e,
+  ...t
+}) => k(
+  "svg",
+  {
+    ref: o,
+    fill: "none",
+    "aria-hidden": "true",
+    xmlns: e,
+    viewBox: r,
+    className: s(h({ size: n }), "inline-block", i),
+    ...t
+  },
+  c
+);
+export {
+  f as Icon
+};

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

@@ -0,0 +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"}