@ledgerhq/lumen-ui-react 0.1.45 → 0.1.47

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

@@ -1,11 +1,13 @@
 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", {
+import { useDisabledContext as d, DisabledProvider as p, createSafeContext as b, cn as o, getButtonA11yProps as g } from "../../../libs/utils-shared/dist/index.js";
+import { cva as I } from "class-variance-authority";
+const [L, l] = b("ListItemTrailing", {
   isInTrailing: !1
-}), g = p(
+}), [N, m] = b("ListItemPriority", {
+  priority: void 0
+}), y = I(
   [
-    "flex w-full items-center gap-16 px-8",
+    "flex w-full items-center gap-16 overflow-hidden px-8",
     "rounded-md bg-base-transparent text-base transition-colors"
   ],
   {
@@ -18,6 +20,10 @@ const [I, l] = f("ListItemTrailing", {
         true: "",
         false: ""
       },
+      active: {
+        true: "",
+        false: ""
+      },
       disabled: {
         true: "cursor-default bg-base-transparent text-disabled",
         false: ""
@@ -28,70 +34,110 @@ const [I, l] = f("ListItemTrailing", {
         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"
+      },
+      {
+        active: !0,
+        disabled: !1,
+        className: "bg-muted"
+      },
+      {
+        active: !0,
+        disabled: !0,
+        className: "bg-disabled"
+      },
+      {
+        active: !0,
+        interactive: !0,
+        disabled: !1,
+        className: "hover:bg-muted-hover active:bg-muted-pressed"
       }
     ]
   }
-), T = ({ onClick: e, ref: t, ...s }) => {
+), R = ({ onClick: e, ref: t, ...s }) => {
   const {
     children: i,
-    className: n,
-    disabled: o = !1,
-    density: m = "expanded",
-    ...u
-  } = s, d = c({
+    className: r,
+    disabled: n = !1,
+    density: f = "expanded",
+    priority: v = "end",
+    active: u = !1,
+    ...x
+  } = s, c = d({
     consumerName: "ListItem",
-    mergeWith: { disabled: o }
+    mergeWith: { disabled: n }
   });
-  return /* @__PURE__ */ a(x, { value: { disabled: d }, children: /* @__PURE__ */ a(
+  return /* @__PURE__ */ a(p, { value: { disabled: c }, children: /* @__PURE__ */ a(N, { value: { priority: v }, children: /* @__PURE__ */ a(
     "div",
     {
       ref: t,
-      ...b({ onClick: e, disabled: d }),
-      className: r(
-        g({
-          density: m,
+      ...g({ onClick: e, disabled: c }),
+      "aria-selected": u || void 0,
+      className: o(
+        y({
+          density: f,
           interactive: !!e,
-          disabled: d
+          active: u,
+          disabled: c
         }),
-        n
+        r
       ),
-      ...u,
+      ...x,
       children: i
     }
-  ) });
-}, y = ({
+  ) }) });
+}, q = ({
   ref: e,
   children: t,
   className: s,
   ...i
-}) => /* @__PURE__ */ a(
-  "div",
-  {
-    ref: e,
-    className: r("flex min-w-0 flex-1 items-center gap-12", s),
-    ...i,
-    children: t
-  }
-), h = ({
+}) => {
+  const { priority: r } = m({
+    consumerName: "ListItemLeading",
+    contextRequired: !1
+  });
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      ref: e,
+      className: o(
+        "flex min-w-0 grow items-center gap-12",
+        r === "end" ? "shrink" : "shrink-0",
+        s
+      ),
+      ...i,
+      children: t
+    }
+  );
+}, P = ({
   ref: e,
   children: t,
   className: s,
   ...i
-}) => /* @__PURE__ */ a(
-  "div",
-  {
-    ref: e,
-    className: r("flex min-w-0 flex-1 flex-col gap-4", s),
-    ...i,
-    children: t
-  }
-), w = ({
+}) => {
+  const { priority: r } = m({
+    consumerName: "ListItemContent",
+    contextRequired: !1
+  });
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      ref: e,
+      className: o(
+        "flex min-w-0 flex-col gap-4",
+        r === "start" ? "shrink grow-0 basis-auto" : "flex-1",
+        s
+      ),
+      ...i,
+      children: t
+    }
+  );
+}, C = ({
   ref: e,
   children: t,
   className: s,
   ...i
 }) => {
-  const { isInTrailing: n } = l({
+  const { isInTrailing: r } = l({
     consumerName: "ListItemContentRow",
     contextRequired: !1
   });
@@ -99,25 +145,25 @@ const [I, l] = f("ListItemTrailing", {
     "div",
     {
       ref: e,
-      className: r(
+      className: o(
         "flex min-w-0 items-center gap-8",
-        n && "justify-end",
+        r && "justify-end",
         s
       ),
       ...i,
       children: t
     }
   );
-}, R = ({
+}, j = ({
   ref: e,
   children: t,
   className: s,
   ...i
 }) => {
-  const n = c({
+  const r = d({
     consumerName: "ListItemTitle",
     contextRequired: !0
-  }), { isInTrailing: o } = l({
+  }), { isInTrailing: n } = l({
     consumerName: "ListItemTitle",
     contextRequired: !1
   });
@@ -125,26 +171,26 @@ const [I, l] = f("ListItemTrailing", {
     "div",
     {
       ref: e,
-      className: r(
+      className: o(
         "min-w-0 truncate body-2-semi-bold",
-        o ? "justify-end text-end" : "justify-start text-start",
-        n && "text-disabled",
+        n ? "justify-end text-end" : "justify-start text-start",
+        r && "text-disabled",
         s
       ),
       ...i,
       children: t
     }
   );
-}, j = ({
+}, D = ({
   ref: e,
   children: t,
   className: s,
   ...i
 }) => {
-  const n = c({
+  const r = d({
     consumerName: "ListItemDescription",
     contextRequired: !0
-  }), { isInTrailing: o } = l({
+  }), { isInTrailing: n } = l({
     consumerName: "ListItemDescription",
     contextRequired: !1
   });
@@ -152,33 +198,37 @@ const [I, l] = f("ListItemTrailing", {
     "div",
     {
       ref: e,
-      className: r(
+      className: o(
         "min-w-0 items-center truncate body-3 text-muted",
-        o ? "justify-end text-end" : "justify-start text-start",
-        n && "text-disabled",
+        n ? "justify-end text-end" : "justify-start text-start",
+        r && "text-disabled",
         s
       ),
       ...i,
       children: t
     }
   );
-}, q = ({
+}, k = ({
   ref: e,
   children: t,
   className: s,
   ...i
 }) => {
-  const n = c({
+  const r = d({
     consumerName: "ListItemTrailing",
     contextRequired: !0
+  }), { priority: n } = m({
+    consumerName: "ListItemTrailing",
+    contextRequired: !1
   });
-  return /* @__PURE__ */ a(I, { value: { isInTrailing: !0 }, children: /* @__PURE__ */ a(
+  return /* @__PURE__ */ a(L, { value: { isInTrailing: !0 }, children: /* @__PURE__ */ a(
     "div",
     {
       ref: e,
-      className: r(
-        "flex shrink-0 items-center",
-        n && "text-disabled",
+      className: o(
+        "flex items-center",
+        n === "start" ? "min-w-0 shrink" : "shrink-0",
+        r && "text-disabled",
         s
       ),
       ...i,
@@ -187,11 +237,11 @@ const [I, l] = f("ListItemTrailing", {
   ) });
 };
 export {
-  T as ListItem,
-  h as ListItemContent,
-  w as ListItemContentRow,
-  j as ListItemDescription,
-  y as ListItemLeading,
-  R as ListItemTitle,
-  q as ListItemTrailing
+  R as ListItem,
+  P as ListItemContent,
+  C as ListItemContentRow,
+  D as ListItemDescription,
+  q as ListItemLeading,
+  j as ListItemTitle,
+  k as ListItemTrailing
 };

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

@@ -1,4 +1,4 @@
-import { Density } from '@ledgerhq/lumen-utils-shared';
+import { Density, Priority } from '@ledgerhq/lumen-utils-shared';
 import { ComponentPropsWithRef, MouseEventHandler, ReactNode } from 'react';
 /**
  * Props for the ListItem root component
@@ -13,6 +13,11 @@ export type ListItemProps = {
      * @default 'expanded'
      */
     density?: Density;
+    /**
+     * The parts which are protected from shrinking and truncation when horizontal space is limited.
+     * @default 'end'
+     */
+    priority?: Priority;
     /**
      * custom classname
      */
@@ -21,6 +26,11 @@ export type ListItemProps = {
      * Whether the list item is disabled.
      */
     disabled?: boolean;
+    /**
+     * Whether the list item is in an active/selected state.
+     * @default false
+     */
+    active?: boolean;
     /**
      * Callback function when the list item is pressed.
      */

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,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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/ListItem/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AACtE,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;;;OAGG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;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/MediaCard/MediaCard.js

@@ -67,8 +67,8 @@ const r = {
   onClick: a,
   onClose: l,
   closeAriaLabel: u,
-  className: f,
-  ...p
+  className: p,
+  ...f
 }) => {
   const { t: v } = z(), [g, c] = x(!1), b = t && !g;
   return N(() => {
@@ -79,10 +79,10 @@ const r = {
       ...y({ onClick: a }),
       className: m(
         r.root({ interactive: !!a }),
-        f
+        p
       ),
       ref: i,
-      ...p,
+      ...f,
       children: [
         b && /* @__PURE__ */ e(
           "img",

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

@@ -8,7 +8,7 @@ declare function MenuRadioGroup<T extends MenuRadioValue = MenuRadioValue>({ onV
 declare const MenuSubTrigger: ({ ref, className, children, ...props }: MenuSubTriggerProps) => import("react/jsx-runtime").JSX.Element;
 declare const MenuSubContent: ({ className, children }: MenuSubContentProps) => import("react/jsx-runtime").JSX.Element;
 declare const MenuContent: ({ side, sideOffset, align, alignOffset, sticky, className, children, }: MenuContentProps) => import("react/jsx-runtime").JSX.Element;
-declare const MenuItem: ({ ref, className, disabled: disabledProp, onClick, label, closeOnClick, ...props }: MenuItemProps) => import("react/jsx-runtime").JSX.Element;
+declare const MenuItem: ({ ref, className, appearance, disabled: disabledProp, onClick, label, closeOnClick, ...props }: MenuItemProps) => import("react/jsx-runtime").JSX.Element;
 declare const MenuCheckboxItem: ({ ref, className, children, checked, defaultChecked, onCheckedChange, disabled: disabledProp, label, closeOnClick, ...props }: MenuCheckboxItemProps) => import("react/jsx-runtime").JSX.Element;
 declare const MenuRadioItem: <T extends MenuRadioValue = MenuRadioValue>({ ref, className, children, disabled: disabledProp, ...props }: MenuRadioItemProps<T>) => import("react/jsx-runtime").JSX.Element;
 declare const MenuLabel: ({ ref, className, ...props }: MenuLabelProps) => import("react/jsx-runtime").JSX.Element;

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":"AAOA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAG1C,OAAO,KAAK,EACV,SAAS,EACT,gBAAgB,EAChB,gBAAgB,EAChB,aAAa,EACb,qBAAqB,EACrB,kBAAkB,EAClB,cAAc,EACd,cAAc,EACd,kBAAkB,EAClB,mBAAmB,EACnB,mBAAmB,EACnB,cAAc,EACd,mBAAmB,EACnB,YAAY,EACb,MAAM,SAAS,CAAC;AAmDjB,iBAAS,IAAI,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,2CAEpC;AAED,QAAA,MAAM,WAAW,GAAI,sCAKlB,gBAAgB,4CAQlB,CAAC;AAEF,iBAAS,SAAS,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,2CAE9C;AAED,iBAAS,OAAO,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,2CAE1C;AAED,iBAAS,cAAc,CAAC,CAAC,SAAS,cAAc,GAAG,cAAc,EAAE,EACjE,aAAa,EACb,GAAG,KAAK,EACT,EAAE,mBAAmB,CAAC,CAAC,CAAC,2CAQxB;AAED,QAAA,MAAM,cAAc,GAAI,wCAKrB,mBAAmB,4CAUrB,CAAC;AAEF,QAAA,MAAM,cAAc,GAAI,yBAAyB,mBAAmB,4CAYnE,CAAC;AAEF,QAAA,MAAM,WAAW,GAAI,wEAQlB,gBAAgB,4CAmBlB,CAAC;AAEF,QAAA,MAAM,QAAQ,GAAI,oFAQf,aAAa,4CAoBf,CAAC;AAEF,QAAA,MAAM,gBAAgB,GAAI,+HAWvB,qBAAqB,4CA6BvB,CAAC;AAEF,QAAA,MAAM,aAAa,GAAI,CAAC,SAAS,cAAc,GAAG,cAAc,EAAE,gEAM/D,kBAAkB,CAAC,CAAC,CAAC,4CAwBvB,CAAC;AAEF,QAAA,MAAM,SAAS,GAAI,8BAA8B,cAAc,4CAO9D,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,OAAO,EACP,cAAc,EACd,cAAc,EACd,cAAc,GACf,CAAC;AAEF,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,cAAc,GAAG,KAAK,KAAK;IACxE,cAAc,EAAE,CAAC,KAAK,EAAE,mBAAmB,CAAC,CAAC,CAAC,KAAK,YAAY,CAAC;IAChE,aAAa,EAAE,CAAC,KAAK,EAAE,kBAAkB,CAAC,CAAC,CAAC,KAAK,YAAY,CAAC;CAC/D,CAEA"}
+{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Menu/Menu.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAG1C,OAAO,KAAK,EACV,SAAS,EACT,gBAAgB,EAChB,gBAAgB,EAChB,aAAa,EACb,qBAAqB,EACrB,kBAAkB,EAClB,cAAc,EACd,cAAc,EACd,kBAAkB,EAClB,mBAAmB,EACnB,mBAAmB,EACnB,cAAc,EACd,mBAAmB,EACnB,YAAY,EACb,MAAM,SAAS,CAAC;AAgEjB,iBAAS,IAAI,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,2CAEpC;AAED,QAAA,MAAM,WAAW,GAAI,sCAKlB,gBAAgB,4CAQlB,CAAC;AAEF,iBAAS,SAAS,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,2CAE9C;AAED,iBAAS,OAAO,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,2CAE1C;AAED,iBAAS,cAAc,CAAC,CAAC,SAAS,cAAc,GAAG,cAAc,EAAE,EACjE,aAAa,EACb,GAAG,KAAK,EACT,EAAE,mBAAmB,CAAC,CAAC,CAAC,2CAQxB;AAED,QAAA,MAAM,cAAc,GAAI,wCAKrB,mBAAmB,4CAUrB,CAAC;AAEF,QAAA,MAAM,cAAc,GAAI,yBAAyB,mBAAmB,4CAYnE,CAAC;AAEF,QAAA,MAAM,WAAW,GAAI,wEAQlB,gBAAgB,4CAmBlB,CAAC;AAEF,QAAA,MAAM,QAAQ,GAAI,gGASf,aAAa,4CAoBf,CAAC;AAEF,QAAA,MAAM,gBAAgB,GAAI,+HAWvB,qBAAqB,4CA6BvB,CAAC;AAEF,QAAA,MAAM,aAAa,GAAI,CAAC,SAAS,cAAc,GAAG,cAAc,EAAE,gEAM/D,kBAAkB,CAAC,CAAC,CAAC,4CAwBvB,CAAC;AAEF,QAAA,MAAM,SAAS,GAAI,8BAA8B,cAAc,4CAO9D,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,OAAO,EACP,cAAc,EACd,cAAc,EACd,cAAc,GACf,CAAC;AAEF,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,cAAc,GAAG,KAAK,KAAK;IACxE,cAAc,EAAE,CAAC,KAAK,EAAE,mBAAmB,CAAC,CAAC,CAAC,KAAK,YAAY,CAAC;IAChE,aAAa,EAAE,CAAC,KAAK,EAAE,kBAAkB,CAAC,CAAC,CAAC,KAAK,YAAY,CAAC;CAC/D,CAEA"}

package/dist/lib/Components/Menu/Menu.js

@@ -1,14 +1,14 @@
-import { jsx as t, jsxs as c } from "react/jsx-runtime";
-import { cn as n, useDisabledContext as p, DisabledProvider as b } from "../../../libs/utils-shared/dist/index.js";
-import { cva as I } from "class-variance-authority";
-import { Check as f } from "../../Symbols/Icons/Check.js";
+import { jsx as t, jsxs as p } from "react/jsx-runtime";
+import { cn as n, useDisabledContext as b, DisabledProvider as f } from "../../../libs/utils-shared/dist/index.js";
+import { cva as h } from "class-variance-authority";
+import { Check as g } from "../../Symbols/Icons/Check.js";
 import { Divider as C } from "../Divider/Divider.js";
 import { ChevronRight as R } from "../../Symbols/Icons/ChevronRight.js";
 import { MenuRoot as S } from "../../../node_modules/@base-ui/react/esm/menu/root/MenuRoot.js";
 import { MenuTrigger as k } from "../../../node_modules/@base-ui/react/esm/menu/trigger/MenuTrigger.js";
-import { MenuPortal as h } from "../../../node_modules/@base-ui/react/esm/menu/portal/MenuPortal.js";
-import { MenuPositioner as g } from "../../../node_modules/@base-ui/react/esm/menu/positioner/MenuPositioner.js";
-import { MenuPopup as M } from "../../../node_modules/@base-ui/react/esm/menu/popup/MenuPopup.js";
+import { MenuPortal as M } from "../../../node_modules/@base-ui/react/esm/menu/portal/MenuPortal.js";
+import { MenuPositioner as x } from "../../../node_modules/@base-ui/react/esm/menu/positioner/MenuPositioner.js";
+import { MenuPopup as N } from "../../../node_modules/@base-ui/react/esm/menu/popup/MenuPopup.js";
 import { MenuItem as y } from "../../../node_modules/@base-ui/react/esm/menu/item/MenuItem.js";
 import { MenuCheckboxItem as z } from "../../../node_modules/@base-ui/react/esm/menu/checkbox-item/MenuCheckboxItem.js";
 import { MenuCheckboxItemIndicator as G } from "../../../node_modules/@base-ui/react/esm/menu/checkbox-item-indicator/MenuCheckboxItemIndicator.js";
@@ -18,8 +18,8 @@ import { MenuGroupLabel as $ } from "../../../node_modules/@base-ui/react/esm/me
 import { MenuGroup as j } from "../../../node_modules/@base-ui/react/esm/menu/group/MenuGroup.js";
 import { MenuSubmenuRoot as w } from "../../../node_modules/@base-ui/react/esm/menu/submenu-root/MenuSubmenuRoot.js";
 import { MenuSubmenuTrigger as D } from "../../../node_modules/@base-ui/react/esm/menu/submenu-trigger/MenuSubmenuTrigger.js";
-import { MenuRadioGroup as W } from "../../../node_modules/@base-ui/react/esm/menu/radio-group/MenuRadioGroup.js";
-const x = I(
+import { MenuRadioGroup as V } from "../../../node_modules/@base-ui/react/esm/menu/radio-group/MenuRadioGroup.js";
+const v = h(
   [
     "min-w-160 overflow-hidden rounded-sm bg-muted p-8",
     "shadow-sm outline-none"
@@ -49,16 +49,29 @@ const x = I(
       side: "bottom"
     }
   }
-), d = n(
-  "relative flex cursor-default items-center gap-12 select-none",
-  "h-44 rounded-sm px-8 outline-hidden",
-  "body-2-semi-bold text-base",
-  "transition-colors",
-  "data-highlighted:bg-base-transparent-hover",
-  "active:bg-base-transparent-pressed",
-  "data-disabled:pointer-events-none data-disabled:text-disabled"
-), L = n("px-8 py-4 body-3-semi-bold text-muted"), O = n(
-  d,
+), l = h(
+  n(
+    "relative flex cursor-default items-center gap-12 select-none",
+    "h-44 rounded-sm px-8 outline-hidden",
+    "body-2-semi-bold",
+    "transition-colors",
+    "data-highlighted:bg-base-transparent-hover",
+    "active:bg-base-transparent-pressed",
+    "data-disabled:pointer-events-none data-disabled:text-disabled"
+  ),
+  {
+    variants: {
+      appearance: {
+        base: "text-base",
+        red: "text-error"
+      }
+    },
+    defaultVariants: {
+      appearance: "base"
+    }
+  }
+), W = n("px-8 py-4 body-3-semi-bold text-muted"), L = n(
+  l(),
   "data-popup-open:bg-base-transparent-hover"
 );
 function me({ ...e }) {
@@ -85,12 +98,12 @@ function de({ ...e }) {
 function le({ ...e }) {
   return /* @__PURE__ */ t(w, { ...e });
 }
-function V({
+function O({
   onValueChange: e,
   ...o
 }) {
   return /* @__PURE__ */ t(
-    W,
+    V,
     {
       "data-slot": "menu-radio-group",
       onValueChange: (a) => e?.(String(a)),
@@ -103,23 +116,23 @@ const ce = ({
   className: o,
   children: a,
   ...r
-}) => /* @__PURE__ */ c(
+}) => /* @__PURE__ */ p(
   D,
   {
     ref: e,
     "data-slot": "menu-sub-trigger",
-    className: n(O, o),
+    className: n(L, o),
     ...r,
     children: [
       a,
       /* @__PURE__ */ t(R, { size: 20, className: "ml-auto text-muted" })
     ]
   }
-), pe = ({ className: e, children: o }) => /* @__PURE__ */ t(h, { children: /* @__PURE__ */ t(g, { className: "z-menu", side: "right", sideOffset: 4, children: /* @__PURE__ */ t(
-  M,
+), pe = ({ className: e, children: o }) => /* @__PURE__ */ t(M, { children: /* @__PURE__ */ t(x, { className: "z-menu", side: "right", sideOffset: 4, children: /* @__PURE__ */ t(
+  N,
   {
     "data-slot": "menu-sub-content",
-    className: n(x({ side: "right" }), e),
+    className: n(v({ side: "right" }), e),
     onClick: (a) => a.stopPropagation(),
     children: o
   }
@@ -130,9 +143,9 @@ const ce = ({
   alignOffset: r,
   sticky: i = !0,
   className: s,
-  children: u
-}) => /* @__PURE__ */ t(h, { children: /* @__PURE__ */ t(
-  g,
+  children: m
+}) => /* @__PURE__ */ t(M, { children: /* @__PURE__ */ t(
+  x,
   {
     className: "z-menu",
     side: e,
@@ -141,38 +154,39 @@ const ce = ({
     alignOffset: r,
     sticky: i,
     children: /* @__PURE__ */ t(
-      M,
+      N,
       {
         "data-slot": "menu-content",
-        className: n(x({ side: e }), s),
-        onClick: (m) => m.stopPropagation(),
-        children: u
+        className: n(v({ side: e }), s),
+        onClick: (u) => u.stopPropagation(),
+        children: m
       }
     )
   }
 ) }), fe = ({
   ref: e,
   className: o,
-  disabled: a,
-  onClick: r,
-  label: i,
-  closeOnClick: s = !0,
+  appearance: a = "base",
+  disabled: r,
+  onClick: i,
+  label: s,
+  closeOnClick: m = !0,
   ...u
 }) => {
-  const m = p({
+  const d = b({
     consumerName: "MenuItem",
-    mergeWith: { disabled: a }
+    mergeWith: { disabled: r }
   });
-  return /* @__PURE__ */ t(b, { value: { disabled: m }, children: /* @__PURE__ */ t(
+  return /* @__PURE__ */ t(f, { value: { disabled: d }, children: /* @__PURE__ */ t(
     y,
     {
       ref: e,
       "data-slot": "menu-item",
-      label: i,
-      disabled: m,
-      closeOnClick: s,
-      className: n(d, o),
-      onClick: r,
+      label: s,
+      disabled: d,
+      closeOnClick: m,
+      className: n(l({ appearance: a }), o),
+      onClick: i,
       ...u
     }
   ) });
@@ -183,31 +197,31 @@ const ce = ({
   checked: r,
   defaultChecked: i,
   onCheckedChange: s,
-  disabled: u,
-  label: m,
-  closeOnClick: N,
-  ...v
+  disabled: m,
+  label: u,
+  closeOnClick: d,
+  ...I
 }) => {
-  const l = p({
+  const c = b({
     consumerName: "MenuCheckboxItem",
-    mergeWith: { disabled: u }
+    mergeWith: { disabled: m }
   });
-  return /* @__PURE__ */ t(b, { value: { disabled: l }, children: /* @__PURE__ */ c(
+  return /* @__PURE__ */ t(f, { value: { disabled: c }, children: /* @__PURE__ */ p(
     z,
     {
       ref: e,
       "data-slot": "menu-checkbox-item",
-      label: m,
+      label: u,
       checked: r,
       defaultChecked: i,
-      disabled: l,
-      closeOnClick: N ?? !1,
-      className: n(d, o),
+      disabled: c,
+      closeOnClick: d ?? !1,
+      className: n(l(), o),
       onCheckedChange: s,
-      ...v,
+      ...I,
       children: [
         a,
-        /* @__PURE__ */ t("span", { className: "ml-auto flex size-24 items-center justify-center", children: /* @__PURE__ */ t(G, { children: /* @__PURE__ */ t(f, { disabled: l, size: 24, className: "text-active" }) }) })
+        /* @__PURE__ */ t("span", { className: "ml-auto flex size-24 items-center justify-center", children: /* @__PURE__ */ t(G, { children: /* @__PURE__ */ t(g, { disabled: c, size: 24, className: "text-active" }) }) })
       ]
     }
   ) });
@@ -218,21 +232,21 @@ const ce = ({
   disabled: r,
   ...i
 }) => {
-  const s = p({
+  const s = b({
     consumerName: "MenuRadioItem",
     mergeWith: { disabled: r }
   });
-  return /* @__PURE__ */ t(b, { value: { disabled: s }, children: /* @__PURE__ */ c(
+  return /* @__PURE__ */ t(f, { value: { disabled: s }, children: /* @__PURE__ */ p(
     P,
     {
       ref: e,
       "data-slot": "menu-radio-item",
       disabled: s,
-      className: n(d, o),
+      className: n(l(), o),
       ...i,
       children: [
         a,
-        /* @__PURE__ */ t("span", { className: "ml-auto flex size-24 items-center justify-center", children: /* @__PURE__ */ t(T, { children: /* @__PURE__ */ t(f, { disabled: s, size: 24, className: "text-active" }) }) })
+        /* @__PURE__ */ t("span", { className: "ml-auto flex size-24 items-center justify-center", children: /* @__PURE__ */ t(T, { children: /* @__PURE__ */ t(g, { disabled: s, size: 24, className: "text-active" }) }) })
       ]
     }
   ) });
@@ -241,12 +255,12 @@ const ce = ({
   {
     ref: e,
     "data-slot": "menu-label",
-    className: n(L, o),
+    className: n(W, o),
     ...a
   }
 ), Me = ({ ref: e, className: o, ...a }) => /* @__PURE__ */ t(C, { ref: e, className: n("mx-8 my-4 w-auto", o), ...a });
 function xe() {
-  return { MenuRadioGroup: V, MenuRadioItem: q };
+  return { MenuRadioGroup: O, MenuRadioItem: q };
 }
 export {
   me as Menu,
@@ -255,7 +269,7 @@ export {
   de as MenuGroup,
   fe as MenuItem,
   ge as MenuLabel,
-  V as MenuRadioGroup,
+  O as MenuRadioGroup,
   q as MenuRadioItem,
   Me as MenuSeparator,
   le as MenuSub,