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

package/dist/{Popover-Dnmeo0Av.mjs → Popover-JCnuplk4.mjs}

@@ -1,8 +1,8 @@
-import { o as styled, t as createShouldForwardProp } from "./src-B-rNjHIL.mjs";
-import { r as useTheme } from "./theme-DyyZQFzQ.mjs";
-import { t as computePopoverPosition } from "./computePopoverPosition-qii46Z6p.mjs";
+import { o as styled, t as createShouldForwardProp } from "./src-BSo7bM2g.mjs";
+import { r as useTheme } from "./theme-B6LFWZ98.mjs";
+import { t as Modal } from "./Modal-EH6RduGc.mjs";
 import { Paper } from "./Paper.mjs";
-import { t as Modal } from "./Modal-DR4TRQSH.mjs";
+import { t as computePopoverPosition } from "./computePopoverPosition-qii46Z6p.mjs";
 import { useCallback, useEffect, useImperativeHandle, useLayoutEffect, useRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";
 // 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-BniabG7D.cjs");
+const require_Popover = require("./Popover-CPB9wIFY.cjs");
 exports.Popover = require_Popover.Popover;

package/dist/Popover.d.cts

@@ -1,14 +1,14 @@
-import { cn as PaperElevation, ln as PaperProps, nt as Theme } from "./index-CK-uaK5U.cjs";
-import "./index-fwRQcB91.cjs";
+import { cn as PaperElevation, ln as PaperProps, nt as Theme } from "./index-MipJMh6w.cjs";
+import { ModalCloseReason } from "./Modal.cjs";
+import "./Paper.cjs";
 import { n as PopoverPosition, r as PopoverReference, t as PopoverOrigin } from "./computePopoverPosition-JgOwCM7k.cjs";
-import { l as ModalCloseReason } from "./index-vls8Jhdl.cjs";
 import { ReactNode, Ref } from "react";
 type PopoverAnchorEl = HTMLElement | (() => HTMLElement | null) | null;
-interface PopoverActions {
+export interface PopoverActions {
   /** Recomputes the popover's position against its anchor. */
   updatePosition: () => void;
 }
-interface PopoverProps {
+export interface PopoverProps {
   /** If true, the popover is shown. */
   open: boolean;
   /** The content of the popover. */
@@ -62,5 +62,5 @@ interface PopoverProps {
  * scroll lock, and Escape/click-away close - then adds anchor positioning
  * (`anchorOrigin`/`transformOrigin`/`marginThreshold`).
  */
-declare function Popover({ open, children, anchorEl, anchorReference, anchorPosition, anchorOrigin, transformOrigin, onClose, elevation, marginThreshold, container, action, slotProps, hasBackdrop, disableScrollLock, disableAriaHidden, shouldAutoFocus, shouldTrapFocus, shouldEnforceFocus, shouldRestoreFocus, shouldKeepMounted, layer }: Readonly<PopoverProps>): import("react").JSX.Element;
-export { Popover, PopoverActions, type PopoverAnchorEl, type PopoverOrigin, type PopoverPosition, PopoverProps, type PopoverReference };
+export declare function Popover({ open, children, anchorEl, anchorReference, anchorPosition, anchorOrigin, transformOrigin, onClose, elevation, marginThreshold, container, action, slotProps, hasBackdrop, disableScrollLock, disableAriaHidden, shouldAutoFocus, shouldTrapFocus, shouldEnforceFocus, shouldRestoreFocus, shouldKeepMounted, layer }: Readonly<PopoverProps>): import("react").JSX.Element;
+export type { PopoverAnchorEl, PopoverOrigin, PopoverPosition, PopoverReference };

package/dist/Popover.d.mts

@@ -1,14 +1,14 @@
-import { cn as PaperElevation, ln as PaperProps, nt as Theme } from "./index-B-1sp9oV.mjs";
-import "./index-C_n4ZPpQ.mjs";
+import { cn as PaperElevation, ln as PaperProps, nt as Theme } from "./index-nw0pvCoK.mjs";
+import { l as ModalCloseReason } from "./index-CF6cynkC.mjs";
+import "./index-BzWmnUjW.mjs";
 import { n as PopoverPosition, r as PopoverReference, t as PopoverOrigin } from "./computePopoverPosition-JgOwCM7k.mjs";
-import { l as ModalCloseReason } from "./index-COGZ6LV4.mjs";
 import { ReactNode, Ref } from "react";
 type PopoverAnchorEl = HTMLElement | (() => HTMLElement | null) | null;
-interface PopoverActions {
+export interface PopoverActions {
   /** Recomputes the popover's position against its anchor. */
   updatePosition: () => void;
 }
-interface PopoverProps {
+export interface PopoverProps {
   /** If true, the popover is shown. */
   open: boolean;
   /** The content of the popover. */
@@ -62,5 +62,5 @@ interface PopoverProps {
  * scroll lock, and Escape/click-away close - then adds anchor positioning
  * (`anchorOrigin`/`transformOrigin`/`marginThreshold`).
  */
-declare function Popover({ open, children, anchorEl, anchorReference, anchorPosition, anchorOrigin, transformOrigin, onClose, elevation, marginThreshold, container, action, slotProps, hasBackdrop, disableScrollLock, disableAriaHidden, shouldAutoFocus, shouldTrapFocus, shouldEnforceFocus, shouldRestoreFocus, shouldKeepMounted, layer }: Readonly<PopoverProps>): import("react").JSX.Element;
-export { Popover, PopoverActions, type PopoverAnchorEl, type PopoverOrigin, type PopoverPosition, PopoverProps, type PopoverReference };
+export declare function Popover({ open, children, anchorEl, anchorReference, anchorPosition, anchorOrigin, transformOrigin, onClose, elevation, marginThreshold, container, action, slotProps, hasBackdrop, disableScrollLock, disableAriaHidden, shouldAutoFocus, shouldTrapFocus, shouldEnforceFocus, shouldRestoreFocus, shouldKeepMounted, layer }: Readonly<PopoverProps>): import("react").JSX.Element;
+export type { PopoverAnchorEl, PopoverOrigin, PopoverPosition, PopoverReference };

package/dist/Popover.mjs

@@ -1 +1 @@
-export { t as Popover } from "./Popover-Dnmeo0Av.mjs";
+export { t as Popover } from "./Popover-JCnuplk4.mjs";

package/dist/Portal.d.cts

@@ -1,2 +1,15 @@
-import { n as PortalProps, t as Portal } from "./index-UloRwym_.cjs";
-export { Portal, PortalProps };
+import { ReactNode } from "react";
+export interface PortalProps {
+  /** Content to render into the container. */
+  children: ReactNode;
+  /** Target node, or a function returning one. Defaults to `document.body`. */
+  container?: HTMLElement | (() => HTMLElement | null) | null;
+}
+/**
+ * Renders its children into a DOM node outside the parent hierarchy (the document
+ * body by default). Resolves the container synchronously during render, so the
+ * portaled content mounts in the same commit - consumers like Modal can rely on
+ * their root ref being attached before their effects run. Renders nothing during
+ * server rendering.
+ */
+export declare function Portal({ children, container }: Readonly<PortalProps>): import("react").ReactPortal | null;

package/dist/Pressable.cjs

@@ -1,9 +1,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("./src-yC1f5WR2.cjs");
+const require_src = require("./src-B1PmaZ-2.cjs");
 const require_utils = require("./utils.cjs");
-const require_theme = require("./theme-XJvMdOnY.cjs");
-const require_themeDefault = require("./themeDefault-DbPHBbNO.cjs");
 const require_getAnchorRel = require("./getAnchorRel-DFMc_uIR.cjs");
+const require_themeDefault = require("./themeDefault-DbPHBbNO.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");

package/dist/Pressable.d.cts

@@ -1,2 +1,46 @@
-import { i as PressableProps, n as PressableColor, r as PressableFeedback, t as Pressable } from "./index-Cc7Yhn7-.cjs";
-export { Pressable, PressableColor, PressableFeedback, PressableProps };
+import { U as PaletteColor, nt as Theme } from "./index-MipJMh6w.cjs";
+import { ButtonHTMLAttributes, ElementType } from "react";
+import { BorderProps, LayoutProps, SpaceProps, TypographyProps } from "@soroush.tech/styled-system";
+/**
+ * Press feedback: `none` leaves the wrapped content untouched, `opacity` dims it
+ * while held, `highlight` tints the surface behind it while held.
+ */
+export type PressableFeedback = 'none' | 'opacity' | 'highlight';
+export type PressableColor = PaletteColor;
+export interface PressableProps extends Omit<ButtonHTMLAttributes<HTMLElement>, 'color'>, SpaceProps<Theme>, LayoutProps<Theme>, BorderProps<Theme>, TypographyProps<Theme> {
+  /**
+   * Element to render. Default: `'div'` - which still behaves as a button
+   * (`role`, tab stop, Enter/Space) because a `<button>` may not legally contain
+   * links, buttons, or block-level content. Pass `'button'` for a native button
+   * when the content is phrasing-only, or any other tag you need.
+   */
+  as?: ElementType;
+  /** Feedback shown while pressed. Default: `'none'`, overridable via `theme.components.Pressable.defaultProps`. */
+  feedback?: PressableFeedback;
+  /** Palette the `highlight` tint derives from - maps to `theme.palette[color]`. Default: `'primary'`, overridable via `theme.defaults.color`. */
+  color?: PressableColor;
+  /** Opacity held content fades to under `feedback="opacity"`. Default: `0.7`. */
+  activeOpacity?: number;
+  /** The URL to link to. If defined and `as` is unset, an `a` element is used. */
+  href?: string;
+  /** Anchor `target` - only meaningful when `href` is set. */
+  target?: string;
+  /** Anchor `rel` - only meaningful when `href` is set. */
+  rel?: string;
+}
+/**
+ * An unstyled clickable surface - button semantics (keyboard activation, focus
+ * ring, disabled state) with none of a button's looks, so it can wrap arbitrary
+ * content without changing its layout. Use it instead of an `onClick` on a
+ * `div`, which no keyboard or screen-reader user can reach.
+ *
+ * It renders a `div` by default, because `<button>` may not legally contain a
+ * link, another button, or block-level content - the shim gives that div a
+ * `role`, a tab stop, and Enter/Space activation, so it is announced and
+ * operated as a button either way. Pass `as="button"` for a native button, or
+ * `href` for an anchor; both skip the shim and let the browser do the work.
+ *
+ * `feedback` picks what happens while it is held: nothing (default), the content
+ * dims, or the surface tints.
+ */
+export declare function Pressable({ as, feedback, color, activeOpacity, href, target, rel, type, disabled, onClick, onKeyDown, onKeyUp, ...rest }: Readonly<PressableProps>): import("react").JSX.Element;

package/dist/Pressable.d.mts

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

package/dist/Pressable.mjs

@@ -1,8 +1,8 @@
-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 { alpha } from "./utils.mjs";
-import { n as useDefaultProps, r as useTheme } from "./theme-DyyZQFzQ.mjs";
-import { t as themeDefault } from "./themeDefault-BeZJzqJj.mjs";
 import { t as getAnchorRel } from "./getAnchorRel-BLYap7aE.mjs";
+import { t as themeDefault } from "./themeDefault-BeZJzqJj.mjs";
+import { n as useDefaultProps, r as useTheme } from "./theme-B6LFWZ98.mjs";
 import "react";
 import { jsx } from "react/jsx-runtime";
 // src/Pressable/Pressable.tsx

package/dist/Quote.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");
 const require_View = require("./View.cjs");
 // src/Quote/Quote.tsx
 /** A View with a 2px primary left-border - used for terminal readouts and markdown blockquotes. */

package/dist/Quote.d.cts

@@ -1,11 +1,10 @@
-import { nt as Theme, yn as ViewProps } from "./index-CK-uaK5U.cjs";
-import "./index-CvV0TCBK.cjs";
-type QuoteProps = ViewProps;
+import "./theme.cjs";
+import { nt as Theme, yn as ViewProps } from "./index-MipJMh6w.cjs";
+export type QuoteProps = ViewProps;
 /** A View with a 2px primary left-border - used for terminal readouts and markdown blockquotes. */
-declare const Quote: import("@emotion/styled").StyledComponent<Pick<{
+export declare const Quote: import("@emotion/styled").StyledComponent<Pick<{
   theme?: Theme;
   as?: React.ElementType;
 } & ViewProps & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, "about" | "accessKey" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "as" | "aspectRatio" | "autoCapitalize" | "autoCorrect" | "autoFocus" | "autoSave" | "bg" | "border" | "borderBottom" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderColor" | "borderLeft" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRadius" | "borderRight" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderStyle" | "borderTop" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "borderWidth" | "borderX" | "borderY" | "bottom" | "children" | "className" | "color" | "columnGap" | "containerName" | "containerType" | "content" | "contentEditable" | "contextMenu" | "cursor" | "dangerouslySetInnerHTML" | "datatype" | "defaultChecked" | "defaultValue" | "dir" | "display" | "draggable" | "enterKeyHint" | "exportparts" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gap" | "height" | "hidden" | "id" | "inert" | "inlist" | "inputMode" | "is" | "itemID" | "itemProp" | "itemRef" | "itemScope" | "itemType" | "key" | "lang" | "layout" | "left" | "letterSpacing" | "lineHeight" | "m" | "margin" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "marginX" | "marginY" | "maxHeight" | "maxWidth" | "mb" | "minHeight" | "minWidth" | "ml" | "mr" | "mt" | "mx" | "my" | "nonce" | "onAbort" | "onAbortCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAuxClick" | "onAuxClickCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onBeforeToggle" | "onBlur" | "onBlurCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onChange" | "onChangeCapture" | "onClick" | "onClickCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onContextMenu" | "onContextMenuCapture" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onError" | "onErrorCapture" | "onFocus" | "onFocusCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onInput" | "onInputCapture" | "onInvalid" | "onInvalidCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onLoad" | "onLoadCapture" | "onLoadStart" | "onLoadStartCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onPaste" | "onPasteCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerMove" | "onPointerMoveCapture" | "onPointerOut" | "onPointerOutCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerUp" | "onPointerUpCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onReset" | "onResetCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onSelect" | "onSelectCapture" | "onStalled" | "onStalledCapture" | "onSubmit" | "onSubmitCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onToggle" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onWheel" | "onWheelCapture" | "opacity" | "order" | "overflow" | "overflowX" | "overflowY" | "p" | "padding" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "paddingX" | "paddingY" | "part" | "pb" | "pl" | "popover" | "popoverTarget" | "popoverTargetAction" | "position" | "pr" | "prefix" | "property" | "pt" | "px" | "py" | "radioGroup" | "ref" | "rel" | "resource" | "results" | "rev" | "right" | "role" | "rowGap" | "security" | "size" | "slot" | "span" | "spellCheck" | "style" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "tabIndex" | "textAlign" | "textAlignLast" | "textDecoration" | "textDecorationColor" | "textDecorationLine" | "textDecorationStyle" | "textDecorationThickness" | "textOverflow" | "textTransform" | "theme" | "title" | "top" | "translate" | "typeof" | "unselectable" | "verticalAlign" | "vocab" | "whiteSpace" | "width" | "zIndex"> & {
   theme?: Theme;
-}, {}, {}>;
-export { Quote, QuoteProps };
+}, {}, {}>;

package/dist/Quote.d.mts

@@ -1,11 +1,10 @@
-import { nt as Theme, yn as ViewProps } from "./index-B-1sp9oV.mjs";
-import "./index-C_K0hsEr.mjs";
-type QuoteProps = ViewProps;
+import "./index-2yg1ycx-.mjs";
+import { nt as Theme, yn as ViewProps } from "./index-nw0pvCoK.mjs";
+export type QuoteProps = ViewProps;
 /** A View with a 2px primary left-border - used for terminal readouts and markdown blockquotes. */
-declare const Quote: import("@emotion/styled").StyledComponent<Pick<{
+export declare const Quote: import("@emotion/styled").StyledComponent<Pick<{
   theme?: Theme;
   as?: React.ElementType;
 } & ViewProps & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, "about" | "accessKey" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "as" | "aspectRatio" | "autoCapitalize" | "autoCorrect" | "autoFocus" | "autoSave" | "bg" | "border" | "borderBottom" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderColor" | "borderLeft" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRadius" | "borderRight" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderStyle" | "borderTop" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "borderWidth" | "borderX" | "borderY" | "bottom" | "children" | "className" | "color" | "columnGap" | "containerName" | "containerType" | "content" | "contentEditable" | "contextMenu" | "cursor" | "dangerouslySetInnerHTML" | "datatype" | "defaultChecked" | "defaultValue" | "dir" | "display" | "draggable" | "enterKeyHint" | "exportparts" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gap" | "height" | "hidden" | "id" | "inert" | "inlist" | "inputMode" | "is" | "itemID" | "itemProp" | "itemRef" | "itemScope" | "itemType" | "key" | "lang" | "layout" | "left" | "letterSpacing" | "lineHeight" | "m" | "margin" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "marginX" | "marginY" | "maxHeight" | "maxWidth" | "mb" | "minHeight" | "minWidth" | "ml" | "mr" | "mt" | "mx" | "my" | "nonce" | "onAbort" | "onAbortCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAuxClick" | "onAuxClickCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onBeforeToggle" | "onBlur" | "onBlurCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onChange" | "onChangeCapture" | "onClick" | "onClickCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onContextMenu" | "onContextMenuCapture" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onError" | "onErrorCapture" | "onFocus" | "onFocusCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onInput" | "onInputCapture" | "onInvalid" | "onInvalidCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onLoad" | "onLoadCapture" | "onLoadStart" | "onLoadStartCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onPaste" | "onPasteCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerMove" | "onPointerMoveCapture" | "onPointerOut" | "onPointerOutCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerUp" | "onPointerUpCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onReset" | "onResetCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onSelect" | "onSelectCapture" | "onStalled" | "onStalledCapture" | "onSubmit" | "onSubmitCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onToggle" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onWheel" | "onWheelCapture" | "opacity" | "order" | "overflow" | "overflowX" | "overflowY" | "p" | "padding" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "paddingX" | "paddingY" | "part" | "pb" | "pl" | "popover" | "popoverTarget" | "popoverTargetAction" | "position" | "pr" | "prefix" | "property" | "pt" | "px" | "py" | "radioGroup" | "ref" | "rel" | "resource" | "results" | "rev" | "right" | "role" | "rowGap" | "security" | "size" | "slot" | "span" | "spellCheck" | "style" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "tabIndex" | "textAlign" | "textAlignLast" | "textDecoration" | "textDecorationColor" | "textDecorationLine" | "textDecorationStyle" | "textDecorationThickness" | "textOverflow" | "textTransform" | "theme" | "title" | "top" | "translate" | "typeof" | "unselectable" | "verticalAlign" | "vocab" | "whiteSpace" | "width" | "zIndex"> & {
   theme?: Theme;
-}, {}, {}>;
-export { Quote, QuoteProps };
+}, {}, {}>;

package/dist/Quote.mjs

@@ -1,4 +1,4 @@
-import { o as styled } from "./src-B-rNjHIL.mjs";
+import { o as styled } from "./src-BSo7bM2g.mjs";
 import { View } from "./View.mjs";
 // src/Quote/Quote.tsx
 /** A View with a 2px primary left-border - used for terminal readouts and markdown blockquotes. */

package/dist/Radio.cjs

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("./src-yC1f5WR2.cjs");
-const require_themeDefault = require("./themeDefault-DbPHBbNO.cjs");
 const require_FormControl = require("./FormControl.cjs");
+const require_src = require("./src-B1PmaZ-2.cjs");
+const require_themeDefault = require("./themeDefault-DbPHBbNO.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/Radio.d.cts

@@ -1,9 +1,9 @@
-import { U as PaletteColor, nt as Theme } from "./index-CK-uaK5U.cjs";
+import { U as PaletteColor, nt as Theme } from "./index-MipJMh6w.cjs";
 import { ChangeEvent, InputHTMLAttributes, ReactNode } from "react";
 import { SpaceProps } from "@soroush.tech/styled-system";
-type RadioColor = PaletteColor;
-type RadioSize = keyof Theme['sizes'];
-interface RadioProps extends SpaceProps<Theme> {
+export type RadioColor = PaletteColor;
+export type RadioSize = keyof Theme['sizes'];
+export interface RadioProps extends SpaceProps<Theme> {
   /** Controlled checked state. Must be paired with `onChange`. */
   checked?: boolean;
   /** Disables the radio. */
@@ -34,5 +34,4 @@ interface RadioProps extends SpaceProps<Theme> {
   className?: string;
   'data-testid'?: string;
 }
-declare function Radio({ checked, disabled: disabledProp, color: colorProp, textColor: textColorProp, size: sizeProp, icon, checkedIcon, onChange, id: idProp, required: requiredProp, name, value, inputProps, children, className, 'data-testid': dataTestid, ...spaceProps }: Readonly<RadioProps>): import("react").JSX.Element;
-export { Radio, RadioColor, RadioProps, RadioSize };
+export declare function Radio({ checked, disabled: disabledProp, color: colorProp, textColor: textColorProp, size: sizeProp, icon, checkedIcon, onChange, id: idProp, required: requiredProp, name, value, inputProps, children, className, 'data-testid': dataTestid, ...spaceProps }: Readonly<RadioProps>): import("react").JSX.Element;

package/dist/Radio.d.mts

@@ -1,9 +1,9 @@
-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 { ChangeEvent, InputHTMLAttributes, ReactNode } from "react";
-type RadioColor = PaletteColor;
-type RadioSize = keyof Theme['sizes'];
-interface RadioProps extends SpaceProps<Theme> {
+export type RadioColor = PaletteColor;
+export type RadioSize = keyof Theme['sizes'];
+export interface RadioProps extends SpaceProps<Theme> {
   /** Controlled checked state. Must be paired with `onChange`. */
   checked?: boolean;
   /** Disables the radio. */
@@ -34,5 +34,4 @@ interface RadioProps extends SpaceProps<Theme> {
   className?: string;
   'data-testid'?: string;
 }
-declare function Radio({ checked, disabled: disabledProp, color: colorProp, textColor: textColorProp, size: sizeProp, icon, checkedIcon, onChange, id: idProp, required: requiredProp, name, value, inputProps, children, className, 'data-testid': dataTestid, ...spaceProps }: Readonly<RadioProps>): import("react").JSX.Element;
-export { Radio, RadioColor, RadioProps, RadioSize };
+export declare function Radio({ checked, disabled: disabledProp, color: colorProp, textColor: textColorProp, size: sizeProp, icon, checkedIcon, onChange, id: idProp, required: requiredProp, name, value, inputProps, children, className, 'data-testid': dataTestid, ...spaceProps }: Readonly<RadioProps>): import("react").JSX.Element;

package/dist/Radio.mjs

@@ -1,6 +1,6 @@
-import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "./src-B-rNjHIL.mjs";
-import { t as themeDefault } from "./themeDefault-BeZJzqJj.mjs";
 import { useFormControl } from "./FormControl.mjs";
+import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "./src-BSo7bM2g.mjs";
+import { t as themeDefault } from "./themeDefault-BeZJzqJj.mjs";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 // src/Radio/Radio.tsx

package/dist/RangeInput.cjs

@@ -1,10 +1,10 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("./src-yC1f5WR2.cjs");
-const require_utils = require("./utils.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_FormControl = require("./FormControl.cjs");
+const require_utils = require("./utils.cjs");
 const require_isRtl = require("./isRtl-Dl6QQWib.cjs");
+const require_useControlled = require("./useControlled-CzCxM4J3.cjs");
 const require_precision = require("./precision-DbF9gToz.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");

package/dist/RangeInput.d.cts

@@ -1,5 +1,5 @@
-import { nt as Theme } from "./index-CK-uaK5U.cjs";
-import { ChangeEvent, KeyboardEvent, ReactNode, SyntheticEvent } from "react";
+import { nt as Theme } from "./index-MipJMh6w.cjs";
+import { ReactNode } from "react";
 import { LayoutProps, SpaceProps } from "@soroush.tech/styled-system";
 /** A tick on the rail, with a label under it when it has one. */
 interface Mark {
@@ -8,9 +8,9 @@ interface Mark {
 }
 type Orientation = 'horizontal' | 'vertical';
 type RangeInputValue = number | number[];
-type RangeInputTrack = 'normal' | false | 'inverted';
-type RangeInputValueLabel = 'auto' | 'on' | 'off';
-interface RangeInputProps extends SpaceProps<Theme>, Pick<LayoutProps<Theme>, 'width' | 'height' | 'minWidth' | 'maxWidth' | 'minHeight' | 'maxHeight'> {
+export type RangeInputTrack = 'normal' | false | 'inverted';
+export type RangeInputValueLabel = 'auto' | 'on' | 'off';
+export interface RangeInputProps extends SpaceProps<Theme>, Pick<LayoutProps<Theme>, 'width' | 'height' | 'minWidth' | 'maxWidth' | 'minHeight' | 'maxHeight'> {
   /** The value - a number for one thumb, an array for one per entry. Controlled with `onChange`. */
   value?: number | readonly number[];
   /** The value at first, when uncontrolled. Default: `min`. */
@@ -69,5 +69,5 @@ interface RangeInputProps extends SpaceProps<Theme>, Pick<LayoutProps<Theme>, 'w
  * In a `FormControl` it takes the field's size, color, error, and disabled state, and its
  * `FormLabel` targets the first thumb.
  */
-declare function RangeInput({ value, defaultValue, onChange, onChangeCommitted, min, max, step: stepProp, shiftStep: shiftStepProp, marks: marksProp, orientation: orientationProp, track: trackProp, scale, valueLabel: valueLabelProp, formatValueLabel, getAriaLabel, getAriaValueText, shouldSwapThumbs: shouldSwapProp, size: sizeProp, color: colorProp, disabled: disabledProp, error: errorProp, name, id: idProp, className, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, 'data-testid': dataTestid, ...rest }: Readonly<RangeInputProps>): import("react").JSX.Element;
-export { RangeInput, type Mark as RangeInputMark, RangeInputProps, RangeInputTrack, RangeInputValueLabel };
+export declare function RangeInput({ value, defaultValue, onChange, onChangeCommitted, min, max, step: stepProp, shiftStep: shiftStepProp, marks: marksProp, orientation: orientationProp, track: trackProp, scale, valueLabel: valueLabelProp, formatValueLabel, getAriaLabel, getAriaValueText, shouldSwapThumbs: shouldSwapProp, size: sizeProp, color: colorProp, disabled: disabledProp, error: errorProp, name, id: idProp, className, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, 'data-testid': dataTestid, ...rest }: Readonly<RangeInputProps>): import("react").JSX.Element;
+export type { Mark as RangeInputMark };

package/dist/RangeInput.d.mts

@@ -1,6 +1,6 @@
-import { nt as Theme } from "./index-B-1sp9oV.mjs";
+import { nt as Theme } from "./index-nw0pvCoK.mjs";
 import { LayoutProps, SpaceProps } from "@soroush.tech/styled-system";
-import { ChangeEvent, KeyboardEvent, ReactNode, SyntheticEvent } from "react";
+import { ReactNode } from "react";
 /** A tick on the rail, with a label under it when it has one. */
 interface Mark {
   value: number;
@@ -8,9 +8,9 @@ interface Mark {
 }
 type Orientation = 'horizontal' | 'vertical';
 type RangeInputValue = number | number[];
-type RangeInputTrack = 'normal' | false | 'inverted';
-type RangeInputValueLabel = 'auto' | 'on' | 'off';
-interface RangeInputProps extends SpaceProps<Theme>, Pick<LayoutProps<Theme>, 'width' | 'height' | 'minWidth' | 'maxWidth' | 'minHeight' | 'maxHeight'> {
+export type RangeInputTrack = 'normal' | false | 'inverted';
+export type RangeInputValueLabel = 'auto' | 'on' | 'off';
+export interface RangeInputProps extends SpaceProps<Theme>, Pick<LayoutProps<Theme>, 'width' | 'height' | 'minWidth' | 'maxWidth' | 'minHeight' | 'maxHeight'> {
   /** The value - a number for one thumb, an array for one per entry. Controlled with `onChange`. */
   value?: number | readonly number[];
   /** The value at first, when uncontrolled. Default: `min`. */
@@ -69,5 +69,5 @@ interface RangeInputProps extends SpaceProps<Theme>, Pick<LayoutProps<Theme>, 'w
  * In a `FormControl` it takes the field's size, color, error, and disabled state, and its
  * `FormLabel` targets the first thumb.
  */
-declare function RangeInput({ value, defaultValue, onChange, onChangeCommitted, min, max, step: stepProp, shiftStep: shiftStepProp, marks: marksProp, orientation: orientationProp, track: trackProp, scale, valueLabel: valueLabelProp, formatValueLabel, getAriaLabel, getAriaValueText, shouldSwapThumbs: shouldSwapProp, size: sizeProp, color: colorProp, disabled: disabledProp, error: errorProp, name, id: idProp, className, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, 'data-testid': dataTestid, ...rest }: Readonly<RangeInputProps>): import("react").JSX.Element;
-export { RangeInput, type Mark as RangeInputMark, RangeInputProps, RangeInputTrack, RangeInputValueLabel };
+export declare function RangeInput({ value, defaultValue, onChange, onChangeCommitted, min, max, step: stepProp, shiftStep: shiftStepProp, marks: marksProp, orientation: orientationProp, track: trackProp, scale, valueLabel: valueLabelProp, formatValueLabel, getAriaLabel, getAriaValueText, shouldSwapThumbs: shouldSwapProp, size: sizeProp, color: colorProp, disabled: disabledProp, error: errorProp, name, id: idProp, className, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, 'data-testid': dataTestid, ...rest }: Readonly<RangeInputProps>): import("react").JSX.Element;
+export type { Mark as RangeInputMark };

package/dist/RangeInput.mjs

@@ -1,9 +1,9 @@
-import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "./src-B-rNjHIL.mjs";
-import { clamp } from "./utils.mjs";
-import { n as useDefaultProps } from "./theme-DyyZQFzQ.mjs";
-import { t as useControlled } from "./useControlled-B4uQ9Bj6.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 { clamp } from "./utils.mjs";
 import { t as isRtl } from "./isRtl-DN-EdUlg.mjs";
+import { t as useControlled } from "./useControlled-B4uQ9Bj6.mjs";
 import { i as snapToStep, t as addExact } from "./precision-DrmFmgMd.mjs";
 import { Fragment, useId, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/Rating.cjs

@@ -1,13 +1,13 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("./src-yC1f5WR2.cjs");
-const require_utils = require("./utils.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_Icon = require("./Icon-C5Iz5ekp.cjs");
-const require_FormControlContext = require("./FormControlContext-DvEyxrdM.cjs");
 const require_FormControl = require("./FormControl.cjs");
+const require_FormControlContext = require("./FormControlContext-DvEyxrdM.cjs");
+const require_Icon = require("./Icon-C4QMiNHJ.cjs");
 const require_isRtl = require("./isRtl-Dl6QQWib.cjs");
+const require_useControlled = require("./useControlled-CzCxM4J3.cjs");
 const require_precision = require("./precision-DbF9gToz.cjs");
+const require_utils = require("./utils.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/Rating.d.cts

@@ -1,7 +1,7 @@
-import { nt as Theme } from "./index-CK-uaK5U.cjs";
+import { nt as Theme } from "./index-MipJMh6w.cjs";
 import { MouseEvent, ReactNode, SyntheticEvent } from "react";
 import { SpaceProps } from "@soroush.tech/styled-system";
-interface RatingProps extends SpaceProps<Theme> {
+export interface RatingProps extends SpaceProps<Theme> {
   /** The rating - `null` for none. Controlled with `onChange`. */
   value?: number | null;
   /** The rating at first, when uncontrolled. */
@@ -51,5 +51,4 @@ interface RatingProps extends SpaceProps<Theme> {
  * chosen item clears it. In a `FormControl` it takes the field's size, color, error and
  * disabled state, and its `FormLabel` names it.
  */
-declare function Rating({ value, defaultValue, onChange, onChangeActive, max: maxProp, precision: precisionProp, highlightSelectedOnly: highlightSelectedOnlyProp, icon: iconProp, emptyIcon: emptyIconProp, getLabelText, emptyLabelText, readOnly, size: sizeProp, color: colorProp, disabled: disabledProp, required: requiredProp, error: errorProp, name: nameProp, id: idProp, className, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, 'data-testid': dataTestid, ...spaceProps }: Readonly<RatingProps>): import("react").JSX.Element;
-export { Rating, RatingProps };
+export declare function Rating({ value, defaultValue, onChange, onChangeActive, max: maxProp, precision: precisionProp, highlightSelectedOnly: highlightSelectedOnlyProp, icon: iconProp, emptyIcon: emptyIconProp, getLabelText, emptyLabelText, readOnly, size: sizeProp, color: colorProp, disabled: disabledProp, required: requiredProp, error: errorProp, name: nameProp, id: idProp, className, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, 'data-testid': dataTestid, ...spaceProps }: Readonly<RatingProps>): import("react").JSX.Element;

package/dist/Rating.d.mts

@@ -1,7 +1,7 @@
-import { nt as Theme } from "./index-B-1sp9oV.mjs";
+import { nt as Theme } from "./index-nw0pvCoK.mjs";
 import { SpaceProps } from "@soroush.tech/styled-system";
 import { MouseEvent, ReactNode, SyntheticEvent } from "react";
-interface RatingProps extends SpaceProps<Theme> {
+export interface RatingProps extends SpaceProps<Theme> {
   /** The rating - `null` for none. Controlled with `onChange`. */
   value?: number | null;
   /** The rating at first, when uncontrolled. */
@@ -51,5 +51,4 @@ interface RatingProps extends SpaceProps<Theme> {
  * chosen item clears it. In a `FormControl` it takes the field's size, color, error and
  * disabled state, and its `FormLabel` names it.
  */
-declare function Rating({ value, defaultValue, onChange, onChangeActive, max: maxProp, precision: precisionProp, highlightSelectedOnly: highlightSelectedOnlyProp, icon: iconProp, emptyIcon: emptyIconProp, getLabelText, emptyLabelText, readOnly, size: sizeProp, color: colorProp, disabled: disabledProp, required: requiredProp, error: errorProp, name: nameProp, id: idProp, className, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, 'data-testid': dataTestid, ...spaceProps }: Readonly<RatingProps>): import("react").JSX.Element;
-export { Rating, RatingProps };
+export declare function Rating({ value, defaultValue, onChange, onChangeActive, max: maxProp, precision: precisionProp, highlightSelectedOnly: highlightSelectedOnlyProp, icon: iconProp, emptyIcon: emptyIconProp, getLabelText, emptyLabelText, readOnly, size: sizeProp, color: colorProp, disabled: disabledProp, required: requiredProp, error: errorProp, name: nameProp, id: idProp, className, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, 'data-testid': dataTestid, ...spaceProps }: Readonly<RatingProps>): import("react").JSX.Element;

package/dist/Rating.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 { clamp } from "./utils.mjs";
-import { n as useDefaultProps } from "./theme-DyyZQFzQ.mjs";
-import { t as useControlled } from "./useControlled-B4uQ9Bj6.mjs";
-import { t as Icon } from "./Icon-XpXU-SuF.mjs";
-import { t as FormControlContext } from "./FormControlContext-Dg_ommiF.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 { t as FormControlContext } from "./FormControlContext-Dg_ommiF.mjs";
+import { t as Icon } from "./Icon-gVHlFgdH.mjs";
 import { t as isRtl } from "./isRtl-DN-EdUlg.mjs";
+import { t as useControlled } from "./useControlled-B4uQ9Bj6.mjs";
 import { r as roundToPrecision } from "./precision-DrmFmgMd.mjs";
+import { clamp } from "./utils.mjs";
 import { useContext, useId, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 // src/Rating/utils/precision.ts

package/dist/ScrollArea.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");
 const require_theme = require("./theme-XJvMdOnY.cjs");
 const require_useMergedRefs = require("./useMergedRefs-BtctsnmX.cjs");
 let react = require("react");

package/dist/ScrollArea.d.cts

@@ -1,11 +1,11 @@
-import { nt as Theme } from "./index-CK-uaK5U.cjs";
+import { nt as Theme } from "./index-MipJMh6w.cjs";
 import { ReactNode, Ref } from "react";
 import { LayoutProps, SpaceProps } from "@soroush.tech/styled-system";
 /** Which way a thumb runs: down the right edge, or along the bottom. */
 type ScrollAxis = 'y' | 'x';
 /** Which ways it scrolls. */
-type ScrollAxes = ScrollAxis | 'both';
-interface ScrollAreaProps extends SpaceProps<Theme>, Pick<LayoutProps<Theme>, 'width' | 'minWidth' | 'maxWidth' | 'height' | 'minHeight' | 'maxHeight'> {
+export type ScrollAxes = ScrollAxis | 'both';
+export interface ScrollAreaProps extends SpaceProps<Theme>, Pick<LayoutProps<Theme>, 'width' | 'minWidth' | 'maxWidth' | 'height' | 'minHeight' | 'maxHeight'> {
   /** What scrolls. */
   children: ReactNode;
   /** Which ways it scrolls. Default: `'y'`. */
@@ -32,5 +32,5 @@ interface ScrollAreaProps extends SpaceProps<Theme>, Pick<LayoutProps<Theme>, 'w
  * container, or `maxHeight`, allows. Colors come from `theme.background.scrollbar` and
  * `scrollbarTrack`, its size from `theme.space`.
  */
-declare function ScrollArea({ children, axes: axesProp, viewportRef, tabIndex, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, className, 'data-testid': dataTestid, ...rest }: Readonly<ScrollAreaProps>): import("react").JSX.Element;
-export { ScrollArea, ScrollAreaProps, ScrollAxes };
+export declare function ScrollArea({ children, axes: axesProp, viewportRef, tabIndex, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, className, 'data-testid': dataTestid, ...rest }: Readonly<ScrollAreaProps>): import("react").JSX.Element;
+export {};

package/dist/ScrollArea.d.mts

@@ -1,11 +1,11 @@
-import { nt as Theme } from "./index-B-1sp9oV.mjs";
+import { nt as Theme } from "./index-nw0pvCoK.mjs";
 import { LayoutProps, SpaceProps } from "@soroush.tech/styled-system";
 import { ReactNode, Ref } from "react";
 /** Which way a thumb runs: down the right edge, or along the bottom. */
 type ScrollAxis = 'y' | 'x';
 /** Which ways it scrolls. */
-type ScrollAxes = ScrollAxis | 'both';
-interface ScrollAreaProps extends SpaceProps<Theme>, Pick<LayoutProps<Theme>, 'width' | 'minWidth' | 'maxWidth' | 'height' | 'minHeight' | 'maxHeight'> {
+export type ScrollAxes = ScrollAxis | 'both';
+export interface ScrollAreaProps extends SpaceProps<Theme>, Pick<LayoutProps<Theme>, 'width' | 'minWidth' | 'maxWidth' | 'height' | 'minHeight' | 'maxHeight'> {
   /** What scrolls. */
   children: ReactNode;
   /** Which ways it scrolls. Default: `'y'`. */
@@ -32,5 +32,5 @@ interface ScrollAreaProps extends SpaceProps<Theme>, Pick<LayoutProps<Theme>, 'w
  * container, or `maxHeight`, allows. Colors come from `theme.background.scrollbar` and
  * `scrollbarTrack`, its size from `theme.space`.
  */
-declare function ScrollArea({ children, axes: axesProp, viewportRef, tabIndex, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, className, 'data-testid': dataTestid, ...rest }: Readonly<ScrollAreaProps>): import("react").JSX.Element;
-export { ScrollArea, ScrollAreaProps, ScrollAxes };
+export declare function ScrollArea({ children, axes: axesProp, viewportRef, tabIndex, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, className, 'data-testid': dataTestid, ...rest }: Readonly<ScrollAreaProps>): import("react").JSX.Element;
+export {};

package/dist/ScrollArea.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 { n as useDefaultProps } from "./theme-DyyZQFzQ.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 { t as useMergedRefs } from "./useMergedRefs-CdfwtmUd.mjs";
 import { useEffect, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";