@capra/core 1.8.0 → 1.8.2

package/dist/index.cjs

@@ -22,8 +22,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 }) : target, mod));
 //#endregion
 let react = require("react");
-let react$1 = __toESM(react, 1);
-react = __toESM(react);
+react = __toESM(react, 1);
 let _capra_icons = require("@capra/icons");
 let react_aria_components = require("react-aria-components");
 let react_aria = require("react-aria");
@@ -61,7 +60,7 @@ var Button_module_default = {
 /**
 * `forwardRef` function with proper typing to handle polymorphic components
 */
-const fixedForwardRef = react$1.forwardRef;
+const fixedForwardRef = react.forwardRef;
 //#endregion
 //#region src/components/Text/Text.module.css
 var Text_module_default = { "base": "capra-Text-module-JSrT1a-base" };
@@ -781,7 +780,7 @@ function RadioWithoutRef({ name, checked, required, disabled, value, onChange, F
 const Radio = fixedForwardRef(RadioWithoutRef);
 //#endregion
 //#region src/components/RadioTile/RadioTile.module.css
-var RadioTile_module_default = { "base": "capra-RadioTile-module-zbnLia-base" };
+var RadioTile_module_default = { "base": "capra-RadioTile-module-iEQ2jG-base" };
 //#endregion
 //#region src/components/RadioTile/RadioTile.tsx
 function RadioTileWithoutRef({ children, checked, disabled, description, icon, FORCE__className, ...props }, ref) {
@@ -2605,15 +2604,15 @@ function syncTextareaAutoSize(textarea, autoSize, rowsFromProps) {
 	textarea.style.overflowY = maxRows && contentHeight > maxHeight ? "auto" : "hidden";
 }
 function useTextAreaAutoSize({ config, ref, rows, value, onChange, onInput }) {
-	const textareaRef = react$1.useRef(null);
+	const textareaRef = react.useRef(null);
 	const autoSizeActive = isAutoSizeEnabled(config);
-	react$1.useImperativeHandle(ref, () => textareaRef.current);
-	const resize = react$1.useCallback(() => {
+	react.useImperativeHandle(ref, () => textareaRef.current);
+	const resize = react.useCallback(() => {
 		const el = textareaRef.current;
 		if (!el || !isAutoSizeEnabled(config)) return;
 		syncTextareaAutoSize(el, config, rows);
 	}, [config, rows]);
-	react$1.useLayoutEffect(() => {
+	react.useLayoutEffect(() => {
 		const el = textareaRef.current;
 		if (!el) return;
 		if (!autoSizeActive) {
@@ -2627,7 +2626,7 @@ function useTextAreaAutoSize({ config, ref, rows, value, onChange, onInput }) {
 		resize,
 		value
 	]);
-	react$1.useLayoutEffect(() => {
+	react.useLayoutEffect(() => {
 		if (!autoSizeActive) return;
 		const el = textareaRef.current;
 		if (!el || typeof ResizeObserver === "undefined") return;
@@ -2638,7 +2637,7 @@ function useTextAreaAutoSize({ config, ref, rows, value, onChange, onInput }) {
 	return {
 		isActive: autoSizeActive,
 		ref: textareaRef,
-		onChange: react$1.useCallback((event) => {
+		onChange: react.useCallback((event) => {
 			onChange?.(event.target.value);
 			if (autoSizeActive) queueMicrotask(resize);
 		}, [
@@ -2646,7 +2645,7 @@ function useTextAreaAutoSize({ config, ref, rows, value, onChange, onInput }) {
 			onChange,
 			resize
 		]),
-		onInput: react$1.useCallback((event) => {
+		onInput: react.useCallback((event) => {
 			onInput?.(event);
 			if (autoSizeActive) queueMicrotask(resize);
 		}, [
@@ -2733,23 +2732,24 @@ TextArea.displayName = "TextArea";
 //#endregion
 //#region src/components/Modal/Modal.module.css
 var Modal_module_default = {
-	"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"
+	"confirmationActions": "capra-Modal-module-gAoc6W-confirmationActions",
+	"confirmationBody": "capra-Modal-module-gAoc6W-confirmationBody",
+	"confirmationIcon": "capra-Modal-module-gAoc6W-confirmationIcon",
+	"confirmationLayout": "capra-Modal-module-gAoc6W-confirmationLayout",
+	"confirmationMessage": "capra-Modal-module-gAoc6W-confirmationMessage",
+	"confirmationSurface": "capra-Modal-module-gAoc6W-confirmationSurface",
+	"content": "capra-Modal-module-gAoc6W-content",
+	"contentShow": "capra-Modal-module-gAoc6W-contentShow",
+	"dialog": "capra-Modal-module-gAoc6W-dialog",
+	"expandedFooterLayout": "capra-Modal-module-gAoc6W-expandedFooterLayout",
+	"expandedTitleLayout": "capra-Modal-module-gAoc6W-expandedTitleLayout",
+	"footer": "capra-Modal-module-gAoc6W-footer",
+	"footerActions": "capra-Modal-module-gAoc6W-footerActions",
+	"header": "capra-Modal-module-gAoc6W-header",
+	"headerLeading": "capra-Modal-module-gAoc6W-headerLeading",
+	"overlay": "capra-Modal-module-gAoc6W-overlay",
+	"overlayShow": "capra-Modal-module-gAoc6W-overlayShow",
+	"surface": "capra-Modal-module-gAoc6W-surface"
 };
 //#endregion
 //#region src/components/Text/Heading.tsx
@@ -2771,10 +2771,7 @@ const Heading = react.forwardRef(function Heading(props, ref) {
 //#endregion
 //#region src/components/Modal/Modal.tsx
 function ModalInner({ children, isOpen: open, onIsOpenChange: onOpenChange, title, footer, size = "md", isDismissible = true, FORCE__className, confirmButtonText = "OK", cancelButtonText = "Cancel", onClose, onConfirm, getContainer }) {
-	const footerToDisplay = footer !== void 0 ? footer : /* @__PURE__ */ react.createElement(ModalFooterActions, null, cancelButtonText && /* @__PURE__ */ react.createElement(Button, {
-		slot: "close",
-		onPress: () => onClose?.()
-	}, cancelButtonText), /* @__PURE__ */ react.createElement(Button, {
+	const footerToDisplay = footer !== void 0 ? footer : /* @__PURE__ */ react.createElement(ModalFooterActions, null, cancelButtonText && /* @__PURE__ */ react.createElement(Button, { slot: "close" }, cancelButtonText), /* @__PURE__ */ react.createElement(Button, {
 		onPress: () => onConfirm?.(),
 		variant: "primary"
 	}, confirmButtonText));
@@ -2791,7 +2788,7 @@ function ModalInner({ children, isOpen: open, onIsOpenChange: onOpenChange, titl
 	}, /* @__PURE__ */ react.createElement(react_aria_components.Modal, {
 		className: clsx(Modal_module_default.surface, FORCE__className),
 		"data-size": size ?? "md"
-	}, /* @__PURE__ */ react.createElement(react_aria_components.Dialog, { className: "" }, (!!title || isDismissible) && /* @__PURE__ */ react.createElement("div", { className: Modal_module_default.header }, /* @__PURE__ */ react.createElement("div", { className: Modal_module_default.headerLeading }, !!title && typeof title === "string" ? /* @__PURE__ */ react.createElement(ModalHeading, null, title) : title), isDismissible && /* @__PURE__ */ react.createElement(IconButton, {
+	}, /* @__PURE__ */ react.createElement(react_aria_components.Dialog, { className: Modal_module_default.dialog }, (!!title || isDismissible) && /* @__PURE__ */ react.createElement("div", { className: Modal_module_default.header }, /* @__PURE__ */ react.createElement("div", { className: Modal_module_default.headerLeading }, !!title && typeof title === "string" ? /* @__PURE__ */ react.createElement(ModalHeading, null, title) : title), isDismissible && /* @__PURE__ */ react.createElement(IconButton, {
 		slot: "close",
 		variant: "tertiary",
 		appearance: "neutral",
@@ -2961,9 +2958,9 @@ const drawerAnimationMs = 300;
 * (via `animationend` or a duration fallback timeout).
 */
 function useDrawerExitAnimation(isOpen) {
-	const [isRendered, setIsRendered] = react$1.useState(isOpen);
-	const closeTimeoutRef = react$1.useRef(void 0);
-	const finishCloseAnimation = react$1.useCallback(() => {
+	const [isRendered, setIsRendered] = react.useState(isOpen);
+	const closeTimeoutRef = react.useRef(void 0);
+	const finishCloseAnimation = react.useCallback(() => {
 		if (isOpen) return;
 		if (closeTimeoutRef.current !== void 0) {
 			window.clearTimeout(closeTimeoutRef.current);
@@ -2971,7 +2968,7 @@ function useDrawerExitAnimation(isOpen) {
 		}
 		setIsRendered(false);
 	}, [isOpen]);
-	react$1.useEffect(() => {
+	react.useEffect(() => {
 		if (isOpen) {
 			if (closeTimeoutRef.current !== void 0) {
 				window.clearTimeout(closeTimeoutRef.current);
@@ -2998,7 +2995,7 @@ function useDrawerExitAnimation(isOpen) {
 	}, [isOpen, isRendered]);
 	return {
 		isRendered,
-		onSheetAnimationEnd: react$1.useCallback((event) => {
+		onSheetAnimationEnd: react.useCallback((event) => {
 			if (event.target !== event.currentTarget || isOpen) return;
 			finishCloseAnimation();
 		}, [finishCloseAnimation, isOpen])
@@ -4099,20 +4096,20 @@ const Toast = {
 //#endregion
 //#region src/components/Menu/Menu.module.css
 var Menu_module_default = {
-	"divider": "capra-Menu-module-y-WdTa-divider",
-	"header": "capra-Menu-module-y-WdTa-header",
-	"list": "capra-Menu-module-y-WdTa-list",
-	"menu": "capra-Menu-module-y-WdTa-menu",
-	"menuItem": "capra-Menu-module-y-WdTa-menuItem",
-	"menuItemDescription": "capra-Menu-module-y-WdTa-menuItemDescription",
-	"menuItemLabel": "capra-Menu-module-y-WdTa-menuItemLabel",
-	"menuItemLeadingGutter": "capra-Menu-module-y-WdTa-menuItemLeadingGutter",
-	"menuItemListItemShell": "capra-Menu-module-y-WdTa-menuItemListItemShell",
-	"menuItemShortcut": "capra-Menu-module-y-WdTa-menuItemShortcut",
-	"menuItemTrailingGroup": "capra-Menu-module-y-WdTa-menuItemTrailingGroup",
-	"menuItemTrailingGutter": "capra-Menu-module-y-WdTa-menuItemTrailingGutter",
-	"menuTriggerSlot": "capra-Menu-module-y-WdTa-menuTriggerSlot",
-	"section": "capra-Menu-module-y-WdTa-section"
+	"divider": "capra-Menu-module-3G4VeG-divider",
+	"header": "capra-Menu-module-3G4VeG-header",
+	"list": "capra-Menu-module-3G4VeG-list",
+	"menu": "capra-Menu-module-3G4VeG-menu",
+	"menuItem": "capra-Menu-module-3G4VeG-menuItem",
+	"menuItemDescription": "capra-Menu-module-3G4VeG-menuItemDescription",
+	"menuItemLabel": "capra-Menu-module-3G4VeG-menuItemLabel",
+	"menuItemLeadingGutter": "capra-Menu-module-3G4VeG-menuItemLeadingGutter",
+	"menuItemListItemShell": "capra-Menu-module-3G4VeG-menuItemListItemShell",
+	"menuItemShortcut": "capra-Menu-module-3G4VeG-menuItemShortcut",
+	"menuItemTrailingGroup": "capra-Menu-module-3G4VeG-menuItemTrailingGroup",
+	"menuItemTrailingGutter": "capra-Menu-module-3G4VeG-menuItemTrailingGutter",
+	"menuTriggerSlot": "capra-Menu-module-3G4VeG-menuTriggerSlot",
+	"section": "capra-Menu-module-3G4VeG-section"
 };
 //#endregion
 //#region src/components/Menu/Menu.tsx
@@ -4383,23 +4380,23 @@ const submenuPanelClassName = Menu_module_default.menu;
 //#endregion
 //#region src/components/TabNav/TabNav.module.css
 var TabNav_module_default = {
-	"dropdownIcon": "capra-TabNav-module-e0IbmW-dropdownIcon",
-	"extraContent": "capra-TabNav-module-e0IbmW-extraContent",
-	"indentSpacer": "capra-TabNav-module-e0IbmW-indentSpacer",
-	"panel": "capra-TabNav-module-e0IbmW-panel",
-	"root": "capra-TabNav-module-e0IbmW-root",
-	"subMenu": "capra-TabNav-module-e0IbmW-subMenu",
-	"subMenuItem": "capra-TabNav-module-e0IbmW-subMenuItem",
-	"subMenuItemActive": "capra-TabNav-module-e0IbmW-subMenuItemActive",
-	"subTab": "capra-TabNav-module-e0IbmW-subTab",
-	"subTabList": "capra-TabNav-module-e0IbmW-subTabList",
-	"subTabListItem": "capra-TabNav-module-e0IbmW-subTabListItem",
-	"tab": "capra-TabNav-module-e0IbmW-tab",
-	"tabBar": "capra-TabNav-module-e0IbmW-tabBar",
-	"tabGroup": "capra-TabNav-module-e0IbmW-tabGroup",
-	"tabIcon": "capra-TabNav-module-e0IbmW-tabIcon",
-	"tabLabel": "capra-TabNav-module-e0IbmW-tabLabel",
-	"tabList": "capra-TabNav-module-e0IbmW-tabList"
+	"dropdownIcon": "capra-TabNav-module-qqfvea-dropdownIcon",
+	"extraContent": "capra-TabNav-module-qqfvea-extraContent",
+	"indentSpacer": "capra-TabNav-module-qqfvea-indentSpacer",
+	"panel": "capra-TabNav-module-qqfvea-panel",
+	"root": "capra-TabNav-module-qqfvea-root",
+	"subMenu": "capra-TabNav-module-qqfvea-subMenu",
+	"subMenuItem": "capra-TabNav-module-qqfvea-subMenuItem",
+	"subMenuItemActive": "capra-TabNav-module-qqfvea-subMenuItemActive",
+	"subTab": "capra-TabNav-module-qqfvea-subTab",
+	"subTabList": "capra-TabNav-module-qqfvea-subTabList",
+	"subTabListItem": "capra-TabNav-module-qqfvea-subTabListItem",
+	"tab": "capra-TabNav-module-qqfvea-tab",
+	"tabBar": "capra-TabNav-module-qqfvea-tabBar",
+	"tabGroup": "capra-TabNav-module-qqfvea-tabGroup",
+	"tabIcon": "capra-TabNav-module-qqfvea-tabIcon",
+	"tabLabel": "capra-TabNav-module-qqfvea-tabLabel",
+	"tabList": "capra-TabNav-module-qqfvea-tabList"
 };
 //#endregion
 //#region src/components/TabNav/TabNav.tsx
@@ -4849,7 +4846,7 @@ const TabNav = ({ activeKey, onTabClick, items, tabPlacement = "horizontal", cen
 				});
 			}));
 		}
-		if (item.href && !item.disabled) return /* @__PURE__ */ react.createElement("a", {
+		if (item.href && !item.disabled) return /* @__PURE__ */ react.createElement(react_aria_components.Link, {
 			key: item.key,
 			...commonTabProps,
 			href: item.href,