@capra/core 1.5.3 → 1.7.0

package/dist/index.cjs

@@ -270,12 +270,12 @@ Label$1.displayName = "Label";
 //#endregion
 //#region src/components/TextInput/TextInput.module.css
 var TextInput_module_default = {
-	"errorIndicator": "capra-TextInput-module-I5TDpa-errorIndicator",
-	"input": "capra-TextInput-module-I5TDpa-input",
-	"leadingSlot": "capra-TextInput-module-I5TDpa-leadingSlot",
-	"trailingSlot": "capra-TextInput-module-I5TDpa-trailingSlot",
-	"warningIndicator": "capra-TextInput-module-I5TDpa-warningIndicator",
-	"wrapper": "capra-TextInput-module-I5TDpa-wrapper"
+	"errorIndicator": "capra-TextInput-module-pTHfnG-errorIndicator",
+	"input": "capra-TextInput-module-pTHfnG-input",
+	"leadingSlot": "capra-TextInput-module-pTHfnG-leadingSlot",
+	"trailingSlot": "capra-TextInput-module-pTHfnG-trailingSlot",
+	"warningIndicator": "capra-TextInput-module-pTHfnG-warningIndicator",
+	"wrapper": "capra-TextInput-module-pTHfnG-wrapper"
 };
 //#endregion
 //#region src/components/TextInput/TextInput.tsx
@@ -2733,23 +2733,23 @@ TextArea.displayName = "TextArea";
 //#endregion
 //#region src/components/Modal/Modal.module.css
 var Modal_module_default = {
-	"confirmationActions": "capra-Modal-module-5vfSOW-confirmationActions",
-	"confirmationBody": "capra-Modal-module-5vfSOW-confirmationBody",
-	"confirmationIcon": "capra-Modal-module-5vfSOW-confirmationIcon",
-	"confirmationLayout": "capra-Modal-module-5vfSOW-confirmationLayout",
-	"confirmationMessage": "capra-Modal-module-5vfSOW-confirmationMessage",
-	"confirmationSurface": "capra-Modal-module-5vfSOW-confirmationSurface",
-	"content": "capra-Modal-module-5vfSOW-content",
-	"contentShow": "capra-Modal-module-5vfSOW-contentShow",
-	"expandedFooterLayout": "capra-Modal-module-5vfSOW-expandedFooterLayout",
-	"expandedTitleLayout": "capra-Modal-module-5vfSOW-expandedTitleLayout",
-	"footer": "capra-Modal-module-5vfSOW-footer",
-	"footerActions": "capra-Modal-module-5vfSOW-footerActions",
-	"header": "capra-Modal-module-5vfSOW-header",
-	"headerLeading": "capra-Modal-module-5vfSOW-headerLeading",
-	"overlay": "capra-Modal-module-5vfSOW-overlay",
-	"overlayShow": "capra-Modal-module-5vfSOW-overlayShow",
-	"surface": "capra-Modal-module-5vfSOW-surface"
+	"confirmationActions": "capra-Modal-module-j-u8iq-confirmationActions",
+	"confirmationBody": "capra-Modal-module-j-u8iq-confirmationBody",
+	"confirmationIcon": "capra-Modal-module-j-u8iq-confirmationIcon",
+	"confirmationLayout": "capra-Modal-module-j-u8iq-confirmationLayout",
+	"confirmationMessage": "capra-Modal-module-j-u8iq-confirmationMessage",
+	"confirmationSurface": "capra-Modal-module-j-u8iq-confirmationSurface",
+	"content": "capra-Modal-module-j-u8iq-content",
+	"contentShow": "capra-Modal-module-j-u8iq-contentShow",
+	"expandedFooterLayout": "capra-Modal-module-j-u8iq-expandedFooterLayout",
+	"expandedTitleLayout": "capra-Modal-module-j-u8iq-expandedTitleLayout",
+	"footer": "capra-Modal-module-j-u8iq-footer",
+	"footerActions": "capra-Modal-module-j-u8iq-footerActions",
+	"header": "capra-Modal-module-j-u8iq-header",
+	"headerLeading": "capra-Modal-module-j-u8iq-headerLeading",
+	"overlay": "capra-Modal-module-j-u8iq-overlay",
+	"overlayShow": "capra-Modal-module-j-u8iq-overlayShow",
+	"surface": "capra-Modal-module-j-u8iq-surface"
 };
 //#endregion
 //#region src/components/Text/Heading.tsx
