@adgytec/adgytec-web-ui-components 2.3.1 → 2.4.0

package/dist/components/List/ListAvatar/index.js

@@ -1,2 +1 @@
-import { t as e } from "../../../chunks/ListAvatar";
-export { e as ListAvatar };
+export { t as ListAvatar } from "../../../chunks/ListAvatar";

package/dist/components/List/ListBox/ListBox.d.ts

@@ -3,7 +3,7 @@ import { ListBoxProps } from './types';
  * Material Design 3 List container component.
  *
  * Coordinates vertical indexing of items, keyboard navigation, single/multiple selection,
- * and unified vertical alignment of leading media, text content, and trailing actions.
+ * unified vertical alignment of elements (`alignY`), and contextual selection indicator placement (`selectionIndicator`).
  *
  * @example
  * ```tsx
@@ -16,7 +16,7 @@ import { ListBoxProps } from './types';
  * } from "@adgytec/web-ui-components";
  * import { Mail } from "lucide-react";
  *
- * <ListBox selectionMode="single">
+ * <ListBox selectionMode="single" selectionIndicator="leading">
  *     <ListItem
  *         id="inbox"
  *         leading={<ListIcon icon={Mail} />}
@@ -26,4 +26,4 @@ import { ListBoxProps } from './types';
  * </ListBox>
  * ```
  */
-export declare const ListBox: <T extends object>({ alignY, className, ...props }: ListBoxProps<T>) => import('react').JSX.Element;
+export declare const ListBox: <T extends object>({ alignY, className, selectionIndicator, ...props }: ListBoxProps<T>) => import('react').JSX.Element;

package/dist/components/List/ListBox/index.js

@@ -1,2 +1 @@
-import { t as e } from "../../../chunks/ListBox";
-export { e as ListBox };
+export { t as ListBox } from "../../../chunks/ListBox";

package/dist/components/List/ListBox/types.d.ts

@@ -1,11 +1,12 @@
 import { ListBox } from 'react-aria-components';
+import { SelectionIndicator } from '../core';
 /**
  * Vertical alignment options for elements (leading media, text content, and trailing actions)
- * across list items in a [`ListBox`](file:///home/rohan/work/adgytec/adgytec-web-ui-components/src/components/List/ListBox/ListBox.tsx).
+ * across list items in a [`ListBox`](src/components/List/ListBox/ListBox.tsx).
  */
 export type ListAlignY = "start" | "center" | "end";
 /**
- * Props for the [`ListBox`](file:///home/rohan/work/adgytec/adgytec-web-ui-components/src/components/List/ListBox/ListBox.tsx) container component.
+ * Props for the [`ListBox`](src/components/List/ListBox/ListBox.tsx) container component.
  *
  * Extends all properties from React Aria's `ListBox`, including selection modes, keyboard navigation,
  * and collection props.
@@ -17,4 +18,15 @@ export interface ListBoxProps<T extends object> extends React.ComponentPropsWith
      * @default "center"
      */
     alignY?: ListAlignY;
+    /**
+     * Placement of the checkmark indicator when a list item is selected.
+     * Can be overridden per individual [`ListItem`](src/components/List/ListItem/ListItem.tsx).
+     *
+     * - `"leading"`: Replaces the leading element with a check icon when selected.
+     * - `"trailing"`: Replaces the trailing element with a check icon when selected.
+     * - `"none"`: Disables automatic checkmark icon replacement (default).
+     *
+     * @default "none"
+     */
+    selectionIndicator?: SelectionIndicator;
 }

package/dist/components/List/ListIcon/ListIcon.d.ts

@@ -1,11 +1,11 @@
 import { Icon } from '../../Icon';
 /**
- * Props for the [`ListIcon`](file:///home/rohan/work/adgytec/adgytec-web-ui-components/src/components/List/ListIcon/ListIcon.tsx) component.
+ * Props for the [`ListIcon`](src/components/List/ListIcon/ListIcon.tsx) component.
  */
 export interface ListIconProps extends Omit<React.ComponentPropsWithRef<typeof Icon>, "size" | "withText"> {
 }
 /**
- * Standardized leading icon component for a [`ListItem`](file:///home/rohan/work/adgytec/adgytec-web-ui-components/src/components/List/ListItem/ListItem.tsx).
+ * Standardized leading icon component for a [`ListItem`](src/components/List/ListItem/ListItem.tsx).
  *
  * Hardcodes a standard 20px dimension while dynamically inheriting the list item's
  * text and interaction state colors.

package/dist/components/List/ListIcon/index.js

@@ -1,2 +1 @@
-import { t as e } from "../../../chunks/ListIcon";
-export { e as ListIcon };
+export { t as ListIcon } from "../../../chunks/ListIcon";

package/dist/components/List/ListItem/ListItem.d.ts

@@ -4,7 +4,8 @@ import { ListItemProps } from './types';
  *
  * Supports structured slot composition (`leading`, `overline`, `label`, `supporting`, `trailing`),
  * dynamic corner radius morphing on hover/focus/selection, touch ripple splash feedback,
- * and automatic synchronization with nested selection controls (`Checkbox` or `Switch` with `slot="selection"`).
+ * contextual checkmark replacement on selection (`selectionIndicator`),
+ * and automatic synchronization with nested selection controls (`Checkbox` with `slot="selection"`).
  *
  * @example
  * ```tsx

package/dist/components/List/ListItem/index.js

@@ -1,2 +1 @@
-import { t as e } from "../../../chunks/ListItem";
-export { e as ListItem };
+export { t as ListItem } from "../../../chunks/ListItem";

package/dist/components/List/ListItem/types.d.ts

@@ -1,7 +1,8 @@
 import { ReactNode } from 'react';
 import { ListBoxItem } from 'react-aria-components';
+import { SelectionIndicator } from '../core';
 /**
- * Props for the [`ListItem`](file:///home/rohan/work/adgytec/adgytec-web-ui-components/src/components/List/ListItem/ListItem.tsx) component.
+ * Props for the [`ListItem`](src/components/List/ListItem/ListItem.tsx) component.
  *
  * Utilizes a structured slot-based API (`leading`, `overline`, `label`, `supporting`, `trailing`)
  * to lay out content following Material Design 3 List specifications.
@@ -12,19 +13,31 @@ export interface ListItemProps extends Omit<React.ComponentPropsWithRef<typeof L
      */
     leading?: ReactNode;
     /**
-     * Eyebrow or overline text rendered above the primary label, typically [`ListOverlineText`](file:///home/rohan/work/adgytec/adgytec-web-ui-components/src/components/List/ListOverlineText/ListOverlineText.tsx).
+     * Eyebrow or overline text rendered above the primary label, typically [`ListOverlineText`](src/components/List/ListOverlineText/ListOverlineText.tsx).
      */
     overline?: ReactNode;
     /**
-     * The primary label element of the list item, typically [`ListLabelText`](file:///home/rohan/work/adgytec/adgytec-web-ui-components/src/components/List/ListLabelText/ListLabelText.tsx).
+     * The primary label element of the list item, typically [`ListLabelText`](src/components/List/ListLabelText/ListLabelText.tsx).
      */
     label: ReactNode;
     /**
-     * Secondary descriptive text rendered beneath the label, typically [`ListSupportingText`](file:///home/rohan/work/adgytec/adgytec-web-ui-components/src/components/List/ListSupportingText/ListSupportingText.tsx).
+     * Secondary descriptive text rendered beneath the label, typically [`ListSupportingText`](src/components/List/ListSupportingText/ListSupportingText.tsx).
      */
     supporting?: ReactNode;
     /**
      * Array of elements rendered at the end of the list item (e.g. trailing metadata text, action buttons, or selection switches).
      */
     trailing?: ReactNode[];
