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

package/dist/Portal.d.cts

@@ -1,18 +1,2 @@
-import { ReactNode } from "react";
-//#region src/Portal/Portal.d.ts
-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.
- */
-declare function Portal({ children, container }: Readonly<PortalProps>): import("react").ReactPortal | null;
-//#endregion
+import { n as PortalProps, t as Portal } from "./index-UloRwym_.cjs";
 export { Portal, PortalProps };

package/dist/Portal.d.mts

@@ -1,18 +1,2 @@
-import { ReactNode } from "react";
-//#region src/Portal/Portal.d.ts
-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.
- */
-declare function Portal({ children, container }: Readonly<PortalProps>): import("react").ReactPortal | null;
-//#endregion
+import { n as PortalProps, t as Portal } from "./index-UloRwym_.mjs";
 export { Portal, PortalProps };

package/dist/Portal.mjs

@@ -1,6 +1,6 @@
 import "react";
 import { createPortal } from "react-dom";
-//#region src/Portal/Portal.tsx
+// src/Portal/Portal.tsx
 function resolveContainer(container) {
 	return (typeof container === "function" ? container() : container) ?? null;
 }
@@ -15,5 +15,4 @@ function Portal({ children, container }) {
 	if (typeof document === "undefined") return null;
 	return createPortal(children, resolveContainer(container) ?? document.body);
 }
-//#endregion
 export { Portal };

package/dist/Pressable.cjs

@@ -1,12 +1,13 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("./src-DU81aGy9.cjs");
-const require_themeDefault = require("./themeDefault-Cebi08Cv.cjs");
+const require_src = require("./src-yC1f5WR2.cjs");
 const require_utils = require("./utils.cjs");
