@soroush.tech/design-system 1.1.0 → 1.3.0

package/dist/{Modal-dy5l7gfH.mjs → Modal-C0oiFAj5.mjs}

@@ -51,22 +51,26 @@ const ARIA_HIDDEN_FORBIDDEN_TAGS = /* @__PURE__ */ new Set([
 	"SOURCE",
 	"TRACK"
 ]);
-function ariaHidden(element, hide) {
-	if (hide) element.setAttribute("aria-hidden", "true");
-	else element.removeAttribute("aria-hidden");
+/** Hides an element from assistive tech. */
+function hideFromAria(element) {
+	element.setAttribute("aria-hidden", "true");
+}
+/** Reveals an element to assistive tech again. */
+function exposeToAria(element) {
+	element.removeAttribute("aria-hidden");
 }
 function isAriaHiddenForbidden(element) {
 	if (ARIA_HIDDEN_FORBIDDEN_TAGS.has(element.tagName)) return true;
 	return element.tagName === "INPUT" && element.getAttribute("type") === "hidden";
 }
-function ariaHiddenSiblings(container, mountElement, currentElement, hiddenSiblings, hide) {
+function ariaHiddenSiblings(container, mountElement, currentElement, hiddenSiblings, apply) {
 	const exclude = /* @__PURE__ */ new Set([
 		mountElement,
 		currentElement,
 		...hiddenSiblings
 	]);
 	Array.from(container.children).forEach((element) => {
-		if (!exclude.has(element) && !isAriaHiddenForbidden(element)) ariaHidden(element, hide);
+		if (!exclude.has(element) && !isAriaHiddenForbidden(element)) apply(element);
 	});
 }
 function getHiddenSiblings(container) {
@@ -115,9 +119,9 @@ var ModalManager = class {
 		if (existingIndex !== -1) return existingIndex;
 		const modalIndex = this.modals.length;
 		this.modals.push(modal);
-		ariaHidden(modal.modalRef, false);
+		exposeToAria(modal.modalRef);
 		const hiddenSiblings = getHiddenSiblings(container);
-		if (!disableAriaHidden) ariaHiddenSiblings(container, modal.mount, modal.modalRef, hiddenSiblings, true);
+		if (!disableAriaHidden) ariaHiddenSiblings(container, modal.mount, modal.modalRef, hiddenSiblings, hideFromAria);
 		const containerState = this.containers.find((item) => item.container === container);
 		if (containerState) {
 			containerState.modals.push(modal);
@@ -145,13 +149,13 @@ var ModalManager = class {
 		this.modals.splice(modalIndex, 1);
 		if (containerState.modals.length === 0) {
 			if (containerState.restore) containerState.restore();
-			ariaHidden(modal.modalRef, ariaHiddenState);
-			if (containerState.ariaHiddenApplied) ariaHiddenSiblings(containerState.container, modal.mount, modal.modalRef, containerState.hiddenSiblings, false);
+			(ariaHiddenState ? hideFromAria : exposeToAria)(modal.modalRef);
+			if (containerState.ariaHiddenApplied) ariaHiddenSiblings(containerState.container, modal.mount, modal.modalRef, containerState.hiddenSiblings, exposeToAria);
 			this.containers.splice(this.containers.indexOf(containerState), 1);
 		} else {
 			const nextTop = containerState.modals.at(-1);
-			ariaHidden(modal.modalRef, ariaHiddenState);
-			ariaHidden(nextTop.modalRef, false);
+			(ariaHiddenState ? hideFromAria : exposeToAria)(modal.modalRef);
+			exposeToAria(nextTop.modalRef);
 		}
 		return modalIndex;
 	}
@@ -272,10 +276,11 @@ function useModal(parameters) {
 }
 //#endregion
 //#region src/Modal/Modal.tsx
+const shouldForwardProp = createShouldForwardProp(["scroll", "layer"]);
 const ModalRoot = styled(View, {
 	name: "Modal",
 	label: "Modal",
-	shouldForwardProp: createShouldForwardProp(["scroll", "layer"])
+	shouldForwardProp
 })(({ theme, scroll, layer }) => ({
 	position: "fixed",
 	inset: 0,
@@ -324,4 +329,4 @@ function Modal({ isOpen, children, onClose, hasBackdrop = true, shouldKeepMounte
 	}) : content;
 }
 //#endregion
-export { ariaHidden as i, useModal as n, ModalManager as r, Modal as t };
+export { hideFromAria as a, exposeToAria as i, useModal as n, ModalManager as r, Modal as t };

package/dist/Modal.cjs

@@ -1,6 +1,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_Modal = require("./Modal-DZH-DzMZ.cjs");
+const require_Modal = require("./Modal-Bjfv7n4e.cjs");
 exports.Modal = require_Modal.Modal;
 exports.ModalManager = require_Modal.ModalManager;
-exports.ariaHidden = require_Modal.ariaHidden;
+exports.exposeToAria = require_Modal.exposeToAria;
+exports.hideFromAria = require_Modal.hideFromAria;
 exports.useModal = require_Modal.useModal;

package/dist/Modal.d.cts

@@ -1,2 +1,2 @@
-import { a as Modal, c as ModalCloseReason, d as useModal, i as ariaHidden, l as UseModalParameters, n as ManagedModalProps, o as ModalProps, r as ModalManager, s as ModalScroll, t as ManagedModal, u as UseModalReturnValue } from "./index-BfpjEqqt.cjs";
-export { ManagedModal, ManagedModalProps, Modal, ModalCloseReason, ModalManager, ModalProps, ModalScroll, UseModalParameters, UseModalReturnValue, ariaHidden, useModal };
+import { a as hideFromAria, c as ModalScroll, d as UseModalReturnValue, f as useModal, i as exposeToAria, l as ModalCloseReason, n as ManagedModalProps, o as Modal, r as ModalManager, s as ModalProps, t as ManagedModal, u as UseModalParameters } from "./index-0law1kXY.cjs";
+export { ManagedModal, ManagedModalProps, Modal, ModalCloseReason, ModalManager, ModalProps, ModalScroll, UseModalParameters, UseModalReturnValue, exposeToAria, hideFromAria, useModal };

package/dist/Modal.d.mts

@@ -1,2 +1,2 @@
-import { a as Modal, c as ModalCloseReason, d as useModal, i as ariaHidden, l as UseModalParameters, n as ManagedModalProps, o as ModalProps, r as ModalManager, s as ModalScroll, t as ManagedModal, u as UseModalReturnValue } from "./index-Ds__py2h.mjs";
-export { ManagedModal, ManagedModalProps, Modal, ModalCloseReason, ModalManager, ModalProps, ModalScroll, UseModalParameters, UseModalReturnValue, ariaHidden, useModal };
+import { a as hideFromAria, c as ModalScroll, d as UseModalReturnValue, f as useModal, i as exposeToAria, l as ModalCloseReason, n as ManagedModalProps, o as Modal, r as ModalManager, s as ModalProps, t as ManagedModal, u as UseModalParameters } from "./index-CqFd46gX.mjs";
+export { ManagedModal, ManagedModalProps, Modal, ModalCloseReason, ModalManager, ModalProps, ModalScroll, UseModalParameters, UseModalReturnValue, exposeToAria, hideFromAria, useModal };

package/dist/Modal.mjs

@@ -1,2 +1,2 @@
-import { i as ariaHidden, n as useModal, r as ModalManager, t as Modal } from "./Modal-dy5l7gfH.mjs";
-export { Modal, ModalManager, ariaHidden, useModal };
+import { a as hideFromAria, i as exposeToAria, n as useModal, r as ModalManager, t as Modal } from "./Modal-C0oiFAj5.mjs";
+export { Modal, ModalManager, exposeToAria, hideFromAria, useModal };

package/dist/NativeSelect.cjs

@@ -1,8 +1,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("./src-C8PIppTy.cjs");
+const require_src = require("./src-BJrcLd7P.cjs");
 const require_themeDefault = require("./themeDefault-Cebi08Cv.cjs");
-const require_theme = require("./theme-Du6xgPsg.cjs");
-const require_Icon = require("./Icon-BOjk5r39.cjs");
+const require_theme = require("./theme-CleLAV6A.cjs");
+const require_Icon = require("./Icon-ByDvM-t1.cjs");
 const require_FormControl = require("./FormControl.cjs");
 const require_inputVariantStyles = require("./inputVariantStyles-BBkkYQtE.cjs");
 require("react");
@@ -60,15 +60,16 @@ const layoutStyles = ({ fullWidth, disabled }) => ({
 		pointerEvents: "none"
 	} : {}
 });
+const widthStyles = (0, require_src.src_exports.system)({
+	width: true,
+	minWidth: true,
+	maxWidth: true
+});
 const NativeSelectRoot = require_src.styled("div", {
 	name: "NativeSelect",
 	label: "NativeSelect",
 	shouldForwardProp,
-	systemProps: [require_src.src_exports.space, (0, require_src.src_exports.system)({
-		width: true,
-		minWidth: true,
-		maxWidth: true
-	})]
+	systemProps: [require_src.src_exports.space, widthStyles]
 })(baseStyle, require_inputVariantStyles.inputVariantStyles, borderRadiusStyle, colorBorder, focusWithinColor, focusVisibleRing, backgroundStyle, layoutStyles);
 const shouldForwardNativeSelectProps = (prop) => prop !== "sizeToken" && prop !== "bg" && prop !== "textColor";
 const sizeVariants = ({ theme, sizeToken }) => {

package/dist/NativeSelect.mjs

@@ -1,7 +1,7 @@
 import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "./src-BJy4dM4f.mjs";
 import { t as themeDefault } from "./themeDefault-Z3KmyIbm.mjs";
-import { r as useTheme } from "./theme-V6lYzd3j.mjs";
-import { t as Icon } from "./Icon-CYjD0Bad.mjs";
+import { r as useTheme } from "./theme-Cudynq5K.mjs";
+import { t as Icon } from "./Icon-GgwNXKEY.mjs";
 import { useFormControl } from "./FormControl.mjs";
 import { t as inputVariantStyles } from "./inputVariantStyles-CcqpGfuP.mjs";
 import "react";
@@ -58,15 +58,16 @@ const layoutStyles = ({ fullWidth, disabled }) => ({
 		pointerEvents: "none"
 	} : {}
 });
+const widthStyles = (0, src_exports.system)({
+	width: true,
+	minWidth: true,
+	maxWidth: true
+});
 const NativeSelectRoot = styled("div", {
 	name: "NativeSelect",
 	label: "NativeSelect",
 	shouldForwardProp,
-	systemProps: [src_exports.space, (0, src_exports.system)({
-		width: true,
-		minWidth: true,
-		maxWidth: true
-	})]
+	systemProps: [src_exports.space, widthStyles]
 })(baseStyle, inputVariantStyles, borderRadiusStyle, colorBorder, focusWithinColor, focusVisibleRing, backgroundStyle, layoutStyles);
 const shouldForwardNativeSelectProps = (prop) => prop !== "sizeToken" && prop !== "bg" && prop !== "textColor";
 const sizeVariants = ({ theme, sizeToken }) => {

package/dist/Pagination/PaginationItem.cjs

@@ -1,8 +1,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("../src-C8PIppTy.cjs");
+const require_src = require("../src-BJrcLd7P.cjs");
 const require_themeDefault = require("../themeDefault-Cebi08Cv.cjs");
 const require_utils = require("../utils.cjs");
-const require_Icon = require("../Icon-BOjk5r39.cjs");
+const require_Icon = require("../Icon-ByDvM-t1.cjs");
 require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _soroush_tech_styled_system_should_forward_prop = require("@soroush.tech/styled-system/should-forward-prop");

package/dist/Pagination/PaginationItem.mjs

@@ -1,7 +1,7 @@
 import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "../src-BJy4dM4f.mjs";
 import { t as themeDefault } from "../themeDefault-Z3KmyIbm.mjs";
 import { alpha } from "../utils.mjs";
-import { t as Icon } from "../Icon-CYjD0Bad.mjs";
+import { t as Icon } from "../Icon-GgwNXKEY.mjs";
 import "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/Pagination/PaginationItem/PaginationItem.tsx

package/dist/Pagination.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("./src-C8PIppTy.cjs");
+const require_src = require("./src-BJrcLd7P.cjs");
 const require_Pagination_PaginationItem = require("./Pagination/PaginationItem.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");

package/dist/Paper.cjs

@@ -1,8 +1,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("./src-C8PIppTy.cjs");
+const require_src = require("./src-BJrcLd7P.cjs");
 const require_Flex = require("./Flex.cjs");
 const require_themeDefault = require("./themeDefault-Cebi08Cv.cjs");
-const require_theme = require("./theme-Du6xgPsg.cjs");
+const require_theme = require("./theme-CleLAV6A.cjs");
 require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/Paper/Paper.tsx

package/dist/Paper.mjs

@@ -1,7 +1,7 @@
 import { a as src_exports, o as styled, t as createShouldForwardProp } from "./src-BJy4dM4f.mjs";
 import { Flex } from "./Flex.mjs";
 import { t as themeDefault } from "./themeDefault-Z3KmyIbm.mjs";
-import { r as useTheme } from "./theme-V6lYzd3j.mjs";
+import { r as useTheme } from "./theme-Cudynq5K.mjs";
 import "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/Paper/Paper.tsx

package/dist/{Popover-pEVboMZO.cjs → Popover-COoJ2p2I.cjs}

@@ -1,7 +1,7 @@
-const require_src = require("./src-C8PIppTy.cjs");
-const require_theme = require("./theme-Du6xgPsg.cjs");
+const require_src = require("./src-BJrcLd7P.cjs");
+const require_theme = require("./theme-CleLAV6A.cjs");
 const require_Paper = require("./Paper.cjs");
-const require_Modal = require("./Modal-DZH-DzMZ.cjs");
+const require_Modal = require("./Modal-Bjfv7n4e.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _soroush_tech_styled_system_should_forward_prop = require("@soroush.tech/styled-system/should-forward-prop");

package/dist/{Popover-Chgtjn-N.mjs → Popover-mz_rnf5s.mjs}

@@ -1,7 +1,7 @@
 import { o as styled, t as createShouldForwardProp } from "./src-BJy4dM4f.mjs";
-import { r as useTheme } from "./theme-V6lYzd3j.mjs";
+import { r as useTheme } from "./theme-Cudynq5K.mjs";
 import { Paper } from "./Paper.mjs";
-import { t as Modal } from "./Modal-dy5l7gfH.mjs";
+import { t as Modal } from "./Modal-C0oiFAj5.mjs";
 import { useCallback, useEffect, useImperativeHandle, useLayoutEffect, useRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/Popover/utils/resolveAnchorEl.ts

package/dist/Popover.cjs

@@ -1,3 +1,3 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_Popover = require("./Popover-pEVboMZO.cjs");
+const require_Popover = require("./Popover-COoJ2p2I.cjs");
 exports.Popover = require_Popover.Popover;

package/dist/Popover.d.cts

@@ -1,7 +1,7 @@
 import "./index-DLJ-li1B.cjs";
 import { h as Theme } from "./themes-CUV79qWU.cjs";
 import { n as PaperElevation, r as PaperProps } from "./index-CYTaYcm3.cjs";
-import { c as ModalCloseReason } from "./index-BfpjEqqt.cjs";
+import { l as ModalCloseReason } from "./index-0law1kXY.cjs";
 import { ReactNode, Ref } from "react";
 //#region src/Popover/utils/resolveAnchorEl.d.ts
 type PopoverAnchorEl = HTMLElement | (() => HTMLElement | null) | null;

package/dist/Popover.d.mts

@@ -1,7 +1,7 @@
 import { h as Theme } from "./themes-CUV79qWU.mjs";
 import "./index-D8b5OCLe.mjs";
 import { n as PaperElevation, r as PaperProps } from "./index-KZUd8B5E.mjs";
-import { c as ModalCloseReason } from "./index-Ds__py2h.mjs";
+import { l as ModalCloseReason } from "./index-CqFd46gX.mjs";
 import { ReactNode, Ref } from "react";
 //#region src/Popover/utils/resolveAnchorEl.d.ts
 type PopoverAnchorEl = HTMLElement | (() => HTMLElement | null) | null;

package/dist/Popover.mjs

@@ -1,2 +1,2 @@
-import { t as Popover } from "./Popover-Chgtjn-N.mjs";
+import { t as Popover } from "./Popover-mz_rnf5s.mjs";
 export { Popover };

package/dist/Pressable.cjs

@@ -1,8 +1,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("./src-C8PIppTy.cjs");
+const require_src = require("./src-BJrcLd7P.cjs");
 const require_themeDefault = require("./themeDefault-Cebi08Cv.cjs");
 const require_utils = require("./utils.cjs");
-const require_theme = require("./theme-Du6xgPsg.cjs");
+const require_theme = require("./theme-CleLAV6A.cjs");
 require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _soroush_tech_styled_system_should_forward_prop = require("@soroush.tech/styled-system/should-forward-prop");

package/dist/Pressable.mjs

@@ -1,7 +1,7 @@
 import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "./src-BJy4dM4f.mjs";
 import { t as themeDefault } from "./themeDefault-Z3KmyIbm.mjs";
 import { alpha } from "./utils.mjs";
-import { n as useDefaultProps, r as useTheme } from "./theme-V6lYzd3j.mjs";
+import { n as useDefaultProps, r as useTheme } from "./theme-Cudynq5K.mjs";
 import "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/Pressable/Pressable.tsx

package/dist/Quote.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("./src-C8PIppTy.cjs");
+const require_src = require("./src-BJrcLd7P.cjs");
 const require_View = require("./View.cjs");
 //#region src/Quote/Quote.tsx
 /** A View with a 2px primary left-border — used for terminal readouts and markdown blockquotes. */

package/dist/Radio.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("./src-C8PIppTy.cjs");
+const require_src = require("./src-BJrcLd7P.cjs");
 const require_themeDefault = require("./themeDefault-Cebi08Cv.cjs");
 const require_FormControl = require("./FormControl.cjs");
 require("react");

package/dist/Select.cjs

@@ -1,12 +1,12 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("./src-C8PIppTy.cjs");
+const require_src = require("./src-BJrcLd7P.cjs");
 const require_themeDefault = require("./themeDefault-Cebi08Cv.cjs");
-const require_theme = require("./theme-Du6xgPsg.cjs");
-const require_Icon = require("./Icon-BOjk5r39.cjs");
+const require_theme = require("./theme-CleLAV6A.cjs");
+const require_Icon = require("./Icon-ByDvM-t1.cjs");
 const require_FormControl = require("./FormControl.cjs");
 const require_inputVariantStyles = require("./inputVariantStyles-BBkkYQtE.cjs");
 const require_NativeSelect = require("./NativeSelect.cjs");
-const require_Popover = require("./Popover-pEVboMZO.cjs");
+const require_Popover = require("./Popover-COoJ2p2I.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _soroush_tech_styled_system_should_forward_prop = require("@soroush.tech/styled-system/should-forward-prop");
@@ -174,15 +174,16 @@ const layoutStyles = ({ fullWidth, disabled }) => ({
 		cursor: "not-allowed"
 	} : {}
 });
+const widthStyles = (0, require_src.src_exports.system)({
+	width: true,
+	minWidth: true,
+	maxWidth: true
+});
 const Trigger = require_src.styled("div", {
 	name: "Select",
 	label: "Select",
 	shouldForwardProp,
-	systemProps: [require_src.src_exports.space, (0, require_src.src_exports.system)({
-		width: true,
-		minWidth: true,
-		maxWidth: true
-	})]
+	systemProps: [require_src.src_exports.space, widthStyles]
 })(baseStyle, require_inputVariantStyles.inputVariantStyles, borderRadiusStyle, colorBorder, activeBorder, backgroundStyle, sizeVariants, layoutStyles);
 const ValueArea = require_src.styled("span", {
 	name: "Select",
@@ -251,33 +252,36 @@ function Select({ children, native = false, multiple = false, autoWidth = false,
 	const [internalValue, setInternalValue] = (0, react.useState)(defaultValue ?? (multiple ? [] : ""));
 	const rawValue = isControlledValue ? valueProp : internalValue;
 	const value = multiple ? Array.isArray(rawValue) ? rawValue : [] : Array.isArray(rawValue) ? "" : rawValue;
-	if (native) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_NativeSelect.NativeSelect, {
-		options: options.map((option) => ({
+	if (native) {
+		const nativeOptions = options.map((option) => ({
 			value: option.value,
 			label: typeof option.label === "string" ? option.label : String(option.label)
-		})),
-		value: Array.isArray(valueProp) ? void 0 : valueProp,
-		defaultValue: Array.isArray(defaultValue) ? void 0 : defaultValue,
-		onChange,
-		placeholder,
-		borderRadius,
-		color: colorProp,
-		textColor: textColorProp,
-		bg,
-		disabled: disabledProp,
-		error: errorProp,
-		fullWidth: fullWidthProp,
-		required: requiredProp,
-		size: sizeProp,
-		variant,
-		iconName,
-		iconProps,
-		id: idProp,
-		name,
-		className,
-		"data-testid": dataTestid,
-		...spaceProps
-	});
+		}));
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_NativeSelect.NativeSelect, {
+			options: nativeOptions,
+			value: Array.isArray(valueProp) ? void 0 : valueProp,
+			defaultValue: Array.isArray(defaultValue) ? void 0 : defaultValue,
+			onChange,
+			placeholder,
+			borderRadius,
+			color: colorProp,
+			textColor: textColorProp,
+			bg,
+			disabled: disabledProp,
+			error: errorProp,
+			fullWidth: fullWidthProp,
+			required: requiredProp,
+			size: sizeProp,
+			variant,
+			iconName,
+			iconProps,
+			id: idProp,
+			name,
+			className,
+			"data-testid": dataTestid,
+			...spaceProps
+		});
+	}
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(NonNativeSelect, {
 		options,
 		value,
@@ -379,13 +383,10 @@ function NonNativeSelect({ children, options, value, autoWidth, onChangeValue, m
 				if (open) selectHighlighted();
 				else openWithHighlight();
 				break;
-			case "Escape":
-				if (open) {
-					event.preventDefault();
-					closeMenu();
-				}
-				break;
-			default: break;
+			case "Escape": if (open) {
+				event.preventDefault();
+				closeMenu();
+			}
 		}
 	};
 	const handleTriggerClick = () => {

package/dist/Select.mjs

@@ -1,11 +1,11 @@
 import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "./src-BJy4dM4f.mjs";
 import { t as themeDefault } from "./themeDefault-Z3KmyIbm.mjs";
-import { r as useTheme } from "./theme-V6lYzd3j.mjs";
-import { t as Icon } from "./Icon-CYjD0Bad.mjs";
+import { r as useTheme } from "./theme-Cudynq5K.mjs";
+import { t as Icon } from "./Icon-GgwNXKEY.mjs";
 import { useFormControl } from "./FormControl.mjs";
 import { t as inputVariantStyles } from "./inputVariantStyles-CcqpGfuP.mjs";
 import { NativeSelect } from "./NativeSelect.mjs";
-import { t as Popover } from "./Popover-Chgtjn-N.mjs";
+import { t as Popover } from "./Popover-mz_rnf5s.mjs";
 import { Children, cloneElement, isValidElement, useCallback, useId, useState } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/Select/hooks/useSelectPopover.ts
@@ -172,15 +172,16 @@ const layoutStyles = ({ fullWidth, disabled }) => ({
 		cursor: "not-allowed"
 	} : {}
 });
+const widthStyles = (0, src_exports.system)({
+	width: true,
+	minWidth: true,
+	maxWidth: true
+});
 const Trigger = styled("div", {
 	name: "Select",
 	label: "Select",
 	shouldForwardProp,
-	systemProps: [src_exports.space, (0, src_exports.system)({
-		width: true,
-		minWidth: true,
-		maxWidth: true
-	})]
+	systemProps: [src_exports.space, widthStyles]
 })(baseStyle, inputVariantStyles, borderRadiusStyle, colorBorder, activeBorder, backgroundStyle, sizeVariants, layoutStyles);
 const ValueArea = styled("span", {
 	name: "Select",
@@ -249,33 +250,36 @@ function Select({ children, native = false, multiple = false, autoWidth = false,
 	const [internalValue, setInternalValue] = useState(defaultValue ?? (multiple ? [] : ""));
 	const rawValue = isControlledValue ? valueProp : internalValue;
 	const value = multiple ? Array.isArray(rawValue) ? rawValue : [] : Array.isArray(rawValue) ? "" : rawValue;
-	if (native) return /* @__PURE__ */ jsx(NativeSelect, {
-		options: options.map((option) => ({
+	if (native) {
+		const nativeOptions = options.map((option) => ({
 			value: option.value,
 			label: typeof option.label === "string" ? option.label : String(option.label)
-		})),
-		value: Array.isArray(valueProp) ? void 0 : valueProp,
-		defaultValue: Array.isArray(defaultValue) ? void 0 : defaultValue,
-		onChange,
-		placeholder,
-		borderRadius,
-		color: colorProp,
-		textColor: textColorProp,
-		bg,
-		disabled: disabledProp,
-		error: errorProp,
-		fullWidth: fullWidthProp,
-		required: requiredProp,
-		size: sizeProp,
-		variant,
-		iconName,
-		iconProps,
-		id: idProp,
-		name,
-		className,
-		"data-testid": dataTestid,
-		...spaceProps
-	});
+		}));
+		return /* @__PURE__ */ jsx(NativeSelect, {
+			options: nativeOptions,
+			value: Array.isArray(valueProp) ? void 0 : valueProp,
+			defaultValue: Array.isArray(defaultValue) ? void 0 : defaultValue,
+			onChange,
+			placeholder,
+			borderRadius,
+			color: colorProp,
+			textColor: textColorProp,
+			bg,
+			disabled: disabledProp,
+			error: errorProp,
+			fullWidth: fullWidthProp,
+			required: requiredProp,
+			size: sizeProp,
+			variant,
+			iconName,
+			iconProps,
+			id: idProp,
+			name,
+			className,
+			"data-testid": dataTestid,
+			...spaceProps
+		});
+	}
 	return /* @__PURE__ */ jsx(NonNativeSelect, {
 		options,
 		value,
@@ -377,13 +381,10 @@ function NonNativeSelect({ children, options, value, autoWidth, onChangeValue, m
 				if (open) selectHighlighted();
 				else openWithHighlight();
 				break;
-			case "Escape":
-				if (open) {
-					event.preventDefault();
-					closeMenu();
-				}
-				break;
-			default: break;
+			case "Escape": if (open) {
+				event.preventDefault();
+				closeMenu();
+			}
 		}
 	};
 	const handleTriggerClick = () => {

package/dist/Sidebar/Sidebar.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("../src-C8PIppTy.cjs");
+const require_src = require("../src-BJrcLd7P.cjs");
 const require_Flex = require("../Flex.cjs");
 const require_SidebarContext = require("../SidebarContext-jG6OioC-.cjs");
 let react = require("react");

package/dist/Sidebar/SidebarItem.cjs

@@ -1,9 +1,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("../src-C8PIppTy.cjs");
+const require_src = require("../src-BJrcLd7P.cjs");
 const require_Flex = require("../Flex.cjs");
 const require_utils = require("../utils.cjs");
 const require_Typography = require("../Typography.cjs");
-const require_Icon = require("../Icon-BOjk5r39.cjs");
+const require_Icon = require("../Icon-ByDvM-t1.cjs");
 const require_Portal = require("../Portal.cjs");
 const require_Pressable = require("../Pressable.cjs");
 const require_SidebarContext = require("../SidebarContext-jG6OioC-.cjs");

package/dist/Sidebar/SidebarItem.mjs

@@ -2,7 +2,7 @@ import { a as src_exports, o as styled } from "../src-BJy4dM4f.mjs";
 import { Flex } from "../Flex.mjs";
 import { alpha } from "../utils.mjs";
 import { Typography } from "../Typography.mjs";
-import { t as Icon } from "../Icon-CYjD0Bad.mjs";
+import { t as Icon } from "../Icon-GgwNXKEY.mjs";
 import { Portal } from "../Portal.mjs";
 import { Pressable } from "../Pressable.mjs";
 import { t as SidebarContext } from "../SidebarContext-DgSLwjur.mjs";

package/dist/Skeleton.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("./src-C8PIppTy.cjs");
+const require_src = require("./src-BJrcLd7P.cjs");
 require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _soroush_tech_styled_system_should_forward_prop = require("@soroush.tech/styled-system/should-forward-prop");

package/dist/Switch.cjs

@@ -1,8 +1,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("./src-C8PIppTy.cjs");
+const require_src = require("./src-BJrcLd7P.cjs");
 const require_themeDefault = require("./themeDefault-Cebi08Cv.cjs");
 const require_utils = require("./utils.cjs");
-const require_theme = require("./theme-Du6xgPsg.cjs");
+const require_theme = require("./theme-CleLAV6A.cjs");
 require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _soroush_tech_styled_system_should_forward_prop = require("@soroush.tech/styled-system/should-forward-prop");

package/dist/Switch.mjs

@@ -1,7 +1,7 @@
 import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "./src-BJy4dM4f.mjs";
 import { t as themeDefault } from "./themeDefault-Z3KmyIbm.mjs";
 import { alpha } from "./utils.mjs";
-import { r as useTheme } from "./theme-V6lYzd3j.mjs";
+import { r as useTheme } from "./theme-Cudynq5K.mjs";
 import "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/Switch/Switch.tsx

package/dist/Table/Table.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("../src-C8PIppTy.cjs");
+const require_src = require("../src-BJrcLd7P.cjs");
 const require_TableContext = require("../TableContext-Bfg1C3Sr.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");