@ledgerhq/lumen-ui-react 0.0.70 → 0.0.72

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

@@ -1 +1 @@
-{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Icon/Icon.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAmBpC,eAAO,MAAM,IAAI,kHAgBhB,CAAC"}
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Icon/Icon.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAoBpC,eAAO,MAAM,IAAI,kHAgBhB,CAAC"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"createIcon.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Icon/createIcon.ts"],"names":[],"mappings":"AACA,OAAO,EAA6B,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5D,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC;;;;;;GAMG;AACH,QAAA,MAAM,UAAU,GACd,UAAU,MAAM,EAChB,SAAS,KAAK,CAAC,YAAY,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,uIAgBrD,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"createIcon.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Icon/createIcon.ts"],"names":[],"mappings":"AACA,OAAO,EAA6B,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5D,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC;;;;;;GAMG;AACH,QAAA,MAAM,UAAU,aACJ,MAAM,WACP,KAAK,CAAC,YAAY,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,uIAgBrD,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/lib/Components/Icon/types.d.ts

@@ -1,4 +1,4 @@
-export type IconSize = 12 | 16 | 20 | 24 | 40 | 48 | 56;
+export type IconSize = 12 | 16 | 20 | 24 | 32 | 40 | 48 | 56;
 export type IconProps = {
     /**
      * The size of the icon.

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Icon/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,QAAQ,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;AAExD,MAAM,MAAM,SAAS,GAAG;IACtB;;OAEG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,GAAG,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Icon/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,QAAQ,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;AAE7D,MAAM,MAAM,SAAS,GAAG;IACtB;;OAEG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,GAAG,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC"}

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

@@ -1,9 +1,9 @@
 import { default as React } from 'react';
 export declare const IconButton: React.ForwardRefExoticComponent<{
     'aria-label': string;
-    icon: NonNullable<import('..').BaseButtonProps["icon"]>;
+    icon: NonNullable<import('../Button').BaseButtonProps["icon"]>;
     tooltip?: boolean;
     tooltipPlacement?: import('@radix-ui/react-tooltip').TooltipContentProps["side"];
     tooltipText?: string;
-} & Omit<import('..').BaseButtonProps, "isFull"> & React.RefAttributes<HTMLButtonElement>>;
+} & Omit<import('../Button').BaseButtonProps, "isFull"> & React.RefAttributes<HTMLButtonElement>>;
 //# sourceMappingURL=IconButton.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/IconButton/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,eAAO,MAAM,UAAU;;;;;;0FAoCtB,CAAC"}
+{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/IconButton/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,eAAO,MAAM,UAAU;;;;;;iGAoCtB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"InteractiveIcon.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/InteractiveIcon/InteractiveIcon.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAoB1B;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,eAAO,MAAM,eAAe;;;2FAY1B,CAAC"}
+{"version":3,"file":"InteractiveIcon.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/InteractiveIcon/InteractiveIcon.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAoB1B;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,eAAO,MAAM,eAAe;;oBA7C8H,SAAS;2FAyDjK,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Link/Link.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AA+BzC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AACH,eAAO,MAAM,IAAI;;;;;YA9DoB,CAAC;iBAAqB,CAAC;;;;;2FA6H3D,CAAC"}
+{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Link/Link.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AA+BzC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AACH,eAAO,MAAM,IAAI;;;;iBA9DA,aAAa;YAAO,CAAC;iBAAqB,CAAC;;;;oBAmBxD,SAEH;2FAwGA,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"ListItem.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/ListItem/ListItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAOL,iBAAiB,EAGjB,qBAAqB,EACtB,MAAM,SAAS,CAAC;AAUjB;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,QAAQ;;;;;6GAuBpB,CAAC;AAIF;;;GAGG;AACH,eAAO,MAAM,eAAe;;;+EAY1B,CAAC;AAIH;;GAEG;AACH,eAAO,MAAM,eAAe;;;+EAY1B,CAAC;AAIH;;GAEG;AACH,eAAO,MAAM,aAAa;;;+EAqBxB,CAAC;AAIH;;;GAGG;AACH,eAAO,MAAM,mBAAmB;;;+EA0B9B,CAAC;AAIH;;;GAGG;AACH,eAAO,MAAM,gBAAgB;;;+EAuB3B,CAAC;AAIH;;GAEG;AACH,eAAO,MAAM,YAAY;YAAW,iBAAiB;;CAOpD,CAAC;AAIF;;;GAGG;AACH,eAAO,MAAM,YAAY;;;+EAiBxB,CAAC;AAIF,eAAO,MAAM,gBAAgB;+BAG1B,qBAAqB;;CAEvB,CAAC"}
+{"version":3,"file":"ListItem.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/ListItem/ListItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAOL,iBAAiB,EAGjB,qBAAqB,EACtB,MAAM,SAAS,CAAC;AAUjB;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,QAAQ;oBA9BpB,SAAS;;;oBAI8C,oBACjD;6GAgDN,CAAC;AAIF;;;GAGG;AACH,eAAO,MAAM,eAAe;oBAjDwD,SAChF;;+EA4DF,CAAC;AAIH;;GAEG;AACH,eAAO,MAAM,eAAe;oBA5DZ,SAChB;;+EAuEE,CAAC;AAIH;;GAEG;AACH,eAAO,MAAM,aAAa;oBAxER,SAChB;;+EA4FA,CAAC;AAIH;;;GAGG;AACH,eAAO,MAAM,mBAAmB;oBA3FtB,SAAM;;+EAqHd,CAAC;AAIH;;;GAGG;AACH,eAAO,MAAM,gBAAgB;oBAxHwB,SAAS;;+EA+I5D,CAAC;AAIH;;GAEG;AACH,eAAO,MAAM,YAAY;YAAW,iBAAiB;;CAOpD,CAAC;AAIF;;;GAGG;AACH,eAAO,MAAM,YAAY;gBA3IoC,aAAa;;+EA4JzE,CAAC;AAIF,eAAO,MAAM,gBAAgB;+BAG1B,qBAAqB;;CAEvB,CAAC"}

package/dist/lib/Components/NavBar/CoinCapsule.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { CoinCapsuleProps } from './types';
+/**
+ * @internal
+ * Internal component for displaying a cryptocurrency coin capsule with icon and ticker.
+ * This component is not exported publicly. Use NavBarCoinCapsule instead for NavBar usage.
+ * Kept as a separate component for potential future extraction as a standalone component.
+ */
+export declare const CoinCapsule: React.ForwardRefExoticComponent<CoinCapsuleProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=CoinCapsule.d.ts.map

package/dist/lib/Components/NavBar/CoinCapsule.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CoinCapsule.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/NavBar/CoinCapsule.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE3C;;;;;GAKG;AACH,eAAO,MAAM,WAAW,yFAkBvB,CAAC"}

package/dist/lib/Components/NavBar/CoinCapsule.js

@@ -0,0 +1,24 @@
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import { cn as l } from "../../../libs/utils-shared/dist/index.js";
+import i from "react";
+const o = i.forwardRef(
+  ({ ticker: s, icon: a, className: r }, t) => /* @__PURE__ */ n(
+    "div",
+    {
+      ref: t,
+      className: l(
+        "flex items-center gap-8 rounded-full bg-muted-transparent py-8 pr-12 pl-8",
+        r
+      ),
+      "data-slot": "coin-capsule",
+      children: [
+        /* @__PURE__ */ e("span", { className: "flex size-24 shrink-0 items-center justify-center", children: a }),
+        /* @__PURE__ */ e("span", { className: "body-1 text-base select-none", children: s })
+      ]
+    }
+  )
+);
+o.displayName = "CoinCapsule";
+export {
+  o as CoinCapsule
+};

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

@@ -0,0 +1,80 @@
+import { default as React } from 'react';
+import { NavBarBackButtonProps, NavBarTitleProps, NavBarTrailingProps } from './types';
+/**
+ * A coin capsule component for displaying cryptocurrency information within the NavBar.
+ * Shows an icon and ticker symbol in a pill-shaped container.
+ *
+ * @example
+ * import { NavBar, NavBarBackButton, NavBarCoinCapsule, NavBarTrailing } from '@ledgerhq/lumen-ui-react';
+ * import { CryptoIcon } from '@ledgerhq/crypto-icons';
+ *
+ * <NavBarCoinCapsule ticker="BTC" icon={<CryptoIcon ledgerId="bitcoin" ticker="BTC" size="24px" />} />
+ */
+export declare const NavBarCoinCapsule: React.ForwardRefExoticComponent<import('./types').CoinCapsuleProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Back button component for the NavBar. Displays an arrow left icon button.
+ *
+ * @example
+ * <NavBarBackButton onClick={() => navigate(-1)} />
+ */
+export declare const NavBarBackButton: React.ForwardRefExoticComponent<NavBarBackButtonProps & React.RefAttributes<HTMLButtonElement>>;
+/**
+ * Title component for the NavBar. Displays the navigation title text.
+ * Use the `as` prop to control heading semantics and avoid multiple h1s on a page.
+ *
+ * @example
+ * <NavBarTitle>Page Title</NavBarTitle>
+ *
+ * @example
+ * // With custom heading level
+ * <NavBarTitle as="h2">Page Title</NavBarTitle>
+ */
+export declare const NavBarTitle: React.ForwardRefExoticComponent<NavBarTitleProps & React.RefAttributes<HTMLElement>>;
+/**
+ * Trailing container for the NavBar. Used to place elements on the right side of the navbar.
+ *
+ * @example
+ * <NavBarTrailing>
+ *   <IconButton icon={Settings} aria-label="Settings" />
+ * </NavBarTrailing>
+ */
+export declare const NavBarTrailing: React.ForwardRefExoticComponent<NavBarTrailingProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * A navigation bar component for displaying page headers with optional back button, title, and trailing elements.
+ * Uses a composable compound component API where you explicitly nest sub-components to define the layout.
+ *
+ * @see {@link https://ldls.vercel.app/?path=/docs/navigation-navbar-overview--docs Storybook}
+ * @see {@link https://ldls.vercel.app/?path=/docs/navigation-navbar-implementation--docs#dos-and-donts Guidelines}
+ *
+ * @warning The `className` prop should only be used for layout adjustments like margins or positioning.
+ * Do not use it to modify the navbar's core appearance (colors, padding, etc).
+ *
+ * @example
+ * // Basic NavBar with title
+ * import { NavBar, NavBarBackButton, NavBarTitle, NavBarTrailing } from '@ledgerhq/lumen-ui-react';
+ *
+ * <NavBar>
+ *   <NavBarBackButton onClick={() => navigate(-1)} />
+ *   <NavBarTitle>Page Title</NavBarTitle>
+ *   <NavBarTrailing>
+ *     <IconButton icon={Settings} aria-label="Settings" />
+ *   </NavBarTrailing>
+ * </NavBar>
+ *
+ * @example
+ * // NavBar with NavBarCoinCapsule for crypto assets
+ * import { CryptoIcon } from '@ledgerhq/crypto-icons';
+ *
+ * <NavBar>
+ *   <NavBarBackButton onClick={handleBack} />
+ *   <NavBarCoinCapsule ticker="BTC" icon={<CryptoIcon ledgerId="bitcoin" ticker="BTC" size="24px" />} />
+ *   <NavBarTrailing>
+ *     <IconButton icon={MoreHorizontal} aria-label="More options" />
+ *   </NavBarTrailing>
+ * </NavBar>
+ */
+export declare const NavBar: React.ForwardRefExoticComponent<{
+    children?: React.ReactNode;
+    className?: string;
+} & Omit<React.HTMLAttributes<HTMLElement>, "children" | "className"> & React.RefAttributes<HTMLElement>>;
+//# sourceMappingURL=NavBar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NavBar.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/NavBar/NavBar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EACL,qBAAqB,EAGrB,gBAAgB,EAChB,mBAAmB,EACpB,MAAM,SAAS,CAAC;AAEjB;;;;;;;;;GASG;AACH,eAAO,MAAM,iBAAiB,2GAO5B,CAAC;AAGH;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB,iGAkB3B,CAAC;AAGH;;;;;;;;;;GAUG;AACH,eAAO,MAAM,WAAW,sFAgBvB,CAAC;AAGF;;;;;;;GAOG;AACH,eAAO,MAAM,cAAc,4FAczB,CAAC;AAGH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,eAAO,MAAM,MAAM;;;yGAalB,CAAC"}

package/dist/lib/Components/NavBar/NavBar.js

@@ -0,0 +1,72 @@
+import { jsx as o } from "react/jsx-runtime";
+import { cn as s } from "../../../libs/utils-shared/dist/index.js";
+import n from "react";
+import { CoinCapsule as l } from "./CoinCapsule.js";
+import { useCommonTranslation as m } from "../../../i18n/useCommonTranslation.js";
+import { IconButton as c } from "../IconButton/IconButton.js";
+import { ArrowLeft as f } from "../../Symbols/Icons/ArrowLeft.js";
+const d = n.forwardRef(({ ticker: a, icon: r, className: e }, t) => /* @__PURE__ */ o("div", { className: "flex flex-1 items-center", "data-slot": "navbar-coin-capsule", children: /* @__PURE__ */ o(l, { ref: t, ticker: a, icon: r, className: e }) }));
+d.displayName = "NavBarCoinCapsule";
+const p = n.forwardRef(({ onClick: a, "aria-label": r, className: e }, t) => {
+  const { t: i } = m();
+  return /* @__PURE__ */ o(
+    c,
+    {
+      ref: t,
+      appearance: "no-background",
+      size: "sm",
+      icon: f,
+      onClick: a,
+      className: s("shrink-0", e),
+      "aria-label": r ?? i("components.navBar.goBackAriaLabel"),
+      "data-slot": "navbar-back-button"
+    }
+  );
+});
+p.displayName = "NavBarBackButton";
+const N = n.forwardRef(
+  ({ children: a, className: r, as: e = "h1" }, t) => /* @__PURE__ */ o(
+    e,
+    {
+      ref: t,
+      className: s(
+        "min-w-0 flex-1 truncate heading-4-semi-bold text-base",
+        r
+      ),
+      "data-slot": "navbar-title",
+      children: a
+    }
+  )
+);
+N.displayName = "NavBarTitle";
+const v = n.forwardRef(({ children: a, className: r, ...e }, t) => /* @__PURE__ */ o(
+  "div",
+  {
+    ref: t,
+    className: s("flex shrink-0 items-center gap-4", r),
+    "data-slot": "navbar-trailing",
+    ...e,
+    children: a
+  }
+));
+v.displayName = "NavBarTrailing";
+const B = n.forwardRef(
+  ({ children: a, className: r, ...e }, t) => /* @__PURE__ */ o(
+    "nav",
+    {
+      ref: t,
+      className: s("flex items-center gap-4", r),
+      "data-slot": "navbar",
+      ...e,
+      children: a
+    }
+  )
+);
+B.displayName = "NavBar";
+export {
+  B as NavBar,
+  p as NavBarBackButton,
+  d as NavBarCoinCapsule,
+  N as NavBarTitle,
+  v as NavBarTrailing
+};

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

@@ -0,0 +1,3 @@
+export { NavBar, NavBarBackButton, NavBarTitle, NavBarTrailing, NavBarCoinCapsule, } from './NavBar';
+export type { NavBarProps, NavBarBackButtonProps, NavBarTitleProps, NavBarTrailingProps, NavBarCoinCapsuleProps, } from './types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/NavBar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,EACN,gBAAgB,EAChB,WAAW,EACX,cAAc,EACd,iBAAiB,GAClB,MAAM,UAAU,CAAC;AAClB,YAAY,EACV,WAAW,EACX,qBAAqB,EACrB,gBAAgB,EAChB,mBAAmB,EACnB,sBAAsB,GACvB,MAAM,SAAS,CAAC"}

package/dist/lib/Components/NavBar/types.d.ts

@@ -0,0 +1,75 @@
+import { ReactNode } from 'react';
+export type NavBarProps = {
+    /**
+     * The children of the NavBar, typically NavBarBackButton, NavBarTitle, NavBarTrailing, or NavBarCoinCapsule components.
+     */
+    children?: ReactNode;
+    /**
+     * Additional custom CSS classes to apply. Do not use this prop to modify the component's core appearance.
+     */
+    className?: string;
+} & Omit<React.HTMLAttributes<HTMLElement>, 'children' | 'className'>;
+export type NavBarBackButtonProps = {
+    /**
+     * Callback function when the back button is clicked.
+     */
+    onClick?: () => void;
+    /**
+     * Accessible label for the back button.
+     * @default "Go back"
+     */
+    'aria-label'?: string;
+    /**
+     * Additional custom CSS classes to apply.
+     */
+    className?: string;
+};
+export type NavBarTitleProps = {
+    /**
+     * The title text to display.
+     */
+    children: ReactNode;
+    /**
+     * The HTML element to render as.
+     * Use this to control heading semantics and avoid multiple h1s on a page.
+     * @default 'h1'
+     */
+    as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'div' | 'span';
+    /**
+     * Additional custom CSS classes to apply.
+     */
+    className?: string;
+};
+export type NavBarTrailingProps = {
+    /**
+     * The trailing content, typically IconButton components.
+     */
+    children: ReactNode;
+    /**
+     * Additional custom CSS classes to apply.
+     */
+    className?: string;
+};
+/**
+ * @internal
+ * Props for the internal CoinCapsule component.
+ */
+export type CoinCapsuleProps = {
+    /**
+     * The cryptocurrency ticker symbol to display (e.g., "BTC", "ETH").
+     */
+    ticker: string;
+    /**
+     * The icon element to display (typically a crypto coin icon).
+     */
+    icon: ReactNode;
+    /**
+     * Additional custom CSS classes to apply.
+     */
+    className?: string;
+};
+/**
+ * Props for the NavBarCoinCapsule component.
+ */
+export type NavBarCoinCapsuleProps = CoinCapsuleProps;
+//# sourceMappingURL=types.d.ts.map

package/dist/lib/Components/NavBar/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/NavBar/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,MAAM,WAAW,GAAG;IACxB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,GAAG,WAAW,CAAC,CAAC;AAEtE,MAAM,MAAM,qBAAqB,GAAG;IAClC;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;;;OAIG;IACH,EAAE,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,MAAM,CAAC;IAC9D;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,IAAI,EAAE,SAAS,CAAC;IAChB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,sBAAsB,GAAG,gBAAgB,CAAC"}

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

@@ -53,7 +53,7 @@ import { default as React } from 'react';
  *   }}
  * />
  */
-export declare const SearchInput: React.ForwardRefExoticComponent<Omit<import('..').BaseInputProps, "label" | "prefix" | "containerClassName" | "labelClassName"> & {
+export declare const SearchInput: React.ForwardRefExoticComponent<Omit<import('../BaseInput').BaseInputProps, "label" | "prefix" | "containerClassName" | "labelClassName"> & {
     appearance?: "plain" | "transparent";
 } & React.RefAttributes<HTMLInputElement>>;
 //# sourceMappingURL=SearchInput.d.ts.map

package/dist/lib/Components/Skeleton/Skeleton.js

@@ -1,21 +1,21 @@
 import { jsxs as a, jsx as e } from "react/jsx-runtime";
 import { cn as n } from "../../../libs/utils-shared/dist/index.js";
-function l({ className: s, ...t }) {
+function l({ className: t, ...s }) {
   return /* @__PURE__ */ e(
     "div",
     {
-      className: n("animate-pulse rounded-md bg-surface", s),
-      ...t
+      className: n("animate-pulse rounded-md bg-muted-transparent", t),
+      ...s
     }
   );
 }
-function o({ className: s, component: t, ...d }) {
-  return t === "list-item" ? /* @__PURE__ */ a(
+function o({ className: t, component: s, ...d }) {
+  return s === "list-item" ? /* @__PURE__ */ a(
     "div",
     {
       "data-slot": "skeleton",
       "data-testid": "skeleton",
-      className: n("flex w-full items-center gap-16 py-8", s),
+      className: n("flex w-full items-center gap-16 py-8", t),
       ...d,
       children: [
         /* @__PURE__ */ e(l, { className: "size-48 shrink-0 rounded-full" }),
@@ -25,14 +25,14 @@ function o({ className: s, component: t, ...d }) {
         ] })
       ]
     }
-  ) : t === "tile" ? /* @__PURE__ */ a(
+  ) : s === "tile" ? /* @__PURE__ */ a(
     "div",
     {
       "data-slot": "skeleton",
       "data-testid": "skeleton",
       className: n(
         "flex w-112 flex-col items-center gap-12 rounded-md px-8 py-16",
-        s
+        t
       ),
       ...d,
       children: [
@@ -48,7 +48,7 @@ function o({ className: s, component: t, ...d }) {
     {
       "data-slot": "skeleton",
       "data-testid": "skeleton",
-      className: s,
+      className: t,
       ...d
     }
   );

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

@@ -1 +1 @@
-{"version":3,"file":"Spot.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Spot/Spot.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAE,SAAS,EAAY,MAAM,SAAS,CAAC;AA6B9C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,eAAO,MAAM,IAAI,GAAI,OAAO,SAAS,4CAsDpC,CAAC"}
+{"version":3,"file":"Spot.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Spot/Spot.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAE,SAAS,EAAY,MAAM,SAAS,CAAC;AA8B9C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,eAAO,MAAM,IAAI,UAAW,SAAS,4CAwDpC,CAAC"}

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

@@ -1,8 +1,8 @@
 import { jsx as e } from "react/jsx-runtime";
 import { cn as d } from "../../../libs/utils-shared/dist/index.js";
 import { cva as h } from "class-variance-authority";
-import { useMemo as f } from "react";
-import { Spinner as b } from "../Spinner/Spinner.js";
+import { useMemo as b } from "react";
+import { Spinner as f } from "../Spinner/Spinner.js";
 import { InformationFill as g } from "../../Symbols/Icons/InformationFill.js";
 import { WarningFill as x } from "../../Symbols/Icons/WarningFill.js";
 import { DeleteCircleFill as z } from "../../Symbols/Icons/DeleteCircleFill.js";
@@ -27,6 +27,7 @@ const F = h(
       },
       size: {
         32: "spot-w-32 spot-h-32",
+        40: "spot-w-40 spot-h-40",
         48: "spot-w-48 spot-h-48",
         56: "spot-w-56 spot-h-56",
         72: "spot-w-72 spot-h-72"
@@ -34,17 +35,19 @@ const F = h(
     }
   }
 ), D = (r) => {
-  const { appearance: a, className: s, disabled: i, size: o = 48, ...c } = r, l = {
+  const { appearance: s, className: a, disabled: i, size: o = 48, ...c } = r, l = {
     32: 12,
+    40: 16,
     48: 20,
     56: 24,
     72: 40
   }, m = {
     32: "body-2-semi-bold",
+    40: "body-1-semi-bold",
     48: "heading-5",
     56: "heading-4",
     72: "heading-2"
-  }, t = l[o] ?? 20, n = m[o] ?? "heading-5", p = f(() => {
+  }, t = l[o] ?? 20, n = m[o] ?? "heading-5", p = b(() => {
     switch (r.appearance) {
       case "icon": {
         const { icon: u } = r;
@@ -63,13 +66,13 @@ const F = h(
       case "info":
         return /* @__PURE__ */ e(g, { size: t });
       case "loader":
-        return /* @__PURE__ */ e(b, { size: t });
+        return /* @__PURE__ */ e(f, { size: t });
     }
   }, [r, t, n]);
   return /* @__PURE__ */ e(
     "div",
     {
-      className: d(s, F({ appearance: a, disabled: i, size: o })),
+      className: d(a, F({ appearance: s, disabled: i, size: o })),
       ...c,
       children: p
     }

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

@@ -38,7 +38,7 @@ type SpotStatusProps = {
  * A discriminated union that enforces type-safe props based on the `appearance`.
  */
 export type DiscriminatedSpotProps = SpotIconProps | SpotNumberProps | SpotStatusProps;
-export type SpotSize = 32 | 48 | 56 | 72;
+export type SpotSize = 32 | 40 | 48 | 56 | 72;
 export type SpotProps = DiscriminatedSpotProps & {
     /**
      * Whether the spot is disabled.

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

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

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

@@ -24,7 +24,7 @@ export declare const SubheaderCount: ({ value, format, className, ...props }: Su
 /**
  * Info component for the Subheader. Displays an information icon that can be wrapped in a Tooltip.
  */
-export declare const SubheaderInfo: React.ForwardRefExoticComponent<Omit<import('..').InteractiveIconProps, "children" | "iconType"> & {
+export declare const SubheaderInfo: React.ForwardRefExoticComponent<Omit<import('../InteractiveIcon').InteractiveIconProps, "children" | "iconType"> & {
     iconType?: "filled" | "stroked";
 } & React.RefAttributes<HTMLButtonElement>>;
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"Subheader.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Subheader/Subheader.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EACL,oBAAoB,EACpB,mBAAmB,EACnB,yBAAyB,EAEzB,cAAc,EACd,iBAAiB,EACjB,sBAAsB,EACtB,mBAAmB,EACpB,MAAM,SAAS,CAAC;AAEjB;;;;;;;;;;GAUG;AACH,eAAO,MAAM,cAAc,GAAI,kDAK5B,mBAAmB,4CASrB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,YAAY,GAAI,4CAK1B,iBAAiB,4CAgBnB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,GAAI,wCAK5B,mBAAmB,4CAOrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa;;2CAiBxB,CAAC;AAGH;;;GAGG;AACH,eAAO,MAAM,iBAAiB,GAAI,yBAG/B,sBAAsB,4CASxB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,oBAAoB,GAAI,mCAIlC,yBAAyB,4CAM3B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,eAAe,GAAI,4CAK7B,oBAAoB,4CActB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AACH,eAAO,MAAM,SAAS,GAAI,mCAIvB,cAAc,4CAMhB,CAAC"}
+{"version":3,"file":"Subheader.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Subheader/Subheader.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EACL,oBAAoB,EACpB,mBAAmB,EACnB,yBAAyB,EAEzB,cAAc,EACd,iBAAiB,EACjB,sBAAsB,EACtB,mBAAmB,EACpB,MAAM,SAAS,CAAC;AAEjB;;;;;;;;;;GAUG;AACH,eAAO,MAAM,cAAc,qDAKxB,mBAAmB,4CASrB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,YAAY,+CAKtB,iBAAiB,4CAgBnB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,2CAKxB,mBAAmB,4CAOrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa;;2CAiBxB,CAAC;AAGH;;;GAGG;AACH,eAAO,MAAM,iBAAiB,4BAG3B,sBAAsB,4CASxB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,oBAAoB,sCAI9B,yBAAyB,4CAM3B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,eAAe,+CAKzB,oBAAoB,4CActB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AACH,eAAO,MAAM,SAAS,sCAInB,cAAc,4CAMhB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Tag/Tag.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAgCzC,eAAO,MAAM,GAAG;;;;YAxBF,CAAC;iBAAqB,CAAC;;;;;;;;sHAgDnC,CAAC"}
+{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Tag/Tag.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAgCzC,eAAO,MAAM,GAAG;;;iBAzBF,aACP;YAAO,CAAC;iBAAqB,CAAC;;;;;;;;sHAgDnC,CAAC"}

package/dist/lib/Components/ThemeProvider/useRootColorModeSideEffect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useRootColorModeSideEffect.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/ThemeProvider/useRootColorModeSideEffect.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAElD,eAAO,MAAM,UAAU,UAAU,CAAC;AAClC,eAAO,MAAM,SAAS,SAAS,CAAC;AAChC,eAAO,MAAM,WAAW,WAAW,CAAC;AAEpC;;;GAGG;AACH,eAAO,MAAM,0BAA0B,GAAI,UAAU;IAAE,IAAI,EAAE,SAAS,CAAA;CAAE,SAiBvE,CAAC"}
+{"version":3,"file":"useRootColorModeSideEffect.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/ThemeProvider/useRootColorModeSideEffect.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAElD,eAAO,MAAM,UAAU,UAAU,CAAC;AAClC,eAAO,MAAM,SAAS,SAAS,CAAC;AAChC,eAAO,MAAM,WAAW,WAAW,CAAC;AAEpC;;;GAGG;AACH,eAAO,MAAM,0BAA0B,aAAc;IAAE,IAAI,EAAE,SAAS,CAAA;CAAE,SAiBvE,CAAC"}

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

@@ -1,4 +1,4 @@
-import { TileContentProps, TileDescriptionProps, TileSpotProps, TileTitleProps } from './types';
+import { TileContentProps, TileDescriptionProps, TileSpotProps, TileTitleProps, TileTrailingContentProps } from './types';
 /**
  * A flexible tile component that uses a composite pattern for maximum customization.
  * Displays content in a vertical layout with support for spots, text, and custom content.
@@ -38,10 +38,9 @@ export declare const Tile: import('react').ForwardRefExoticComponent<{
 } & Omit<import('react').HTMLAttributes<HTMLButtonElement>, "onClick"> & import('react').RefAttributes<HTMLDivElement>>;
 /**
  * A spot adapter for use within Tile. Automatically inherits the disabled state from the parent Tile.
- * Always renders at a fixed size of 48.
  */
 export declare const TileSpot: {
-    (props: TileSpotProps): import("react/jsx-runtime").JSX.Element;
+    ({ size, ...props }: TileSpotProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 /**
@@ -68,6 +67,27 @@ export declare const TileDescription: {
     ({ children, className, ...props }: TileDescriptionProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
+/**
+ * A container for trailing content inside TileContent.
+ * Use this to wrap Tags, labels, or other supplementary information after title and description.
+ * Multiple items inside will have 8px spacing between them.
+ *
+ * @example
+ * <Tile>
+ *   <TileSpot appearance="icon" icon={Settings} />
+ *   <TileContent>
+ *     <TileTitle>My Title</TileTitle>
+ *     <TileDescription>Description</TileDescription>
+ *     <TileTrailingContent>
+ *       <Tag label="Active" />
+ *     </TileTrailingContent>
+ *   </TileContent>
+ * </Tile>
+ */
+export declare const TileTrailingContent: {
+    ({ children, className, ...props }: TileTrailingContentProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 /**
  * A self-contained secondary action button for a Tile. Renders an InteractiveIcon that appears
  * in the top-right corner and is visible on hover/focus. Automatically hidden when the parent Tile is disabled.

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

@@ -1 +1 @@
-{"version":3,"file":"Tile.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Tile/Tile.tsx"],"names":[],"mappings":"AAKA,OAAO,EACL,gBAAgB,EAEhB,oBAAoB,EAGpB,aAAa,EACb,cAAc,EACf,MAAM,SAAS,CAAC;AAuCjB;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,IAAI;;;;;;;;;uHAyChB,CAAC;AAGF;;;GAGG;AACH,eAAO,MAAM,QAAQ;YAAW,aAAa;;CAM5C,CAAC;AAGF;;;GAGG;AACH,eAAO,MAAM,WAAW;wCAIrB,gBAAgB;;CASlB,CAAC;AAGF;;;GAGG;AACH,eAAO,MAAM,SAAS;wCAInB,cAAc;;CAiBhB,CAAC;AAGF;;;GAGG;AACH,eAAO,MAAM,eAAe;wCAIzB,oBAAoB;;CAiBtB,CAAC;AAGF;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,mBAAmB;;;;0HAsC9B,CAAC"}
+{"version":3,"file":"Tile.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Tile/Tile.tsx"],"names":[],"mappings":"AAKA,OAAO,EACL,gBAAgB,EAEhB,oBAAoB,EAGpB,aAAa,EACb,cAAc,EACd,wBAAwB,EACzB,MAAM,SAAS,CAAC;AAuCjB;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,IAAI;;;;;;;;;uHAyChB,CAAC;AAGF;;GAEG;AACH,eAAO,MAAM,QAAQ;yBAA6B,aAAa;;CAM9D,CAAC;AAGF;;;GAGG;AACH,eAAO,MAAM,WAAW;wCAIrB,gBAAgB;;CASlB,CAAC;AAGF;;;GAGG;AACH,eAAO,MAAM,SAAS;wCAInB,cAAc;;CAiBhB,CAAC;AAGF;;;GAGG;AACH,eAAO,MAAM,eAAe;wCAIzB,oBAAoB;;CAiBtB,CAAC;AAGF;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,mBAAmB;wCAI7B,wBAAwB;;CAS1B,CAAC;AAGF;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,mBAAmB;;gBAvJlB,aAAK;;0HA6LjB,CAAC"}