-const require_theme = require("./theme-BxXuXRgQ.cjs");
+const require_theme = require("./theme-XJvMdOnY.cjs");
+const require_themeDefault = require("./themeDefault-DbPHBbNO.cjs");
+const require_getAnchorRel = require("./getAnchorRel-DFMc_uIR.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/Pressable/Pressable.tsx
+// src/Pressable/Pressable.tsx
 const shouldForwardProp = (0, _soroush_tech_styled_system_should_forward_prop.createShouldForwardProp)([
 	..._soroush_tech_styled_system_should_forward_prop.props,
 	"feedback",
@@ -66,7 +67,7 @@ const PressableRoot = require_src.styled("div", {
 * `feedback` picks what happens while it is held: nothing (default), the content
 * dims, or the surface tints.
 */
-function Pressable({ as, feedback, color, activeOpacity, href, type = "button", disabled = false, onClick, onKeyDown, onKeyUp, ...rest }) {
+function Pressable({ as, feedback, color, activeOpacity, href, target, rel, type = "button", disabled = false, onClick, onKeyDown, onKeyUp, ...rest }) {
 	const theme = require_theme.useTheme();
 	const dp = require_theme.useDefaultProps("Pressable");
 	const resolvedFeedback = feedback ?? dp.feedback ?? "none";
@@ -96,9 +97,21 @@ function Pressable({ as, feedback, color, activeOpacity, href, type = "button",
 		onKeyUp?.(event);
 		if (!disabled && event.key === " ") activate(event);
 	};
+	const shimProps = needsShim ? {
+		role: "button",
+		tabIndex: disabled ? -1 : 0,
+		"aria-disabled": disabled || void 0,
+		onKeyDown: handleKeyDown,
+		onKeyUp: handleKeyUp
+	} : {
+		onKeyDown,
+		onKeyUp
+	};
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PressableRoot, {
 		as: element,
 		href,
+		target,
+		rel: require_getAnchorRel.getAnchorRel(target, rel),
 		type: isButton ? type : void 0,
 		disabled: isButton ? disabled : void 0,
 		feedback: resolvedFeedback,
@@ -106,18 +119,8 @@ function Pressable({ as, feedback, color, activeOpacity, href, type = "button",
 		activeOpacity: resolvedActiveOpacity,
 		isDisabled: disabled,
 		onClick: handleClick,
-		...needsShim ? {
-			role: "button",
-			tabIndex: disabled ? -1 : 0,
-			"aria-disabled": disabled || void 0,
-			onKeyDown: handleKeyDown,
-			onKeyUp: handleKeyUp
-		} : {
-			onKeyDown,
-			onKeyUp
-		},
+		...shimProps,
 		...rest
 	});
 }
-//#endregion
 exports.Pressable = Pressable;

package/dist/Pressable.d.cts

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

package/dist/Pressable.d.mts

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

package/dist/Pressable.mjs

@@ -1,10 +1,11 @@
-import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "./src-DLGYOJMh.mjs";
-import { t as themeDefault } from "./themeDefault-Z3KmyIbm.mjs";
+import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "./src-B-rNjHIL.mjs";
 import { alpha } from "./utils.mjs";
-import { n as useDefaultProps, r as useTheme } from "./theme-Z9_QludW.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 "react";
 import { jsx } from "react/jsx-runtime";
-//#region src/Pressable/Pressable.tsx
+// src/Pressable/Pressable.tsx
 const shouldForwardProp = createShouldForwardProp([
 	...props,
 	"feedback",
@@ -64,7 +65,7 @@ const PressableRoot = styled("div", {
 * `feedback` picks what happens while it is held: nothing (default), the content
 * dims, or the surface tints.
 */
-function Pressable({ as, feedback, color, activeOpacity, href, type = "button", disabled = false, onClick, onKeyDown, onKeyUp, ...rest }) {
+function Pressable({ as, feedback, color, activeOpacity, href, target, rel, type = "button", disabled = false, onClick, onKeyDown, onKeyUp, ...rest }) {
 	const theme = useTheme();
 	const dp = useDefaultProps("Pressable");
 	const resolvedFeedback = feedback ?? dp.feedback ?? "none";
@@ -94,9 +95,21 @@ function Pressable({ as, feedback, color, activeOpacity, href, type = "button",
 		onKeyUp?.(event);
 		if (!disabled && event.key === " ") activate(event);
 	};
+	const shimProps = needsShim ? {
+		role: "button",
+		tabIndex: disabled ? -1 : 0,
+		"aria-disabled": disabled || void 0,
+		onKeyDown: handleKeyDown,
+		onKeyUp: handleKeyUp
+	} : {
+		onKeyDown,
+		onKeyUp
+	};
 	return /* @__PURE__ */ jsx(PressableRoot, {
 		as: element,
 		href,
+		target,
+		rel: getAnchorRel(target, rel),
 		type: isButton ? type : void 0,
 		disabled: isButton ? disabled : void 0,
 		feedback: resolvedFeedback,
@@ -104,18 +117,8 @@ function Pressable({ as, feedback, color, activeOpacity, href, type = "button",
 		activeOpacity: resolvedActiveOpacity,
 		isDisabled: disabled,
 		onClick: handleClick,
-		...needsShim ? {
-			role: "button",
-			tabIndex: disabled ? -1 : 0,
-			"aria-disabled": disabled || void 0,
-			onKeyDown: handleKeyDown,
-			onKeyUp: handleKeyUp
-		} : {
-			onKeyDown,
-			onKeyUp
-		},
+		...shimProps,
 		...rest
 	});
 }
-//#endregion
 export { Pressable };

package/dist/Quote.cjs

@@ -1,11 +1,10 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("./src-DU81aGy9.cjs");
+const require_src = require("./src-yC1f5WR2.cjs");
 const require_View = require("./View.cjs");
-//#region src/Quote/Quote.tsx
+// src/Quote/Quote.tsx
 /** A View with a 2px primary left-border - used for terminal readouts and markdown blockquotes. */
 const Quote = require_src.styled(require_View.View, {
 	name: "Quote",
 	label: "Quote"
 })(({ theme }) => ({ borderLeft: `2px solid ${theme.border.primary}` }));
-//#endregion
 exports.Quote = Quote;

package/dist/Quote.d.cts

@@ -1,6 +1,5 @@
-import { W as Theme, nn as ViewProps } from "./index-DJ0f69wh.cjs";
-import "./index-DchHf5cF.cjs";
-//#region src/Quote/Quote.d.ts
+import { nt as Theme, yn as ViewProps } from "./index-Lsm4v8fB.cjs";
+import "./index-CfB7OceY.cjs";
 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<{
@@ -9,5 +8,4 @@ declare const Quote: import("@emotion/styled").StyledComponent<Pick<{
 } & 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;
 }, {}, {}>;
-//#endregion
 export { Quote, QuoteProps };

package/dist/Quote.d.mts

@@ -1,6 +1,5 @@
-import { W as Theme, nn as ViewProps } from "./index-CJhK7JND.mjs";
-import "./index-h4dYtVrp.mjs";
-//#region src/Quote/Quote.d.ts
+import { nt as Theme, yn as ViewProps } from "./index-CR8qkP8U.mjs";
+import "./index-CF_pl72E.mjs";
 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<{
@@ -9,5 +8,4 @@ declare const Quote: import("@emotion/styled").StyledComponent<Pick<{
 } & 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;
 }, {}, {}>;
-//#endregion
 export { Quote, QuoteProps };

package/dist/Quote.mjs

@@ -1,10 +1,9 @@
-import { o as styled } from "./src-DLGYOJMh.mjs";
+import { o as styled } from "./src-B-rNjHIL.mjs";
 import { View } from "./View.mjs";
-//#region src/Quote/Quote.tsx
+// src/Quote/Quote.tsx
 /** A View with a 2px primary left-border - used for terminal readouts and markdown blockquotes. */
 const Quote = styled(View, {
 	name: "Quote",
 	label: "Quote"
 })(({ theme }) => ({ borderLeft: `2px solid ${theme.border.primary}` }));
-//#endregion
 export { Quote };

package/dist/Radio.cjs

@@ -1,11 +1,11 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("./src-DU81aGy9.cjs");
-const require_themeDefault = require("./themeDefault-Cebi08Cv.cjs");
+const require_src = require("./src-yC1f5WR2.cjs");
+const require_themeDefault = require("./themeDefault-DbPHBbNO.cjs");
 const require_FormControl = require("./FormControl.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/Radio/Radio.tsx
+// src/Radio/Radio.tsx
 const UncheckedIcon = () => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
 	viewBox: "0 0 18 18",
 	width: "1em",
@@ -89,18 +89,25 @@ const baseStyle = ({ disabled, theme }) => ({
 const colorStyle = ({ theme, color = require_themeDefault.themeDefault(theme, "neutralColor", "default") }) => {
 	return { color: color === "default" ? theme.text.secondary : theme.palette[color].main };
 };
+const RadioLabel = require_src.styled("span", {
+	name: "Radio",
+	slot: "label",
+	label: "RadioLabel",
+	shouldForwardProp: (0, _soroush_tech_styled_system_should_forward_prop.createShouldForwardProp)(["textColor"])
+})(({ theme, textColor }) => textColor ? { color: (0, require_src.src_exports.get)(theme, `text.${textColor}`) } : {});
 const RadioRoot = require_src.styled("label", {
 	name: "Radio",
 	label: "Radio",
 	shouldForwardProp,
 	systemProps: [require_src.src_exports.space]
 })(baseStyle, colorStyle);
-function Radio({ checked, disabled: disabledProp, color: colorProp, size: sizeProp, icon, checkedIcon, onChange, id: idProp, required: requiredProp, name, value, inputProps, children, className, "data-testid": dataTestid, ...spaceProps }) {
+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 }) {
 	const fc = require_FormControl.useFormControl({
 		id: idProp,
 		disabled: disabledProp,
 		required: requiredProp,
-		size: sizeProp
+		size: sizeProp,
+		textColor: textColorProp
 	});
 	const { id, disabled, required, size } = fc;
 	const color = colorProp ?? fc.color;
@@ -135,9 +142,11 @@ function Radio({ checked, disabled: disabledProp, color: colorProp, size: sizePr
 					children: checkedIcon ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CheckedIcon, {})
 				})]
 			}),
-			children != null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children })
+			children != null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RadioLabel, {
+				textColor: fc.textColor,
+				children
+			})
 		]
 	});
 }
-//#endregion
 exports.Radio = Radio;

package/dist/Radio.d.cts

@@ -1,7 +1,6 @@
-import { P as PaletteColor, W as Theme } from "./index-DJ0f69wh.cjs";
+import { U as PaletteColor, nt as Theme } from "./index-Lsm4v8fB.cjs";
 import { ChangeEvent, InputHTMLAttributes, ReactNode } from "react";
 import { SpaceProps } from "@soroush.tech/styled-system";
-//#region src/Radio/Radio.d.ts
 type RadioColor = PaletteColor;
 type RadioSize = keyof Theme['sizes'];
 interface RadioProps extends SpaceProps<Theme> {
@@ -11,6 +10,8 @@ interface RadioProps extends SpaceProps<Theme> {
   disabled?: boolean;
   /** Stroke/fill color. `'default'` resolves to `theme.text.secondary`. Default: `'default'`. */
   color?: RadioColor;
+  /** Text color of the label, resolves against `theme.text`. Default: the control's `FormControl` or `Form` `textColor`, else the control's color. */
+  textColor?: keyof Theme['text'];
   /** Icon size. Default: `'medium'`. */
   size?: RadioSize;
   /** Custom icon for the unchecked state. */
@@ -33,6 +34,5 @@ interface RadioProps extends SpaceProps<Theme> {
   className?: string;
   'data-testid'?: string;
 }
-declare function Radio({ checked, disabled: disabledProp, color: colorProp, size: sizeProp, icon, checkedIcon, onChange, id: idProp, required: requiredProp, name, value, inputProps, children, className, 'data-testid': dataTestid, ...spaceProps }: Readonly<RadioProps>): import("react").JSX.Element;
-//#endregion
+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 };

package/dist/Radio.d.mts

@@ -1,7 +1,6 @@
-import { P as PaletteColor, W as Theme } from "./index-CJhK7JND.mjs";
+import { U as PaletteColor, nt as Theme } from "./index-CR8qkP8U.mjs";
 import { SpaceProps } from "@soroush.tech/styled-system";
 import { ChangeEvent, InputHTMLAttributes, ReactNode } from "react";
-//#region src/Radio/Radio.d.ts
 type RadioColor = PaletteColor;
 type RadioSize = keyof Theme['sizes'];
 interface RadioProps extends SpaceProps<Theme> {
@@ -11,6 +10,8 @@ interface RadioProps extends SpaceProps<Theme> {
   disabled?: boolean;
   /** Stroke/fill color. `'default'` resolves to `theme.text.secondary`. Default: `'default'`. */
   color?: RadioColor;
+  /** Text color of the label, resolves against `theme.text`. Default: the control's `FormControl` or `Form` `textColor`, else the control's color. */
+  textColor?: keyof Theme['text'];
   /** Icon size. Default: `'medium'`. */
   size?: RadioSize;
   /** Custom icon for the unchecked state. */
@@ -33,6 +34,5 @@ interface RadioProps extends SpaceProps<Theme> {
   className?: string;
   'data-testid'?: string;
 }
-declare function Radio({ checked, disabled: disabledProp, color: colorProp, size: sizeProp, icon, checkedIcon, onChange, id: idProp, required: requiredProp, name, value, inputProps, children, className, 'data-testid': dataTestid, ...spaceProps }: Readonly<RadioProps>): import("react").JSX.Element;
-//#endregion
+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 };

package/dist/Radio.mjs

@@ -1,9 +1,9 @@
-import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "./src-DLGYOJMh.mjs";
-import { t as themeDefault } from "./themeDefault-Z3KmyIbm.mjs";
+import { 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 "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/Radio/Radio.tsx
+// src/Radio/Radio.tsx
 const UncheckedIcon = () => /* @__PURE__ */ jsx("svg", {
 	viewBox: "0 0 18 18",
 	width: "1em",
@@ -87,18 +87,25 @@ const baseStyle = ({ disabled, theme }) => ({
 const colorStyle = ({ theme, color = themeDefault(theme, "neutralColor", "default") }) => {
 	return { color: color === "default" ? theme.text.secondary : theme.palette[color].main };
 };
+const RadioLabel = styled("span", {
+	name: "Radio",
+	slot: "label",
+	label: "RadioLabel",
+	shouldForwardProp: createShouldForwardProp(["textColor"])
+})(({ theme, textColor }) => textColor ? { color: (0, src_exports.get)(theme, `text.${textColor}`) } : {});
 const RadioRoot = styled("label", {
 	name: "Radio",
 	label: "Radio",
 	shouldForwardProp,
 	systemProps: [src_exports.space]
 })(baseStyle, colorStyle);
-function Radio({ checked, disabled: disabledProp, color: colorProp, size: sizeProp, icon, checkedIcon, onChange, id: idProp, required: requiredProp, name, value, inputProps, children, className, "data-testid": dataTestid, ...spaceProps }) {
+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 }) {
 	const fc = useFormControl({
 		id: idProp,
 		disabled: disabledProp,
 		required: requiredProp,
-		size: sizeProp
+		size: sizeProp,
+		textColor: textColorProp
 	});
 	const { id, disabled, required, size } = fc;
 	const color = colorProp ?? fc.color;
@@ -133,9 +140,11 @@ function Radio({ checked, disabled: disabledProp, color: colorProp, size: sizePr
 					children: checkedIcon ?? /* @__PURE__ */ jsx(CheckedIcon, {})
 				})]
 			}),
-			children != null && /* @__PURE__ */ jsx("span", { children })
+			children != null && /* @__PURE__ */ jsx(RadioLabel, {
+				textColor: fc.textColor,
+				children
+			})
 		]
 	});
 }
-//#endregion
 export { Radio };