@soroush.tech/design-system 2.0.0-rc.4 → 2.0.0-rc.5

package/dist/Tooltip.d.mts

@@ -1,12 +1,9 @@
-import { nt as Theme } from "./index-CRQ7XLri.mjs";
+import { nt as Theme } from "./index-CR8qkP8U.mjs";
 import { ElementType, HTMLAttributes, ReactElement, ReactNode, SyntheticEvent } from "react";
-//#region src/Tooltip/utils/getTooltipOrigins.d.ts
 /** A side of its child a tooltip sits on - and, after the dash, which end of that side it lines up with. */
 type FixedTooltipPlacement = 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end' | 'right' | 'right-start' | 'right-end';
 /** A fixed placement, or `auto` - the side with the most room, chosen as it is placed. */
 type TooltipPlacement = FixedTooltipPlacement | 'auto' | 'auto-start' | 'auto-end';
-//#endregion
-//#region src/Tooltip/Tooltip.d.ts
 interface TooltipSlots {
   root?: ElementType;
   arrow?: ElementType;
@@ -74,5 +71,4 @@ interface TooltipProps {
  * on the tooltip itself, closes on Escape, and never takes or traps the focus.
  */
 declare function Tooltip({ children, title, placement: placementProp, hasArrow: hasArrowProp, enterDelay: enterDelayProp, leaveDelay: leaveDelayProp, enterTouchDelay: enterTouchDelayProp, leaveTouchDelay: leaveTouchDelayProp, shouldDescribeChild: shouldDescribeChildProp, isOpen: isOpenProp, defaultOpen, onOpen, onClose, shouldOpenOnHover: shouldOpenOnHoverProp, shouldOpenOnFocus: shouldOpenOnFocusProp, shouldOpenOnTouch: shouldOpenOnTouchProp, slots, slotProps, layer: layerProp, borderRadius: borderRadiusProp, bg: bgProp, textColor: textColorProp, className, 'data-testid': dataTestid }: Readonly<TooltipProps>): import("react").JSX.Element;
-//#endregion
 export { Tooltip, type TooltipPlacement, TooltipProps, TooltipSlotProps, TooltipSlots };

package/dist/Tooltip.mjs

@@ -1,15 +1,15 @@
-import { a as src_exports, o as styled, t as createShouldForwardProp } from "./src-DLGYOJMh.mjs";
-import { n as useDefaultProps } from "./theme-oBfFhJm9.mjs";
-import { t as themeDefault } from "./themeDefault-Z3KmyIbm.mjs";
-import { t as getSurfaceRadius } from "./getSurfaceRadius-DTgqIzll.mjs";
-import { t as useControlled } from "./useControlled-CBRLsO-H.mjs";
+import { a as src_exports, o as styled, t as createShouldForwardProp } from "./src-B-rNjHIL.mjs";
+import { n as useDefaultProps } from "./theme-DyyZQFzQ.mjs";
+import { t as themeDefault } from "./themeDefault-BeZJzqJj.mjs";
+import { t as getSurfaceRadius } from "./getSurfaceRadius-B1QE_VLa.mjs";
+import { t as useControlled } from "./useControlled-B4uQ9Bj6.mjs";
 import { Portal } from "./Portal.mjs";
-import { t as useAnchoredPlacement } from "./useAnchoredPlacement-Pe7sY41E.mjs";
-import { t as useMergedRefs } from "./useMergedRefs-BfBckwRY.mjs";
-import { n as resolveTooltipPlacement, t as getTooltipOrigins } from "./getTooltipOrigins-CyyIMCF1.mjs";
+import { t as useAnchoredPlacement } from "./useAnchoredPlacement-COrXZxhm.mjs";
+import { t as useMergedRefs } from "./useMergedRefs-CdfwtmUd.mjs";
+import { n as resolveTooltipPlacement, t as getTooltipOrigins } from "./getTooltipOrigins-D0bLLXwY.mjs";
 import { cloneElement, useCallback, useEffect, useId, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-//#region src/Tooltip/hooks/useTooltip.ts
+// src/Tooltip/hooks/useTooltip.ts
 const isKeyboardFocus = (event) => {
 	try {
 		return event.target.matches(":focus-visible");
@@ -97,8 +97,7 @@ function useTooltip({ isOpen: isOpenProp, defaultOpen, onOpen, onClose, enterDel
 		}
 	};
 }
-//#endregion
-//#region src/Tooltip/Tooltip.tsx
+// src/Tooltip/Tooltip.tsx
 const MARGIN = 8;
 const GAP = 8;
 const ARROW = 8;
@@ -264,5 +263,4 @@ function Tooltip({ children, title, placement: placementProp, hasArrow: hasArrow
 		}) : null]
 	}) })] });
 }