+    /**
+     * Placement of the checkmark indicator when this item is selected.
+     * When set, replaces the corresponding `leading` or `trailing` element with a check icon when selected.
+     * If omitted, inherits from the parent [`ListBox`](src/components/List/ListBox/ListBox.tsx) `selectionIndicator`, defaulting to `"none"`.
+     *
+     * - `"leading"`: Replaces the `leading` element with a check icon when selected.
+     * - `"trailing"`: Replaces the `trailing` element with a check icon when selected.
+     * - `"none"`: Disables checkmark icon replacement.
+     *
+     * @default "none"
+     */
+    selectionIndicator?: SelectionIndicator;
 }

package/dist/components/List/ListLabelText/ListLabelText.d.ts

@@ -1,11 +1,11 @@
 import { Text } from 'react-aria-components';
 /**
- * Props for the [`ListLabelText`](file:///home/rohan/work/adgytec/adgytec-web-ui-components/src/components/List/ListLabelText/ListLabelText.tsx) component.
+ * Props for the [`ListLabelText`](src/components/List/ListLabelText/ListLabelText.tsx) component.
  */
 export interface ListLabelTextProps extends Omit<React.ComponentPropsWithRef<typeof Text>, "slot"> {
 }
 /**
- * Primary headline/label text component for a [`ListItem`](file:///home/rohan/work/adgytec/adgytec-web-ui-components/src/components/List/ListItem/ListItem.tsx).
+ * Primary headline/label text component for a [`ListItem`](src/components/List/ListItem/ListItem.tsx).
  *
  * Automatically binds to `slot="label"` with Material Design 3 `bodyLarge` typography.
  *

package/dist/components/List/ListLabelText/index.js

@@ -1,2 +1 @@
-import { t as e } from "../../../chunks/ListLabelText";
-export { e as ListLabelText };
+export { t as ListLabelText } from "../../../chunks/ListLabelText";

package/dist/components/List/ListMedia/ListMedia.d.ts

@@ -1,6 +1,6 @@
 import { ListMediaProps } from './types';
 /**
- * Styled media container for thumbnail images and video previews within a [`ListItem`](file:///home/rohan/work/adgytec/adgytec-web-ui-components/src/components/List/ListItem/ListItem.tsx).
+ * Styled media container for thumbnail images and video previews within a [`ListItem`](src/components/List/ListItem/ListItem.tsx).
  *
  * Automatically applies rounded corners and `object-fit: cover` to nested `<img>` or `<video>` elements.
  * Supports dimension presets: `"image"` (56×56), `"video"` (100×56), and `"large-video"` (114×64).

package/dist/components/List/ListMedia/index.js

@@ -1,2 +1 @@
-import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "../../../chunks/ListMedia";
-export { a as ListMedia, o as ListMediaImageHeight, n as ListMediaImageWidth, i as ListMediaLargeVideoHeight, t as ListMediaLargeVideoWidth, e as ListMediaVideoHeight, r as ListMediaVideoWidth };
+export { s as ListMedia, t as ListMediaImageHeight, n as ListMediaImageWidth, r as ListMediaLargeVideoHeight, i as ListMediaLargeVideoWidth, a as ListMediaVideoHeight, o as ListMediaVideoWidth } from "../../../chunks/ListMedia";

package/dist/components/List/ListMedia/types.d.ts

@@ -23,14 +23,14 @@ export declare const ListMediaLargeVideoWidth = 114;
  */
 export declare const ListMediaLargeVideoHeight = 64;
 /**
- * Preset dimension variants for the [`ListMedia`](file:///home/rohan/work/adgytec/adgytec-web-ui-components/src/components/List/ListMedia/ListMedia.tsx) container:
+ * Preset dimension variants for the [`ListMedia`](src/components/List/ListMedia/ListMedia.tsx) container:
  * - `"image"`: 56px × 56px square thumbnail.
  * - `"video"`: 100px × 56px 16:9 aspect video preview.
  * - `"large-video"`: 114px × 64px enlarged video preview.
  */
 export type ListMediaVariant = "image" | "video" | "large-video";
 /**
- * Props for the [`ListMedia`](file:///home/rohan/work/adgytec/adgytec-web-ui-components/src/components/List/ListMedia/ListMedia.tsx) container component.
+ * Props for the [`ListMedia`](src/components/List/ListMedia/ListMedia.tsx) container component.
  */
 export interface ListMediaProps extends React.ComponentPropsWithRef<"div"> {
     /**

package/dist/components/List/ListOverlineText/ListOverlineText.d.ts

@@ -1,11 +1,11 @@
 import { Text } from 'react-aria-components';
 /**
- * Props for the [`ListOverlineText`](file:///home/rohan/work/adgytec/adgytec-web-ui-components/src/components/List/ListOverlineText/ListOverlineText.tsx) component.
+ * Props for the [`ListOverlineText`](src/components/List/ListOverlineText/ListOverlineText.tsx) component.
  */
 export interface ListOverlineTextProps extends React.ComponentPropsWithRef<typeof Text> {
 }
 /**
- * Eyebrow or overline category text component displayed above the label in a [`ListItem`](file:///home/rohan/work/adgytec/adgytec-web-ui-components/src/components/List/ListItem/ListItem.tsx).
+ * Eyebrow or overline category text component displayed above the label in a [`ListItem`](src/components/List/ListItem/ListItem.tsx).
  *
  * Styled with Material Design 3 `labelSmall` typography.
  *

package/dist/components/List/ListOverlineText/index.js

@@ -1,2 +1 @@
-import { t as e } from "../../../chunks/ListOverlineText";
-export { e as ListOverlineText };
+export { t as ListOverlineText } from "../../../chunks/ListOverlineText";

package/dist/components/List/ListSupportingText/ListSupportingText.d.ts

@@ -1,11 +1,11 @@
 import { Text } from 'react-aria-components';
 /**
- * Props for the [`ListSupportingText`](file:///home/rohan/work/adgytec/adgytec-web-ui-components/src/components/List/ListSupportingText/ListSupportingText.tsx) component.
+ * Props for the [`ListSupportingText`](src/components/List/ListSupportingText/ListSupportingText.tsx) component.
  */
 export interface ListSupportingTextProps extends Omit<React.ComponentPropsWithRef<typeof Text>, "slot"> {
 }
 /**
- * Secondary descriptive text component placed beneath the label in a [`ListItem`](file:///home/rohan/work/adgytec/adgytec-web-ui-components/src/components/List/ListItem/ListItem.tsx).
+ * Secondary descriptive text component placed beneath the label in a [`ListItem`](src/components/List/ListItem/ListItem.tsx).
  *
  * Automatically binds to `slot="description"` with Material Design 3 `bodyMedium` typography.
  *

package/dist/components/List/ListSupportingText/index.js

@@ -1,2 +1 @@
-import { t as e } from "../../../chunks/ListSupportingText";
-export { e as ListSupportingText };
+export { t as ListSupportingText } from "../../../chunks/ListSupportingText";

package/dist/components/List/ListTrailingText/ListTrailingText.d.ts

@@ -1,11 +1,11 @@
 import { Text } from 'react-aria-components';
 /**
- * Props for the [`ListTrailingText`](file:///home/rohan/work/adgytec/adgytec-web-ui-components/src/components/List/ListTrailingText/ListTrailingText.tsx) component.
+ * Props for the [`ListTrailingText`](src/components/List/ListTrailingText/ListTrailingText.tsx) component.
  */
 export interface ListTrailingTextProps extends React.ComponentPropsWithRef<typeof Text> {
 }
 /**
- * Trailing metadata or timestamp text component placed at the end of a [`ListItem`](file:///home/rohan/work/adgytec/adgytec-web-ui-components/src/components/List/ListItem/ListItem.tsx).
+ * Trailing metadata or timestamp text component placed at the end of a [`ListItem`](src/components/List/ListItem/ListItem.tsx).
  *
  * Styled with Material Design 3 `labelSmall` typography.
  *

package/dist/components/List/ListTrailingText/index.js

@@ -1,2 +1 @@
-import { t as e } from "../../../chunks/ListTrailingText";
-export { e as ListTrailingText };
+export { t as ListTrailingText } from "../../../chunks/ListTrailingText";

package/dist/components/List/core/context.d.ts

@@ -0,0 +1,18 @@
+import { SelectionIndicator } from './selectionIndicator';
+/**
+ * Configuration context value passed down from [`ListBox`](src/components/List/ListBox/ListBox.tsx) to child items.
+ */
+export type ListBoxConfigContextValue = {
+    /**
+     * Placement of the selection check indicator across list items.
+     */
+    selectionIndicator?: SelectionIndicator;
+};
+/**
+ * Context that propagates [`ListBox`](src/components/List/ListBox/ListBox.tsx) configuration options to nested list items.
+ */
+export declare const ListBoxConfigContext: import('react').Context<ListBoxConfigContextValue>;
+/**
+ * Hook to access [`ListBox`](src/components/List/ListBox/ListBox.tsx) configuration within a [`ListItem`](src/components/List/ListItem/ListItem.tsx).
+ */
+export declare function useListBoxConfig(): ListBoxConfigContextValue;

package/dist/components/List/core/index.d.ts

@@ -0,0 +1,2 @@
+export * from './context';
+export * from './selectionIndicator';

package/dist/components/List/core/index.js

@@ -0,0 +1,9 @@
+import { createContext as e, useContext as t } from "react";
+// src/components/List/core/context.ts
+var n = e({});
+function r() {
+	return t(n);
+}
+export { n as ListBoxConfigContext, r as useListBoxConfig };
+
+//# sourceMappingURL=index.js.map

package/dist/components/List/core/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["ListBoxConfigContext","createContext","useListBoxConfig","useContext"],"sources":["../../../../src/components/List/core/context.ts"],"sourcesContent":["import { createContext, useContext } from \"react\";\nimport type { SelectionIndicator } from \"./selectionIndicator\";\n\n/**\n * Configuration context value passed down from [`ListBox`](src/components/List/ListBox/ListBox.tsx) to child items.\n */\nexport type ListBoxConfigContextValue = {\n    /**\n     * Placement of the selection check indicator across list items.\n     */\n    selectionIndicator?: SelectionIndicator;\n};\n\n/**\n * Context that propagates [`ListBox`](src/components/List/ListBox/ListBox.tsx) configuration options to nested list items.\n */\nexport const ListBoxConfigContext = createContext<ListBoxConfigContextValue>(\n    {}\n);\n\n/**\n * Hook to access [`ListBox`](src/components/List/ListBox/ListBox.tsx) configuration within a [`ListItem`](src/components/List/ListItem/ListItem.tsx).\n */\nexport function useListBoxConfig() {\n    return useContext(ListBoxConfigContext);\n}\n"],"mappings":";;AAgBA,IAAaA,IAAuBC,EAChC,CAAC,CACL;AAKA,SAAOC,IAAA;CAAA,OACIC,EAAWH,CAAoB;AAAC"}

