@ledgerhq/lumen-ui-react 0.0.53

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

@@ -0,0 +1,133 @@
+import { VariantProps } from 'class-variance-authority';
+import { default as React } from 'react';
+import { IconSize } from '../Icon/Icon';
+declare const linkVariants: (props?: ({
+    appearance?: "base" | "inherit" | "accent" | null | undefined;
+    size?: "inherit" | "sm" | "md" | null | undefined;
+    underline?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type LinkProps = {
+    /**
+     * The visual style of the link.
+     * @default inherit
+     */
+    appearance?: 'base' | 'accent' | 'inherit';
+    /**
+     * The size variant of the link.
+     * @default inherit
+     */
+    size?: 'sm' | 'md' | 'inherit';
+    /**
+     * Whether to underline the link text.
+     * @default true
+     */
+    underline?: boolean;
+    /**
+     * An optional icon component to render inside the link.
+     * The icon styles are defined by the link. Please do not override them.
+     */
+    icon?: React.ComponentType<{
+        size?: IconSize;
+        className?: string;
+    }>;
+    /**
+     * If true, adds target="_blank" and rel="noopener noreferrer" for external links.
+     * @default false
+     */
+    isExternal?: boolean;
+    /**
+     * If true, renders the child element directly with link styles instead of wrapping in an anchor element.
+     * Useful for creating router links or other semantic elements with link appearance.
+     * @default false
+     */
+    asChild?: boolean;
+    /**
+     * The link's content, typically text.
+     */
+    children: React.ReactNode;
+} & React.AnchorHTMLAttributes<HTMLAnchorElement> & VariantProps<typeof linkVariants>;
+/**
+ * A customizable link component that supports base and accent color appearances, optional underline, sizes, icons, and external link handling.
+ *
+ * @see {@link https://ldls.vercel.app/?path=/docs/components-link-overview--docs Storybook}
+ * @see {@link https://ldls.vercel.app/?path=/docs/components-link-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 link's core appearance (colors, padding, etc). Use the `appearance` and `underline` props instead.
+ *
+ * @example
+ * import { Link } from '@ledgerhq/lumen-ui-react';
+ *
+ * // Default link with underline and inherited appearance and size
+ * <Link href="/page">
+ *   Go to Page
+ * </Link>
+ *
+ * // Accent link with icon
+ * import { ArrowRight } from '@ledgerhq/lumen-ui-react/symbols';
+ *
+ * <Link appearance="accent" size="sm" href="https://example.com" isExternal icon={ArrowRight}>
+ *   External Site
+ * </Link>
+ *
+ * // Link with inherited styles
+ * <Link appearance="inherit" size="inherit" href="/page">
+ *   Inherit Styles
+ * </Link>
+ *
+ * // Link as a router link (asChild pattern)
+ * import { Link as RouterLink } from 'react-router-dom';
+ *
+ * <Link asChild>
+ *   <RouterLink to="/dashboard">Dashboard</RouterLink>
+ * </Link>
+ *
+ * // Note: When using asChild, the child element is responsible for its own content.
+ * // Icons and other Link props like 'icon' are ignored when asChild is true - handle these in the child if needed.
+ */
+export declare const Link: React.ForwardRefExoticComponent<{
+    /**
+     * The visual style of the link.
+     * @default inherit
+     */
+    appearance?: "base" | "accent" | "inherit";
+    /**
+     * The size variant of the link.
+     * @default inherit
+     */
+    size?: "sm" | "md" | "inherit";
+    /**
+     * Whether to underline the link text.
+     * @default true
+     */
+    underline?: boolean;
+    /**
+     * An optional icon component to render inside the link.
+     * The icon styles are defined by the link. Please do not override them.
+     */
+    icon?: React.ComponentType<{
+        size?: IconSize;
+        className?: string;
+    }>;
+    /**
+     * If true, adds target="_blank" and rel="noopener noreferrer" for external links.
+     * @default false
+     */
+    isExternal?: boolean;
+    /**
+     * If true, renders the child element directly with link styles instead of wrapping in an anchor element.
+     * Useful for creating router links or other semantic elements with link appearance.
+     * @default false
+     */
+    asChild?: boolean;
+    /**
+     * The link's content, typically text.
+     */
+    children: React.ReactNode;
+} & React.AnchorHTMLAttributes<HTMLAnchorElement> & VariantProps<(props?: ({
+    appearance?: "base" | "inherit" | "accent" | null | undefined;
+    size?: "inherit" | "sm" | "md" | null | undefined;
+    underline?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string> & React.RefAttributes<HTMLAnchorElement>>;
+export {};
+//# sourceMappingURL=Link.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Link/Link.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,QAAA,MAAM,YAAY;;;;8EA0BjB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG;IACtB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,SAAS,CAAC;IAC3C;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,SAAS,CAAC;IAC/B;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,IAAI,CAAC,EAAE,QAAQ,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACpE;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,GAAG,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,GAC/C,YAAY,CAAC,OAAO,YAAY,CAAC,CAAC;AAEpC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AACH,eAAO,MAAM,IAAI;IA7Ef;;;OAGG;iBACU,MAAM,GAAG,QAAQ,GAAG,SAAS;IAC1C;;;OAGG;WACI,IAAI,GAAG,IAAI,GAAG,SAAS;IAC9B;;;OAGG;gBACS,OAAO;IACnB;;;OAGG;WACI,KAAK,CAAC,aAAa,CAAC;QAAE,IAAI,CAAC,EAAE,QAAQ,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACnE;;;OAGG;iBACU,OAAO;IACpB;;;;OAIG;cACO,OAAO;IACjB;;OAEG;cACO,KAAK,CAAC,SAAS;;;;;yHA0G1B,CAAC"}

package/dist/lib/Components/Link/Link.js

@@ -0,0 +1,85 @@
+import { jsx as e, jsxs as s, Fragment as c } from "react/jsx-runtime";
+import { cn as v } from "../../../libs/utils-shared/dist/index.js";
+import { Slot as b } from "@radix-ui/react-slot";
+import { cva as h } from "class-variance-authority";
+import x from "react";
+import { ExternalLink as k } from "../../Symbols/Icons/ExternalLink.js";
+const N = h(
+  "inline-flex w-fit max-w-full items-center justify-center transition-colors focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-focus",
+  {
+    variants: {
+      appearance: {
+        base: "text-base hover:text-base-hover active:text-base-pressed",
+        accent: "text-interactive hover:text-interactive-hover active:text-interactive-pressed",
+        inherit: ""
+      },
+      size: {
+        sm: "gap-4 body-2-semi-bold",
+        md: "gap-8 body-1-semi-bold",
+        inherit: ""
+      },
+      underline: {
+        true: "underline underline-offset-2",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      appearance: "inherit",
+      size: "inherit",
+      underline: !0
+    }
+  }
+), w = x.forwardRef(
+  ({
+    className: l,
+    children: r,
+    appearance: m,
+    size: i = "inherit",
+    underline: f = !0,
+    icon: p,
+    isExternal: n = !1,
+    asChild: t = !1,
+    ...u
+  }, d) => {
+    const a = i ? {
+      sm: 16,
+      md: 20
+    }[i] : 20, o = p;
+    return /* @__PURE__ */ e(
+      t ? b : "a",
+      {
+        ref: d,
+        className: v(
+          l,
+          N({
+            appearance: m,
+            size: i,
+            underline: f
+          })
+        ),
+        target: n && !t ? "_blank" : void 0,
+        rel: n && !t ? "noopener noreferrer" : void 0,
+        ...u,
+        children: t ? r : /* @__PURE__ */ s(c, { children: [
+          o && /* @__PURE__ */ e(o, { size: a, className: "shrink-0" }),
+          /* @__PURE__ */ e("span", { className: "min-w-0 truncate", children: r }),
+          n && /* @__PURE__ */ s(c, { children: [
+            /* @__PURE__ */ e(
+              k,
+              {
+                size: a,
+                className: "shrink-0",
+                "aria-hidden": "true"
+              }
+            ),
+            /* @__PURE__ */ e("span", { className: "sr-only", children: "(opens in a new tab)" })
+          ] })
+        ] })
+      }
+    );
+  }
+);
+w.displayName = "Link";
+export {
+  w as Link
+};

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

@@ -0,0 +1,2 @@
+export * from './Link';
+//# sourceMappingURL=index.d.ts.map

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

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

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

@@ -0,0 +1,92 @@
+import { default as React } from 'react';
+import { Tag } from '../Tag';
+export type ListItemProps = {
+    /**
+     * The main title of the list item.
+     */
+    title: string;
+    /**
+     * Optional descriptive text below the title.
+     */
+    description?: string;
+    /**
+     * Optional content to display on the left, usually a Spot component.
+     * @example leadingContent={<Spot appearance="icon" icon={Settings} />}
+     */
+    leadingContent?: React.ReactNode;
+    /**
+     * Optional Tag component displayed next to the description.
+     * @example descriptionTag={<Tag label="New" appearance="accent" size="sm" />}
+     */
+    descriptionTag?: React.ReactElement<typeof Tag>;
+    /**
+     * Custom content to render on the right side of the list item.
+     * @example trailingContent={<Icon />}
+     */
+    trailingContent?: React.ReactNode;
+} & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'children'>;
+/**
+ * A flexible list item component that displays a required title and optional description (with possible tag), leading and trailing content.
+ * It functions as a clickable button with hover and active states.
+ *
+ * @see {@link https://ldls.vercel.app/?path=/docs/containment-listitem--docs Storybook}
+ * @see {@link https://ldls.vercel.app/?path=/docs/containment-listitem--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 list item's core appearance (colors, padding, etc).
+ *
+ * @example
+ * // Basic item
+ * import { ListItem } from '@ledgerhq/lumen-ui-react';
+ *
+ * <ListItem
+ *   title="Basic Item"
+ *   description="Optional description"
+ *   onClick={() => console.log('Clicked!')}
+ * />
+ *
+ * // Icon trailing content with leading Spot
+ * import { ListItem, Spot } from '@ledgerhq/lumen-ui-react';
+ * import { Wallet, Settings } from '@ledgerhq/lumen-ui-react/symbols';
+ *
+ * <ListItem
+ *   title="Balance"
+ *   leadingContent={<Spot appearance="icon" icon={Wallet} />}
+ *   trailingContent={<Settings />}
+ * />
+ *
+ * // Chevron trailing content
+ * import { ListItem } from '@ledgerhq/lumen-ui-react';
+ * import { ChevronRight } from '@ledgerhq/lumen-ui-react/symbols';
+ *
+ * <ListItem
+ *   title="Settings"
+ *   trailingContent={<ChevronRight size={24} />}
+ * />
+ */
+export declare const ListItem: React.ForwardRefExoticComponent<{
+    /**
+     * The main title of the list item.
+     */
+    title: string;
+    /**
+     * Optional descriptive text below the title.
+     */
+    description?: string;
+    /**
+     * Optional content to display on the left, usually a Spot component.
+     * @example leadingContent={<Spot appearance="icon" icon={Settings} />}
+     */
+    leadingContent?: React.ReactNode;
+    /**
+     * Optional Tag component displayed next to the description.
+     * @example descriptionTag={<Tag label="New" appearance="accent" size="sm" />}
+     */
+    descriptionTag?: React.ReactElement<typeof Tag>;
+    /**
+     * Custom content to render on the right side of the list item.
+     * @example trailingContent={<Icon />}
+     */
+    trailingContent?: React.ReactNode;
+} & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "children"> & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=ListItem.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ListItem.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/ListItem/ListItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAE7B,MAAM,MAAM,aAAa,GAAG;IAC1B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC;;;OAGG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,OAAO,GAAG,CAAC,CAAC;IAChD;;;OAGG;IACH,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACnC,GAAG,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC,CAAC;AAEpE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AACH,eAAO,MAAM,QAAQ;IAhEnB;;OAEG;WACI,MAAM;IACb;;OAEG;kBACW,MAAM;IACpB;;;OAGG;qBACc,KAAK,CAAC,SAAS;IAChC;;;OAGG;qBACc,KAAK,CAAC,YAAY,CAAC,OAAO,GAAG,CAAC;IAC/C;;;OAGG;sBACe,KAAK,CAAC,SAAS;6GA6FlC,CAAC"}

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

@@ -0,0 +1,56 @@
+import { jsxs as e, jsx as t } from "react/jsx-runtime";
+import { cn as r } from "../../../libs/utils-shared/dist/index.js";
+import b from "react";
+const f = b.forwardRef(
+  (s, l) => {
+    const {
+      title: n,
+      description: a,
+      leadingContent: d,
+      descriptionTag: i,
+      trailingContent: c,
+      className: o,
+      ...m
+    } = s;
+    return /* @__PURE__ */ e(
+      "button",
+      {
+        ref: l,
+        type: "button",
+        className: r(
+          "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",
+          o
+        ),
+        ...m,
+        children: [
+          /* @__PURE__ */ e("div", { className: "flex min-w-0 flex-1 items-center gap-12", children: [
+            d,
+            /* @__PURE__ */ e("div", { className: "flex min-w-0 flex-1 flex-col gap-4 text-left", children: [
+              /* @__PURE__ */ t("div", { className: "truncate body-2-semi-bold", children: n }),
+              a && /* @__PURE__ */ e("div", { className: "flex items-center gap-4", children: [
+                /* @__PURE__ */ t(
+                  "div",
+                  {
+                    className: r(
+                      "truncate text-muted body-3",
+                      s.disabled && "text-disabled"
+                    ),
+                    children: a
+                  }
+                ),
+                i && /* @__PURE__ */ t("div", { className: "flex h-16 shrink-0 items-center", children: i })
+              ] })
+            ] })
+          ] }),
+          c
+        ]
+      }
+    );
+  }
+);
+f.displayName = "ListItem";
+export {
+  f as ListItem
+};

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

@@ -0,0 +1,2 @@
+export * from './ListItem';
+//# sourceMappingURL=index.d.ts.map

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

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

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

@@ -0,0 +1,74 @@
+import { MenuProps, MenuContentProps, MenuItemProps, MenuGroupProps, MenuRadioGroupProps } from './types';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import * as React from 'react';
+declare function Menu({ ...props }: MenuProps): import("react/jsx-runtime").JSX.Element;
+declare const MenuTrigger: React.ForwardRefExoticComponent<{
+    asChild?: boolean;
+} & Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare function MenuGroup({ ...props }: MenuGroupProps): import("react/jsx-runtime").JSX.Element;
+declare function MenuPortal({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
+declare function MenuSub({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>): import("react/jsx-runtime").JSX.Element;
+declare function MenuRadioGroup({ ...props }: MenuRadioGroupProps): import("react/jsx-runtime").JSX.Element;
+declare const MenuSubTrigger: React.ForwardRefExoticComponent<{
+    className?: string;
+    inset?: boolean;
+    asChild?: boolean;
+    disabled?: boolean;
+    textValue?: string;
+} & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const MenuSubContent: React.ForwardRefExoticComponent<{
+    className?: string;
+} & Omit<MenuContentProps, "side" | "sideOffset" | "align" | "onEscapeKeyDown" | "onPointerDownOutside" | "onFocusOutside" | "onInteractOutside" | "onCloseAutoFocus"> & React.RefAttributes<HTMLDivElement>>;
+declare const MenuContent: React.ForwardRefExoticComponent<{
+    className?: string;
+    asChild?: boolean;
+    loop?: boolean;
+    onCloseAutoFocus?: (event: Event) => void;
+    onEscapeKeyDown?: (event: KeyboardEvent) => void;
+    onPointerDownOutside?: (event: CustomEvent<{
+        originalEvent: PointerEvent;
+    }>) => void;
+    onFocusOutside?: (event: CustomEvent<{
+        originalEvent: FocusEvent;
+    }>) => void;
+    onInteractOutside?: (event: CustomEvent<{
+        originalEvent: PointerEvent;
+    }> | CustomEvent<{
+        originalEvent: FocusEvent;
+    }>) => void;
+    side?: "top" | "right" | "bottom" | "left";
+    sideOffset?: number;
+    align?: "start" | "center" | "end";
+    alignOffset?: number;
+    avoidCollisions?: boolean;
+    collisionBoundary?: Element | null | Array<Element | null>;
+    collisionPadding?: number | Partial<Record<"top" | "right" | "bottom" | "left", number>>;
+    sticky?: "partial" | "always";
+    hideWhenDetached?: boolean;
+} & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const MenuItem: React.ForwardRefExoticComponent<{
+    className?: string;
+    inset?: boolean;
+    asChild?: boolean;
+    disabled?: boolean;
+    onSelect?: (event: Event) => void;
+    textValue?: string;
+} & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const MenuCheckboxItem: React.ForwardRefExoticComponent<{
+    checked?: boolean | "indeterminate";
+    onCheckedChange?: (checked: boolean) => void;
+} & Omit<MenuItemProps, "onSelect"> & React.RefAttributes<HTMLDivElement>>;
+declare const MenuRadioItem: React.ForwardRefExoticComponent<{
+    value: string;
+} & Omit<MenuItemProps, "onSelect"> & React.RefAttributes<HTMLDivElement>>;
+declare const MenuLabel: React.ForwardRefExoticComponent<{
+    className?: string;
+    inset?: boolean;
+    asChild?: boolean;
+} & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const MenuSeparator: React.ForwardRefExoticComponent<{
+    className?: string;
+    asChild?: boolean;
+} & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Menu, MenuTrigger, MenuContent, MenuItem, MenuCheckboxItem, MenuRadioItem, MenuLabel, MenuSeparator, MenuGroup, MenuPortal, MenuSub, MenuSubContent, MenuSubTrigger, MenuRadioGroup, };
+//# sourceMappingURL=Menu.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Menu/Menu.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,qBAAqB,MAAM,+BAA+B,CAAC;AACvE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EACV,SAAS,EAET,gBAAgB,EAChB,aAAa,EAOb,cAAc,EACd,mBAAmB,EACpB,MAAM,SAAS,CAAC;AA4BjB,iBAAS,IAAI,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,2CAEpC;AAED,QAAA,MAAM,WAAW;;oJASf,CAAC;AAGH,iBAAS,SAAS,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,2CAE9C;AAED,iBAAS,UAAU,CAAC,EAClB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,qBAAqB,CAAC,MAAM,CAAC,2CAE3D;AAED,iBAAS,OAAO,CAAC,EACf,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,qBAAqB,CAAC,GAAG,CAAC,2CAExD;AAED,iBAAS,cAAc,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,2CAIxD;AAED,QAAA,MAAM,cAAc;;;;;;qIAalB,CAAC;AAGH,QAAA,MAAM,cAAc;;6MAUlB,CAAC;AAGH,QAAA,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;qIAcf,CAAC;AAGH,QAAA,MAAM,QAAQ;;;;;;;qIAUZ,CAAC;AAGH,QAAA,MAAM,gBAAgB;;;0EAkBpB,CAAC;AAGH,QAAA,MAAM,aAAa;;0EAiBjB,CAAC;AAGH,QAAA,MAAM,SAAS;;;;qIAUb,CAAC;AAGH,QAAA,MAAM,aAAa;;;qIAUjB,CAAC;AAGH,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/Menu/Menu.js

@@ -0,0 +1,162 @@
+import { jsx as t, jsxs as l } from "react/jsx-runtime";
+import { cn as n } from "../../../libs/utils-shared/dist/index.js";
+import * as a from "@radix-ui/react-dropdown-menu";
+import * as m from "react";
+import { Check as u } from "../../Symbols/Icons/Check.js";
+import { ChevronRight as p } from "../../Symbols/Icons/ChevronRight.js";
+const c = n(
+  "z-menu min-w-160 overflow-hidden rounded-sm bg-muted p-8",
+  "shadow-sm",
+  "data-[state=open]:animate-fade-in",
+  "data-[state=closed]:animate-fade-out"
+), d = n(
+  "relative flex cursor-default select-none items-center gap-12",
+  "h-44 rounded-sm px-8 outline-none",
+  "text-base body-2-semi-bold",
+  "transition-colors",
+  "focus:bg-base-transparent-hover",
+  "active:bg-base-transparent-pressed",
+  "data-[disabled]:pointer-events-none data-[disabled]:text-disabled"
+), b = n("px-8 py-4 text-muted body-3-semi-bold"), f = n("mx-8 my-4 h-1 border-b border-muted-subtle"), N = n(
+  d,
+  "data-[state=open]:bg-base-transparent-hover"
+);
+function j({ ...e }) {
+  return /* @__PURE__ */ t(a.Root, { "data-slot": "menu", ...e });
+}
+const y = m.forwardRef(({ ...e }, s) => /* @__PURE__ */ t(
+  a.Trigger,
+  {
+    ref: s,
+    "data-slot": "menu-trigger",
+    ...e
+  }
+));
+y.displayName = a.Trigger.displayName;
+function k({ ...e }) {
+  return /* @__PURE__ */ t(a.Group, { "data-slot": "menu-group", ...e });
+}
+function G({
+  ...e
+}) {
+  return /* @__PURE__ */ t(a.Portal, { ...e });
+}
+function P({
+  ...e
+}) {
+  return /* @__PURE__ */ t(a.Sub, { ...e });
+}
+function L({ ...e }) {
+  return /* @__PURE__ */ t(a.RadioGroup, { "data-slot": "menu-radio-group", ...e });
+}
+const g = m.forwardRef(({ className: e, inset: s, children: o, ...r }, i) => /* @__PURE__ */ l(
+  a.SubTrigger,
+  {
+    ref: i,
+    "data-slot": "menu-sub-trigger",
+    className: n(N, s && "pl-32", e),
+    ...r,
+    children: [
+      o,
+      /* @__PURE__ */ t(p, { size: 20, className: "ml-auto text-muted" })
+    ]
+  }
+));
+g.displayName = a.SubTrigger.displayName;
+const h = m.forwardRef(({ className: e, ...s }, o) => /* @__PURE__ */ t(
+  a.SubContent,
+  {
+    ref: o,
+    "data-slot": "menu-sub-content",
+    className: n(c, e),
+    ...s
+  }
+));
+h.displayName = a.SubContent.displayName;
+const x = m.forwardRef(({ className: e, sideOffset: s = 4, align: o = "start", ...r }, i) => /* @__PURE__ */ t(a.Portal, { children: /* @__PURE__ */ t(
+  a.Content,
+  {
+    ref: i,
+    "data-slot": "menu-content",
+    sideOffset: s,
+    className: n(c, e),
+    align: o,
+    ...r
+  }
+) }));
+x.displayName = a.Content.displayName;
+const R = m.forwardRef(({ className: e, inset: s, ...o }, r) => /* @__PURE__ */ t(
+  a.Item,
+  {
+    ref: r,
+    "data-slot": "menu-item",
+    className: n(d, s && "pl-32", e),
+    ...o
+  }
+));
+R.displayName = a.Item.displayName;
+const S = m.forwardRef(({ className: e, children: s, checked: o, ...r }, i) => /* @__PURE__ */ l(
+  a.CheckboxItem,
+  {
+    ref: i,
+    "data-slot": "menu-checkbox-item",
+    className: n(d, e),
+    checked: o,
+    ...r,
+    children: [
+      s,
+      /* @__PURE__ */ t("span", { className: "ml-auto flex size-24 items-center justify-center", children: /* @__PURE__ */ t(a.ItemIndicator, { children: /* @__PURE__ */ t(u, { size: 24, className: "text-active" }) }) })
+    ]
+  }
+));
+S.displayName = a.CheckboxItem.displayName;
+const M = m.forwardRef(({ className: e, children: s, ...o }, r) => /* @__PURE__ */ l(
+  a.RadioItem,
+  {
+    ref: r,
+    "data-slot": "menu-radio-item",
+    className: n(d, e),
+    ...o,
+    children: [
+      s,
+      /* @__PURE__ */ t("span", { className: "ml-auto flex size-24 items-center justify-center", children: /* @__PURE__ */ t(a.ItemIndicator, { children: /* @__PURE__ */ t(u, { size: 24, className: "text-active" }) }) })
+    ]
+  }
+));
+M.displayName = a.RadioItem.displayName;
+const w = m.forwardRef(({ className: e, inset: s, ...o }, r) => /* @__PURE__ */ t(
+  a.Label,
+  {
+    ref: r,
+    "data-slot": "menu-label",
+    className: n(b, s && "pl-32", e),
+    ...o
+  }
+));
+w.displayName = a.Label.displayName;
+const I = m.forwardRef(({ className: e, ...s }, o) => /* @__PURE__ */ t(
+  a.Separator,
+  {
+    ref: o,
+    "data-slot": "menu-separator",
+    className: n(f, e),
+    ...s
+  }
+));
+I.displayName = a.Separator.displayName;
+export {
+  j as Menu,
+  S as MenuCheckboxItem,
+  x as MenuContent,
+  k as MenuGroup,
+  R as MenuItem,
+  w as MenuLabel,
+  G as MenuPortal,
+  L as MenuRadioGroup,
+  M as MenuRadioItem,
+  I as MenuSeparator,
+  P as MenuSub,
+  h as MenuSubContent,
+  g as MenuSubTrigger,
+  y as MenuTrigger
+};

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

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

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

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