@soroush.tech/design-system 2.0.0-rc.1 → 2.0.0-rc.2

package/dist/Popover-QjM5Z1CR.mjs

@@ -0,0 +1,133 @@
+import { o as styled, t as createShouldForwardProp } from "./src-DLGYOJMh.mjs";
+import { r as useTheme } from "./theme-Z9_QludW.mjs";
+import { Paper } from "./Paper.mjs";
+import { t as computePopoverPosition } from "./computePopoverPosition-BIprs_xo.mjs";
+import { t as Modal } from "./Modal-BcsyrrpH.mjs";
+import { useCallback, useEffect, useImperativeHandle, useLayoutEffect, useRef, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/Popover/utils/resolveAnchorEl.ts
+/** Resolves the `anchorEl` prop, which may be an element or a function returning one. */
+function resolveAnchorEl(anchorEl) {
+	return (typeof anchorEl === "function" ? anchorEl() : anchorEl) ?? null;
+}
+//#endregion
+//#region src/Popover/Popover.tsx
+const ANCHOR_ORIGIN_DEFAULT = {
+	vertical: "top",
+	horizontal: "left"
+};
+const Positioner = styled("div", {
+	name: "Popover",
+	slot: "positioner",
+	label: "PopoverPositioner",
+	shouldForwardProp: createShouldForwardProp(["isPositioned"])
+})(({ isPositioned }) => ({
+	position: "absolute",
+	...isPositioned ? {} : { opacity: 0 }
+}));
+const Surface = styled(Paper, {
+	name: "Popover",
+	label: "Popover"
+})({
+	overflowY: "auto",
+	overflowX: "hidden",
+	minWidth: 16,
+	minHeight: 16,
+	maxWidth: "calc(100vw - 32px)",
+	maxHeight: "calc(100vh - 32px)",
+	outline: 0
+});
+/**
+* @description Positions its content next to an anchor, portaled above the page.
+* Built on `Modal`, so it inherits the portal, optional backdrop, focus management,
+* scroll lock, and Escape/click-away close - then adds anchor positioning
+* (`anchorOrigin`/`transformOrigin`/`marginThreshold`).
+*/
+function Popover({ open, children, anchorEl = null, anchorReference = "anchorEl", anchorPosition, anchorOrigin = ANCHOR_ORIGIN_DEFAULT, transformOrigin = ANCHOR_ORIGIN_DEFAULT, onClose, elevation = 8, marginThreshold = 2, container, action, slotProps, hasBackdrop = false, disableScrollLock = false, disableAriaHidden = false, shouldAutoFocus = true, shouldTrapFocus = true, shouldEnforceFocus = true, shouldRestoreFocus = true, shouldKeepMounted = false, layer = "modal" }) {
+	const theme = useTheme();
+	const positionerRef = useRef(null);
+	const [isPositioned, setIsPositioned] = useState(false);
+	const anchorTop = anchorPosition?.top;
+	const anchorLeft = anchorPosition?.left;
+	const marginThresholdPx = marginThreshold == null ? null : Number.parseFloat(String(theme.space[marginThreshold]));
+	const setPositioningStyles = useCallback(() => {
+		const element = positionerRef.current;
+		if (!element) return;
+		const resolved = resolveAnchorEl(anchorEl);
+		const anchorRect = anchorReference === "anchorEl" && resolved ? resolved.getBoundingClientRect() : null;
+		const positioning = computePopoverPosition({
+			anchorReference,
+			anchorRect,
+			anchorPosition: anchorTop != null && anchorLeft != null ? {
+				top: anchorTop,
+				left: anchorLeft
+			} : void 0,
+			paperRect: {
+				width: element.offsetWidth,
+				height: element.offsetHeight
+			},
+			anchorOrigin,
+			transformOrigin,
+			viewport: {
+				width: window.innerWidth,
+				height: window.innerHeight
+			},
+			marginThreshold: marginThresholdPx
+		});
+		if (positioning.top !== null) element.style.top = `${positioning.top}px`;
+		if (positioning.left !== null) element.style.left = `${positioning.left}px`;
+		element.style.transformOrigin = positioning.transformOrigin;
+		setIsPositioned(true);
+	}, [
+		anchorEl,
+		anchorReference,
+		anchorTop,
+		anchorLeft,
+		anchorOrigin,
+		transformOrigin,
+		marginThresholdPx
+	]);
+	useLayoutEffect(() => {
+		if (open) setPositioningStyles();
+	});
+	useEffect(() => {
+		if (!open) return;
+		const handle = () => setPositioningStyles();
+		window.addEventListener("resize", handle);
+		if (disableScrollLock) window.addEventListener("scroll", handle, true);
+		return () => {
+			window.removeEventListener("resize", handle);
+			window.removeEventListener("scroll", handle, true);
+		};
+	}, [
+		open,
+		disableScrollLock,
+		setPositioningStyles
+	]);
+	useImperativeHandle(action, () => ({ updatePosition: setPositioningStyles }), [setPositioningStyles]);
+	return /* @__PURE__ */ jsx(Modal, {
+		isOpen: open,
+		onClose,
+		hasBackdrop,
+		shouldKeepMounted,
+		shouldLockScroll: !disableScrollLock,
+		disableAriaHidden,
+		shouldAutoFocus,
+		shouldTrapFocus,
+		shouldEnforceFocus,
+		shouldRestoreFocus,
+		portalContainer: container,
+		layer,
+		children: /* @__PURE__ */ jsx(Positioner, {
+			ref: positionerRef,
+			isPositioned,
+			children: /* @__PURE__ */ jsx(Surface, {
+				elevation,
+				...slotProps?.paper,
+				children
+			})
+		})
+	});
+}
+//#endregion
+export { Popover as t };

package/dist/Popover.cjs

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

package/dist/Popover.d.cts

@@ -1,11 +1,7 @@
-import { T as Theme } from "./themes-Kbk9h5cN.cjs";
-import "./index-DBUwu65Z.cjs";
-import { n as PaperElevation, r as PaperProps } from "./index-DzQJSYIh.cjs";
-import { l as ModalCloseReason } from "./index-Belxmt1X.cjs";
+import { Ht as PaperProps, V as Theme, Vt as PaperElevation } from "./index-DmJ7yWWi.cjs";
+import "./index-DBteSahY.cjs";
+import { l as ModalCloseReason } from "./index-DuVNRXP4.cjs";
 import { ReactNode, Ref } from "react";
-//#region src/Popover/utils/resolveAnchorEl.d.ts
-type PopoverAnchorEl = HTMLElement | (() => HTMLElement | null) | null;
-//#endregion
 //#region src/Popover/utils/getOffset.d.ts
 type PopoverVerticalOrigin = 'top' | 'center' | 'bottom' | number;
 type PopoverHorizontalOrigin = 'left' | 'center' | 'right' | number;
@@ -21,6 +17,9 @@ interface PopoverPosition {
   left: number;
 }
 //#endregion
+//#region src/Popover/utils/resolveAnchorEl.d.ts
+type PopoverAnchorEl = HTMLElement | (() => HTMLElement | null) | null;
+//#endregion
 //#region src/Popover/Popover.d.ts
 interface PopoverActions {
   /** Recomputes the popover's position against its anchor. */

package/dist/Popover.d.mts

@@ -1,11 +1,7 @@
-import { T as Theme } from "./themes-RX2UX5gD.mjs";
-import "./index-C1WqEDtQ.mjs";
-import { n as PaperElevation, r as PaperProps } from "./index-B_dKjEDR.mjs";
-import { l as ModalCloseReason } from "./index-Wnv6jCR3.mjs";
+import { Ht as PaperProps, V as Theme, Vt as PaperElevation } from "./index-CVNJEUwJ.mjs";
+import "./index-_G1osn09.mjs";
+import { l as ModalCloseReason } from "./index-DqjXDutI.mjs";
 import { ReactNode, Ref } from "react";
-//#region src/Popover/utils/resolveAnchorEl.d.ts
-type PopoverAnchorEl = HTMLElement | (() => HTMLElement | null) | null;
-//#endregion
 //#region src/Popover/utils/getOffset.d.ts
 type PopoverVerticalOrigin = 'top' | 'center' | 'bottom' | number;
 type PopoverHorizontalOrigin = 'left' | 'center' | 'right' | number;
@@ -21,6 +17,9 @@ interface PopoverPosition {
   left: number;
 }
 //#endregion
+//#region src/Popover/utils/resolveAnchorEl.d.ts
+type PopoverAnchorEl = HTMLElement | (() => HTMLElement | null) | null;
+//#endregion
 //#region src/Popover/Popover.d.ts
 interface PopoverActions {
   /** Recomputes the popover's position against its anchor. */

package/dist/Popover.mjs

@@ -1,2 +1,2 @@
-import { t as Popover } from "./Popover-DwnSLpp1.mjs";
+import { t as Popover } from "./Popover-QjM5Z1CR.mjs";
 export { Popover };

package/dist/Pressable.cjs

@@ -2,7 +2,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_src = require("./src-DU81aGy9.cjs");
 const require_themeDefault = require("./themeDefault-Cebi08Cv.cjs");
 const require_utils = require("./utils.cjs");
-const require_theme = require("./theme-BXlAP3xf.cjs");
+const require_theme = require("./theme-BxXuXRgQ.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.d.cts

@@ -1,2 +1,2 @@
-import { i as PressableProps, n as PressableColor, r as PressableFeedback, t as Pressable } from "./index-CxUsrlg1.cjs";
+import { i as PressableProps, n as PressableColor, r as PressableFeedback, t as Pressable } from "./index-BCnKYNlZ.cjs";
 export { Pressable, PressableColor, PressableFeedback, PressableProps };

package/dist/Pressable.d.mts

@@ -1,2 +1,2 @@
-import { i as PressableProps, n as PressableColor, r as PressableFeedback, t as Pressable } from "./index-GpnmW6vu.mjs";
+import { i as PressableProps, n as PressableColor, r as PressableFeedback, t as Pressable } from "./index-DrVYWt-X.mjs";
 export { Pressable, PressableColor, PressableFeedback, PressableProps };

package/dist/Pressable.mjs

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

package/dist/Quote.d.cts

@@ -1,6 +1,5 @@
-import { T as Theme } from "./themes-Kbk9h5cN.cjs";
-import "./index-DBUwu65Z.cjs";
-import { s as ViewProps } from "./index-nB94D7UM.cjs";
+import { Qt as ViewProps, V as Theme } from "./index-DmJ7yWWi.cjs";
+import "./index-DDJuUfL5.cjs";
 //#region src/Quote/Quote.d.ts
 type QuoteProps = ViewProps;
 /** A View with a 2px primary left-border - used for terminal readouts and markdown blockquotes. */

package/dist/Quote.d.mts

@@ -1,6 +1,5 @@
-import { T as Theme } from "./themes-RX2UX5gD.mjs";
-import "./index-C1WqEDtQ.mjs";
-import { s as ViewProps } from "./index-cuv3o-L7.mjs";
+import { Qt as ViewProps, V as Theme } from "./index-CVNJEUwJ.mjs";
+import "./index-BVPrG1L0.mjs";
 //#region src/Quote/Quote.d.ts
 type QuoteProps = ViewProps;
 /** A View with a 2px primary left-border - used for terminal readouts and markdown blockquotes. */

package/dist/Radio.d.cts

@@ -1,5 +1,4 @@
-import { T as Theme, x as PaletteColor } from "./themes-Kbk9h5cN.cjs";
-import "./index-DBUwu65Z.cjs";
+import { M as PaletteColor, V as Theme } from "./index-DmJ7yWWi.cjs";
 import { ChangeEvent, InputHTMLAttributes, ReactNode } from "react";
 import { SpaceProps } from "@soroush.tech/styled-system";
 //#region src/Radio/Radio.d.ts

package/dist/Radio.d.mts

@@ -1,5 +1,4 @@
-import { T as Theme, x as PaletteColor } from "./themes-RX2UX5gD.mjs";
-import "./index-C1WqEDtQ.mjs";
+import { M as PaletteColor, V as Theme } from "./index-CVNJEUwJ.mjs";
 import { SpaceProps } from "@soroush.tech/styled-system";
 import { ChangeEvent, InputHTMLAttributes, ReactNode } from "react";
 //#region src/Radio/Radio.d.ts

package/dist/Select.cjs

@@ -1,12 +1,12 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_src = require("./src-DU81aGy9.cjs");
 const require_themeDefault = require("./themeDefault-Cebi08Cv.cjs");
-const require_theme = require("./theme-BXlAP3xf.cjs");
-const require_Icon = require("./Icon-CI6q2Eyi.cjs");
+const require_theme = require("./theme-BxXuXRgQ.cjs");
+const require_Icon = require("./Icon-Cvuhp9ek.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-TpwRSORC.cjs");
+const require_Popover = require("./Popover-CiZfgiKE.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/Select.d.cts

@@ -1,6 +1,5 @@
-import { T as Theme } from "./themes-Kbk9h5cN.cjs";
-import "./index-DBUwu65Z.cjs";
-import { n as IconProps, r as IconName } from "./index-Ctqajtac.cjs";
+import { V as Theme } from "./index-DmJ7yWWi.cjs";
+import { n as IconProps, r as IconName } from "./index-qlfNErNd.cjs";
 import { ReactNode } from "react";
 import { LayoutProps, SpaceProps } from "@soroush.tech/styled-system";
 //#region src/Select/utils/isOptionSelected.d.ts

package/dist/Select.d.mts

@@ -1,6 +1,5 @@
-import { T as Theme } from "./themes-RX2UX5gD.mjs";
-import "./index-C1WqEDtQ.mjs";
-import { n as IconProps, r as IconName } from "./index-DO9J-Fla.mjs";
+import { V as Theme } from "./index-CVNJEUwJ.mjs";
+import { n as IconProps, r as IconName } from "./index-BqpS_Huq.mjs";
 import { LayoutProps, SpaceProps } from "@soroush.tech/styled-system";
 import { ReactNode } from "react";
 //#region src/Select/utils/isOptionSelected.d.ts

package/dist/Select.mjs

@@ -1,11 +1,11 @@
 import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "./src-DLGYOJMh.mjs";
 import { t as themeDefault } from "./themeDefault-Z3KmyIbm.mjs";
-import { r as useTheme } from "./theme-CDVxig_g.mjs";
-import { t as Icon } from "./Icon-CH3asUJu.mjs";
+import { r as useTheme } from "./theme-Z9_QludW.mjs";
+import { t as Icon } from "./Icon-DlheCTJb.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-DwnSLpp1.mjs";
+import { t as Popover } from "./Popover-QjM5Z1CR.mjs";
 import { Children, cloneElement, isValidElement, useCallback, useId, useState } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/Select/hooks/useSelectPopover.ts

package/dist/Sidebar/Sidebar.d.cts

@@ -1,4 +1,4 @@
-import { n as FlexProps } from "../index-CA7HnbtH.cjs";
+import { Wt as FlexProps } from "../index-DmJ7yWWi.cjs";
 import { i as SidebarItemVariant, t as SidebarAnchor } from "../SidebarContext-B1lWrt77.cjs";
 import { ElementType, ReactNode } from "react";
 //#region src/Sidebar/Sidebar/Sidebar.d.ts

package/dist/Sidebar/Sidebar.d.mts

@@ -1,4 +1,4 @@
-import { n as FlexProps } from "../index-CKZaErxJ.mjs";
+import { Wt as FlexProps } from "../index-CVNJEUwJ.mjs";
 import { i as SidebarItemVariant, t as SidebarAnchor } from "../SidebarContext-B1lWrt77.mjs";
 import { ElementType, ReactNode } from "react";
 //#region src/Sidebar/Sidebar/Sidebar.d.ts

package/dist/Sidebar/SidebarItem.cjs

@@ -3,7 +3,7 @@ const require_src = require("../src-DU81aGy9.cjs");
 const require_Flex = require("../Flex.cjs");
 const require_utils = require("../utils.cjs");
 const require_Typography = require("../Typography.cjs");
-const require_Icon = require("../Icon-CI6q2Eyi.cjs");
+const require_Icon = require("../Icon-Cvuhp9ek.cjs");
 const require_Portal = require("../Portal.cjs");
 const require_Pressable = require("../Pressable.cjs");
 const require_SidebarContext = require("../SidebarContext-jG6OioC-.cjs");

package/dist/Sidebar/SidebarItem.d.cts

@@ -1,7 +1,6 @@
-import { T as Theme } from "../themes-Kbk9h5cN.cjs";
-import "../index-DBUwu65Z.cjs";
-import { r as IconName } from "../index-Ctqajtac.cjs";
-import { i as PressableProps } from "../index-CxUsrlg1.cjs";
+import { V as Theme } from "../index-DmJ7yWWi.cjs";
+import { r as IconName } from "../index-qlfNErNd.cjs";
+import { i as PressableProps } from "../index-BCnKYNlZ.cjs";
 import { i as SidebarItemVariant } from "../SidebarContext-B1lWrt77.cjs";
 import { ReactNode } from "react";
 //#region src/Sidebar/SidebarItem/SidebarItem.d.ts

package/dist/Sidebar/SidebarItem.d.mts

@@ -1,7 +1,6 @@
-import { T as Theme } from "../themes-RX2UX5gD.mjs";
-import "../index-C1WqEDtQ.mjs";
-import { r as IconName } from "../index-DO9J-Fla.mjs";
-import { i as PressableProps } from "../index-GpnmW6vu.mjs";
+import { V as Theme } from "../index-CVNJEUwJ.mjs";
+import { r as IconName } from "../index-BqpS_Huq.mjs";
+import { i as PressableProps } from "../index-DrVYWt-X.mjs";
 import { i as SidebarItemVariant } from "../SidebarContext-B1lWrt77.mjs";
 import { ReactNode } from "react";
 //#region src/Sidebar/SidebarItem/SidebarItem.d.ts

package/dist/Sidebar/SidebarItem.mjs

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

package/dist/Skeleton.d.cts

@@ -1,5 +1,4 @@
-import { T as Theme } from "./themes-Kbk9h5cN.cjs";
-import "./index-DBUwu65Z.cjs";
+import { V as Theme } from "./index-DmJ7yWWi.cjs";
 import { HTMLAttributes } from "react";
 import { PaddingProps, SpaceProps } from "@soroush.tech/styled-system";
 //#region src/Skeleton/Skeleton.d.ts

package/dist/Skeleton.d.mts

@@ -1,5 +1,4 @@
-import { T as Theme } from "./themes-RX2UX5gD.mjs";
-import "./index-C1WqEDtQ.mjs";
+import { V as Theme } from "./index-CVNJEUwJ.mjs";
 import { PaddingProps, SpaceProps } from "@soroush.tech/styled-system";
 import { HTMLAttributes } from "react";
 //#region src/Skeleton/Skeleton.d.ts

package/dist/Switch.cjs

@@ -2,7 +2,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_src = require("./src-DU81aGy9.cjs");
 const require_themeDefault = require("./themeDefault-Cebi08Cv.cjs");
 const require_utils = require("./utils.cjs");
-const require_theme = require("./theme-BXlAP3xf.cjs");
+const require_theme = require("./theme-BxXuXRgQ.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.d.cts

@@ -1,5 +1,4 @@
-import { T as Theme } from "./themes-Kbk9h5cN.cjs";
-import "./index-DBUwu65Z.cjs";
+import { V as Theme } from "./index-DmJ7yWWi.cjs";
 import { ChangeEvent, ReactNode } from "react";
 import { SpaceProps } from "@soroush.tech/styled-system";
 //#region src/Switch/Switch.d.ts

package/dist/Switch.d.mts

@@ -1,5 +1,4 @@
-import { T as Theme } from "./themes-RX2UX5gD.mjs";
-import "./index-C1WqEDtQ.mjs";
+import { V as Theme } from "./index-CVNJEUwJ.mjs";
 import { SpaceProps } from "@soroush.tech/styled-system";
 import { ChangeEvent, ReactNode } from "react";
 //#region src/Switch/Switch.d.ts

package/dist/Switch.mjs

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

package/dist/Table/Table.d.cts

@@ -1,6 +1,5 @@
-import { T as Theme, x as PaletteColor } from "../themes-Kbk9h5cN.cjs";
-import "../index-DBUwu65Z.cjs";
-import { t as TableCellPadding } from "../TableContext-BeCxbtHH.cjs";
+import { M as PaletteColor, V as Theme } from "../index-DmJ7yWWi.cjs";
+import { t as TableCellPadding } from "../TableContext-CBGk-Lh8.cjs";
 import { ElementType, TableHTMLAttributes } from "react";
 import { BorderProps, LayoutProps, SpaceProps } from "@soroush.tech/styled-system";
 //#region src/Table/Table/Table.d.ts

package/dist/Table/Table.d.mts

@@ -1,6 +1,5 @@
-import { T as Theme, x as PaletteColor } from "../themes-RX2UX5gD.mjs";
-import "../index-C1WqEDtQ.mjs";
-import { t as TableCellPadding } from "../TableContext-BiRiYkVZ.mjs";
+import { M as PaletteColor, V as Theme } from "../index-CVNJEUwJ.mjs";
+import { t as TableCellPadding } from "../TableContext-6PgGpUzM.mjs";
 import { BorderProps, LayoutProps, SpaceProps } from "@soroush.tech/styled-system";
 import { ElementType, TableHTMLAttributes } from "react";
 //#region src/Table/Table/Table.d.ts

package/dist/Table/TableBody.d.cts

@@ -1,5 +1,4 @@
-import { T as Theme } from "../themes-Kbk9h5cN.cjs";
-import "../index-DBUwu65Z.cjs";
+import { V as Theme } from "../index-DmJ7yWWi.cjs";
 import { ElementType, HTMLAttributes } from "react";
 import { BorderProps, SpaceProps } from "@soroush.tech/styled-system";
 //#region src/Table/TableBody/TableBody.d.ts

package/dist/Table/TableBody.d.mts

@@ -1,5 +1,4 @@
-import { T as Theme } from "../themes-RX2UX5gD.mjs";
-import "../index-C1WqEDtQ.mjs";
+import { V as Theme } from "../index-CVNJEUwJ.mjs";
 import { BorderProps, SpaceProps } from "@soroush.tech/styled-system";
 import { ElementType, HTMLAttributes } from "react";
 //#region src/Table/TableBody/TableBody.d.ts

package/dist/Table/TableCell.d.cts

@@ -1,2 +1,2 @@
-import { a as TableCellColorToken, c as TableCellVariant, i as TableCellBorderColorToken, n as TableCellAlign, o as TableCellProps, r as TableCellBackgroundToken, s as TableCellSortDirection, t as TableCell } from "../index-B78VkB0-.cjs";
+import { a as TableCellColorToken, c as TableCellVariant, i as TableCellBorderColorToken, n as TableCellAlign, o as TableCellProps, r as TableCellBackgroundToken, s as TableCellSortDirection, t as TableCell } from "../index-Bhdn4KTy.cjs";
 export { TableCell, TableCellAlign, TableCellBackgroundToken, TableCellBorderColorToken, TableCellColorToken, TableCellProps, TableCellSortDirection, TableCellVariant };

package/dist/Table/TableCell.d.mts

@@ -1,2 +1,2 @@
-import { a as TableCellColorToken, c as TableCellVariant, i as TableCellBorderColorToken, n as TableCellAlign, o as TableCellProps, r as TableCellBackgroundToken, s as TableCellSortDirection, t as TableCell } from "../index-BfZuh9c2.mjs";
+import { a as TableCellColorToken, c as TableCellVariant, i as TableCellBorderColorToken, n as TableCellAlign, o as TableCellProps, r as TableCellBackgroundToken, s as TableCellSortDirection, t as TableCell } from "../index-DJCpnTH3.mjs";
 export { TableCell, TableCellAlign, TableCellBackgroundToken, TableCellBorderColorToken, TableCellColorToken, TableCellProps, TableCellSortDirection, TableCellVariant };

package/dist/Table/TableContainer.d.cts

@@ -1,6 +1,4 @@
-import { T as Theme } from "../themes-Kbk9h5cN.cjs";
-import "../index-DBUwu65Z.cjs";
-import { s as ViewProps } from "../index-nB94D7UM.cjs";
+import { Qt as ViewProps, V as Theme } from "../index-DmJ7yWWi.cjs";
 //#region src/Table/TableContainer/TableContainer.d.ts
 type TableContainerProps = ViewProps;
 /**

package/dist/Table/TableContainer.d.mts

@@ -1,6 +1,4 @@
-import { T as Theme } from "../themes-RX2UX5gD.mjs";
-import "../index-C1WqEDtQ.mjs";
-import { s as ViewProps } from "../index-cuv3o-L7.mjs";
+import { Qt as ViewProps, V as Theme } from "../index-CVNJEUwJ.mjs";
 //#region src/Table/TableContainer/TableContainer.d.ts
 type TableContainerProps = ViewProps;
 /**

package/dist/Table/TableControl.d.cts

@@ -1,4 +1,4 @@
-import { a as TableSortMap, t as TablePaginationState } from "../useTablePagination-WFkaUZu8.cjs";
+import { a as TableSortMap, t as TablePaginationState } from "../useTablePagination-C5VKtqDp.cjs";
 import { ReactNode } from "react";
 //#region src/Table/TableControl/TableControl.d.ts
 interface TableControlProps<T, K extends string = string> {

package/dist/Table/TableControl.d.mts

@@ -1,4 +1,4 @@
-import { a as TableSortMap, t as TablePaginationState } from "../useTablePagination-COTiNH_8.mjs";
+import { a as TableSortMap, t as TablePaginationState } from "../useTablePagination-C6LSlt3w.mjs";
 import { ReactNode } from "react";
 //#region src/Table/TableControl/TableControl.d.ts
 interface TableControlProps<T, K extends string = string> {

package/dist/Table/TableFooter.d.cts

@@ -1,5 +1,4 @@
-import { T as Theme } from "../themes-Kbk9h5cN.cjs";
-import "../index-DBUwu65Z.cjs";
+import { V as Theme } from "../index-DmJ7yWWi.cjs";
 import { ElementType, HTMLAttributes } from "react";
 import { BorderProps, SpaceProps } from "@soroush.tech/styled-system";
 //#region src/Table/TableFooter/TableFooter.d.ts

package/dist/Table/TableFooter.d.mts

@@ -1,5 +1,4 @@
-import { T as Theme } from "../themes-RX2UX5gD.mjs";
-import "../index-C1WqEDtQ.mjs";
+import { V as Theme } from "../index-CVNJEUwJ.mjs";
 import { BorderProps, SpaceProps } from "@soroush.tech/styled-system";
 import { ElementType, HTMLAttributes } from "react";
 //#region src/Table/TableFooter/TableFooter.d.ts

package/dist/Table/TableHead.d.cts

@@ -1,5 +1,4 @@
-import { T as Theme } from "../themes-Kbk9h5cN.cjs";
-import "../index-DBUwu65Z.cjs";
+import { V as Theme } from "../index-DmJ7yWWi.cjs";
 import { ElementType, HTMLAttributes } from "react";
 import { BorderProps, SpaceProps } from "@soroush.tech/styled-system";
 //#region src/Table/TableHead/TableHead.d.ts

package/dist/Table/TableHead.d.mts

@@ -1,5 +1,4 @@
-import { T as Theme } from "../themes-RX2UX5gD.mjs";
-import "../index-C1WqEDtQ.mjs";
+import { V as Theme } from "../index-CVNJEUwJ.mjs";
 import { BorderProps, SpaceProps } from "@soroush.tech/styled-system";
 import { ElementType, HTMLAttributes } from "react";
 //#region src/Table/TableHead/TableHead.d.ts

package/dist/Table/TablePagination.d.cts

@@ -1,5 +1,5 @@
-import { o as TableCellProps } from "../index-B78VkB0-.cjs";
-import { t as TablePaginationActionType } from "../index-Bid71KeF.cjs";
+import { o as TableCellProps } from "../index-Bhdn4KTy.cjs";
+import { t as TablePaginationActionType } from "../index-BlLH6rlE.cjs";
 import { ElementType, ReactNode } from "react";
 //#region src/Table/TablePagination/TablePagination.d.ts
 interface TablePaginationDisplayedRowsInfo {

package/dist/Table/TablePagination.d.mts

@@ -1,5 +1,5 @@
-import { o as TableCellProps } from "../index-BfZuh9c2.mjs";
-import { t as TablePaginationActionType } from "../index-S-ClM6WM.mjs";
+import { o as TableCellProps } from "../index-DJCpnTH3.mjs";
+import { t as TablePaginationActionType } from "../index-CrIxI8Na.mjs";
 import { ElementType, ReactNode } from "react";
 //#region src/Table/TablePagination/TablePagination.d.ts
 interface TablePaginationDisplayedRowsInfo {

package/dist/Table/TablePaginationActions.cjs

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_src = require("../src-DU81aGy9.cjs");
 const require_themeDefault = require("../themeDefault-Cebi08Cv.cjs");
-const require_theme = require("../theme-BXlAP3xf.cjs");
+const require_theme = require("../theme-BxXuXRgQ.cjs");
 const require_Pagination_PaginationItem = require("../Pagination/PaginationItem.cjs");
 require("react");
 let react_jsx_runtime = require("react/jsx-runtime");

package/dist/Table/TablePaginationActions.d.cts

@@ -1,2 +1,2 @@
-import { n as TablePaginationActions, r as TablePaginationActionsProps, t as TablePaginationActionType } from "../index-Bid71KeF.cjs";
+import { n as TablePaginationActions, r as TablePaginationActionsProps, t as TablePaginationActionType } from "../index-BlLH6rlE.cjs";
 export { TablePaginationActionType, TablePaginationActions, TablePaginationActionsProps };

package/dist/Table/TablePaginationActions.d.mts

@@ -1,2 +1,2 @@
-import { n as TablePaginationActions, r as TablePaginationActionsProps, t as TablePaginationActionType } from "../index-S-ClM6WM.mjs";
+import { n as TablePaginationActions, r as TablePaginationActionsProps, t as TablePaginationActionType } from "../index-CrIxI8Na.mjs";
 export { TablePaginationActionType, TablePaginationActions, TablePaginationActionsProps };

package/dist/Table/TablePaginationActions.mjs

@@ -1,6 +1,6 @@
 import { o as styled } from "../src-DLGYOJMh.mjs";
 import { t as themeDefault } from "../themeDefault-Z3KmyIbm.mjs";
-import { r as useTheme } from "../theme-CDVxig_g.mjs";
+import { r as useTheme } from "../theme-Z9_QludW.mjs";
 import { PaginationItem } from "../Pagination/PaginationItem.mjs";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/Table/TableRow.d.cts

@@ -1,5 +1,4 @@
-import { T as Theme, x as PaletteColor } from "../themes-Kbk9h5cN.cjs";
-import "../index-DBUwu65Z.cjs";
+import { M as PaletteColor, V as Theme } from "../index-DmJ7yWWi.cjs";
 import { ElementType, HTMLAttributes } from "react";
 import { BorderProps, SpaceProps } from "@soroush.tech/styled-system";
 //#region src/Table/TableRow/TableRow.d.ts

package/dist/Table/TableRow.d.mts

@@ -1,5 +1,4 @@
-import { T as Theme, x as PaletteColor } from "../themes-RX2UX5gD.mjs";
-import "../index-C1WqEDtQ.mjs";
+import { M as PaletteColor, V as Theme } from "../index-CVNJEUwJ.mjs";
 import { BorderProps, SpaceProps } from "@soroush.tech/styled-system";
 import { ElementType, HTMLAttributes } from "react";
 //#region src/Table/TableRow/TableRow.d.ts