@@ -4196,7 +4196,7 @@ const MenuSection = ({ children, "aria-label": ariaLabel, "aria-labelledby": ari
 	}, resolvedChildren));
 };
 MenuSection.displayName = "Menu.Section";
-const MenuItem = ({ as, label, description, ariaLabel, href, disabled = false, active = false, variant = "default", icon, indent: indentProp, shortcut, parent = false, onClick, FORCE__className, children, ...rest }) => {
+const MenuItem = ({ as: Component, label, description, ariaLabel, href, disabled = false, active = false, variant = "default", icon, indent: indentProp, shortcut, parent = false, onPress, onClick, FORCE__className, children, ...rest }) => {
 	const indentFromSectionHeader = react.useContext(MenuSectionIndentContext);
 	const indent = indentProp !== void 0 ? indentProp : indentFromSectionHeader ? true : false;
 	const labelContent = children ?? label;
@@ -4210,59 +4210,27 @@ const MenuItem = ({ as, label, description, ariaLabel, href, disabled = false, a
 		size: "xs",
 		"aria-hidden": true
 	}) : null])));
-	const itemClassName = clsx(Menu_module_default.menuItem, FORCE__className);
-	const menuItemDataAttributes = {
-		"data-variant": variant,
-		"data-active": active || void 0,
-		"data-indent": indent || void 0,
-		"data-has-description": showDescription || void 0
-	};
-	/** React Aria runs menu activation through `onAction` (pointer + Enter/Space), not only `onPress`. */
-	const handleAction = () => {
-		if (!disabled && onClick) onClick({});
-	};
-	if (as) {
-		const Component = as;
-		return /* @__PURE__ */ react.createElement(react_aria_components.MenuItem, {
-			isDisabled: disabled,
-			textValue,
-			"aria-label": ariaLabel,
-			"aria-current": active ? "page" : void 0,
-			className: itemClassName,
-			...menuItemDataAttributes,
-			render: (domProps) => /* @__PURE__ */ react.createElement(Component, {
-				...domProps,
-				...rest
-			}),
-			onAction: handleAction
-		}, /* @__PURE__ */ react.createElement(ListItem, {
-			as: "div",
-			role: "presentation",
-			FORCE__className: Menu_module_default.menuItemListItemShell
-		}, listItemContent));
-	}
-	if (Boolean(href) && !disabled) return /* @__PURE__ */ react.createElement(react_aria_components.MenuItem, {
-		href,
-		isDisabled: disabled,
-		textValue,
-		"aria-label": ariaLabel,
-		"aria-current": active ? "page" : void 0,
-		className: itemClassName,
-		...menuItemDataAttributes,
-		onAction: handleAction
-	}, /* @__PURE__ */ react.createElement(ListItem, {
-		as: "div",
-		role: "presentation",
-		FORCE__className: Menu_module_default.menuItemListItemShell
-	}, listItemContent));
+	const render = Component ? (domProps) => {
+		const Element = Component;
+		return /* @__PURE__ */ react.createElement(Element, {
+			...domProps,
+			...rest
+		});
+	} : void 0;
 	return /* @__PURE__ */ react.createElement(react_aria_components.MenuItem, {
+		href,
 		isDisabled: disabled,
 		textValue,
 		"aria-label": ariaLabel,
 		"aria-current": active ? "page" : void 0,
-		className: itemClassName,
-		...menuItemDataAttributes,
-		onAction: handleAction
+		className: clsx(Menu_module_default.menuItem, FORCE__className),
+		"data-variant": variant,
+		"data-active": active || void 0,
+		"data-indent": indent || void 0,
+		"data-has-description": showDescription || void 0,
+		render,
+		onClick,
+		onPress
 	}, /* @__PURE__ */ react.createElement(ListItem, {
 		as: "div",
 		role: "presentation",
@@ -4294,10 +4262,9 @@ const MenuSubmenu = ({ label, children, itemHoverAppearance = "default", itemAct
 		size: "xs",
 		"aria-hidden": true
 	}))));