package/dist/components/List/core/selectionIndicator.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Position where the selection check indicator is displayed when a list item is selected.
+ *
+ * - `"leading"`: Replaces the item's leading element with a check icon when selected.
+ * - `"trailing"`: Replaces the item's trailing element with a check icon when selected.
+ * - `"none"`: No automatic check icon replacement (default).
+ */
+export type SelectionIndicator = "leading" | "trailing" | "none";

package/dist/components/List/index.d.ts

@@ -1,3 +1,4 @@
+export * from './core';
 export * from './ListAction';
 export * from './ListAvatar';
 export * from './ListBox';

package/dist/components/List/index.js

@@ -1,11 +1,12 @@
-import { t as e } from "../../chunks/ListAction";
-import { t } from "../../chunks/ListAvatar";
-import { t as n } from "../../chunks/ListBox";
-import { t as r } from "../../chunks/ListIcon";
-import { t as i } from "../../chunks/ListItem";
-import { t as a } from "../../chunks/ListLabelText";
-import { a as o, i as s, n as c, o as l, r as u, s as d, t as f } from "../../chunks/ListMedia";
-import { t as p } from "../../chunks/ListOverlineText";
-import { t as m } from "../../chunks/ListSupportingText";
-import { t as h } from "../../chunks/ListTrailingText";
-export { e as ListAction, t as ListAvatar, n as ListBox, r as ListIcon, i as ListItem, a as ListLabelText, d as ListMedia, f as ListMediaImageHeight, c as ListMediaImageWidth, u as ListMediaLargeVideoHeight, s as ListMediaLargeVideoWidth, o as ListMediaVideoHeight, l as ListMediaVideoWidth, p as ListOverlineText, m as ListSupportingText, h as ListTrailingText };
+import { ListBoxConfigContext as e, useListBoxConfig as t } from "./core/index.js";
+import { t as n } from "../../chunks/ListAction";
+import { t as r } from "../../chunks/ListAvatar";
+import { t as i } from "../../chunks/ListBox";
+import { t as a } from "../../chunks/ListIcon";
+import { t as o } from "../../chunks/ListItem";
+import { t as s } from "../../chunks/ListLabelText";
+import { a as c, i as l, n as u, o as d, r as f, s as p, t as m } from "../../chunks/ListMedia";
+import { t as h } from "../../chunks/ListOverlineText";
+import { t as g } from "../../chunks/ListSupportingText";
+import { t as _ } from "../../chunks/ListTrailingText";
+export { n as ListAction, r as ListAvatar, i as ListBox, e as ListBoxConfigContext, a as ListIcon, o as ListItem, s as ListLabelText, p as ListMedia, m as ListMediaImageHeight, u as ListMediaImageWidth, f as ListMediaLargeVideoHeight, l as ListMediaLargeVideoWidth, c as ListMediaVideoHeight, d as ListMediaVideoWidth, h as ListOverlineText, g as ListSupportingText, _ as ListTrailingText, t as useListBoxConfig };

package/dist/components/Loader/Loader.d.ts

@@ -1,8 +1,8 @@
 import { Icon } from '../Icon';
 /**
- * Props for the [`Loader`](file:///home/rohan/work/adgytec/adgytec-web-ui-components/src/components/Loader/Loader.tsx) component.
+ * Props for the [`Loader`](src/components/Loader/Loader.tsx) component.
  *
- * Extends all properties from [`Icon`](file:///home/rohan/work/adgytec/adgytec-web-ui-components/src/components/Icon/Icon.tsx)
+ * Extends all properties from [`Icon`](src/components/Icon/Icon.tsx)
  * while omitting `icon` (which is fixed to `LoaderCircle`) and internal `className`.
  */
 export interface LoaderProps extends Omit<React.ComponentPropsWithRef<typeof Icon>, "icon" | "className"> {

package/dist/components/Loader/index.js

@@ -1,2 +1 @@
-import { t as e } from "../../chunks/Loader";
-export { e as Loader };
+export { t as Loader } from "../../chunks/Loader";

package/dist/components/Menu/Menu/index.js

@@ -5,7 +5,7 @@ import s from "clsx";
 import { useContext as c } from "react";
 import { jsx as l } from "react/jsx-runtime";
 import { Menu as u } from "react-aria-components";
-//#region src/components/Menu/Menu/Menu.tsx
+// src/components/Menu/Menu/Menu.tsx
 var d = e(), f = (e) => {
 	let f = (0, d.c)(13), p, m, h, g;
 	f[0] === e ? (p = f[1], m = f[2], h = f[3], g = f[4]) : ({color: m, layout: h, className: p, ...g} = e, f[0] = e, f[1] = p, f[2] = m, f[3] = h, f[4] = g);
@@ -19,7 +19,6 @@ var d = e(), f = (e) => {
 		"data-menu": !0
 	}), f[9] = h, f[10] = g, f[11] = x, f[12] = S) : S = f[12], S;
 };