-//#endregion
 export { Tooltip };

package/dist/TransferList.cjs

@@ -1,9 +1,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("./src-DU81aGy9.cjs");
-const require_theme = require("./theme-DzfwuzMZ.cjs");
-const require_useControlled = require("./useControlled-C666KpQ0.cjs");
+const require_src = require("./src-yC1f5WR2.cjs");
+const require_theme = require("./theme-XJvMdOnY.cjs");
+const require_useControlled = require("./useControlled-CzCxM4J3.cjs");
 const require_Typography = require("./Typography.cjs");
-const require_Icon = require("./Icon-BE7bRsqR.cjs");
+const require_Icon = require("./Icon-C5Iz5ekp.cjs");
 const require_FormControl = require("./FormControl.cjs");
 const require_Button = require("./Button.cjs");
 const require_Paper = require("./Paper.cjs");
@@ -11,7 +11,7 @@ const require_Checkbox = require("./Checkbox.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");
-//#region src/TransferList/hooks/useTransferList.ts
+// src/TransferList/hooks/useTransferList.ts
 const isEnabled = (item) => !item.disabled;
 /**
 * A transfer list's state: which items are on the right (controlled or not), which are checked,
@@ -69,8 +69,7 @@ function useTransferList({ items, value, defaultValue, onChange }) {
 		moveAllLeft: () => move("left", getEnabled("right"))
 	};
 }
-//#endregion
-//#region src/TransferList/TransferList.tsx
+// src/TransferList/TransferList.tsx
 const TransferListRoot = require_src.styled("div", {
 	name: "TransferList",
 	label: "TransferList",
@@ -359,5 +358,4 @@ function TransferList({ items, value, defaultValue, onChange, leftLabel, rightLa
 		]
 	});
 }
-//#endregion
 exports.TransferList = TransferList;

package/dist/TransferList.d.cts

@@ -1,6 +1,5 @@
-import { nt as Theme } from "./index-XN4-ZqTB.cjs";
+import { nt as Theme } from "./index-Lsm4v8fB.cjs";
 import { SpaceProps } from "@soroush.tech/styled-system";
-//#region src/TransferList/hooks/useTransferList.d.ts
 type TransferListValue = string | number;
 interface TransferListItem {
   /** What `value` holds for it - unique among the items. */
@@ -10,8 +9,6 @@ interface TransferListItem {
   /** Stays where it is and can't be checked. */
   disabled?: boolean;
 }