-	const triggerClassName = clsx(Menu_module_default.menuItem, classNameOverride);
 	return /* @__PURE__ */ react.createElement(react_aria_components.SubmenuTrigger, { delay }, /* @__PURE__ */ react.createElement(react_aria_components.MenuItem, {
 		textValue,
-		className: triggerClassName
+		className: clsx(Menu_module_default.menuItem, classNameOverride)
 	}, /* @__PURE__ */ react.createElement(ListItem, {
 		as: "div",
 		role: "presentation",
@@ -4708,10 +4675,7 @@ const TabNav = ({ activeKey, onTabClick, items, tabPlacement = "horizontal", cen
 		role: "navigation",
 		"aria-label": ariaLabel,
 		className: TabNav_module_default.tabBar
-	}, /* @__PURE__ */ react.createElement("div", {
-		className: TabNav_module_default.tabList,
-		"aria-orientation": tabPlacement === "horizontal" ? "horizontal" : "vertical"
-	}, items.map((item) => {
+	}, /* @__PURE__ */ react.createElement("div", { className: TabNav_module_default.tabList }, items.map((item) => {
 		const hasSubItems = Boolean(item.subItems?.length);
 		const showDropdown = hasSubItems || item.variant === "dropdown";
 		/** Accent “active” tab styling: current route only (not merely flyout open — open + non-route stays grey). */

package/dist/index.d.cts

@@ -1,6 +1,6 @@
 import * as React$2 from "react";
 import React$1, { HTMLAttributeAnchorTarget, HTMLAttributeReferrerPolicy } from "react";
-import { BreadcrumbProps as BreadcrumbProps$1, BreadcrumbsProps as BreadcrumbsProps$1, ButtonProps as ButtonProps$1, ComboBoxRenderProps, DatePickerProps, DateRangePickerProps, DateValue, DisclosureProps, Focusable, LinkProps as LinkProps$1, ListBoxItemProps, PopoverProps as PopoverProps$1, RouterProvider } from "react-aria-components";
+import { BreadcrumbProps as BreadcrumbProps$1, BreadcrumbsProps as BreadcrumbsProps$1, ButtonProps as ButtonProps$1, ComboBoxRenderProps, DatePickerProps, DateRangePickerProps, DateValue, DisclosureProps, Focusable, LinkProps as LinkProps$1, ListBoxItemProps, PopoverProps as PopoverProps$1, PressEvent, RouterProvider } from "react-aria-components";
 import { SvgIcon } from "@capra/icons";
 import { SvgLogo } from "@capra/icons/logos";
 
@@ -1763,8 +1763,13 @@ type MenuItemProps<As extends React$2.ElementType = 'a'> = Omit<React$2.Componen
    * Whether to show chevron (for submenu/parent items).
    */
   parent?: boolean;
+  /**
+   * Press handler.
+   */
+  onPress?: (e: PressEvent) => void;
   /**
    * Click handler.
+   * @deprecated Use `onPress` instead.
    */
   onClick?: (e: React$2.MouseEvent) => void;
   /**
@@ -1906,7 +1911,7 @@ declare const Menu: {
   displayName: string;
   Item: {
     <As extends React$2.ElementType = "a">({
-      as,
+      as: Component,
       label,
       description,
       ariaLabel,
@@ -1918,6 +1923,7 @@ declare const Menu: {
       indent: indentProp,
       shortcut,
       parent,
+      onPress,
       onClick,
       FORCE__className,
       children,

package/dist/index.d.mts

@@ -1,7 +1,7 @@
 import * as React$2 from "react";
 import React$1, { HTMLAttributeAnchorTarget, HTMLAttributeReferrerPolicy } from "react";
 import { SvgIcon } from "@capra/icons";
-import { BreadcrumbProps as BreadcrumbProps$1, BreadcrumbsProps as BreadcrumbsProps$1, ButtonProps as ButtonProps$1, ComboBoxRenderProps, DatePickerProps, DateRangePickerProps, DateValue, DisclosureProps, Focusable, LinkProps as LinkProps$1, ListBoxItemProps, PopoverProps as PopoverProps$1, RouterProvider } from "react-aria-components";
+import { BreadcrumbProps as BreadcrumbProps$1, BreadcrumbsProps as BreadcrumbsProps$1, ButtonProps as ButtonProps$1, ComboBoxRenderProps, DatePickerProps, DateRangePickerProps, DateValue, DisclosureProps, Focusable, LinkProps as LinkProps$1, ListBoxItemProps, PopoverProps as PopoverProps$1, PressEvent, RouterProvider } from "react-aria-components";
 import { SvgLogo } from "@capra/icons/logos";
 
 //#region src/utils/stylingOverride.d.ts
@@ -1763,8 +1763,13 @@ type MenuItemProps<As extends React$2.ElementType = 'a'> = Omit<React$2.Componen
    * Whether to show chevron (for submenu/parent items).
    */
   parent?: boolean;
+  /**
+   * Press handler.
+   */
+  onPress?: (e: PressEvent) => void;
   /**
    * Click handler.
+   * @deprecated Use `onPress` instead.
    */
   onClick?: (e: React$2.MouseEvent) => void;
   /**
@@ -1906,7 +1911,7 @@ declare const Menu: {
   displayName: string;
   Item: {
     <As extends React$2.ElementType = "a">({
-      as,
+      as: Component,
       label,
       description,
       ariaLabel,
@@ -1918,6 +1923,7 @@ declare const Menu: {
       indent: indentProp,
       shortcut,
       parent,
+      onPress,
       onClick,
       FORCE__className,
       children,

package/dist/index.mjs

@@ -246,12 +246,12 @@ Label$1.displayName = "Label";
 //#endregion
 //#region src/components/TextInput/TextInput.module.css
 var TextInput_module_default = {
-	"errorIndicator": "capra-TextInput-module-I5TDpa-errorIndicator",
-	"input": "capra-TextInput-module-I5TDpa-input",
-	"leadingSlot": "capra-TextInput-module-I5TDpa-leadingSlot",
-	"trailingSlot": "capra-TextInput-module-I5TDpa-trailingSlot",
-	"warningIndicator": "capra-TextInput-module-I5TDpa-warningIndicator",
-	"wrapper": "capra-TextInput-module-I5TDpa-wrapper"
+	"errorIndicator": "capra-TextInput-module-pTHfnG-errorIndicator",
+	"input": "capra-TextInput-module-pTHfnG-input",
+	"leadingSlot": "capra-TextInput-module-pTHfnG-leadingSlot",
+	"trailingSlot": "capra-TextInput-module-pTHfnG-trailingSlot",
+	"warningIndicator": "capra-TextInput-module-pTHfnG-warningIndicator",
+	"wrapper": "capra-TextInput-module-pTHfnG-wrapper"
 };
 //#endregion
 //#region src/components/TextInput/TextInput.tsx
@@ -2709,23 +2709,23 @@ TextArea.displayName = "TextArea";
 //#endregion
 //#region src/components/Modal/Modal.module.css
 var Modal_module_default = {
-	"confirmationActions": "capra-Modal-module-5vfSOW-confirmationActions",
-	"confirmationBody": "capra-Modal-module-5vfSOW-confirmationBody",
-	"confirmationIcon": "capra-Modal-module-5vfSOW-confirmationIcon",
-	"confirmationLayout": "capra-Modal-module-5vfSOW-confirmationLayout",
-	"confirmationMessage": "capra-Modal-module-5vfSOW-confirmationMessage",
-	"confirmationSurface": "capra-Modal-module-5vfSOW-confirmationSurface",
-	"content": "capra-Modal-module-5vfSOW-content",
-	"contentShow": "capra-Modal-module-5vfSOW-contentShow",
-	"expandedFooterLayout": "capra-Modal-module-5vfSOW-expandedFooterLayout",
-	"expandedTitleLayout": "capra-Modal-module-5vfSOW-expandedTitleLayout",
-	"footer": "capra-Modal-module-5vfSOW-footer",
-	"footerActions": "capra-Modal-module-5vfSOW-footerActions",
-	"header": "capra-Modal-module-5vfSOW-header",
-	"headerLeading": "capra-Modal-module-5vfSOW-headerLeading",
-	"overlay": "capra-Modal-module-5vfSOW-overlay",
-	"overlayShow": "capra-Modal-module-5vfSOW-overlayShow",
-	"surface": "capra-Modal-module-5vfSOW-surface"
+	"confirmationActions": "capra-Modal-module-j-u8iq-confirmationActions",
+	"confirmationBody": "capra-Modal-module-j-u8iq-confirmationBody",
+	"confirmationIcon": "capra-Modal-module-j-u8iq-confirmationIcon",
+	"confirmationLayout": "capra-Modal-module-j-u8iq-confirmationLayout",
+	"confirmationMessage": "capra-Modal-module-j-u8iq-confirmationMessage",
+	"confirmationSurface": "capra-Modal-module-j-u8iq-confirmationSurface",
+	"content": "capra-Modal-module-j-u8iq-content",
+	"contentShow": "capra-Modal-module-j-u8iq-contentShow",
+	"expandedFooterLayout": "capra-Modal-module-j-u8iq-expandedFooterLayout",
+	"expandedTitleLayout": "capra-Modal-module-j-u8iq-expandedTitleLayout",
+	"footer": "capra-Modal-module-j-u8iq-footer",
+	"footerActions": "capra-Modal-module-j-u8iq-footerActions",
+	"header": "capra-Modal-module-j-u8iq-header",
+	"headerLeading": "capra-Modal-module-j-u8iq-headerLeading",
+	"overlay": "capra-Modal-module-j-u8iq-overlay",
+	"overlayShow": "capra-Modal-module-j-u8iq-overlayShow",
+	"surface": "capra-Modal-module-j-u8iq-surface"
 };
 //#endregion
 //#region src/components/Text/Heading.tsx
@@ -4172,7 +4172,7 @@ const MenuSection$1 = ({ children, "aria-label": ariaLabel, "aria-labelledby": a
 	}, resolvedChildren));
 };
 MenuSection$1.displayName = "Menu.Section";
-const MenuItem$1 = ({ as, label, description, ariaLabel, href, disabled = false, active = false, variant = "default", icon, indent: indentProp, shortcut, parent = false, onClick, FORCE__className, children, ...rest }) => {
+const MenuItem$1 = ({ as: Component, label, description, ariaLabel, href, disabled = false, active = false, variant = "default", icon, indent: indentProp, shortcut, parent = false, onPress, onClick, FORCE__className, children, ...rest }) => {
 	const indentFromSectionHeader = React$1.useContext(MenuSectionIndentContext);
 	const indent = indentProp !== void 0 ? indentProp : indentFromSectionHeader ? true : false;
 	const labelContent = children ?? label;
@@ -4186,59 +4186,27 @@ const MenuItem$1 = ({ as, label, description, ariaLabel, href, disabled = false,
 		size: "xs",
 		"aria-hidden": true
 	}) : null])));
-	const itemClassName = clsx(Menu_module_default.menuItem, FORCE__className);
-	const menuItemDataAttributes = {
-		"data-variant": variant,
-		"data-active": active || void 0,
-		"data-indent": indent || void 0,
-		"data-has-description": showDescription || void 0
-	};
-	/** React Aria runs menu activation through `onAction` (pointer + Enter/Space), not only `onPress`. */
-	const handleAction = () => {
-		if (!disabled && onClick) onClick({});
-	};
-	if (as) {
-		const Component = as;
-		return /* @__PURE__ */ React$1.createElement(MenuItem, {
-			isDisabled: disabled,
-			textValue,
-			"aria-label": ariaLabel,
-			"aria-current": active ? "page" : void 0,
-			className: itemClassName,
-			...menuItemDataAttributes,
-			render: (domProps) => /* @__PURE__ */ React$1.createElement(Component, {
-				...domProps,
-				...rest
-			}),
-			onAction: handleAction
-		}, /* @__PURE__ */ React$1.createElement(ListItem, {
-			as: "div",
-			role: "presentation",
-			FORCE__className: Menu_module_default.menuItemListItemShell
-		}, listItemContent));
-	}
-	if (Boolean(href) && !disabled) return /* @__PURE__ */ React$1.createElement(MenuItem, {
-		href,
-		isDisabled: disabled,
-		textValue,
-		"aria-label": ariaLabel,
-		"aria-current": active ? "page" : void 0,
-		className: itemClassName,
-		...menuItemDataAttributes,
-		onAction: handleAction
-	}, /* @__PURE__ */ React$1.createElement(ListItem, {
-		as: "div",
-		role: "presentation",
-		FORCE__className: Menu_module_default.menuItemListItemShell
-	}, listItemContent));
+	const render = Component ? (domProps) => {
+		const Element = Component;
+		return /* @__PURE__ */ React$1.createElement(Element, {
+			...domProps,
+			...rest
+		});
+	} : void 0;
 	return /* @__PURE__ */ React$1.createElement(MenuItem, {
+		href,
 		isDisabled: disabled,
 		textValue,
 		"aria-label": ariaLabel,
 		"aria-current": active ? "page" : void 0,
-		className: itemClassName,
-		...menuItemDataAttributes,
-		onAction: handleAction
+		className: clsx(Menu_module_default.menuItem, FORCE__className),
+		"data-variant": variant,
+		"data-active": active || void 0,
+		"data-indent": indent || void 0,
+		"data-has-description": showDescription || void 0,
+		render,
+		onClick,
+		onPress
 	}, /* @__PURE__ */ React$1.createElement(ListItem, {
 		as: "div",
 		role: "presentation",
@@ -4270,10 +4238,9 @@ const MenuSubmenu = ({ label, children, itemHoverAppearance = "default", itemAct
 		size: "xs",
 		"aria-hidden": true
 	}))));
-	const triggerClassName = clsx(Menu_module_default.menuItem, classNameOverride);
 	return /* @__PURE__ */ React$1.createElement(SubmenuTrigger, { delay }, /* @__PURE__ */ React$1.createElement(MenuItem, {
 		textValue,
-		className: triggerClassName
+		className: clsx(Menu_module_default.menuItem, classNameOverride)
 	}, /* @__PURE__ */ React$1.createElement(ListItem, {
 		as: "div",
 		role: "presentation",
@@ -4684,10 +4651,7 @@ const TabNav = ({ activeKey, onTabClick, items, tabPlacement = "horizontal", cen
 		role: "navigation",
 		"aria-label": ariaLabel,
 		className: TabNav_module_default.tabBar
-	}, /* @__PURE__ */ React$1.createElement("div", {
-		className: TabNav_module_default.tabList,
-		"aria-orientation": tabPlacement === "horizontal" ? "horizontal" : "vertical"
-	}, items.map((item) => {
+	}, /* @__PURE__ */ React$1.createElement("div", { className: TabNav_module_default.tabList }, items.map((item) => {
 		const hasSubItems = Boolean(item.subItems?.length);
 		const showDropdown = hasSubItems || item.variant === "dropdown";
 		/** Accent “active” tab styling: current route only (not merely flyout open — open + non-route stays grey). */