-//#endregion
 export { f as Menu };
 
 //# sourceMappingURL=index.js.map

package/dist/components/Menu/Menu/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["layout","_c","clsx","AriaMenu","require_compiler_runtime","menuColorConfig","menuLayoutConfig","MenuStyles","MenuBaseLayout","menuBaseColor","clsx$1","Menu$1","import_compiler_runtime","Menu","$","className","color","layout","props","t0","configColor","configLayout","useContext","MenuConfigContext","menuColor","menuLayout","t1","renderProps","t2"],"sources":["../../../../src/components/Menu/Menu/Menu.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { useContext } from \"react\";\nimport { Menu as AriaMenu } from \"react-aria-components\";\nimport { MenuConfigContext } from \"../context\";\nimport {\n    MenuBaseLayout,\n    MenuStyles,\n    menuBaseColor,\n    menuColorConfig,\n    menuLayoutConfig,\n} from \"../core\";\nimport type { MenuProps } from \"./types\";\n\n/**\n * Material Design 3 Menu component.\n *\n * Displays a list of choices on a temporary surface when users interact with a button,\n * action, or other control. Supports single/multiple selection, submenus, keyboard navigation,\n * and customizable color schemes and layout densities.\n *\n * @example\n * ```tsx\n * import {\n *     MenuTrigger,\n *     MenuPopover,\n *     Menu,\n *     MenuItem,\n *     Button,\n * } from \"@adgytec/web-ui-components\";\n * import { Settings, User, LogOut } from \"lucide-react\";\n *\n * <MenuTrigger>\n *     <Button label=\"Actions\" />\n *     <MenuPopover>\n *         <Menu onAction={(key) => console.log(key)}>\n *             <MenuItem id=\"profile\" label=\"Profile\" leadingIcon={User} />\n *             <MenuItem id=\"settings\" label=\"Settings\" leadingIcon={Settings} />\n *             <MenuItem id=\"logout\" label=\"Logout\" leadingIcon={LogOut} />\n *         </Menu>\n *     </MenuPopover>\n * </MenuTrigger>\n * ```\n */\nexport const Menu = <T extends object>({\n    color,\n    layout,\n    className,\n    ...props\n}: MenuProps<T>) => {\n    const { color: configColor, layout: configLayout } =\n        useContext(MenuConfigContext);\n    const menuColor = color ?? configColor ?? \"standard\";\n    const menuLayout = layout ?? configLayout ?? \"standard\";\n\n    return (\n        <AriaMenu\n            className={(renderProps) =>\n                clsx(\n                    menuColorConfig(menuColor),\n                    menuBaseColor,\n                    MenuBaseLayout,\n                    menuLayoutConfig(menuLayout),\n                    MenuStyles,\n                    typeof className === \"function\"\n                        ? className(renderProps)\n                        : className\n                )\n            }\n            {...props}\n            data-layout={layout}\n            data-menu\n        />\n    );\n};\n"],"mappings":";;;;;;;;aA2Caa,KAAO,MAAA;CAAA,IAAAC,KAAA,GAAAb,EAAAA,EAAAA,CAAA,EAAA,GAAAc,GAAAC,GAAAC,GAAAC;CAAA,AAAAJ,EAAA,OAAAK,KAKL,IAAAL,EAAA,IAAA,IAAAA,EAAA,IAAA,IAAAA,EAAA,IAAA,IAAAA,EAAA,OALwB,oCAAA,GAAAI,KAAAC,GAKxB,EAAA,KAAAA,GAAA,EAAA,KAAAJ,GAAA,EAAA,KAAAC,GAAA,EAAA,KAAAC,GAAA,EAAA,KAAAC;CACX,IAAA,EAAA,OAAAE,GAAA,QAAAC,MACIC,EAAWC,CAAiB,GAChCC,IAAkBR,KAAAI,KAAA,YAClBK,IAAmBR,KAAAI,KAAA,YAAqCK;CAAA,AAAAZ,EAAA,OAAAC,KAAAD,EAAA,OAAAU,KAAAV,EAAA,OAAAW,KAIrC,KAAA,MACPvB,EACIG,EAAgBmB,CAAS,GACzBf,GACAD,GACAF,EAAiBmB,CAAU,GAC3BlB,GACA,OAAOQ,KAAc,aACfA,EAAUY,CACF,IAFdZ,CAGJ,GAAC,EAAA,KAAAA,GAAA,EAAA,KAAAS,GAAA,EAAA,KAAAC,GAAA,EAAA,KAAAC,KAAA,IAAAZ,EAAA;CAAA,IAAAc;CAKP,OALOd,EAAA,OAAAG,KAAAH,EAAA,QAAAI,KAAAJ,EAAA,QAAAY,KAXT,IAAA,kBAACvB,GAAD;EACe,WAAAuB;EAUN,GAEDR;EACSlB,eAAAiB;EACb,aAAA;CAAS,CAAA,GACX,EAAA,KAAAA,GAAA,EAAA,MAAAC,GAAA,EAAA,MAAAQ,GAAA,EAAA,MAAAE,KAAA,IAAAd,EAAA,KAhBFc;AAgBE"}
+{"version":3,"file":"index.js","names":["layout","_c","clsx","AriaMenu","require_compiler_runtime","menuColorConfig","menuLayoutConfig","MenuStyles","MenuBaseLayout","menuBaseColor","clsx$1","Menu$1","import_compiler_runtime","Menu","$","className","color","layout","props","t0","configColor","configLayout","useContext","MenuConfigContext","menuColor","menuLayout","t1","renderProps","t2"],"sources":["../../../../src/components/Menu/Menu/Menu.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { useContext } from \"react\";\nimport { Menu as AriaMenu } from \"react-aria-components\";\nimport { MenuConfigContext } from \"../context\";\nimport {\n    MenuBaseLayout,\n    MenuStyles,\n    menuBaseColor,\n    menuColorConfig,\n    menuLayoutConfig,\n} from \"../core\";\nimport type { MenuProps } from \"./types\";\n\n/**\n * Material Design 3 Menu component.\n *\n * Displays a list of choices on a temporary surface when users interact with a button,\n * action, or other control. Supports single/multiple selection, submenus, keyboard navigation,\n * and customizable color schemes and layout densities.\n *\n * @example\n * ```tsx\n * import {\n *     MenuTrigger,\n *     MenuPopover,\n *     Menu,\n *     MenuItem,\n *     Button,\n * } from \"@adgytec/web-ui-components\";\n * import { Settings, User, LogOut } from \"lucide-react\";\n *\n * <MenuTrigger>\n *     <Button label=\"Actions\" />\n *     <MenuPopover>\n *         <Menu onAction={(key) => console.log(key)}>\n *             <MenuItem id=\"profile\" label=\"Profile\" leadingIcon={User} />\n *             <MenuItem id=\"settings\" label=\"Settings\" leadingIcon={Settings} />\n *             <MenuItem id=\"logout\" label=\"Logout\" leadingIcon={LogOut} />\n *         </Menu>\n *     </MenuPopover>\n * </MenuTrigger>\n * ```\n */\nexport const Menu = <T extends object>({\n    color,\n    layout,\n    className,\n    ...props\n}: MenuProps<T>) => {\n    const { color: configColor, layout: configLayout } =\n        useContext(MenuConfigContext);\n    const menuColor = color ?? configColor ?? \"standard\";\n    const menuLayout = layout ?? configLayout ?? \"standard\";\n\n    return (\n        <AriaMenu\n            className={(renderProps) =>\n                clsx(\n                    menuColorConfig(menuColor),\n                    menuBaseColor,\n                    MenuBaseLayout,\n                    menuLayoutConfig(menuLayout),\n                    MenuStyles,\n                    typeof className === \"function\"\n                        ? className(renderProps)\n                        : className\n                )\n            }\n            {...props}\n            data-layout={layout}\n            data-menu\n        />\n    );\n};\n"],"mappings":";;;;;;;;A,aA2Caa,KAAO,MAAA;CAAA,IAAAC,KAAA,GAAAb,EAAAA,EAAAA,CAAA,EAAA,GAAAc,GAAAC,GAAAC,GAAAC;CAAA,AAAAJ,EAAA,OAAAK,KAKL,IAAAL,EAAA,IAAA,IAAAA,EAAA,IAAA,IAAAA,EAAA,IAAA,IAAAA,EAAA,OALwB,oCAAA,GAAAI,KAAAC,GAKxB,EAAA,KAAAA,GAAA,EAAA,KAAAJ,GAAA,EAAA,KAAAC,GAAA,EAAA,KAAAC,GAAA,EAAA,KAAAC;CACX,IAAA,EAAA,OAAAE,GAAA,QAAAC,MACIC,EAAWC,CAAiB,GAChCC,IAAkBR,KAAAI,KAAA,YAClBK,IAAmBR,KAAAI,KAAA,YAAqCK;CAAA,AAAAZ,EAAA,OAAAC,KAAAD,EAAA,OAAAU,KAAAV,EAAA,OAAAW,KAIrC,KAAA,MACPvB,EACIG,EAAgBmB,CAAS,GACzBf,GACAD,GACAF,EAAiBmB,CAAU,GAC3BlB,GACA,OAAOQ,KAAc,aACfA,EAAUY,CACF,IAFdZ,CAGJ,GAAC,EAAA,KAAAA,GAAA,EAAA,KAAAS,GAAA,EAAA,KAAAC,GAAA,EAAA,KAAAC,KAAA,IAAAZ,EAAA;CAAA,IAAAc;CAKP,OALOd,EAAA,OAAAG,KAAAH,EAAA,QAAAI,KAAAJ,EAAA,QAAAY,KAXT,IAAA,kBAACvB,GAAD;EACe,WAAAuB;EAUN,GAEDR;EACSlB,eAAAiB;EACb,aAAA;CAAS,CAAA,GACX,EAAA,KAAAA,GAAA,EAAA,MAAAC,GAAA,EAAA,MAAAQ,GAAA,EAAA,MAAAE,KAAA,IAAAd,EAAA,KAhBFc;AAgBE"}

