@ledgerhq/lumen-ui-react 0.1.52 → 0.1.54

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

@@ -0,0 +1,186 @@
+import { jsx as r, jsxs as x } from "react/jsx-runtime";
+import { useDisabledContext as l, DisabledProvider as f, cn as i } from "../../../../libs/utils-shared/dist/index.js";
+import { cva as m } from "class-variance-authority";
+import { useCallback as g } from "react";
+import { InteractiveIcon as T } from "../InteractiveIcon/InteractiveIcon.js";
+const p = {
+  root: m([
+    "group relative flex flex-col items-center rounded-md text-base transition-colors focus-visible:outline-2 focus-visible:outline-focus"
+  ]),
+  inner: m(
+    [
+      "flex w-full flex-1 flex-col items-center gap-8 px-8 py-12",
+      "rounded-md focus-visible:outline-2 focus-visible:outline-focus"
+    ],
+    {
+      variants: {
+        appearance: {
+          "no-background": "bg-base-transparent hover:not-disabled:bg-base-transparent-hover active:not-disabled:bg-base-transparent-pressed",
+          card: "bg-surface hover:not-disabled:bg-surface-hover active:not-disabled:bg-surface-pressed"
+        },
+        disabled: {
+          true: "cursor-default",
+          false: "cursor-pointer"
+        },
+        centered: {
+          true: "h-full justify-center",
+          false: ""
+        }
+      },
+      defaultVariants: {
+        appearance: "no-background",
+        disabled: !1,
+        centered: !1
+      }
+    }
+  )
+}, C = ({
+  ref: t,
+  className: e,
+  onClick: a,
+  secondaryAction: s,
+  appearance: c = "no-background",
+  disabled: d = !1,
+  centered: u = !1,
+  children: b,
+  style: o,
+  ...v
+}) => {
+  const n = l({
+    consumerName: "Tile",
+    mergeWith: { disabled: d }
+  });
+  return /* @__PURE__ */ r(f, { value: { disabled: n }, children: /* @__PURE__ */ x(
+    "div",
+    {
+      ref: t,
+      style: o,
+      className: p.root({
+        className: e
+      }),
+      children: [
+        /* @__PURE__ */ r(
+          "button",
+          {
+            ...v,
+            onClick: a,
+            disabled: n,
+            className: p.inner({
+              appearance: c,
+              disabled: n,
+              centered: u
+            }),
+            children: /* @__PURE__ */ r(f, { value: { disabled: n }, children: b })
+          }
+        ),
+        s
+      ]
+    }
+  ) });
+}, D = ({
+  children: t,
+  className: e,
+  ...a
+}) => /* @__PURE__ */ r(
+  "div",
+  {
+    className: i("flex w-full flex-col items-center text-center", e),
+    ...a,
+    children: t
+  }
+), j = ({
+  children: t,
+  className: e,
+  ...a
+}) => {
+  const s = l({
+    consumerName: "TileTitle",
+    contextRequired: !0
+  });
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      className: i(
+        "w-full truncate body-2-semi-bold",
+        s && "text-disabled",
+        e
+      ),
+      ...a,
+      children: t
+    }
+  );
+}, q = ({
+  children: t,
+  className: e,
+  ...a
+}) => {
+  const s = l({
+    consumerName: "TileDescription",
+    contextRequired: !0
+  });
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      className: i(
+        "w-full truncate body-3",
+        s ? "text-disabled" : "text-muted",
+        e
+      ),
+      ...a,
+      children: t
+    }
+  );
+}, R = ({
+  children: t,
+  className: e,
+  ...a
+}) => /* @__PURE__ */ r(
+  "div",
+  {
+    className: i("mt-4 flex w-full flex-col items-center gap-8", e),
+    ...a,
+    children: t
+  }
+), A = ({
+  ref: t,
+  onClick: e,
+  icon: a,
+  className: s,
+  "aria-label": c,
+  ...d
+}) => {
+  const u = l({
+    consumerName: "TileSecondaryAction",
+    contextRequired: !0
+  }), b = g(
+    (o) => {
+      o.stopPropagation(), o.preventDefault(), e?.(o);
+    },
+    [e]
+  );
+  return u ? null : /* @__PURE__ */ r(
+    T,
+    {
+      className: i(
+        "absolute top-8 right-4 opacity-0 transition-opacity duration-200 group-hover:opacity-100 focus-within:opacity-100",
+        s
+      ),
+      "data-secondary-button-container": !0,
+      iconType: "stroked",
+      icon: a,
+      size: 24,
+      onClick: b,
+      "aria-label": c,
+      ref: t,
+      ...d
+    }
+  );
+};
+export {
+  C as Tile,
+  D as TileContent,
+  q as TileDescription,
+  A as TileSecondaryAction,
+  j as TileTitle,
+  R as TileTrailingContent
+};

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/Tile/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,IAAI,EACJ,WAAW,EACX,SAAS,EACT,eAAe,EACf,mBAAmB,EACnB,mBAAmB,GACpB,MAAM,QAAQ,CAAC;AAChB,cAAc,SAAS,CAAC"}

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