-//#endregion
-//#region src/TransferList/TransferList.d.ts
 interface TransferListProps extends SpaceProps<Theme> {
   /** Every item, on either side. */
   items: readonly TransferListItem[];
@@ -65,5 +62,4 @@ interface TransferListProps extends SpaceProps<Theme> {
  * size, color, error and disabled state, and its `FormLabel` names the group.
  */
 declare function TransferList({ items, value, defaultValue, onChange, leftLabel, rightLabel, moveAllRightLabel: moveAllRightLabelProp, moveRightLabel: moveRightLabelProp, moveLeftLabel: moveLeftLabelProp, moveAllLeftLabel: moveAllLeftLabelProp, shouldShowMoveAll: shouldShowMoveAllProp, hasSelectAll: hasSelectAllProp, getCountLabel, size: sizeProp, color: colorProp, textColor: textColorProp, disabled: disabledProp, error: errorProp, id: idProp, className, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, 'data-testid': dataTestid, ...spaceProps }: Readonly<TransferListProps>): import("react").JSX.Element;
-//#endregion
 export { TransferList, type TransferListItem, TransferListProps, type TransferListValue };

package/dist/TransferList.d.mts

@@ -1,6 +1,5 @@
-import { nt as Theme } from "./index-CRQ7XLri.mjs";
+import { nt as Theme } from "./index-CR8qkP8U.mjs";
 import { SpaceProps } from "@soroush.tech/styled-system";
-//#region src/TransferList/hooks/useTransferList.d.ts
 type TransferListValue = string | number;
 interface TransferListItem {
   /** What `value` holds for it - unique among the items. */
@@ -10,8 +9,6 @@ interface TransferListItem {
   /** Stays where it is and can't be checked. */
   disabled?: boolean;
 }
-//#endregion
-//#region src/TransferList/TransferList.d.ts
 interface TransferListProps extends SpaceProps<Theme> {
   /** Every item, on either side. */
   items: readonly TransferListItem[];
@@ -65,5 +62,4 @@ interface TransferListProps extends SpaceProps<Theme> {
  * size, color, error and disabled state, and its `FormLabel` names the group.
  */
 declare function TransferList({ items, value, defaultValue, onChange, leftLabel, rightLabel, moveAllRightLabel: moveAllRightLabelProp, moveRightLabel: moveRightLabelProp, moveLeftLabel: moveLeftLabelProp, moveAllLeftLabel: moveAllLeftLabelProp, shouldShowMoveAll: shouldShowMoveAllProp, hasSelectAll: hasSelectAllProp, getCountLabel, size: sizeProp, color: colorProp, textColor: textColorProp, disabled: disabledProp, error: errorProp, id: idProp, className, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, 'data-testid': dataTestid, ...spaceProps }: Readonly<TransferListProps>): import("react").JSX.Element;
-//#endregion
 export { TransferList, type TransferListItem, TransferListProps, type TransferListValue };

package/dist/TransferList.mjs

@@ -1,15 +1,15 @@
-import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "./src-DLGYOJMh.mjs";
-import { n as useDefaultProps } from "./theme-oBfFhJm9.mjs";
-import { t as useControlled } from "./useControlled-CBRLsO-H.mjs";
+import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "./src-B-rNjHIL.mjs";
+import { n as useDefaultProps } from "./theme-DyyZQFzQ.mjs";
+import { t as useControlled } from "./useControlled-B4uQ9Bj6.mjs";
 import { Typography } from "./Typography.mjs";
-import { t as Icon } from "./Icon-0hPpk-WZ.mjs";
+import { t as Icon } from "./Icon-XpXU-SuF.mjs";
 import { useFormControl } from "./FormControl.mjs";
 import { Button } from "./Button.mjs";
 import { Paper } from "./Paper.mjs";
 import { Checkbox } from "./Checkbox.mjs";
 import { useId, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/TransferList/hooks/useTransferList.ts
+// src/TransferList/hooks/useTransferList.ts
 const isEnabled = (item) => !item.disabled;
 /**
 * A transfer list's state: which items are on the right (controlled or not), which are checked,
@@ -67,8 +67,7 @@ function useTransferList({ items, value, defaultValue, onChange }) {
 		moveAllLeft: () => move("left", getEnabled("right"))
 	};
 }
-//#endregion
-//#region src/TransferList/TransferList.tsx
+// src/TransferList/TransferList.tsx
 const TransferListRoot = styled("div", {
 	name: "TransferList",
 	label: "TransferList",
@@ -357,5 +356,4 @@ function TransferList({ items, value, defaultValue, onChange, leftLabel, rightLa
 		]
 	});
 }
-//#endregion
 export { TransferList };

package/dist/Typography.cjs

@@ -1,10 +1,10 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("./src-DU81aGy9.cjs");
-const require_theme = require("./theme-DzfwuzMZ.cjs");
+const require_src = require("./src-yC1f5WR2.cjs");
+const require_theme = require("./theme-XJvMdOnY.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");
-//#region src/Typography/Typography.tsx
+// src/Typography/Typography.tsx
 const shouldForwardProp = (0, _soroush_tech_styled_system_should_forward_prop.createShouldForwardProp)([
 	..._soroush_tech_styled_system_should_forward_prop.props,
 	"noWrap",
@@ -60,5 +60,4 @@ function Typography({ variant = "body1", as, ...rest }) {
 		...rest
 	});
 }
-//#endregion
 exports.Typography = Typography;

package/dist/Typography.d.cts

@@ -1,3 +1,3 @@
-import { jt as TypographyVariant } from "./index-XN4-ZqTB.cjs";
-import { a as TypographyProps, i as TypographyAlign, n as TextColorToken, r as Typography, t as BackgroundToken } from "./index-BDqIc6Gx.cjs";
+import { jt as TypographyVariant } from "./index-Lsm4v8fB.cjs";
+import { a as TypographyProps, i as TypographyAlign, n as TextColorToken, r as Typography, t as BackgroundToken } from "./index-CGyIuCRh.cjs";
 export { BackgroundToken, TextColorToken, Typography, TypographyAlign, TypographyProps, type TypographyVariant };

package/dist/Typography.d.mts

@@ -1,3 +1,3 @@
-import { jt as TypographyVariant } from "./index-CRQ7XLri.mjs";
-import { a as TypographyProps, i as TypographyAlign, n as TextColorToken, r as Typography, t as BackgroundToken } from "./index-BPh60KDs.mjs";
+import { jt as TypographyVariant } from "./index-CR8qkP8U.mjs";
+import { a as TypographyProps, i as TypographyAlign, n as TextColorToken, r as Typography, t as BackgroundToken } from "./index-C2a-5yop.mjs";
 export { BackgroundToken, TextColorToken, Typography, TypographyAlign, TypographyProps, type TypographyVariant };

package/dist/Typography.mjs

@@ -1,8 +1,8 @@
-import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "./src-DLGYOJMh.mjs";
-import { r as useTheme } from "./theme-oBfFhJm9.mjs";
+import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "./src-B-rNjHIL.mjs";
+import { r as useTheme } from "./theme-DyyZQFzQ.mjs";
 import "react";
 import { jsx } from "react/jsx-runtime";
-//#region src/Typography/Typography.tsx
+// src/Typography/Typography.tsx
 const shouldForwardProp = createShouldForwardProp([
 	...props,
 	"noWrap",
@@ -58,5 +58,4 @@ function Typography({ variant = "body1", as, ...rest }) {
 		...rest
 	});
 }
-//#endregion
 export { Typography };

package/dist/View.cjs

@@ -1,8 +1,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("./src-DU81aGy9.cjs");
+const require_src = require("./src-yC1f5WR2.cjs");
 require("react");
 let _soroush_tech_styled_system_should_forward_prop = require("@soroush.tech/styled-system/should-forward-prop");
-//#region src/View/View.tsx
+// src/View/View.tsx
 const shouldForwardProp = (0, _soroush_tech_styled_system_should_forward_prop.createShouldForwardProp)([
 	..._soroush_tech_styled_system_should_forward_prop.props,
 	"cursor",
@@ -37,5 +37,4 @@ const View = require_src.styled("div", {
 		require_src.src_exports.layoutFrame
 	]
 })();
-//#endregion
 exports.View = View;

package/dist/View.d.cts

@@ -1,2 +1,2 @@
-import { _n as ViewBorderWidthToken, gn as ViewBorderRadiusToken, hn as ViewBorderColorToken, mn as ViewBackgroundToken, pn as View, vn as ViewColorToken, yn as ViewProps } from "./index-XN4-ZqTB.cjs";
+import { _n as ViewBorderWidthToken, gn as ViewBorderRadiusToken, hn as ViewBorderColorToken, mn as ViewBackgroundToken, pn as View, vn as ViewColorToken, yn as ViewProps } from "./index-Lsm4v8fB.cjs";
 export { View, ViewBackgroundToken, ViewBorderColorToken, ViewBorderRadiusToken, ViewBorderWidthToken, ViewColorToken, ViewProps };

package/dist/View.d.mts

@@ -1,2 +1,2 @@
-import { _n as ViewBorderWidthToken, gn as ViewBorderRadiusToken, hn as ViewBorderColorToken, mn as ViewBackgroundToken, pn as View, vn as ViewColorToken, yn as ViewProps } from "./index-CRQ7XLri.mjs";
+import { _n as ViewBorderWidthToken, gn as ViewBorderRadiusToken, hn as ViewBorderColorToken, mn as ViewBackgroundToken, pn as View, vn as ViewColorToken, yn as ViewProps } from "./index-CR8qkP8U.mjs";
 export { View, ViewBackgroundToken, ViewBorderColorToken, ViewBorderRadiusToken, ViewBorderWidthToken, ViewColorToken, ViewProps };

package/dist/View.mjs

@@ -1,6 +1,6 @@
-import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "./src-DLGYOJMh.mjs";
+import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "./src-B-rNjHIL.mjs";
 import "react";
-//#region src/View/View.tsx
+// src/View/View.tsx
 const shouldForwardProp = createShouldForwardProp([
 	...props,
 	"cursor",
@@ -35,5 +35,4 @@ const View = styled("div", {
 		src_exports.layoutFrame
 	]
 })();
-//#endregion
 export { View };

package/dist/Zoom.cjs

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_useTransitionChild = require("./useTransitionChild-CikpU0Yh.cjs");
-//#region src/Zoom/Zoom.tsx
+const require_useTransitionChild = require("./useTransitionChild-COlRozbU.cjs");
+// src/Zoom/Zoom.tsx
 /**
 * @description Zooms one child in from nothing and out to nothing. The child holds a `ref` and
 * takes a `style`; out, it is hidden. A user who asked for less motion sees it change at once.
@@ -12,5 +12,4 @@ function Zoom(props) {
 		visibility: status === "exited" ? "hidden" : void 0
 	}));
 }
-//#endregion
 exports.Zoom = Zoom;

package/dist/Zoom.d.cts

@@ -1,10 +1,8 @@
-import { n as TransitionProps } from "./useTransition-l9dv83-Y.cjs";
-//#region src/Zoom/Zoom.d.ts
+import { n as TransitionProps } from "./useTransition-C89K0mS7.cjs";
 type ZoomProps = TransitionProps;
 /**
  * @description Zooms one child in from nothing and out to nothing. The child holds a `ref` and
  * takes a `style`; out, it is hidden. A user who asked for less motion sees it change at once.
  */
 declare function Zoom(props: Readonly<ZoomProps>): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | null;
-//#endregion
 export { Zoom, ZoomProps };

package/dist/Zoom.d.mts

@@ -1,10 +1,8 @@
-import { n as TransitionProps } from "./useTransition-C1F7MuHO.mjs";
-//#region src/Zoom/Zoom.d.ts
+import { n as TransitionProps } from "./useTransition-3EoagwIe.mjs";
 type ZoomProps = TransitionProps;
 /**
  * @description Zooms one child in from nothing and out to nothing. The child holds a `ref` and
  * takes a `style`; out, it is hidden. A user who asked for less motion sees it change at once.
  */
 declare function Zoom(props: Readonly<ZoomProps>): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | null;
-//#endregion
 export { Zoom, ZoomProps };

package/dist/Zoom.mjs

@@ -1,5 +1,5 @@
-import { t as useTransitionChild } from "./useTransitionChild-Dvg9hO-F.mjs";
-//#region src/Zoom/Zoom.tsx
+import { t as useTransitionChild } from "./useTransitionChild-CFhlMm65.mjs";
+// src/Zoom/Zoom.tsx
 /**
 * @description Zooms one child in from nothing and out to nothing. The child holds a `ref` and
 * takes a `style`; out, it is hidden. A user who asked for less motion sees it change at once.
@@ -11,5 +11,4 @@ function Zoom(props) {
 		visibility: status === "exited" ? "hidden" : void 0
 	}));
 }
-//#endregion
 export { Zoom };