package/dist/components/Menu/Menu/types.d.ts

@@ -1,7 +1,7 @@
 import { Menu } from 'react-aria-components';
 import { MenuColor, MenuLayout } from '../core';
 /**
- * Props for the [`Menu`](file:///home/rohan/work/adgytec/adgytec-web-ui-components/src/components/Menu/Menu/Menu.tsx) component.
+ * Props for the [`Menu`](src/components/Menu/Menu/Menu.tsx) component.
  *
  * Extends all properties from React Aria's `Menu`, including selection management, keyboard navigation,
  * and collection props.
@@ -9,14 +9,14 @@ import { MenuColor, MenuLayout } from '../core';
 export interface MenuProps<T extends object> extends React.ComponentPropsWithRef<typeof Menu<T>> {
     /**
      * Color scheme for the menu surface and its child items.
-     * Overrides any configuration set by the parent [`MenuTrigger`](file:///home/rohan/work/adgytec/adgytec-web-ui-components/src/components/Menu/MenuTrigger/MenuTrigger.tsx).
+     * Overrides any configuration set by the parent [`MenuTrigger`](src/components/Menu/MenuTrigger/MenuTrigger.tsx).
      *
      * @default "standard"
      */
     color?: MenuColor;
     /**
      * Layout density for the menu items.
-     * Overrides any configuration set by the parent [`MenuTrigger`](file:///home/rohan/work/adgytec/adgytec-web-ui-components/src/components/Menu/MenuTrigger/MenuTrigger.tsx).
+     * Overrides any configuration set by the parent [`MenuTrigger`](src/components/Menu/MenuTrigger/MenuTrigger.tsx).
      *
      * @default "standard"
      */

package/dist/components/Menu/MenuItem/MenuItem.d.ts

@@ -3,8 +3,8 @@ import { MenuItemProps } from './types';
  * Material Design 3 interactive menu item component.
  *
  * Supports leading icons, selection checkmarks, multi-line supporting descriptions,