@@ -0,0 +1,110 @@
+import { ButtonHTMLAttributes, ComponentPropsWithRef, ComponentType, MouseEventHandler, ReactNode, Ref } from 'react';
+import { IconProps } from '../../symbols/Icon';
+export type TileContextValue = {
+    disabled: boolean;
+};
+export type TileProps = {
+    /**
+     * The visual appearance of the tile background.
+     * - `no-background`: Transparent background (shows hover state)
+     * - `card`: Surface background color
+     * @default "no-background"
+     */
+    appearance?: 'no-background' | 'card';
+    /**
+     * Whether the tile is disabled.
+     * When disabled, the tile is non-interactive and has disabled styles.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Whether the tile content should be centered vertically.
+     * Useful when the tile has a fixed height and you want the content centered.
+     * @default false
+     */
+    centered?: boolean;
+    /**
+     * The function to call when the tile is clicked.
+     */
+    onClick?: MouseEventHandler<HTMLButtonElement>;
+    /**
+     * The children to display inside the tile.
+     * Can include TileContent, TileTitle, TileDescription, TileSecondaryAction, and any custom content.
+     */
+    children: ReactNode;
+    /**
+     * Additional CSS classes for the tile container.
+     * Should only be used for layout adjustments like margins or positioning.
+     */
+    className?: string;
+    /**
+     * Aria label for accessibility.
+     */
+    'aria-label'?: string;
+    /**
+     * The secondary action to display inside the tile.
+     * Typically contains a TileSecondaryAction component.
+     */
+    secondaryAction?: ReactNode;
+    /**
+     * Ref to the tile root element (the outer div).
+     */
+    ref?: Ref<HTMLDivElement>;
+} & Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick'>;
+export type TileContentProps = {
+    /**
+     * The children to display inside the tile content area.
+     * Typically contains TileTitle and TileDescription.
+     */
+    children: ReactNode;
+    /**
+     * Additional CSS classes for the content container.
+     */
+    className?: string;
+} & ComponentPropsWithRef<'div'>;
+export type TileTitleProps = {
+    /**
+     * The title text to display.
+     */
+    children: ReactNode;
+    /**
+     * Additional CSS classes for the title.
+     */
+    className?: string;
+} & ComponentPropsWithRef<'div'>;
+export type TileDescriptionProps = {
+    /**
+     * The description text to display.
+     */
+    children: ReactNode;
+    /**
+     * Additional CSS classes for the description.
+     */
+    className?: string;
+} & ComponentPropsWithRef<'div'>;
+export type TileTrailingContentProps = {
+    /**
+     * The trailing content to display after title and description.
+     * Typically contains Tags, custom labels, or other supplementary information.
+     */
+    children: ReactNode;
+    /**
+     * Additional CSS classes for the trailing content container.
+     */
+    className?: string;
+} & ComponentPropsWithRef<'div'>;
+export type TileSecondaryActionProps = {
+    /**
+     * The function to call when the secondary action is clicked.
+     */
+    onClick?: MouseEventHandler;
+    /**
+     * Icon component to render inside the InteractiveIcon.
+     */
+    icon: ComponentType<Omit<IconProps, 'children'>>;
+    /**
+     * Additional CSS classes for the secondary action container.
+     */
+    className?: string;
+} & Omit<ComponentPropsWithRef<'button'>, 'onClick'>;
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/Tile/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,oBAAoB,EACpB,qBAAqB,EACrB,aAAa,EACb,iBAAiB,EACjB,SAAS,EACT,GAAG,EACJ,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAEpD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG;IACtB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,eAAe,GAAG,MAAM,CAAC;IACtC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAC/C;;;OAGG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B;;OAEG;IACH,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAC3B,GAAG,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,SAAS,CAAC,CAAC;AAE7D,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;;OAGG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;AAEjC,MAAM,MAAM,cAAc,GAAG;IAC3B;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;AAEjC,MAAM,MAAM,oBAAoB,GAAG;IACjC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;AAEjC,MAAM,MAAM,wBAAwB,GAAG;IACrC;;;OAGG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;AAEjC,MAAM,MAAM,wBAAwB,GAAG;IACrC;;OAEG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B;;OAEG;IACH,IAAI,EAAE,aAAa,CAAC,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC,CAAC;IACjD;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,IAAI,CAAC,qBAAqB,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC,CAAC"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"TileButton.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/TileButton/TileButton.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AA+C/C;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,UAAU,GAAI,2IAYxB,eAAe,4CAwCjB,CAAC"}

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

