@soroush.tech/design-system 2.1.1 → 2.1.2-rc.0

package/dist/Tooltip.d.mts

@@ -1,18 +1,18 @@
-import { nt as Theme } from "./index-B-1sp9oV.mjs";
+import { nt as Theme } from "./index-nw0pvCoK.mjs";
 import { n as PopoverPosition } from "./computePopoverPosition-JgOwCM7k.mjs";
 import { ElementType, HTMLAttributes, ReactElement, ReactNode, Ref, SyntheticEvent } from "react";
 /** 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';
-interface TooltipSlots {
+export interface TooltipSlots {
   root?: ElementType;
   arrow?: ElementType;
 }
 type SlotProps = HTMLAttributes<HTMLElement> & {
   'data-testid'?: string;
 };
-interface TooltipSlotProps {
+export interface TooltipSlotProps {
   root?: SlotProps;
   arrow?: SlotProps;
 }
@@ -20,10 +20,10 @@ interface TooltipSlotProps {
  * What a parent that clones its child (a `Menu` with a `Tooltip` for a trigger) hands the tooltip
  * instead: it is not the tooltip's, so it goes on to the child. The tooltip's own props are left out.
  */
-type TooltipForwardedProps = Omit<HTMLAttributes<HTMLElement>, 'title' | 'children' | 'className' | 'color'> & {
+export type TooltipForwardedProps = Omit<HTMLAttributes<HTMLElement>, 'title' | 'children' | 'className' | 'color'> & {
   ref?: Ref<HTMLElement>;
 };
-interface TooltipProps extends TooltipForwardedProps {
+export interface TooltipProps extends TooltipForwardedProps {
   /**
    * The one element the tooltip is about - it holds a `ref` and takes the handlers. Without it, the
    * tooltip is at `anchorPosition`, and open when `isOpen` says so.
@@ -105,8 +105,8 @@ interface TooltipProps extends TooltipForwardedProps {
  * `shouldDescribeChild`). It opens and closes after their delays, stays open while the pointer is
  * on the tooltip itself, closes on Escape, and never takes or traps the focus.
  */
-declare function Tooltip({ children, anchorPosition, title, placement: placementProp, hasArrow: hasArrowProp, enterDelay: enterDelayProp, leaveDelay: leaveDelayProp, enterTouchDelay: enterTouchDelayProp, leaveTouchDelay: leaveTouchDelayProp, shouldDescribeChild: shouldDescribeChildProp, isDescriptionPersistent: isDescriptionPersistentProp, isOpen: isOpenProp, defaultOpen, onOpen, onClose, isInteractive: isInteractiveProp, shouldWrapDisabledChild: shouldWrapDisabledChildProp, shouldOpenOnHover: shouldOpenOnHoverProp, shouldOpenOnFocus: shouldOpenOnFocusProp, shouldOpenOnTouch: shouldOpenOnTouchProp, slots, slotProps, layer: layerProp, borderRadius: borderRadiusProp, bg: bgProp, textColor: textColorProp, className, 'data-testid': dataTestid, ref: forwardedRef, ...forwarded }: Readonly<TooltipProps>): import("react").JSX.Element;
-interface TooltipGroupProps {
+export declare function Tooltip({ children, anchorPosition, title, placement: placementProp, hasArrow: hasArrowProp, enterDelay: enterDelayProp, leaveDelay: leaveDelayProp, enterTouchDelay: enterTouchDelayProp, leaveTouchDelay: leaveTouchDelayProp, shouldDescribeChild: shouldDescribeChildProp, isDescriptionPersistent: isDescriptionPersistentProp, isOpen: isOpenProp, defaultOpen, onOpen, onClose, isInteractive: isInteractiveProp, shouldWrapDisabledChild: shouldWrapDisabledChildProp, shouldOpenOnHover: shouldOpenOnHoverProp, shouldOpenOnFocus: shouldOpenOnFocusProp, shouldOpenOnTouch: shouldOpenOnTouchProp, slots, slotProps, layer: layerProp, borderRadius: borderRadiusProp, bg: bgProp, textColor: textColorProp, className, 'data-testid': dataTestid, ref: forwardedRef, ...forwarded }: Readonly<TooltipProps>): import("react").JSX.Element;
+export interface TooltipGroupProps {
   children?: ReactNode;
   /**
    * How long after a tooltip of the group closes the next one opens with no enter delay, in
@@ -123,5 +123,5 @@ interface TooltipGroupProps {
  * own delay, and a tooltip whose `isOpen` the app controls is left alone: the group neither opens
  * nor closes it, and it does not start the window.
  */
-declare function TooltipGroup({ children, skipDelayDuration }: Readonly<TooltipGroupProps>): import("react").JSX.Element;
-export { Tooltip, TooltipForwardedProps, TooltipGroup, TooltipGroupProps, type TooltipPlacement, TooltipProps, TooltipSlotProps, TooltipSlots };
+export declare function TooltipGroup({ children, skipDelayDuration }: Readonly<TooltipGroupProps>): import("react").JSX.Element;
+export type { TooltipPlacement };

package/dist/Tooltip.mjs

@@ -1 +1 @@
-export { n as Tooltip, t as TooltipGroup } from "./Tooltip-Cx4ez9vY.mjs";
+export { n as Tooltip, t as TooltipGroup } from "./Tooltip-CqGB8Pgm.mjs";

package/dist/TransferList.cjs

@@ -1,13 +1,13 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("./src-yC1f5WR2.cjs");
+const require_src = require("./src-B1PmaZ-2.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-C5Iz5ekp.cjs");
 const require_FormControl = require("./FormControl.cjs");
 const require_Button = require("./Button.cjs");
-const require_Paper = require("./Paper.cjs");
 const require_Checkbox = require("./Checkbox.cjs");
+const require_Icon = require("./Icon-C4QMiNHJ.cjs");
+const require_Paper = require("./Paper.cjs");
+const require_Typography = require("./Typography.cjs");
+const require_useControlled = require("./useControlled-CzCxM4J3.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/TransferList.d.cts

@@ -1,4 +1,4 @@
-import { nt as Theme } from "./index-CK-uaK5U.cjs";
+import { nt as Theme } from "./index-MipJMh6w.cjs";
 import { SpaceProps } from "@soroush.tech/styled-system";
 type TransferListValue = string | number;
 interface TransferListItem {
@@ -9,7 +9,7 @@ interface TransferListItem {
   /** Stays where it is and can't be checked. */
   disabled?: boolean;
 }
-interface TransferListProps extends SpaceProps<Theme> {
+export interface TransferListProps extends SpaceProps<Theme> {
   /** Every item, on either side. */
   items: readonly TransferListItem[];
   /** The values on the right. Controlled with `onChange`. */
@@ -61,5 +61,5 @@ interface TransferListProps extends SpaceProps<Theme> {
  * is the app's, so it carries no language of its own. In a `FormControl` it takes the field's
  * 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;
-export { TransferList, type TransferListItem, TransferListProps, type TransferListValue };
+export 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;
+export type { TransferListItem, TransferListValue };

package/dist/TransferList.d.mts

@@ -1,4 +1,4 @@
-import { nt as Theme } from "./index-B-1sp9oV.mjs";
+import { nt as Theme } from "./index-nw0pvCoK.mjs";
 import { SpaceProps } from "@soroush.tech/styled-system";
 type TransferListValue = string | number;
 interface TransferListItem {
@@ -9,7 +9,7 @@ interface TransferListItem {
   /** Stays where it is and can't be checked. */
   disabled?: boolean;
 }
-interface TransferListProps extends SpaceProps<Theme> {
+export interface TransferListProps extends SpaceProps<Theme> {
   /** Every item, on either side. */
   items: readonly TransferListItem[];
   /** The values on the right. Controlled with `onChange`. */
@@ -61,5 +61,5 @@ interface TransferListProps extends SpaceProps<Theme> {
  * is the app's, so it carries no language of its own. In a `FormControl` it takes the field's
  * 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;
-export { TransferList, type TransferListItem, TransferListProps, type TransferListValue };
+export 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;
+export type { TransferListItem, TransferListValue };

package/dist/TransferList.mjs

@@ -1,12 +1,12 @@
-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-XpXU-SuF.mjs";
+import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "./src-BSo7bM2g.mjs";
+import { n as useDefaultProps } from "./theme-B6LFWZ98.mjs";
 import { useFormControl } from "./FormControl.mjs";
 import { Button } from "./Button.mjs";
-import { Paper } from "./Paper.mjs";
 import { Checkbox } from "./Checkbox.mjs";
+import { t as Icon } from "./Icon-gVHlFgdH.mjs";
+import { Paper } from "./Paper.mjs";
+import { Typography } from "./Typography.mjs";
+import { t as useControlled } from "./useControlled-B4uQ9Bj6.mjs";
 import { useId, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 // src/TransferList/hooks/useTransferList.ts

package/dist/Typography.cjs

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("./src-yC1f5WR2.cjs");
 const require_theme = require("./theme-XJvMdOnY.cjs");
+const require_src = require("./src-B1PmaZ-2.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/Typography.d.cts

@@ -1,3 +1,25 @@
-import { jt as TypographyVariant } from "./index-CK-uaK5U.cjs";
-import { a as TypographyProps, i as TypographyAlign, n as TextColorToken, r as Typography, t as BackgroundToken } from "./index-Cp96BUYc.cjs";
-export { BackgroundToken, TextColorToken, Typography, TypographyAlign, TypographyProps, type TypographyVariant };
+import { jt as TypographyVariant, nt as Theme } from "./index-MipJMh6w.cjs";
+import { CSSProperties, ElementType, HTMLAttributes } from "react";
+import { BorderProps, FlexboxProps, LayoutProps, PositionProps, SpaceProps, TypographyProps as TypographyProps$1 } from "@soroush.tech/styled-system";
+export type TypographyAlign = 'left' | 'right' | 'center' | 'justify' | 'inherit';
+/** Valid values for the color prop - derived from theme.text keys. */
+export type TextColorToken = keyof Theme['text'];
+/** Valid values for the bg prop - derived from theme.background keys. */
+export type BackgroundToken = keyof Theme['background'];
+export interface TypographyProps extends Omit<HTMLAttributes<HTMLElement>, 'color'>, SpaceProps<Theme>, LayoutProps<Theme>, TypographyProps$1<Theme>, FlexboxProps<Theme>, BorderProps<Theme>, PositionProps<Theme> {
+  /** Resolves against theme.text - inherit · initial · primary · secondary · error · success */
+  color?: TextColorToken;
+  /** Resolves against theme.background */
+  bg?: BackgroundToken;
+  opacity?: number;
+  textTransform?: CSSProperties['textTransform'];
+  variant?: TypographyVariant;
+  align?: TypographyAlign;
+  gutterBottom?: boolean;
+  noWrap?: boolean;
+  /** Machine-readable timestamp - forwarded when rendering as `<time>` (`as="time"`). */
+  dateTime?: string;
+  as?: ElementType;
+}
+export declare function Typography({ variant, as, ...rest }: Readonly<TypographyProps>): import("react").JSX.Element;
+export type { TypographyVariant };

package/dist/Typography.d.mts

@@ -1,3 +1,3 @@
-import { jt as TypographyVariant } from "./index-B-1sp9oV.mjs";
-import { a as TypographyProps, i as TypographyAlign, n as TextColorToken, r as Typography, t as BackgroundToken } from "./index-F81TdZtB.mjs";
+import { jt as TypographyVariant } from "./index-nw0pvCoK.mjs";
+import { a as TypographyProps, i as TypographyAlign, n as TextColorToken, r as Typography, t as BackgroundToken } from "./index-C_6hDoX5.mjs";
 export { BackgroundToken, TextColorToken, Typography, TypographyAlign, TypographyProps, type TypographyVariant };

package/dist/Typography.mjs

@@ -1,5 +1,5 @@
-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 { r as useTheme } from "./theme-B6LFWZ98.mjs";
+import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "./src-BSo7bM2g.mjs";
 import "react";
 import { jsx } from "react/jsx-runtime";
 // src/Typography/Typography.tsx

package/dist/View.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("./src-yC1f5WR2.cjs");
+const require_src = require("./src-B1PmaZ-2.cjs");
 require("react");
 let _soroush_tech_styled_system_should_forward_prop = require("@soroush.tech/styled-system/should-forward-prop");
 // src/View/View.tsx

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-CK-uaK5U.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-MipJMh6w.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-B-1sp9oV.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-nw0pvCoK.mjs";
 export { View, ViewBackgroundToken, ViewBorderColorToken, ViewBorderRadiusToken, ViewBorderWidthToken, ViewColorToken, ViewProps };

package/dist/View.mjs

@@ -1,4 +1,4 @@
-import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "./src-B-rNjHIL.mjs";
+import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "./src-BSo7bM2g.mjs";
 import "react";
 // src/View/View.tsx
 const shouldForwardProp = createShouldForwardProp([

package/dist/Zoom.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_useTransitionChild = require("./useTransitionChild-COlRozbU.cjs");
+const require_useTransitionChild = require("./useTransitionChild-B2W_GM3m.cjs");
 // src/Zoom/Zoom.tsx
 /**
 * @description Zooms one child in from nothing and out to nothing. The child holds a `ref` and

package/dist/Zoom.d.cts

@@ -1,8 +1,7 @@
-import { n as TransitionProps } from "./useTransition-DnOAXNav.cjs";
-type ZoomProps = TransitionProps;
+import { n as TransitionProps } from "./useTransition-CdObuV2M.cjs";
+export 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;
-export { Zoom, ZoomProps };
+export declare function Zoom(props: Readonly<ZoomProps>): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | null;

package/dist/Zoom.d.mts

@@ -1,8 +1,7 @@
-import { n as TransitionProps } from "./useTransition-Dk84FQFT.mjs";
-type ZoomProps = TransitionProps;
+import { n as TransitionProps } from "./useTransition-DwlKWjUJ.mjs";
+export 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;
-export { Zoom, ZoomProps };
+export declare function Zoom(props: Readonly<ZoomProps>): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | null;

package/dist/Zoom.mjs

@@ -1,4 +1,4 @@
-import { t as useTransitionChild } from "./useTransitionChild-CFhlMm65.mjs";
+import { t as useTransitionChild } from "./useTransitionChild-De79LIB9.mjs";
 // src/Zoom/Zoom.tsx
 /**
 * @description Zooms one child in from nothing and out to nothing. The child holds a `ref` and

package/dist/catalog.cjs

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_themes = require("./themes-C2oyu8gK.cjs");
 const require_getTooltipOrigins = require("./getTooltipOrigins-8b5zQafY.cjs");
+const require_themes = require("./themes-C2oyu8gK.cjs");
 let _soroush_tech_styled_system = require("@soroush.tech/styled-system");
 // ../docs-content/src/kebabCase.ts
 /** PascalCase or camelCase to kebab-case: `TextInput` -> `text-input`. */

package/dist/catalog.d.cts

@@ -1,4 +1,4 @@
-import { nt as Theme } from "./index-CK-uaK5U.cjs";
+import { nt as Theme } from "./index-MipJMh6w.cjs";
 /** A value that survives `JSON.stringify` - all a catalog holds. */
 type JsonValue = string | number | boolean | null | JsonValue[] | {
   [key: string]: JsonValue;
@@ -82,5 +82,5 @@ interface DesignSystemCatalog {
  * pictures, the props a picker offers and their theme scales, and how its node props and
  * two-way props are written. Pure data: it loads in Node with no DOM, React or Emotion.
  */
-declare const catalog: DesignSystemCatalog;
-export { type CatalogContent, type CatalogEntry, type CatalogOption, type CatalogTwoWay, type CatalogVariant, type DesignSystemCatalog, type ExampleNode, type JsonValue, type ThemeScale, catalog };
+export declare const catalog: DesignSystemCatalog;
+export type { CatalogContent, CatalogEntry, CatalogOption, CatalogTwoWay, CatalogVariant, DesignSystemCatalog, ExampleNode, JsonValue, ThemeScale };

package/dist/catalog.d.mts

@@ -1,4 +1,4 @@
-import { nt as Theme } from "./index-B-1sp9oV.mjs";
+import { nt as Theme } from "./index-nw0pvCoK.mjs";
 /** A value that survives `JSON.stringify` - all a catalog holds. */
 type JsonValue = string | number | boolean | null | JsonValue[] | {
   [key: string]: JsonValue;
@@ -82,5 +82,5 @@ interface DesignSystemCatalog {
  * pictures, the props a picker offers and their theme scales, and how its node props and
  * two-way props are written. Pure data: it loads in Node with no DOM, React or Emotion.
  */
-declare const catalog: DesignSystemCatalog;
-export { type CatalogContent, type CatalogEntry, type CatalogOption, type CatalogTwoWay, type CatalogVariant, type DesignSystemCatalog, type ExampleNode, type JsonValue, type ThemeScale, catalog };
+export declare const catalog: DesignSystemCatalog;
+export type { CatalogContent, CatalogEntry, CatalogOption, CatalogTwoWay, CatalogVariant, DesignSystemCatalog, ExampleNode, JsonValue, ThemeScale };

package/dist/catalog.mjs

@@ -1,5 +1,5 @@
-import { n as baseTheme } from "./themes-D-knykK0.mjs";
 import { r as tooltipPlacementValues } from "./getTooltipOrigins-D0bLLXwY.mjs";
+import { n as baseTheme } from "./themes-D3yxQwT9.mjs";
 import { background, border, color, flexbox, grid, layout, position, shadow, space, typography } from "@soroush.tech/styled-system";
 // ../docs-content/src/kebabCase.ts
 /** PascalCase or camelCase to kebab-case: `TextInput` -> `text-input`. */

package/dist/{dividerLine-DFuLn1zU.cjs → dividerLine-BL7qyMS7.cjs}

@@ -1,4 +1,4 @@
-const require_src = require("./src-yC1f5WR2.cjs");
+const require_src = require("./src-B1PmaZ-2.cjs");
 let react = require("react");
 // src/Tabs/TabsContext.ts
 const TabsContext = (0, react.createContext)(null);

package/dist/{dividerLine-BC8E38Ed.mjs → dividerLine-CjHOunP8.mjs}

@@ -1,4 +1,4 @@
-import { a as src_exports } from "./src-B-rNjHIL.mjs";
+import { a as src_exports } from "./src-BSo7bM2g.mjs";
 import { createContext, useContext } from "react";
 // src/Tabs/TabsContext.ts
 const TabsContext = createContext(null);

package/dist/emotion-b3mnJPXZ.mjs

@@ -0,0 +1,5 @@
+import { CacheProvider, Global as Global$1, ThemeContext as EmotionThemeContext, ThemeProvider as EmotionThemeProvider, useTheme as useEmotionTheme } from "@emotion/react";
+// src/theme/emotion.ts
+/** `Global`, retyped against this package's own `Theme` (see `styled.ts`'s `StyledTags`). */
+const Global = Global$1;
+export { useEmotionTheme as a, Global as i, EmotionThemeContext as n, EmotionThemeProvider as r, CacheProvider as t };

package/dist/engine.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_rolldown_runtime = require("./rolldown-runtime-CiKaZLfC.cjs");
+const require_rolldown_runtime = require("./rolldown-runtime-C_Pgydhf.cjs");
 const require_emotion = require("./emotion-sEV-zb6P.cjs");
 let _emotion_react = require("@emotion/react");
 let _emotion_cache = require("@emotion/cache");

package/dist/engine.d.cts

@@ -1,8 +1,8 @@
-import { nt as Theme } from "./index-CK-uaK5U.cjs";
-import { ComponentType, RefAttributes } from "react";
+import { nt as Theme } from "./index-MipJMh6w.cjs";
 import { CacheProvider, Interpolation } from "@emotion/react";
+import { ComponentType, RefAttributes } from "react";
 /** `Global`, retyped against this package's own `Theme` (see `styled.ts`'s `StyledTags`). */
-declare const Global: ComponentType<{
+export declare const Global: ComponentType<{
   styles: Interpolation<Theme>;
 } & RefAttributes<unknown>>;
 declare const _default: import("@emotion/cache").EmotionCache;
@@ -11,5 +11,5 @@ declare const _default: import("@emotion/cache").EmotionCache;
  * theme-driven body colors. Font-family, webfont loading, and anything else
  * app-specific are app policy - compose this into your own `Global` styles array.
  */
-declare const globalStyles: (theme: Theme) => import("@emotion/react").SerializedStyles;
-export { CacheProvider, Global, globalStyles, _default as styleCache };
+export declare const globalStyles: (theme: Theme) => import("@emotion/react").SerializedStyles;
+export { CacheProvider, _default as styleCache };

package/dist/engine.d.mts

@@ -1,8 +1,8 @@
-import { nt as Theme } from "./index-B-1sp9oV.mjs";
+import { nt as Theme } from "./index-nw0pvCoK.mjs";
 import { CacheProvider, Interpolation } from "@emotion/react";
 import { ComponentType, RefAttributes } from "react";
 /** `Global`, retyped against this package's own `Theme` (see `styled.ts`'s `StyledTags`). */
-declare const Global: ComponentType<{
+export declare const Global: ComponentType<{
   styles: Interpolation<Theme>;
 } & RefAttributes<unknown>>;
 declare const _default: import("@emotion/cache").EmotionCache;
@@ -11,5 +11,5 @@ declare const _default: import("@emotion/cache").EmotionCache;
  * theme-driven body colors. Font-family, webfont loading, and anything else
  * app-specific are app policy - compose this into your own `Global` styles array.
  */
-declare const globalStyles: (theme: Theme) => import("@emotion/react").SerializedStyles;
-export { CacheProvider, Global, globalStyles, _default as styleCache };
+export declare const globalStyles: (theme: Theme) => import("@emotion/react").SerializedStyles;
+export { CacheProvider, _default as styleCache };

package/dist/engine.mjs

@@ -1,4 +1,4 @@
-import { i as Global, t as CacheProvider } from "./emotion-E3pBNlXd.mjs";
+import { i as Global, t as CacheProvider } from "./emotion-b3mnJPXZ.mjs";
 import { css } from "@emotion/react";
 import createCache from "@emotion/cache";
 // src/engine/styleCache.ts

package/dist/{index-C_K0hsEr.d.mts → index-2yg1ycx-.d.mts}

@@ -1,4 +1,4 @@
-import { ct as ThemeComponents, lt as ThemeDefaults, nt as Theme, pt as ThemeLayout } from "./index-B-1sp9oV.mjs";
+import { ct as ThemeComponents, lt as ThemeDefaults, nt as Theme, pt as ThemeLayout } from "./index-nw0pvCoK.mjs";
 import { ComponentType, ReactNode } from "react";
 interface ThemeProviderProps {
   children: ReactNode;

package/dist/{index-DXUVsHux.d.mts → index-B4rMxnAI.d.mts}

@@ -1,4 +1,4 @@
-import { nt as Theme } from "./index-B-1sp9oV.mjs";
+import { nt as Theme } from "./index-nw0pvCoK.mjs";
 import { MouseEvent, ReactNode } from "react";
 /** Which way a scroll button scrolls a row of tabs: towards its start, or its end. */
 type TabScrollDirection = 'start' | 'end';

package/dist/{index-CZofj6vc.d.cts → index-BX05FTzq.d.mts}

@@ -1,7 +1,7 @@
-import { nt as Theme } from "./index-CK-uaK5U.cjs";
-import { n as ButtonColor, o as ButtonSize, s as ButtonVariant } from "./index-Cf2D7Y1b.cjs";
-import { ElementType, HTMLAttributes } from "react";
+import { n as ButtonColor, o as ButtonSize, s as ButtonVariant } from "./index-DuW9P_vU.mjs";
+import { nt as Theme } from "./index-nw0pvCoK.mjs";
 import { SpaceProps } from "@soroush.tech/styled-system";
+import { ElementType, HTMLAttributes } from "react";
 type ButtonGroupOrientation = 'horizontal' | 'vertical';
 type ButtonGroupRadius = keyof Theme['radii'];
 interface ButtonGroupProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color'>, SpaceProps<Theme> {

package/dist/index-BzWmnUjW.d.mts

@@ -0,0 +1 @@
+import "./index-nw0pvCoK.mjs";

package/dist/{index-DPCh-ols.d.mts → index-CCA5pNXc.d.mts}

@@ -1,5 +1,5 @@
-import { a as PaginationItemSize } from "./index-C9jnQ-mQ.mjs";
-import "./index-Bwry7fNj.mjs";
+import { a as PaginationItemSize } from "./index-CRopLcd3.mjs";
+import "./index-fiGzE2_0.mjs";
 import { HTMLAttributes } from "react";
 type TablePaginationActionType = 'first' | 'previous' | 'next' | 'last';
 interface TablePaginationActionsProps extends HTMLAttributes<HTMLDivElement> {

package/dist/{index-vls8Jhdl.d.cts → index-CF6cynkC.d.mts}

@@ -1,4 +1,4 @@
-import { nt as Theme } from "./index-CK-uaK5U.cjs";
+import { nt as Theme } from "./index-nw0pvCoK.mjs";
 import { KeyboardEvent, MouseEvent, ReactNode, Ref, RefCallback, SyntheticEvent } from "react";
 type ModalCloseReason = 'escapeKey' | 'backdropClick';
 type EventHandlers = Record<string, ((event: SyntheticEvent) => void) | undefined>;

package/dist/{index-BJIqJbF4.d.mts → index-CR-3ET8R.d.mts}

@@ -1,5 +1,5 @@
-import { nt as Theme } from "./index-B-1sp9oV.mjs";
-import { n as IconProps, r as IconName } from "./index-BDVi1DNs.mjs";
+import { n as IconProps, r as IconName } from "./index-Dv-JacXL.mjs";
+import { nt as Theme } from "./index-nw0pvCoK.mjs";
 import { SpaceProps } from "@soroush.tech/styled-system";
 import { ButtonHTMLAttributes } from "react";
 type TableSortLabelDirection = 'asc' | 'desc';

package/dist/{index-C9jnQ-mQ.d.mts → index-CRopLcd3.d.mts}

@@ -1,4 +1,4 @@
-import { U as PaletteColor, nt as Theme } from "./index-B-1sp9oV.mjs";
+import { U as PaletteColor, nt as Theme } from "./index-nw0pvCoK.mjs";
 import { SpaceProps } from "@soroush.tech/styled-system";
 import { ButtonHTMLAttributes, ElementType, ReactNode } from "react";
 type PaginationItemType = 'page' | 'first' | 'previous' | 'next' | 'last' | 'start-ellipsis' | 'end-ellipsis';

package/dist/{index-F81TdZtB.d.mts → index-C_6hDoX5.d.mts}

@@ -1,12 +1,12 @@
-import { jt as TypographyVariant, nt as Theme } from "./index-B-1sp9oV.mjs";
-import { BorderProps, FlexboxProps, LayoutProps, PositionProps, SpaceProps, TypographyProps } from "@soroush.tech/styled-system";
+import { jt as TypographyVariant, nt as Theme } from "./index-nw0pvCoK.mjs";
+import { BorderProps, FlexboxProps, LayoutProps, PositionProps, SpaceProps, TypographyProps as TypographyProps$1 } from "@soroush.tech/styled-system";
 import { CSSProperties, ElementType, HTMLAttributes } from "react";
 type TypographyAlign = 'left' | 'right' | 'center' | 'justify' | 'inherit';
 /** Valid values for the color prop - derived from theme.text keys. */
 type TextColorToken = keyof Theme['text'];
 /** Valid values for the bg prop - derived from theme.background keys. */
 type BackgroundToken = keyof Theme['background'];
-interface TypographyProps$1 extends Omit<HTMLAttributes<HTMLElement>, 'color'>, SpaceProps<Theme>, LayoutProps<Theme>, TypographyProps<Theme>, FlexboxProps<Theme>, BorderProps<Theme>, PositionProps<Theme> {
+interface TypographyProps extends Omit<HTMLAttributes<HTMLElement>, 'color'>, SpaceProps<Theme>, LayoutProps<Theme>, TypographyProps$1<Theme>, FlexboxProps<Theme>, BorderProps<Theme>, PositionProps<Theme> {
   /** Resolves against theme.text - inherit · initial · primary · secondary · error · success */
   color?: TextColorToken;
   /** Resolves against theme.background */
@@ -21,5 +21,5 @@ interface TypographyProps$1 extends Omit<HTMLAttributes<HTMLElement>, 'color'>,
   dateTime?: string;
   as?: ElementType;
 }
-declare function Typography({ variant, as, ...rest }: Readonly<TypographyProps$1>): import("react").JSX.Element;
-export { TypographyProps$1 as a, TypographyAlign as i, TextColorToken as n, Typography as r, BackgroundToken as t };
+declare function Typography({ variant, as, ...rest }: Readonly<TypographyProps>): import("react").JSX.Element;
+export { TypographyProps as a, TypographyAlign as i, TextColorToken as n, Typography as r, BackgroundToken as t };

package/dist/{index-C6uLwNRF.d.cts → index-CgZujUBc.d.mts}

@@ -1,9 +1,9 @@
-import { nt as Theme, tt as TabsVariants } from "./index-CK-uaK5U.cjs";
-import "./index-CvV0TCBK.cjs";
-import { t as TabValue } from "./TabsContext-i57cha5W.cjs";
-import { n as TabScrollButtonProps } from "./index-qgFJF8n2.cjs";
-import { ComponentType, ReactNode, Ref } from "react";
+import { nt as Theme, tt as TabsVariants } from "./index-nw0pvCoK.mjs";
+import "./index-2yg1ycx-.mjs";
+import { n as TabScrollButtonProps } from "./index-B4rMxnAI.mjs";
+import { t as TabValue } from "./TabsContext-cm-4w5HV.mjs";
 import { SpaceProps } from "@soroush.tech/styled-system";
+import { ComponentType, ReactNode, Ref } from "react";
 type TabsVariant = keyof TabsVariants;
 type TabsOrientation = 'horizontal' | 'vertical';
 /** What the row does when its tabs don't fit: scroll, list the rest in a menu, or nothing. */

package/dist/{index-CLTH0nFB.d.cts → index-CjIlieUz.d.cts}

@@ -1,5 +1,5 @@
-import { ft as ThemeIconSizes } from "./index-CK-uaK5U.cjs";
-import { n as TextColorToken } from "./index-Cp96BUYc.cjs";
+import { TextColorToken } from "./Typography.cjs";
+import { ft as ThemeIconSizes } from "./index-MipJMh6w.cjs";
 import { SVGProps } from "react";
 import { LayoutProps, SpaceProps } from "@soroush.tech/styled-system";
 declare const SvgAccountTree: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;

package/dist/{index-CwWM6Xfz.d.cts → index-Ck1kZGKo.d.cts}

@@ -1,4 +1,4 @@
-import { U as PaletteColor, nt as Theme } from "./index-CK-uaK5U.cjs";
+import { U as PaletteColor, nt as Theme } from "./index-MipJMh6w.cjs";
 import { ButtonHTMLAttributes, ElementType, ReactNode } from "react";
 import { SpaceProps } from "@soroush.tech/styled-system";
 type PaginationItemType = 'page' | 'first' | 'previous' | 'next' | 'last' | 'start-ellipsis' | 'end-ellipsis';

package/dist/{index-xhbtDtsc.d.mts → index-DA-h_wfm.d.mts}

@@ -1,4 +1,4 @@
-import { U as PaletteColor, nt as Theme } from "./index-B-1sp9oV.mjs";
+import { U as PaletteColor, nt as Theme } from "./index-nw0pvCoK.mjs";
 import { BorderProps, LayoutProps, SpaceProps, TypographyProps } from "@soroush.tech/styled-system";
 import { ButtonHTMLAttributes, ElementType } from "react";
 /**

package/dist/{index-CPmemva9.d.mts → index-DW6ItSg9.d.mts}

@@ -1,8 +1,8 @@
-import { cn as PaperElevation, nt as Theme } from "./index-B-1sp9oV.mjs";
-import "./index-C_n4ZPpQ.mjs";
-import { t as MenuItemValue } from "./MenuListContext-BN1VV12-.mjs";
-import { r as MenuListSlotProps } from "./index-DOimZ1Wo.mjs";
-import { n as MenuItemData } from "./index-CRbfhyQ6.mjs";
+import { cn as PaperElevation, nt as Theme } from "./index-nw0pvCoK.mjs";
+import "./index-BzWmnUjW.mjs";
+import { r as MenuListSlotProps } from "./index-fbOIRIGi.mjs";
+import { n as MenuItemData } from "./index-DWPBIj3Q.mjs";
+import { t as MenuItemValue } from "./MenuListContext-D976fSth.mjs";
 import { KeyboardEvent, MouseEvent, ReactElement, ReactNode, Ref, SyntheticEvent } from "react";
 /** Which edge of its trigger a menu lines up with: the start edge, or the end edge. */
 type MenuAlign = 'start' | 'end';

package/dist/{index-CRbfhyQ6.d.mts → index-DWPBIj3Q.d.mts}

@@ -1,5 +1,5 @@
-import { t as MenuItemValue } from "./MenuListContext-BN1VV12-.mjs";
-import { i as MenuItemRole } from "./index-C3D70-3U.mjs";
+import { t as MenuItemValue } from "./MenuListContext-D976fSth.mjs";
+import { i as MenuItemRole } from "./index-goQ0P1tj.mjs";
 import { KeyboardEvent, MouseEvent, ReactNode } from "react";
 /** A menu row as data - what a `MenuItem` takes, with its label as `label`. */
 interface MenuItemRowData {

package/dist/{index-CGlDeiGk.d.cts → index-DXpsn7vq.d.mts}

@@ -1,5 +1,5 @@
-import { nt as Theme } from "./index-CK-uaK5U.cjs";
-import { r as TransitionTimeout, t as TransitionCallbacks } from "./useTransition-DnOAXNav.cjs";
+import { nt as Theme } from "./index-nw0pvCoK.mjs";
+import { r as TransitionTimeout, t as TransitionCallbacks } from "./useTransition-DwlKWjUJ.mjs";
 import { ReactNode } from "react";
 type CollapseOrientation = 'vertical' | 'horizontal';
 interface CollapseProps extends TransitionCallbacks {

package/dist/{index-Cf2D7Y1b.d.cts → index-DuW9P_vU.d.mts}

@@ -1,6 +1,6 @@
-import { U as PaletteColor, _ as ButtonVariants, nt as Theme } from "./index-CK-uaK5U.cjs";
-import { ButtonHTMLAttributes, ReactNode } from "react";
+import { U as PaletteColor, _ as ButtonVariants, nt as Theme } from "./index-nw0pvCoK.mjs";
 import { BorderProps, LayoutProps, SpaceProps, TypographyProps } from "@soroush.tech/styled-system";
+import { ButtonHTMLAttributes, ReactNode } from "react";
 /** Augmentable via the `ButtonVariants` interface - style new values through `theme.components.Button.variants`. */
 type ButtonVariant = keyof ButtonVariants;
 type ButtonColor = PaletteColor;

package/dist/{index-BDVi1DNs.d.mts → index-Dv-JacXL.d.mts}

@@ -1,5 +1,5 @@
-import { ft as ThemeIconSizes } from "./index-B-1sp9oV.mjs";
-import { n as TextColorToken } from "./index-F81TdZtB.mjs";
+import { n as TextColorToken } from "./index-C_6hDoX5.mjs";
+import { ft as ThemeIconSizes } from "./index-nw0pvCoK.mjs";
 import { LayoutProps, SpaceProps } from "@soroush.tech/styled-system";
 import { SVGProps } from "react";
 declare const SvgAccountTree: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;