- * trailing shortcuts ([`MenuShortcut`](file:///home/rohan/work/adgytec/adgytec-web-ui-components/src/components/Menu/MenuShortcut/MenuShortcut.tsx)),
- * trailing metadata ([`MenuTrailingText`](file:///home/rohan/work/adgytec/adgytec-web-ui-components/src/components/Menu/MenuTrailingText/MenuTrailingText.tsx)),
+ * trailing shortcuts ([`MenuShortcut`](src/components/Menu/MenuShortcut/MenuShortcut.tsx)),
+ * trailing metadata ([`MenuTrailingText`](src/components/Menu/MenuTrailingText/MenuTrailingText.tsx)),
  * submenu disclosure chevrons, and touch ripple splash animations.
  *
  * @example

package/dist/components/Menu/MenuItem/index.js

@@ -7,7 +7,7 @@ import u from "clsx";
 import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
 import { MenuItem as m } from "react-aria-components";
 import { Check as h, ChevronRight as g } from "lucide-react";
-//#region src/components/Menu/MenuItem/MenuItem.tsx
+// src/components/Menu/MenuItem/MenuItem.tsx
 var _ = e(), v = (e) => {
 	let v = (0, _.c)(24), y, b, x, S, C, w, T, E;
 	v[0] === e ? (y = v[1], b = v[2], x = v[3], S = v[4], C = v[5], w = v[6], T = v[7], E = v[8]) : ({leadingIcon: x, label: b, supportingText: w, trailingText: E, trailingIcon: T, className: y, onPress: S, ...C} = e, v[0] = e, v[1] = y, v[2] = b, v[3] = x, v[4] = S, v[5] = C, v[6] = w, v[7] = T, v[8] = E);
@@ -57,7 +57,6 @@ var _ = e(), v = (e) => {
 		children: j
 	}), v[18] = O, v[19] = C, v[20] = k, v[21] = A, v[22] = j, v[23] = M) : M = v[23], M;
 };
-//#endregion
 export { v as MenuItem };
 
 //# sourceMappingURL=index.js.map

package/dist/components/Menu/MenuItem/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Check","MenuItemIconSize","leadingIcon","label","supportingText","ChevronRight","trailingIcon","handlePress","_c","clsx","_Fragment","AriaMenuItem","require_compiler_runtime","Icon","Splash","useSplash","menuItemBaseColor","MenuItemStyles","menuItemLabelColor","MenuItemTrailingStyles","MenuItemLeadingStyles","clsx$1","MenuItem$1","import_compiler_runtime","MenuItem","$","className","label","leadingIcon","onPress","props","supportingText","trailingIcon","trailingText","t0","t1","renderProps","t2","t3","splashInfo","t4","Fragment","isSelected","Check","typography","hasSubmenu","ChevronRight","handlePress"],"sources":["../../../../src/components/Menu/MenuItem/MenuItem.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { Check, ChevronRight } from \"lucide-react\";\nimport { MenuItem as AriaMenuItem } from \"react-aria-components\";\nimport { Icon } from \"@/components/Icon\";\nimport { Splash } from \"@/components/Splash/Splash\";\nimport { useSplash } from \"@/components/Splash/useSplash\";\nimport { typography } from \"@/utils/typography\";\nimport {\n    MenuItemIconSize,\n    MenuItemLeadingStyles,\n    MenuItemStyles,\n    MenuItemTrailingStyles,\n    menuItemBaseColor,\n    menuItemLabelColor,\n} from \"../core\";\nimport type { MenuItemProps } from \"./types\";\n\n/**\n * Material Design 3 interactive menu item component.\n *\n * Supports leading icons, selection checkmarks, multi-line supporting descriptions,\n * trailing shortcuts ([`MenuShortcut`](file:///home/rohan/work/adgytec/adgytec-web-ui-components/src/components/Menu/MenuShortcut/MenuShortcut.tsx)),\n * trailing metadata ([`MenuTrailingText`](file:///home/rohan/work/adgytec/adgytec-web-ui-components/src/components/Menu/MenuTrailingText/MenuTrailingText.tsx)),\n * submenu disclosure chevrons, and touch ripple splash animations.\n *\n * @example\n * ```tsx\n * import { MenuItem, MenuShortcut } from \"@adgytec/web-ui-components\";\n * import { Copy } from \"lucide-react\";\n *\n * <MenuItem\n *     id=\"copy\"\n *     label=\"Copy\"\n *     leadingIcon={Copy}\n *     trailingText={<MenuShortcut>⌘C</MenuShortcut>}\n *     onAction={() => handleCopy()}\n * />\n * ```\n */\nexport const MenuItem: React.FC<MenuItemProps> = ({\n    leadingIcon,\n    label,\n    supportingText,\n    trailingText,\n    trailingIcon,\n    className,\n    onPress,\n    ...props\n}) => {\n    const { splashInfo, handlePress } = useSplash(onPress);\n\n    return (\n        <AriaMenuItem\n            className={(renderProps) =>\n                clsx(\n                    menuItemBaseColor,\n                    MenuItemStyles,\n                    typeof className === \"function\"\n                        ? className(renderProps)\n                        : className\n                )\n            }\n            onPress={handlePress}\n            {...props}\n            data-multi-line={supportingText ? true : undefined}\n        >\n            {({ hasSubmenu, isSelected }) => {\n                return (\n                    <>\n                        {splashInfo && <Splash {...splashInfo} />}\n\n                        {/* leading comps */}\n                        <div className={clsx(MenuItemLeadingStyles)}>\n                            {isSelected ? (\n                                <Icon icon={Check} size={MenuItemIconSize} />\n                            ) : (\n                                leadingIcon && (\n                                    <Icon\n                                        icon={leadingIcon}\n                                        size={MenuItemIconSize}\n                                    />\n                                )\n                            )}\n\n                            <div>\n                                <p\n                                    slot=\"label\"\n                                    className={clsx(\n                                        typography.labelLarge,\n                                        menuItemLabelColor\n                                    )}\n                                >\n                                    {label}\n                                </p>\n\n                                {supportingText && (\n                                    <p\n                                        slot=\"description\"\n                                        className={clsx(typography.bodySmall)}\n                                    >\n                                        {supportingText}\n                                    </p>\n                                )}\n                            </div>\n                        </div>\n\n                        {/* trailing comps */}\n                        <div className={clsx(MenuItemTrailingStyles)}>\n                            {trailingText && trailingText}\n\n                            {hasSubmenu ? (\n                                <Icon\n                                    icon={ChevronRight}\n                                    size={MenuItemIconSize}\n                                />\n                            ) : (\n                                trailingIcon && (\n                                    <Icon\n                                        icon={trailingIcon}\n                                        size={MenuItemIconSize}\n                                    />\n                                )\n                            )}\n                        </div>\n                    </>\n                );\n            }}\n        </AriaMenuItem>\n    );\n};\n"],"mappings":";;;;;;;;;;aAuCawB,KAAoC,MAAA;CAAA,IAAAC,KAAA,GAAAjB,EAAAA,EAAAA,CAAA,EAAA,GAAAkB,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC;CAAA,AAAAR,EAAA,OAAAS,KAShD,IAAAT,EAAA,IAAA,IAAAA,EAAA,IAAA,IAAAA,EAAA,IAAA,IAAAA,EAAA,IAAA,IAAAA,EAAA,IAAA,IAAAA,EAAA,IAAA,IAAAA,EAAA,IAAA,IAAAA,EAAA,OATiD,0GAAA,GAAAK,KAAAI,GASjD,EAAA,KAAAA,GAAA,EAAA,KAAAR,GAAA,EAAA,KAAAC,GAAA,EAAA,KAAAC,GAAA,EAAA,KAAAC,GAAA,EAAA,KAAAC,GAAA,EAAA,KAAAC,GAAA,EAAA,KAAAC,GAAA,EAAA,KAAAC;CACG,IAAA,EAAA,eAAA,mBAAoClB,EAAUc,CAAO,GAAEM;CAAA,AAAAV,EAAA,OAAAC,IAW1C,IAAAD,EAAA,OAPM,KAAA,MACPhB,EACIO,GACAC,GACA,OAAOS,KAAc,aACfA,EAAUU,CACF,IAFdV,CAGJ,GAAC,EAAA,KAAAA,GAAA,EAAA,MAAAS;CAIY,IAAAE,IAAAN,IAAA,KAAA,KAAA,GAAiCO;CAAA,AAAAb,EAAA,QAAAE,KAAAF,EAAA,QAAAG,KAAAH,EAAA,QAAAc,KAAAd,EAAA,QAAAM,KAAAN,EAAA,QAAAO,KAAAP,EAAA,QAAAQ,KAEjD,KAAA,MAAA;EAAC,IAAA,EAAA,eAAA,kBAAAO;EAA0B,OAEpB,kBAAA9B,GAAA,EAAA,UAAA;GACK6B,KAAc,kBAACzB,GAAD,EAAO,GAAKyB,EAAU,CAAA;GAGrC,kBAAA,OAAA;IAAgB,WAAA9B,EAAKW,CAAqB;IAA1C,UAAA,CACKsB,IACG,kBAAC7B,GAAD;KAAYb,MAAA2C;KAAa1C,MAAAA;IAAgB,CAAA,IAEzC2B,KACI,kBAACf,GAAD;KACUX,MAAA0B;KACA3B,MAAAA;IAAgB,CAAA,GAKlC,kBAAA,OAAA,EAAA,UAAA,CACI,kBAAA,KAAA;KACS,MAAA;KACM,WAAAQ,EACPmC,EAAU,YACV1B,CACJ;KAEC,UAAAS;IACD,CAAA,GAEHI,KACG,kBAAA,KAAA;KACS,MAAA;KACM,WAAAtB,EAAKmC,EAAU,SAAU;KAEnC,UAAAb;IACD,CAAA,CAEN,EAAA,CAAA,CACJ;;GAGN,kBAAA,OAAA;IAAgB,WAAAtB,EAAKU,CAAsB;IAA3C,UAAA,CACKc,KAAAA,GAEAY,IACG,kBAAChC,GAAD;KACUR,MAAAyC;KACA7C,MAAAA;IAAgB,CAAA,IAG1B+B,KACI,kBAACnB,GAAD;KACUP,MAAA0B;KACA/B,MAAAA;IAAgB,CAAA,CAIhC;;EAAA,EAAA,CAAA;CACP,GAEV,EAAA,MAAA0B,GAAA,EAAA,MAAAC,GAAA,EAAA,MAAAW,GAAA,EAAA,MAAAR,GAAA,EAAA,MAAAC,GAAA,EAAA,MAAAC,GAAA,EAAA,MAAAK,KAAA,IAAAb,EAAA;CAAA,IAAAe;CACU,OADVf,EAAA,QAAAsB,KAAAtB,EAAA,QAAAK,KAAAL,EAAA,QAAAU,KAAAV,EAAA,QAAAY,KAAAZ,EAAA,QAAAa,KA1EL,IAAA,kBAAC3B,GAAD;EACe,WAAAwB;EASF5B,SAAAwC;EAAW,GAChBjB;EACa,mBAAAO;EAEhB,UAAAC;CAdQ,CAAA,GA2EE,EAAA,MAAAS,GAAA,EAAA,MAAAjB,GAAA,EAAA,MAAAK,GAAA,EAAA,MAAAE,GAAA,EAAA,MAAAC,GAAA,EAAA,MAAAE,KAAA,IAAAf,EAAA,KA3Efe;AA2Ee"}
+{"version":3,"file":"index.js","names":["Check","MenuItemIconSize","leadingIcon","label","supportingText","ChevronRight","trailingIcon","handlePress","_c","clsx","_Fragment","AriaMenuItem","require_compiler_runtime","Icon","Splash","useSplash","menuItemBaseColor","MenuItemStyles","menuItemLabelColor","MenuItemTrailingStyles","MenuItemLeadingStyles","clsx$1","MenuItem$1","import_compiler_runtime","MenuItem","$","className","label","leadingIcon","onPress","props","supportingText","trailingIcon","trailingText","t0","t1","renderProps","t2","t3","splashInfo","t4","Fragment","isSelected","Check","typography","hasSubmenu","ChevronRight","handlePress"],"sources":["../../../../src/components/Menu/MenuItem/MenuItem.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { Check, ChevronRight } from \"lucide-react\";\nimport { MenuItem as AriaMenuItem } from \"react-aria-components\";\nimport { Icon } from \"@/components/Icon\";\nimport { Splash } from \"@/components/Splash/Splash\";\nimport { useSplash } from \"@/components/Splash/useSplash\";\nimport { typography } from \"@/utils/typography\";\nimport {\n    MenuItemIconSize,\n    MenuItemLeadingStyles,\n    MenuItemStyles,\n    MenuItemTrailingStyles,\n    menuItemBaseColor,\n    menuItemLabelColor,\n} from \"../core\";\nimport type { MenuItemProps } from \"./types\";\n\n/**\n * Material Design 3 interactive menu item component.\n *\n * Supports leading icons, selection checkmarks, multi-line supporting descriptions,\n * trailing shortcuts ([`MenuShortcut`](src/components/Menu/MenuShortcut/MenuShortcut.tsx)),\n * trailing metadata ([`MenuTrailingText`](src/components/Menu/MenuTrailingText/MenuTrailingText.tsx)),\n * submenu disclosure chevrons, and touch ripple splash animations.\n *\n * @example\n * ```tsx\n * import { MenuItem, MenuShortcut } from \"@adgytec/web-ui-components\";\n * import { Copy } from \"lucide-react\";\n *\n * <MenuItem\n *     id=\"copy\"\n *     label=\"Copy\"\n *     leadingIcon={Copy}\n *     trailingText={<MenuShortcut>⌘C</MenuShortcut>}\n *     onAction={() => handleCopy()}\n * />\n * ```\n */\nexport const MenuItem: React.FC<MenuItemProps> = ({\n    leadingIcon,\n    label,\n    supportingText,\n    trailingText,\n    trailingIcon,\n    className,\n    onPress,\n    ...props\n}) => {\n    const { splashInfo, handlePress } = useSplash(onPress);\n\n    return (\n        <AriaMenuItem\n            className={(renderProps) =>\n                clsx(\n                    menuItemBaseColor,\n                    MenuItemStyles,\n                    typeof className === \"function\"\n                        ? className(renderProps)\n                        : className\n                )\n            }\n            onPress={handlePress}\n            {...props}\n            data-multi-line={supportingText ? true : undefined}\n        >\n            {({ hasSubmenu, isSelected }) => {\n                return (\n                    <>\n                        {splashInfo && <Splash {...splashInfo} />}\n\n                        {/* leading comps */}\n                        <div className={clsx(MenuItemLeadingStyles)}>\n                            {isSelected ? (\n                                <Icon icon={Check} size={MenuItemIconSize} />\n                            ) : (\n                                leadingIcon && (\n                                    <Icon\n                                        icon={leadingIcon}\n                                        size={MenuItemIconSize}\n                                    />\n                                )\n                            )}\n\n                            <div>\n                                <p\n                                    slot=\"label\"\n                                    className={clsx(\n                                        typography.labelLarge,\n                                        menuItemLabelColor\n                                    )}\n                                >\n                                    {label}\n                                </p>\n\n                                {supportingText && (\n                                    <p\n                                        slot=\"description\"\n                                        className={clsx(typography.bodySmall)}\n                                    >\n                                        {supportingText}\n                                    </p>\n                                )}\n                            </div>\n                        </div>\n\n                        {/* trailing comps */}\n                        <div className={clsx(MenuItemTrailingStyles)}>\n                            {trailingText && trailingText}\n\n                            {hasSubmenu ? (\n                                <Icon\n                                    icon={ChevronRight}\n                                    size={MenuItemIconSize}\n                                />\n                            ) : (\n                                trailingIcon && (\n                                    <Icon\n                                        icon={trailingIcon}\n                                        size={MenuItemIconSize}\n                                    />\n                                )\n                            )}\n                        </div>\n                    </>\n                );\n            }}\n        </AriaMenuItem>\n    );\n};\n"],"mappings":";;;;;;;;;;A,aAuCawB,KAAoC,MAAA;CAAA,IAAAC,KAAA,GAAAjB,EAAAA,EAAAA,CAAA,EAAA,GAAAkB,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC;CAAA,AAAAR,EAAA,OAAAS,KAShD,IAAAT,EAAA,IAAA,IAAAA,EAAA,IAAA,IAAAA,EAAA,IAAA,IAAAA,EAAA,IAAA,IAAAA,EAAA,IAAA,IAAAA,EAAA,IAAA,IAAAA,EAAA,IAAA,IAAAA,EAAA,OATiD,0GAAA,GAAAK,KAAAI,GASjD,EAAA,KAAAA,GAAA,EAAA,KAAAR,GAAA,EAAA,KAAAC,GAAA,EAAA,KAAAC,GAAA,EAAA,KAAAC,GAAA,EAAA,KAAAC,GAAA,EAAA,KAAAC,GAAA,EAAA,KAAAC,GAAA,EAAA,KAAAC;CACG,IAAA,EAAA,eAAA,mBAAoClB,EAAUc,CAAO,GAAEM;CAAA,AAAAV,EAAA,OAAAC,IAW1C,IAAAD,EAAA,OAPM,KAAA,MACPhB,EACIO,GACAC,GACA,OAAOS,KAAc,aACfA,EAAUU,CACF,IAFdV,CAGJ,GAAC,EAAA,KAAAA,GAAA,EAAA,MAAAS;CAIY,IAAAE,IAAAN,IAAA,KAAA,KAAA,GAAiCO;CAAA,AAAAb,EAAA,QAAAE,KAAAF,EAAA,QAAAG,KAAAH,EAAA,QAAAc,KAAAd,EAAA,QAAAM,KAAAN,EAAA,QAAAO,KAAAP,EAAA,QAAAQ,KAEjD,KAAA,MAAA;EAAC,IAAA,EAAA,eAAA,kBAAAO;EAA0B,OAEpB,kBAAA9B,GAAA,EAAA,UAAA;GACK6B,KAAc,kBAACzB,GAAD,EAAO,GAAKyB,EAAU,CAAA;GAGrC,kBAAA,OAAA;IAAgB,WAAA9B,EAAKW,CAAqB;IAA1C,UAAA,CACKsB,IACG,kBAAC7B,GAAD;KAAYb,MAAA2C;KAAa1C,MAAAA;IAAgB,CAAA,IAEzC2B,KACI,kBAACf,GAAD;KACUX,MAAA0B;KACA3B,MAAAA;IAAgB,CAAA,GAKlC,kBAAA,OAAA,EAAA,UAAA,CACI,kBAAA,KAAA;KACS,MAAA;KACM,WAAAQ,EACPmC,EAAU,YACV1B,CACJ;KAEC,UAAAS;IACD,CAAA,GAEHI,KACG,kBAAA,KAAA;KACS,MAAA;KACM,WAAAtB,EAAKmC,EAAU,SAAU;KAEnC,UAAAb;IACD,CAAA,CAEN,EAAA,CAAA,CACJ;;GAGN,kBAAA,OAAA;IAAgB,WAAAtB,EAAKU,CAAsB;IAA3C,UAAA,CACKc,KAAAA,GAEAY,IACG,kBAAChC,GAAD;KACUR,MAAAyC;KACA7C,MAAAA;IAAgB,CAAA,IAG1B+B,KACI,kBAACnB,GAAD;KACUP,MAAA0B;KACA/B,MAAAA;IAAgB,CAAA,CAIhC;;EAAA,EAAA,CAAA;CACP,GAEV,EAAA,MAAA0B,GAAA,EAAA,MAAAC,GAAA,EAAA,MAAAW,GAAA,EAAA,MAAAR,GAAA,EAAA,MAAAC,GAAA,EAAA,MAAAC,GAAA,EAAA,MAAAK,KAAA,IAAAb,EAAA;CAAA,IAAAe;CACU,OADVf,EAAA,QAAAsB,KAAAtB,EAAA,QAAAK,KAAAL,EAAA,QAAAU,KAAAV,EAAA,QAAAY,KAAAZ,EAAA,QAAAa,KA1EL,IAAA,kBAAC3B,GAAD;EACe,WAAAwB;EASF5B,SAAAwC;EAAW,GAChBjB;EACa,mBAAAO;EAEhB,UAAAC;CAdQ,CAAA,GA2EE,EAAA,MAAAS,GAAA,EAAA,MAAAjB,GAAA,EAAA,MAAAK,GAAA,EAAA,MAAAE,GAAA,EAAA,MAAAC,GAAA,EAAA,MAAAE,KAAA,IAAAf,EAAA,KA3Efe;AA2Ee"}

