@ledgerhq/lumen-ui-react 0.1.21 → 0.1.23

package/dist/lib/Components/ListItem/ListItem.js

@@ -1,69 +1,105 @@
-import { jsx as r } from "react/jsx-runtime";
-import { useDisabledContext as l, DisabledProvider as m, cn as a, createSafeContext as u } from "../../../libs/utils-shared/dist/index.js";
-const [b, d] = u("ListItemTrailing", {
+import { jsx as a } from "react/jsx-runtime";
+import { useDisabledContext as c, DisabledProvider as x, cn as r, getButtonA11yProps as b, createSafeContext as f } from "../../../libs/utils-shared/dist/index.js";
+import { cva as p } from "class-variance-authority";
+const [I, l] = f("ListItemTrailing", {
   isInTrailing: !1
-}), I = ({ ref: e, ...t }) => {
-  const { children: s, className: i, disabled: n, ...o } = t, c = l({
+}), g = p(
+  [
+    "flex w-full items-center gap-16 px-8",
+    "rounded-md bg-base-transparent text-base transition-colors"
+  ],
+  {
+    variants: {
+      density: {
+        compact: "h-40",
+        expanded: "h-64"
+      },
+      interactive: {
+        true: "",
+        false: ""
+      },
+      disabled: {
+        true: "cursor-default bg-base-transparent text-disabled",
+        false: ""
+      }
+    },
+    compoundVariants: [
+      {
+        interactive: !0,
+        disabled: !1,
+        className: "cursor-pointer hover:bg-base-transparent-hover focus-visible:outline-2 focus-visible:outline-focus active:bg-base-transparent-pressed"
+      }
+    ]
+  }
+), T = ({ onClick: e, ref: t, ...s }) => {
+  const {
+    children: i,
+    className: n,
+    disabled: o = !1,
+    density: m = "expanded",
+    ...u
+  } = s, d = c({
     consumerName: "ListItem",
-    mergeWith: { disabled: n }
+    mergeWith: { disabled: o }
   });
-  return /* @__PURE__ */ r(m, { value: { disabled: c }, children: /* @__PURE__ */ r(
-    "button",
+  return /* @__PURE__ */ a(x, { value: { disabled: d }, children: /* @__PURE__ */ a(
+    "div",
     {
-      ref: e,
-      type: "button",
-      disabled: c,
-      className: a(
-        "flex h-64 w-full cursor-pointer items-center gap-16 rounded-md bg-base-transparent px-8 py-12 text-base transition-colors",
-        "hover:bg-base-transparent-hover focus-visible:outline-2 focus-visible:outline-focus active:bg-base-transparent-pressed",
-        "disabled:cursor-default disabled:bg-base-transparent disabled:text-disabled",
-        i
+      ref: t,
+      ...b({ onClick: e, disabled: d }),
+      className: r(
+        g({
+          density: m,
+          interactive: !!e,
+          disabled: d
+        }),
+        n
       ),
-      ...o,
-      children: s
+      ...u,
+      children: i
     }
   ) });
-}, p = ({
+}, y = ({
   ref: e,
   children: t,
   className: s,
   ...i
-}) => /* @__PURE__ */ r(
+}) => /* @__PURE__ */ a(
   "div",
   {
     ref: e,
-    className: a("flex min-w-0 flex-1 items-center gap-12", s),
+    className: r("flex min-w-0 flex-1 items-center gap-12", s),
     ...i,
     children: t
   }
-), g = ({
+), h = ({
   ref: e,
   children: t,
   className: s,
   ...i
-}) => /* @__PURE__ */ r(
+}) => /* @__PURE__ */ a(
   "div",
   {
     ref: e,
-    className: a("flex min-w-0 flex-1 flex-col gap-4", s),
+    className: r("flex min-w-0 flex-1 flex-col gap-4", s),
     ...i,
     children: t
   }
-), L = ({
+), w = ({
   ref: e,
   children: t,
   className: s,
   ...i
 }) => {
-  const { isInTrailing: n } = d({
+  const { isInTrailing: n } = l({
     consumerName: "ListItemContentRow",
     contextRequired: !1
   });
-  return /* @__PURE__ */ r(
+  return /* @__PURE__ */ a(
     "div",
     {
       ref: e,
-      className: a(
+      className: r(
         "flex min-w-0 items-center gap-8",
         n && "justify-end",
         s
@@ -72,25 +108,25 @@ const [b, d] = u("ListItemTrailing", {
       children: t
     }
   );
-}, v = ({
+}, R = ({
   ref: e,
   children: t,
   className: s,
   ...i
 }) => {
-  const n = l({
+  const n = c({
     consumerName: "ListItemTitle",
     contextRequired: !0
-  }), { isInTrailing: o } = d({
+  }), { isInTrailing: o } = l({
     consumerName: "ListItemTitle",
     contextRequired: !1
   });
-  return /* @__PURE__ */ r(
+  return /* @__PURE__ */ a(
     "div",
     {
       ref: e,
-      className: a(
-        "min-w-0 flex-1 truncate body-2-semi-bold",
+      className: r(
+        "min-w-0 truncate body-2-semi-bold",
         o ? "justify-end text-end" : "justify-start text-start",
         n && "text-disabled",
         s
@@ -99,25 +135,25 @@ const [b, d] = u("ListItemTrailing", {
       children: t
     }
   );
-}, N = ({
+}, j = ({
   ref: e,
   children: t,
   className: s,
   ...i
 }) => {
-  const n = l({
+  const n = c({
     consumerName: "ListItemDescription",
     contextRequired: !0
-  }), { isInTrailing: o } = d({
+  }), { isInTrailing: o } = l({
     consumerName: "ListItemDescription",
     contextRequired: !1
   });
-  return /* @__PURE__ */ r(
+  return /* @__PURE__ */ a(
     "div",
     {
       ref: e,
-      className: a(
-        "min-w-0 flex-1 items-center truncate body-3 text-muted",
+      className: r(
+        "min-w-0 items-center truncate body-3 text-muted",
         o ? "justify-end text-end" : "justify-start text-start",
         n && "text-disabled",
         s
@@ -126,21 +162,21 @@ const [b, d] = u("ListItemTrailing", {
       children: t
     }
   );
-}, T = ({
+}, q = ({
   ref: e,
   children: t,
   className: s,
   ...i
 }) => {
-  const n = l({
+  const n = c({
     consumerName: "ListItemTrailing",
     contextRequired: !0
   });
-  return /* @__PURE__ */ r(b, { value: { isInTrailing: !0 }, children: /* @__PURE__ */ r(
+  return /* @__PURE__ */ a(I, { value: { isInTrailing: !0 }, children: /* @__PURE__ */ a(
     "div",
     {
       ref: e,
-      className: a(
+      className: r(
         "flex shrink-0 items-center",
         n && "text-disabled",
         s
@@ -151,11 +187,11 @@ const [b, d] = u("ListItemTrailing", {
   ) });
 };
 export {
-  I as ListItem,
-  g as ListItemContent,
-  L as ListItemContentRow,
-  N as ListItemDescription,
-  p as ListItemLeading,
-  v as ListItemTitle,
-  T as ListItemTrailing
+  T as ListItem,
+  h as ListItemContent,
+  w as ListItemContentRow,
+  j as ListItemDescription,
+  y as ListItemLeading,
+  R as ListItemTitle,
+  q as ListItemTrailing
 };

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

@@ -1,10 +1,5 @@
-import { ButtonHTMLAttributes, ComponentPropsWithRef, ReactNode } from 'react';
-/**
- * Context value for passing state to sub-components
- */
-export type ListItemContextValue = {
-    disabled?: boolean;
-};
+import { Density } from '@ledgerhq/lumen-utils-shared';
+import { ComponentPropsWithRef, MouseEventHandler, ReactNode } from 'react';
 /**
  * Props for the ListItem root component
  */
@@ -13,6 +8,11 @@ export type ListItemProps = {
      * The content of the list item (ListItemLeading, ListItemTrailing)
      */
     children: ReactNode;
+    /**
+     * The density of the list item.
+     * @default 'expanded'
+     */
+    density?: Density;
     /**
      * custom classname
      */
@@ -24,8 +24,8 @@ export type ListItemProps = {
     /**
      * Callback function when the list item is pressed.
      */
-    onClick?: ButtonHTMLAttributes<HTMLButtonElement>['onClick'];
-} & Omit<ComponentPropsWithRef<'button'>, 'children'>;
+    onClick?: MouseEventHandler<HTMLDivElement>;
+} & Omit<ComponentPropsWithRef<'div'>, 'children'>;
 /**
  * Props for the ListItemLeading component
  */

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/ListItem/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,oBAAoB,EACpB,qBAAqB,EACrB,SAAS,EACV,MAAM,OAAO,CAAC;AAEf;;GAEG;AACH,MAAM,MAAM,oBAAoB,GAAG;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG;IAC1B;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,SAAS,CAAC,CAAC;CAC9D,GAAG,IAAI,CAAC,qBAAqB,CAAC,QAAQ,CAAC,EAAE,UAAU,CAAC,CAAC;AAEtD;;GAEG;AACH,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;;GAEG;AACH,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;;GAEG;AACH,MAAM,MAAM,uBAAuB,GAAG;IACpC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;AAEjC;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;AAEjC;;GAEG;AACH,MAAM,MAAM,wBAAwB,GAAG;IACrC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;AAEjC;;GAEG;AACH,MAAM,MAAM,qBAAqB,GAAG;IAClC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/ListItem/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AAC5D,OAAO,KAAK,EACV,qBAAqB,EACrB,iBAAiB,EACjB,SAAS,EACV,MAAM,OAAO,CAAC;AAEf;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG;IAC1B;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC,cAAc,CAAC,CAAC;CAC7C,GAAG,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC;AAEnD;;GAEG;AACH,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;;GAEG;AACH,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;;GAEG;AACH,MAAM,MAAM,uBAAuB,GAAG;IACpC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;AAEjC;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;AAEjC;;GAEG;AACH,MAAM,MAAM,wBAAwB,GAAG;IACrC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;AAEjC;;GAEG;AACH,MAAM,MAAM,qBAAqB,GAAG;IAClC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"MediaBanner.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/MediaBanner/MediaBanner.tsx"],"names":[],"mappings":"AAKA,OAAO,EACL,2BAA2B,EAC3B,gBAAgB,EAChB,qBAAqB,EACtB,MAAM,SAAS,CAAC;AAEjB;;;;GAIG;AACH,eAAO,MAAM,WAAW,GAAI,2EAQzB,gBAAgB,4CAmDlB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,gBAAgB,GAAI,wCAK9B,qBAAqB,4CAUvB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,sBAAsB,GAAI,wCAKpC,2BAA2B,4CAU7B,CAAC"}
+{"version":3,"file":"MediaBanner.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/MediaBanner/MediaBanner.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EACV,2BAA2B,EAC3B,gBAAgB,EAChB,qBAAqB,EACtB,MAAM,SAAS,CAAC;AAEjB;;;;GAIG;AACH,eAAO,MAAM,WAAW,GAAI,2EAQzB,gBAAgB,4CAmDlB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,gBAAgB,GAAI,wCAK9B,qBAAqB,4CAUvB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,sBAAsB,GAAI,wCAKpC,2BAA2B,4CAU7B,CAAC"}

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

@@ -0,0 +1,30 @@
+import { MediaButtonProps } from './types';
+/**
+ * Media button for select/dropdown components. Displays a label with an optional
+ * leading icon and a trailing chevron indicator.
+ *
+ * This component is intended to be used exclusively as the trigger inside a Select or
+ * dropdown pattern. It should not be used as a standalone action button — use `Button`
+ * or `IconButton` instead.
+ *
+ * @see {@link https://www.figma.com/design/JxaLVMTWirCpU0rsbZ30k7/2.-Components-Library?node-id=6389-45680 Figma}
+ *
+ * @example
+ * import { MediaButton } from '@ledgerhq/lumen-ui-react';
+ * import { Settings } from '@ledgerhq/lumen-ui-react/symbols';
+ *
+ * // With flat interface icon
+ * <MediaButton icon={<Settings size={20} />} iconType="flat">
+ *   Network
+ * </MediaButton>
+ *
+ * // With rounded crypto icon
+ * <MediaButton icon={<CryptoIcon ledgerId="bitcoin" size="32px" />} iconType="rounded">
+ *   Bitcoin
+ * </MediaButton>
+ *
+ * // Without icon
+ * <MediaButton>All accounts</MediaButton>
+ */
+export declare const MediaButton: ({ ref, className, appearance, size, disabled: disabledProp, asChild, icon, iconType, hideChevron, children, ...props }: MediaButtonProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MediaButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MediaButton.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/MediaButton/MediaButton.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AA4BhD;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,WAAW,GAAI,wHAYzB,gBAAgB,4CAmClB,CAAC"}

package/dist/lib/Components/{TriggerButton/TriggerButton.js → MediaButton/MediaButton.js}

@@ -1,10 +1,10 @@
 import { jsxs as t, jsx as e } from "react/jsx-runtime";
-import { useDisabledContext as y, cn as u } from "../../../libs/utils-shared/dist/index.js";
-import { Slot as T, Slottable as g } from "@radix-ui/react-slot";
-import { cva as b } from "class-variance-authority";
-import { baseButtonVariants as x } from "../Button/BaseButton.js";
-import { ChevronDown as z } from "../../Symbols/Icons/ChevronDown.js";
-const v = b("gap-8 body-2-semi-bold", {
+import { useDisabledContext as u, cn as b } from "../../../libs/utils-shared/dist/index.js";
+import { Slot as x, Slottable as T } from "@radix-ui/react-slot";
+import { cva as z } from "class-variance-authority";
+import { baseButtonVariants as g } from "../Button/BaseButton.js";
+import { ChevronDown as v } from "../../Symbols/Icons/ChevronDown.js";
+const N = z("gap-8 body-2-semi-bold", {
   variants: {
     size: {
       sm: "",
@@ -31,45 +31,46 @@ const v = b("gap-8 body-2-semi-bold", {
 }), S = ({
   ref: i,
   className: p,
-  appearance: r = "gray",
-  size: l = "md",
-  disabled: m = !1,
+  appearance: l = "gray",
+  size: m = "md",
+  disabled: r = !1,
   asChild: n = !1,
   icon: s,
   iconType: c = "flat",
+  hideChevron: d = !1,
   children: o,
-  ...d
+  ...f
 }) => {
-  const a = y({
-    consumerName: "TriggerButton",
-    mergeWith: { disabled: m }
-  }), f = s ? c : "none";
+  const a = u({
+    consumerName: "MediaButton",
+    mergeWith: { disabled: r }
+  }), y = s ? c : "none";
   return /* @__PURE__ */ t(
-    n ? T : "button",
+    n ? x : "button",
     {
       ref: i,
-      className: u(
-        x({
-          appearance: r,
+      className: b(
+        g({
+          appearance: l,
           disabled: a,
           loading: !1
         }),
-        v({ size: l, iconType: f }),
+        N({ size: m, iconType: y }),
         p
       ),
       "data-disabled": a || void 0,
       disabled: a,
-      ...d,
+      ...f,
       children: [
         s && /* @__PURE__ */ e("span", { className: "shrink-0", children: s }),
         /* @__PURE__ */ t("span", { className: "flex items-center gap-2", children: [
-          n ? /* @__PURE__ */ e(g, { children: o }) : /* @__PURE__ */ e("span", { className: "line-clamp-1 text-left", children: o }),
-          /* @__PURE__ */ e(z, { size: 20 })
+          n ? /* @__PURE__ */ e(T, { children: o }) : /* @__PURE__ */ e("span", { className: "line-clamp-1 text-left", children: o }),
+          !d && /* @__PURE__ */ e(v, { size: 20 })
         ] })
       ]
     }
   );
 };
 export {
-  S as TriggerButton
+  S as MediaButton
 };

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

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

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

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

package/dist/lib/Components/{TriggerButton → MediaButton}/types.d.ts

@@ -1,13 +1,13 @@
 import { ComponentPropsWithRef, ReactNode } from 'react';
 import { BaseButtonProps } from '../Button/types';
-export type TriggerButtonProps = {
+export type MediaButtonProps = {
     /**
-     * The visual style of the trigger button.
+     * The visual style of the media button.
      * @default 'gray'
      */
     appearance?: 'gray' | 'transparent' | 'no-background';
     /**
-     * The size variant of the trigger button.
+     * The size variant of the media button.
      * @default 'md'
      */
     size?: 'sm' | 'md';
@@ -26,7 +26,12 @@ export type TriggerButtonProps = {
      */
     iconType?: 'flat' | 'rounded';
     /**
-     * The label content of the trigger button.
+     * When true, hides the trailing chevron indicator.
+     * @default false
+     */
+    hideChevron?: boolean;
+    /**
+     * The label content of the media button.
      */
     children: ReactNode;
 } & Pick<BaseButtonProps, 'disabled' | 'className' | 'asChild'> & ComponentPropsWithRef<'button'>;

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/MediaButton/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC9D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAEvD,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,aAAa,GAAG,eAAe,CAAC;IACtD;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,IAAI,CAAC,eAAe,EAAE,UAAU,GAAG,WAAW,GAAG,SAAS,CAAC,GAC7D,qBAAqB,CAAC,QAAQ,CAAC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"MediaCard.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/MediaCard/MediaCard.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AA+C9D,eAAO,MAAM,cAAc,GAAI,wCAK5B,mBAAmB,4CAUrB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,SAAS,GAAI,oFASvB,cAAc,4CAwDhB,CAAC"}
+{"version":3,"file":"MediaCard.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/MediaCard/MediaCard.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AA+CnE,eAAO,MAAM,cAAc,GAAI,wCAK5B,mBAAmB,4CAUrB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,SAAS,GAAI,oFASvB,cAAc,4CAwDhB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"MediaImage.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/MediaImage/MediaImage.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AA0B1C;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,UAAU,GAAI,iEASxB,eAAe,4CA8BjB,CAAC"}
+{"version":3,"file":"MediaImage.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/MediaImage/MediaImage.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AA0B/C;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,UAAU,GAAI,iEASxB,eAAe,4CA8BjB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Menu/Menu.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,qBAAqB,MAAM,+BAA+B,CAAC;AACvE,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAG1D,OAAO,KAAK,EACV,SAAS,EACT,gBAAgB,EAChB,gBAAgB,EAChB,aAAa,EACb,qBAAqB,EACrB,kBAAkB,EAClB,cAAc,EACd,kBAAkB,EAClB,mBAAmB,EACnB,mBAAmB,EACnB,cAAc,EACd,mBAAmB,EACpB,MAAM,SAAS,CAAC;AA0BjB,iBAAS,IAAI,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,2CAEpC;AAED,QAAA,MAAM,WAAW,GAAI,mBAAmB,gBAAgB,4CAMvD,CAAC;AAEF,iBAAS,SAAS,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,2CAE9C;AAED,iBAAS,UAAU,CAAC,EAClB,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,OAAO,qBAAqB,CAAC,MAAM,CAAC,2CAErD;AAED,iBAAS,OAAO,CAAC,EACf,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,OAAO,qBAAqB,CAAC,GAAG,CAAC,2CAElD;AAED,iBAAS,cAAc,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,2CAIxD;AAED,QAAA,MAAM,cAAc,GAAI,+CAMrB,mBAAmB,4CAUrB,CAAC;AAEF,QAAA,MAAM,cAAc,GAAI,8BAA8B,mBAAmB,4CAOxE,CAAC;AAEF,QAAA,MAAM,WAAW,GAAI,iDAMlB,gBAAgB,4CAkBlB,CAAC;AAEF,QAAA,MAAM,QAAQ,GAAI,6DAMf,aAAa,4CAiBf,CAAC;AAEF,QAAA,MAAM,gBAAgB,GAAI,yEAOvB,qBAAqB,4CAyBvB,CAAC;AAEF,QAAA,MAAM,aAAa,GAAI,gEAMpB,kBAAkB,4CAwBpB,CAAC;AAEF,QAAA,MAAM,SAAS,GAAI,qCAKhB,cAAc,GAAG;IAClB,GAAG,CAAC,EAAE,GAAG,CAAC,YAAY,CAAC,OAAO,qBAAqB,CAAC,KAAK,CAAC,CAAC,CAAC;CAC7D,4CAOA,CAAC;AAEF,QAAA,MAAM,aAAa,GAAI,8BAA8B,kBAAkB,4CAEtE,CAAC;AAEF,OAAO,EACL,IAAI,EACJ,WAAW,EACX,WAAW,EACX,QAAQ,EACR,gBAAgB,EAChB,aAAa,EACb,SAAS,EACT,aAAa,EACb,SAAS,EACT,UAAU,EACV,OAAO,EACP,cAAc,EACd,cAAc,EACd,cAAc,GACf,CAAC"}
+{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Menu/Menu.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,qBAAqB,MAAM,+BAA+B,CAAC;AACvE,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAG/D,OAAO,KAAK,EACV,SAAS,EACT,gBAAgB,EAChB,gBAAgB,EAChB,aAAa,EACb,qBAAqB,EACrB,kBAAkB,EAClB,cAAc,EACd,kBAAkB,EAClB,mBAAmB,EACnB,mBAAmB,EACnB,cAAc,EACd,mBAAmB,EACpB,MAAM,SAAS,CAAC;AA0BjB,iBAAS,IAAI,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,2CAEpC;AAED,QAAA,MAAM,WAAW,GAAI,mBAAmB,gBAAgB,4CAMvD,CAAC;AAEF,iBAAS,SAAS,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,2CAE9C;AAED,iBAAS,UAAU,CAAC,EAClB,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,OAAO,qBAAqB,CAAC,MAAM,CAAC,2CAErD;AAED,iBAAS,OAAO,CAAC,EACf,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,OAAO,qBAAqB,CAAC,GAAG,CAAC,2CAElD;AAED,iBAAS,cAAc,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,2CAIxD;AAED,QAAA,MAAM,cAAc,GAAI,+CAMrB,mBAAmB,4CAUrB,CAAC;AAEF,QAAA,MAAM,cAAc,GAAI,8BAA8B,mBAAmB,4CAOxE,CAAC;AAEF,QAAA,MAAM,WAAW,GAAI,iDAMlB,gBAAgB,4CAkBlB,CAAC;AAEF,QAAA,MAAM,QAAQ,GAAI,6DAMf,aAAa,4CAiBf,CAAC;AAEF,QAAA,MAAM,gBAAgB,GAAI,yEAOvB,qBAAqB,4CAyBvB,CAAC;AAEF,QAAA,MAAM,aAAa,GAAI,gEAMpB,kBAAkB,4CAwBpB,CAAC;AAEF,QAAA,MAAM,SAAS,GAAI,qCAKhB,cAAc,GAAG;IAClB,GAAG,CAAC,EAAE,GAAG,CAAC,YAAY,CAAC,OAAO,qBAAqB,CAAC,KAAK,CAAC,CAAC,CAAC;CAC7D,4CAOA,CAAC;AAEF,QAAA,MAAM,aAAa,GAAI,8BAA8B,kBAAkB,4CAEtE,CAAC;AAEF,OAAO,EACL,IAAI,EACJ,WAAW,EACX,WAAW,EACX,QAAQ,EACR,gBAAgB,EAChB,aAAa,EACb,SAAS,EACT,aAAa,EACb,SAAS,EACT,UAAU,EACV,OAAO,EACP,cAAc,EACd,cAAc,EACd,cAAc,GACf,CAAC"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"NavBar.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/NavBar/NavBar.tsx"],"names":[],"mappings":"AAKA,OAAO,EACL,qBAAqB,EACrB,sBAAsB,EACtB,WAAW,EACX,gBAAgB,EAChB,mBAAmB,EACpB,MAAM,SAAS,CAAC;AAEjB;;;;;;;;;GASG;AACH,eAAO,MAAM,iBAAiB,GAAI,mCAK/B,sBAAsB,4CAIxB,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB,GAAI,uDAK9B,qBAAqB,4CAevB,CAAC;AAEF;;;;;;;;;;GAUG;AACH,eAAO,MAAM,WAAW,GAAI,8CAKzB,gBAAgB,4CAclB,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,cAAc,GAAI,wCAK5B,mBAAmB,GAAG;IACvB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;CACjC,4CAWA,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,eAAO,MAAM,MAAM,GAAI,wCAAwC,WAAW,4CAWzE,CAAC"}
+{"version":3,"file":"NavBar.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/NavBar/NavBar.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EACV,qBAAqB,EACrB,sBAAsB,EACtB,WAAW,EACX,gBAAgB,EAChB,mBAAmB,EACpB,MAAM,SAAS,CAAC;AAEjB;;;;;;;;;GASG;AACH,eAAO,MAAM,iBAAiB,GAAI,mCAK/B,sBAAsB,4CAIxB,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB,GAAI,uDAK9B,qBAAqB,4CAevB,CAAC;AAEF;;;;;;;;;;GAUG;AACH,eAAO,MAAM,WAAW,GAAI,8CAKzB,gBAAgB,4CAclB,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,cAAc,GAAI,wCAK5B,mBAAmB,GAAG;IACvB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;CACjC,4CAWA,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,eAAO,MAAM,MAAM,GAAI,wCAAwC,WAAW,4CAWzE,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"PageIndicator.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/PageIndicator/PageIndicator.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAqF7C;;;;;GAKG;AACH,eAAO,MAAM,aAAa,GAAI,uDAM3B,kBAAkB,4CA4CpB,CAAC"}
+{"version":3,"file":"PageIndicator.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/PageIndicator/PageIndicator.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAqFlD;;;;;GAKG;AACH,eAAO,MAAM,aAAa,GAAI,uDAM3B,kBAAkB,4CA4CpB,CAAC"}

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

@@ -34,7 +34,7 @@ declare const PopoverTrigger: <Payload>({ handle, payload, render, className, ..
  *
  * @see {@link https://ldls.vercel.app/?path=/docs/components-popover-overview--docs Storybook}
  */
-declare const PopoverContent: ({ side, sideOffset, align, width, className, children, }: PopoverContentProps) => import("react/jsx-runtime").JSX.Element;
+declare const PopoverContent: ({ side, sideOffset, align, width, initialFocus, className, children, }: PopoverContentProps) => import("react/jsx-runtime").JSX.Element;
 /**
  * Creates a handle for connecting a `Popover` with detached `PopoverTrigger` components.
  *

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

@@ -1 +1 @@
-{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Popover/Popover.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAGrE,OAAO,KAAK,EACV,YAAY,EACZ,mBAAmB,EACnB,mBAAmB,EAEpB,MAAM,SAAS,CAAC;AA4CjB;;;;;;;;;;;;;;;;;;;GAmBG;AACH,QAAA,MAAM,OAAO,GAAI,OAAO,EAAG,iEAOxB,YAAY,CAAC,OAAO,CAAC,4CAcvB,CAAC;AAEF;;;;;GAKG;AACH,QAAA,MAAM,cAAc,GAAI,OAAO,EAAG,kDAM/B,mBAAmB,CAAC,OAAO,CAAC,4CAS9B,CAAC;AAEF;;;;;GAKG;AACH,QAAA,MAAM,cAAc,GAAI,0DAOrB,mBAAmB,4CA8BrB,CAAC;AAEF;;;;;;;;;;;;;GAaG;AACH,QAAA,MAAM,mBAAmB,sCAAgC,CAAC;AAE1D,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,mBAAmB,EAAE,CAAC"}
+{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Popover/Popover.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAGrE,OAAO,KAAK,EACV,YAAY,EACZ,mBAAmB,EACnB,mBAAmB,EAEpB,MAAM,SAAS,CAAC;AA4CjB;;;;;;;;;;;;;;;;;;;GAmBG;AACH,QAAA,MAAM,OAAO,GAAI,OAAO,EAAG,iEAOxB,YAAY,CAAC,OAAO,CAAC,4CAcvB,CAAC;AAEF;;;;;GAKG;AACH,QAAA,MAAM,cAAc,GAAI,OAAO,EAAG,kDAM/B,mBAAmB,CAAC,OAAO,CAAC,4CAS9B,CAAC;AAEF;;;;;GAKG;AACH,QAAA,MAAM,cAAc,GAAI,wEAQrB,mBAAmB,4CA+BrB,CAAC;AAEF;;;;;;;;;;;;;GAaG;AACH,QAAA,MAAM,mBAAmB,sCAAgC,CAAC;AAE1D,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,mBAAmB,EAAE,CAAC"}

package/dist/lib/Components/Popover/Popover.js

@@ -1,14 +1,14 @@
-import { jsx as t, jsxs as d } from "react/jsx-runtime";
-import { createSafeContext as m, cn as p } from "../../../libs/utils-shared/dist/index.js";
-import { cva as l } from "class-variance-authority";
-import { createPopoverHandle as v } from "../../../node_modules/@base-ui/react/esm/popover/store/PopoverHandle.js";
-import { PopoverRoot as c } from "../../../node_modules/@base-ui/react/esm/popover/root/PopoverRoot.js";
-import { PopoverTrigger as f } from "../../../node_modules/@base-ui/react/esm/popover/trigger/PopoverTrigger.js";
-import { PopoverPortal as P } from "../../../node_modules/@base-ui/react/esm/popover/portal/PopoverPortal.js";
-import { PopoverBackdrop as u } from "../../../node_modules/@base-ui/react/esm/popover/backdrop/PopoverBackdrop.js";
-import { PopoverPositioner as g } from "../../../node_modules/@base-ui/react/esm/popover/positioner/PopoverPositioner.js";
-import { PopoverPopup as h } from "../../../node_modules/@base-ui/react/esm/popover/popup/PopoverPopup.js";
-const [x, b] = m("Popover"), y = l(
+import { jsx as t, jsxs as m } from "react/jsx-runtime";
+import { createSafeContext as l, cn as p } from "../../../libs/utils-shared/dist/index.js";
+import { cva as v } from "class-variance-authority";
+import { createPopoverHandle as c } from "../../../node_modules/@base-ui/react/esm/popover/store/PopoverHandle.js";
+import { PopoverRoot as f } from "../../../node_modules/@base-ui/react/esm/popover/root/PopoverRoot.js";
+import { PopoverTrigger as P } from "../../../node_modules/@base-ui/react/esm/popover/trigger/PopoverTrigger.js";
+import { PopoverPortal as u } from "../../../node_modules/@base-ui/react/esm/popover/portal/PopoverPortal.js";
+import { PopoverBackdrop as g } from "../../../node_modules/@base-ui/react/esm/popover/backdrop/PopoverBackdrop.js";
+import { PopoverPositioner as h } from "../../../node_modules/@base-ui/react/esm/popover/positioner/PopoverPositioner.js";
+import { PopoverPopup as x } from "../../../node_modules/@base-ui/react/esm/popover/popup/PopoverPopup.js";
+const [b, y] = l("Popover"), C = v(
   ["overflow-hidden rounded-md bg-canvas-sheet p-16 outline-none", "shadow-xl"],
   {
     variants: {
@@ -39,19 +39,19 @@ const [x, b] = m("Popover"), y = l(
       width: "fit"
     }
   }
-), C = p(
+), w = p(
   "fixed inset-0 z-dialog-overlay bg-canvas-overlay-subtle",
   "data-open:animate-fade-in",
   "data-closed:animate-fade-out"
-), q = ({
+), B = ({
   open: o,
   defaultOpen: a,
   onOpenChange: r,
   overlay: e = !1,
   handle: n,
   children: i
-}) => /* @__PURE__ */ t(x, { value: { overlay: e }, children: /* @__PURE__ */ t(
-  c,
+}) => /* @__PURE__ */ t(b, { value: { overlay: e }, children: /* @__PURE__ */ t(
+  f,
   {
     open: o,
     defaultOpen: a,
@@ -60,14 +60,14 @@ const [x, b] = m("Popover"), y = l(
     handle: n,
     children: i
   }
-) }), B = ({
+) }), O = ({
   handle: o,
   payload: a,
   render: r,
   className: e,
   ...n
 }) => /* @__PURE__ */ t(
-  f,
+  P,
   {
     "data-slot": "popover-trigger",
     handle: o,
@@ -76,28 +76,29 @@ const [x, b] = m("Popover"), y = l(
     className: p("data-popup-open:z-menu", e),
     ...n
   }
-), O = ({
+), V = ({
   side: o = "bottom",
   sideOffset: a = 8,
   align: r = "start",
   width: e = "fit",
-  className: n,
-  children: i
+  initialFocus: n = !1,
+  className: i,
+  children: s
 }) => {
-  const { overlay: s } = b({
+  const { overlay: d } = y({
     consumerName: "PopoverContent",
     contextRequired: !0
   });
-  return /* @__PURE__ */ d(P, { children: [
-    s && /* @__PURE__ */ t(
-      u,
+  return /* @__PURE__ */ m(u, { children: [
+    d && /* @__PURE__ */ t(
+      g,
       {
         "data-slot": "popover-overlay",
-        className: C
+        className: w
       }
     ),
     /* @__PURE__ */ t(
-      g,
+      h,
       {
         "data-slot": "popover-positioner",
         className: "z-menu",
@@ -105,20 +106,21 @@ const [x, b] = m("Popover"), y = l(
         sideOffset: a,
         align: r,
         children: /* @__PURE__ */ t(
-          h,
+          x,
           {
             "data-slot": "popover-content",
-            className: p(y({ width: e, side: o }), n),
-            children: i
+            initialFocus: n,
+            className: p(C({ width: e, side: o }), i),
+            children: s
           }
         )
       }
     )
   ] });
-}, V = v;
+}, A = c;
 export {
-  q as Popover,
-  O as PopoverContent,
-  B as PopoverTrigger,
-  V as createPopoverHandle
+  B as Popover,
+  V as PopoverContent,
+  O as PopoverTrigger,
+  A as createPopoverHandle
 };