@@ -0,0 +1,95 @@
+import { jsxs as x, jsx as t } from "react/jsx-runtime";
+import { useDisabledContext as g, cn as v } from "../../../../libs/utils-shared/dist/index.js";
+import { Slot as y, Slottable as N } from "@radix-ui/react-slot";
+import { cva as i } from "class-variance-authority";
+import { useCallback as V } from "react";
+const h = i(
+  [
+    "flex flex-col items-center gap-8 rounded-md p-12",
+    "bg-surface body-2-semi-bold transition-colors",
+    "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus"
+  ],
+  {
+    variants: {
+      appearance: {
+        gray: "text-base",
+        red: "text-error"
+      },
+      disabled: {
+        true: "cursor-not-allowed bg-disabled text-disabled",
+        false: "cursor-pointer hover:bg-surface-hover active:bg-surface-pressed"
+      },
+      isFull: {
+        true: "w-full"
+      }
+    },
+    defaultVariants: {
+      appearance: "gray",
+      disabled: !1,
+      isFull: !1
+    }
+  }
+), k = i("shrink-0", {
+  variants: {
+    appearance: {
+      gray: "text-base",
+      red: "text-error"
+    },
+    disabled: {
+      true: "text-disabled"
+    }
+  },
+  defaultVariants: {
+    appearance: "gray",
+    disabled: !1
+  }
+}), S = ({
+  ref: n,
+  icon: d,
+  children: s,
+  onClick: r,
+  disabled: c = !1,
+  isFull: u = !1,
+  appearance: l = "gray",
+  className: b,
+  asChild: a = !1,
+  "aria-label": f,
+  ...m
+}) => {
+  const e = g({
+    consumerName: "TileButton",
+    mergeWith: { disabled: c }
+  }), p = V(
+    (o) => {
+      if (e) {
+        o.preventDefault();
+        return;
+      }
+      r?.(o);
+    },
+    [e, r]
+  );
+  return /* @__PURE__ */ x(
+    a ? y : "button",
+    {
+      ref: n,
+      type: a ? void 0 : "button",
+      className: v(
+        h({ disabled: e, isFull: u, appearance: l }),
+        b
+      ),
+      onClick: p,
+      disabled: e,
+      "data-disabled": e || void 0,
+      "aria-label": f,
+      ...m,
+      children: [
+        /* @__PURE__ */ t(d, { size: 20, className: k({ disabled: e, appearance: l }) }),
+        a ? /* @__PURE__ */ t(N, { children: s }) : /* @__PURE__ */ t("span", { className: "line-clamp-2 text-center", children: s })
+      ]
+    }
+  );
+};
+export {
+  S as TileButton
+};

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

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

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