package/dist/components/Menu/MenuItem/types.d.ts

@@ -2,7 +2,7 @@ import { LucideIcon } from 'lucide-react';
 import { ReactNode } from 'react';
 import { MenuItem } from 'react-aria-components';
 /**
- * Props for the [`MenuItem`](file:///home/rohan/work/adgytec/adgytec-web-ui-components/src/components/Menu/MenuItem/MenuItem.tsx) component.
+ * Props for the [`MenuItem`](src/components/Menu/MenuItem/MenuItem.tsx) component.
  *
  * Provides dedicated props for icons, labels, descriptions, and trailing metadata.
  */
@@ -22,8 +22,8 @@ export interface MenuItemProps extends Omit<React.ComponentPropsWithRef<typeof M
     supportingText?: string;
     /**
      * Optional metadata or shortcut text displayed at the trailing edge of the item,
-     * such as [`MenuShortcut`](file:///home/rohan/work/adgytec/adgytec-web-ui-components/src/components/Menu/MenuShortcut/MenuShortcut.tsx)
-     * or [`MenuTrailingText`](file:///home/rohan/work/adgytec/adgytec-web-ui-components/src/components/Menu/MenuTrailingText/MenuTrailingText.tsx).
+     * such as [`MenuShortcut`](src/components/Menu/MenuShortcut/MenuShortcut.tsx)
+     * or [`MenuTrailingText`](src/components/Menu/MenuTrailingText/MenuTrailingText.tsx).
      */
     trailingText?: ReactNode;
     /**

package/dist/components/Menu/MenuPopover/MenuPopover.d.ts

@@ -1,13 +1,13 @@
 import { Popover } from '../../Popover';
 /**
- * Props for the [`MenuPopover`](file:///home/rohan/work/adgytec/adgytec-web-ui-components/src/components/Menu/MenuPopover/MenuPopover.tsx) component.
+ * Props for the [`MenuPopover`](src/components/Menu/MenuPopover/MenuPopover.tsx) component.
  */
 export interface MenuPopoverProps extends React.ComponentPropsWithRef<typeof Popover> {
 }
 /**
- * Surface overlay container for the [`Menu`](file:///home/rohan/work/adgytec/adgytec-web-ui-components/src/components/Menu/Menu/Menu.tsx) component.
+ * Surface overlay container for the [`Menu`](src/components/Menu/Menu/Menu.tsx) component.
  *
- * Wraps [`Popover`](file:///home/rohan/work/adgytec/adgytec-web-ui-components/src/components/Popover/Popover.tsx)
+ * Wraps [`Popover`](src/components/Popover/Popover.tsx)
  * with Material Design 3 surface styling, rounded corners, and shadow elevation.
  *
  * @example

package/dist/components/Menu/MenuPopover/index.js

@@ -1,2 +1 @@
-import { t as e } from "../../../chunks/MenuPopover";
-export { e as MenuPopover };
+export { t as MenuPopover } from "../../../chunks/MenuPopover";

package/dist/components/Menu/MenuSection/MenuSection.d.ts

@@ -1,14 +1,14 @@
 import { MenuSection as AriaMenuSection } from 'react-aria-components';
 /**
- * Props for the [`MenuSection`](file:///home/rohan/work/adgytec/adgytec-web-ui-components/src/components/Menu/MenuSection/MenuSection.tsx) component.
+ * Props for the [`MenuSection`](src/components/Menu/MenuSection/MenuSection.tsx) component.
  */
 export interface MenuSectionProps<T extends object> extends React.ComponentPropsWithRef<typeof AriaMenuSection<T>> {
 }
 /**
- * Groups related menu items into logical sections within a [`Menu`](file:///home/rohan/work/adgytec/adgytec-web-ui-components/src/components/Menu/Menu/Menu.tsx).
+ * Groups related menu items into logical sections within a [`Menu`](src/components/Menu/Menu/Menu.tsx).
  *
- * Typically contains a [`MenuSectionHeader`](file:///home/rohan/work/adgytec/adgytec-web-ui-components/src/components/Menu/MenuSectionHeader/MenuSectionHeader.tsx)
- * and one or more [`MenuItem`](file:///home/rohan/work/adgytec/adgytec-web-ui-components/src/components/Menu/MenuItem/MenuItem.tsx) components.
+ * Typically contains a [`MenuSectionHeader`](src/components/Menu/MenuSectionHeader/MenuSectionHeader.tsx)
+ * and one or more [`MenuItem`](src/components/Menu/MenuItem/MenuItem.tsx) components.
  *
  * @example
  * ```tsx

package/dist/components/Menu/MenuSection/index.js

@@ -3,7 +3,7 @@ import { a as t } from "../../../chunks/core6";
 import n from "clsx";
 import { jsx as r } from "react/jsx-runtime";
 import { MenuSection as i } from "react-aria-components";
-//#region src/components/Menu/MenuSection/MenuSection.tsx
+// src/components/Menu/MenuSection/MenuSection.tsx
 var a = e(), o = (e) => {
 	let o = (0, a.c)(8), s, c;
 	o[0] === e ? (s = o[1], c = o[2]) : ({className: s, ...c} = e, o[0] = e, o[1] = s, o[2] = c);
@@ -16,7 +16,6 @@ var a = e(), o = (e) => {
 		"data-menu-section": !0
 	}), o[5] = c, o[6] = l, o[7] = u) : u = o[7], u;
 };
-//#endregion
 export { o as MenuSection };
 
 //# sourceMappingURL=index.js.map