@@ -0,0 +1,50 @@
+import { ComponentPropsWithRef, ComponentType, MouseEventHandler, ReactNode } from 'react';
+import { IconSize } from '../../symbols/Icon/types';
+export type TileButtonProps = {
+    /**
+     * The icon component to render above the label.
+     * Will be rendered at 20px size.
+     */
+    icon: ComponentType<{
+        size?: IconSize;
+        className?: string;
+    }>;
+    /**
+     * The content of the button (label text).
+     */
+    children: ReactNode;
+    /**
+     * Click handler for the button.
+     */
+    onClick?: MouseEventHandler<HTMLButtonElement>;
+    /**
+     * Whether the button is disabled.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * If true, the button expands to full width of its container.
+     * @default false
+     */
+    isFull?: boolean;
+    /**
+     * The visual appearance of the button.
+     * @default 'gray'
+     */
+    appearance?: 'gray' | 'red';
+    /**
+     * Additional CSS classes for layout adjustments.
+     */
+    className?: string;
+    /**
+     * Accessible label for the button.
+     */
+    'aria-label'?: string;
+    /**
+     * Optional prop to render the button as a child element.
+     * When true, TileButton merges its props with its child element.
+     * @default false
+     */
+    asChild?: boolean;
+} & Omit<ComponentPropsWithRef<'button'>, 'onClick' | 'children'>;
+//# sourceMappingURL=types.d.ts.map

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

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

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

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

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

@@ -0,0 +1,59 @@
+import { jsx as o, jsxs as l } from "react/jsx-runtime";
+import { cn as s } from "../../../../libs/utils-shared/dist/index.js";
+import * as e from "@radix-ui/react-tooltip";
+import { cva as d } from "class-variance-authority";
+const m = d(
+  "z-tooltip w-fit rounded-xs bg-interactive px-8 py-4 body-3 text-on-interactive select-none",
+  {
+    variants: {
+      side: {
+        top: "animate-slide-in-from-top data-[state=closed]:animate-slide-out-to-top",
+        bottom: "animate-slide-in-from-bottom data-[state=closed]:animate-slide-out-to-bottom",
+        left: "animate-slide-in-from-left data-[state=closed]:animate-slide-out-to-left",
+        right: "animate-slide-in-from-right data-[state=closed]:animate-slide-out-to-right"
+      }
+    },
+    defaultVariants: {
+      side: "top"
+    }
+  }
+), c = ({
+  /**
+   * The delay in milliseconds before the tooltip appears.
+   * @default 200
+   */
+  delayDuration: t = 200,
+  ...i
+}) => /* @__PURE__ */ o(
+  e.Provider,
+  {
+    "data-slot": "tooltip-provider",
+    delayDuration: t,
+    ...i
+  }
+), g = ({ delayDuration: t = 200, ...i }) => /* @__PURE__ */ o(c, { delayDuration: t, children: /* @__PURE__ */ o(e.Root, { "data-slot": "tooltip", ...i }) }), u = ({ ...t }) => /* @__PURE__ */ o(e.Trigger, { "data-slot": "tooltip-trigger", ...t }), x = ({
+  className: t,
+  sideOffset: i = 0,
+  side: a,
+  children: r,
+  ...n
+}) => /* @__PURE__ */ o(e.Portal, { children: /* @__PURE__ */ l(
+  e.Content,
+  {
+    "data-slot": "tooltip-content",
+    side: a,
+    sideOffset: i,
+    className: s(m({ side: a }), t),
+    ...n,
+    children: [
+      /* @__PURE__ */ o(e.Arrow, { className: "size-10 translate-y-[calc(-50%-1px)] rotate-45 rounded-[1px] bg-interactive fill-interactive" }),
+      /* @__PURE__ */ o("div", { className: "relative", children: r })
+    ]
+  }
+) });
+export {
+  g as Tooltip,
+  x as TooltipContent,
+  c as TooltipProvider,
+  u as TooltipTrigger
+};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/Tooltip/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AACjE,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,MAAM,MAAM,YAAY,GAAG;IACzB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,GAAG,cAAc,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,CAAC;AAEjD,MAAM,MAAM,mBAAmB,GAAG;IAChC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,CAAC;AAEpD,MAAM,MAAM,mBAAmB,GAAG;IAChC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;OAGG;IACH,IAAI,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC3C;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,CAAC"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"Trend.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/Trend/Trend.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AA+C1C,wBAAgB,KAAK,CAAC,EACpB,KAAK,EACL,IAAW,EACX,QAAQ,EAAE,YAAoB,EAC9B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,UAAU,2CAuBZ"}

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

@@ -0,0 +1,71 @@
+import { jsxs as m, jsx as c } from "react/jsx-runtime";
+import { useDisabledContext as u, cn as p } from "../../../../libs/utils-shared/dist/index.js";
+import { cva as f } from "class-variance-authority";
+import { useCommonTranslation as b } from "../../../../i18n/useCommonTranslation.js";
+import { TriangleDown as v } from "../../symbols/icons/TriangleDown.js";
+import { TriangleUp as g } from "../../symbols/icons/TriangleUp.js";
+function x(e) {
+  return e === 0 ? "neutral" : e > 0 ? "positive" : "negative";
+}
+const T = f("inline-flex items-center", {
+  variants: {
+    size: {
+      md: "gap-2 body-2",
+      sm: "gap-2 body-3"
+    },
+    variant: {
+      positive: "",
+      negative: "",
+      neutral: ""
+    },
+    disabled: {
+      true: "text-disabled",
+      false: ""
+    }
+  },
+  compoundVariants: [
+    { variant: "positive", disabled: !1, class: "text-success" },
+    { variant: "negative", disabled: !1, class: "text-error" },
+    { variant: "neutral", disabled: !1, class: "text-muted" }
+  ],
+  defaultVariants: {
+    size: "md",
+    disabled: !1
+  }
+}), V = {
+  md: 16,
+  sm: 12
+}, h = {
+  positive: g,
+  negative: v,
+  neutral: null
+};
+function M({
+  value: e,
+  size: t = "md",
+  disabled: r = !1,
+  className: o,
+  ...l
+}) {
+  const a = x(e), s = u({
+    consumerName: "Trend",
+    mergeWith: { disabled: r }
+  }), { t: d } = b(), n = h[a], i = `${Math.abs(e).toFixed(2)}%`;
+  return /* @__PURE__ */ m(
+    "span",
+    {
+      "aria-label": d(`components.trend.${a}AriaLabel`, {
+        value: i
+      }),
+      className: p(T({ size: t, variant: a, disabled: s }), o),
+      ...l,
+      children: [
+        n && /* @__PURE__ */ c(n, { size: V[t], disabled: s }),
+        i
+      ]
+    }
+  );
+}
+export {
+  M as Trend
+};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/Trend/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAEnD,MAAM,MAAM,UAAU,GAAG;IACvB;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,IAAI,CAAC,qBAAqB,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC,CAAC"}

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

@@ -0,0 +1,53 @@
+export * from './AddressInput';
+export * from './AmountInput';
+export * from './AmountDisplay';
+export * from './Avatar';
+export * from './AvatarButton';
+export * from './Banner';
+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';
+//# sourceMappingURL=index.d.ts.map

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

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