@soroush.tech/design-system 0.1.0 → 1.1.0

package/dist/Modal.d.mts

@@ -1,2 +1,2 @@
-import { a as Modal, c as ModalCloseReason, d as useModal, i as ariaHidden, l as UseModalParameters, n as ManagedModalProps, o as ModalProps, r as ModalManager, s as ModalScroll, t as ManagedModal, u as UseModalReturnValue } from "./index-Dy03o__A.mjs";
+import { a as Modal, c as ModalCloseReason, d as useModal, i as ariaHidden, l as UseModalParameters, n as ManagedModalProps, o as ModalProps, r as ModalManager, s as ModalScroll, t as ManagedModal, u as UseModalReturnValue } from "./index-Ds__py2h.mjs";
 export { ManagedModal, ManagedModalProps, Modal, ModalCloseReason, ModalManager, ModalProps, ModalScroll, UseModalParameters, UseModalReturnValue, ariaHidden, useModal };

package/dist/Modal.mjs

@@ -1,2 +1,2 @@
-import { i as ariaHidden, n as useModal, r as ModalManager, t as Modal } from "./Modal-DR60peRg.mjs";
+import { i as ariaHidden, n as useModal, r as ModalManager, t as Modal } from "./Modal-dy5l7gfH.mjs";
 export { Modal, ModalManager, ariaHidden, useModal };

package/dist/NativeSelect.cjs

@@ -1,13 +1,13 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("./src-BiocWFSR.cjs");
-const require_themeDefault = require("./themeDefault-B-QjpGEO.cjs");
-const require_Icon = require("./Icon-1YtNCUKo.cjs");
+const require_src = require("./src-C8PIppTy.cjs");
+const require_themeDefault = require("./themeDefault-Cebi08Cv.cjs");
+const require_theme = require("./theme-Du6xgPsg.cjs");
+const require_Icon = require("./Icon-BOjk5r39.cjs");
 const require_FormControl = require("./FormControl.cjs");
 const require_inputVariantStyles = require("./inputVariantStyles-BBkkYQtE.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");
-let _emotion_react = require("@emotion/react");
 //#region src/NativeSelect/NativeSelect.tsx
 const shouldForwardProp = (0, _soroush_tech_styled_system_should_forward_prop.createShouldForwardProp)([
 	..._soroush_tech_styled_system_should_forward_prop.props,
@@ -134,7 +134,7 @@ function NativeSelect({ options, value, defaultValue, onChange, placeholder, bor
 		textColor: textColorProp
 	});
 	const { id, error, disabled, required, size, fullWidth } = fc;
-	const theme = (0, _emotion_react.useTheme)();
+	const theme = require_theme.useTheme();
 	const color = fc.color ?? require_themeDefault.themeDefault(theme, "color", "primary");
 	const textColor = fc.textColor ?? require_themeDefault.themeDefault(theme, "accentTextColor", "primary");
 	const variant = variantProp ?? require_themeDefault.themeDefault(theme, "inputVariant", "default");

package/dist/NativeSelect.d.cts

@@ -1,5 +1,6 @@
-import { l as index_d_exports, o as Theme } from "./index-Bihpwn75.cjs";
-import { n as IconProps, r as IconName } from "./index-Dp81rWM1.cjs";
+import { r as index_d_exports } from "./index-DLJ-li1B.cjs";
+import { h as Theme } from "./themes-CUV79qWU.cjs";
+import { n as IconProps, r as IconName } from "./index-CA_X-mXg.cjs";
 import { SelectHTMLAttributes } from "react";
 //#region src/NativeSelect/NativeSelect.d.ts
 type NativeSelectColor = keyof Theme['palette'];

package/dist/NativeSelect.d.mts

@@ -1,5 +1,6 @@
-import { l as index_d_exports, o as Theme } from "./index-Dm9HfgV6.mjs";
-import { n as IconProps, r as IconName } from "./index-BLfFycfJ.mjs";
+import { h as Theme } from "./themes-CUV79qWU.mjs";
+import { r as index_d_exports } from "./index-D8b5OCLe.mjs";
+import { n as IconProps, r as IconName } from "./index-BL3jwIQU.mjs";
 import { SelectHTMLAttributes } from "react";
 //#region src/NativeSelect/NativeSelect.d.ts
 type NativeSelectColor = keyof Theme['palette'];

package/dist/NativeSelect.mjs

@@ -1,6 +1,7 @@
-import { a as createShouldForwardProp, c as props, d as styled, l as src_exports, u as useTheme } from "./src-DcNT2aIK.mjs";
-import { t as themeDefault } from "./themeDefault-CjXaY3ok.mjs";
-import { t as Icon } from "./Icon-CAKRmFz3.mjs";
+import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "./src-BJy4dM4f.mjs";
+import { t as themeDefault } from "./themeDefault-Z3KmyIbm.mjs";
+import { r as useTheme } from "./theme-V6lYzd3j.mjs";
+import { t as Icon } from "./Icon-CYjD0Bad.mjs";
 import { useFormControl } from "./FormControl.mjs";
 import { t as inputVariantStyles } from "./inputVariantStyles-CcqpGfuP.mjs";
 import "react";

package/dist/Pagination/PaginationItem.cjs

@@ -1,8 +1,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("../src-BiocWFSR.cjs");
-const require_themeDefault = require("../themeDefault-B-QjpGEO.cjs");
+const require_src = require("../src-C8PIppTy.cjs");
+const require_themeDefault = require("../themeDefault-Cebi08Cv.cjs");
 const require_utils = require("../utils.cjs");
-const require_Icon = require("../Icon-1YtNCUKo.cjs");
+const require_Icon = require("../Icon-BOjk5r39.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/Pagination/PaginationItem.d.cts

@@ -1,2 +1,2 @@
-import { a as PaginationItemSize, i as PaginationItemShape, n as PaginationItemColor, o as PaginationItemVariant, r as PaginationItemProps, t as PaginationItem } from "../index-CeYkEXU2.cjs";
+import { a as PaginationItemSize, i as PaginationItemShape, n as PaginationItemColor, o as PaginationItemVariant, r as PaginationItemProps, t as PaginationItem } from "../index-yr4HkKOj.cjs";
 export { PaginationItem, PaginationItemColor, PaginationItemProps, PaginationItemShape, PaginationItemSize, PaginationItemVariant };

package/dist/Pagination/PaginationItem.d.mts

@@ -1,2 +1,2 @@
-import { a as PaginationItemSize, i as PaginationItemShape, n as PaginationItemColor, o as PaginationItemVariant, r as PaginationItemProps, t as PaginationItem } from "../index-CxSNNzBT2.mjs";
+import { a as PaginationItemSize, i as PaginationItemShape, n as PaginationItemColor, o as PaginationItemVariant, r as PaginationItemProps, t as PaginationItem } from "../index-BwUnDd9W.mjs";
 export { PaginationItem, PaginationItemColor, PaginationItemProps, PaginationItemShape, PaginationItemSize, PaginationItemVariant };

package/dist/Pagination/PaginationItem.mjs

@@ -1,7 +1,7 @@
-import { a as createShouldForwardProp, c as props, d as styled, l as src_exports } from "../src-DcNT2aIK.mjs";
-import { t as themeDefault } from "../themeDefault-CjXaY3ok.mjs";
+import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "../src-BJy4dM4f.mjs";
+import { t as themeDefault } from "../themeDefault-Z3KmyIbm.mjs";
 import { alpha } from "../utils.mjs";
-import { t as Icon } from "../Icon-CAKRmFz3.mjs";
+import { t as Icon } from "../Icon-CYjD0Bad.mjs";
 import "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/Pagination/PaginationItem/PaginationItem.tsx

package/dist/Pagination.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("./src-BiocWFSR.cjs");
+const require_src = require("./src-C8PIppTy.cjs");
 const require_Pagination_PaginationItem = require("./Pagination/PaginationItem.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");

package/dist/Pagination.d.cts

@@ -1,23 +1,3 @@
-import { l as index_d_exports, o as Theme } from "./index-Bihpwn75.cjs";
-import { a as PaginationItemSize, c as UsePaginationItem, i as PaginationItemShape, l as UsePaginationProps, n as PaginationItemColor, o as PaginationItemVariant, r as PaginationItemProps, s as PaginationItemType, t as PaginationItem, u as usePagination } from "./index-CeYkEXU2.cjs";
-import { HTMLAttributes } from "react";
-//#region src/Pagination/Pagination.d.ts
-type PaginationColor = PaginationItemColor;
-type PaginationVariant = PaginationItemVariant;
-type PaginationShape = PaginationItemShape;
-type PaginationSize = PaginationItemSize;
-interface PaginationProps extends Omit<HTMLAttributes<HTMLElement>, 'color' | 'onChange'>, UsePaginationProps, index_d_exports.SpaceProps<Theme> {
-  /** Selected-item color — resolves against `theme.palette`. Default: 'primary', overridable via `theme.defaults.color`. */
-  color?: PaginationColor;
-  /** Item style — `text` or `outlined`. Default: `'text'`. */
-  variant?: PaginationVariant;
-  /** Item corner shape. Default: `'circular'`. */
-  shape?: PaginationShape;
-  /** Item density — resolves against `theme.sizes`. Default: 'md', overridable via `theme.defaults.size`. */
-  size?: PaginationSize;
-  /** Accessible name per item — important for screen readers. A sensible default is provided. */
-  getItemAriaLabel?: (type: PaginationItemType, page: number | null, isSelected: boolean) => string;
-}
-declare function Pagination({ count, page, defaultPage, siblingCount, boundaryCount, disabled, shouldShowFirstButton, shouldShowLastButton, shouldHidePrevButton, shouldHideNextButton, onChange, color, variant, shape, size, getItemAriaLabel, 'aria-label': ariaLabel, ...rest }: Readonly<PaginationProps>): import("react").JSX.Element;
-//#endregion
+import { a as PaginationItemSize, c as UsePaginationItem, i as PaginationItemShape, l as UsePaginationProps, n as PaginationItemColor, o as PaginationItemVariant, r as PaginationItemProps, s as PaginationItemType, t as PaginationItem, u as usePagination } from "./index-yr4HkKOj.cjs";
+import { a as PaginationSize, i as PaginationShape, n as PaginationColor, o as PaginationVariant, r as PaginationProps, t as Pagination } from "./index-B3FrhO2r.cjs";
 export { Pagination, PaginationColor, PaginationItem, PaginationItemColor, PaginationItemProps, PaginationItemShape, PaginationItemSize, PaginationItemType, PaginationItemVariant, PaginationProps, PaginationShape, PaginationSize, PaginationVariant, UsePaginationItem, UsePaginationProps, usePagination };

package/dist/Pagination.d.mts

@@ -1,23 +1,3 @@
-import { l as index_d_exports, o as Theme } from "./index-Dm9HfgV6.mjs";
-import { a as PaginationItemSize, c as UsePaginationItem, i as PaginationItemShape, l as UsePaginationProps, n as PaginationItemColor, o as PaginationItemVariant, r as PaginationItemProps, s as PaginationItemType, t as PaginationItem, u as usePagination } from "./index-CxSNNzBT2.mjs";
-import { HTMLAttributes } from "react";
-//#region src/Pagination/Pagination.d.ts
-type PaginationColor = PaginationItemColor;
-type PaginationVariant = PaginationItemVariant;
-type PaginationShape = PaginationItemShape;
-type PaginationSize = PaginationItemSize;
-interface PaginationProps extends Omit<HTMLAttributes<HTMLElement>, 'color' | 'onChange'>, UsePaginationProps, index_d_exports.SpaceProps<Theme> {
-  /** Selected-item color — resolves against `theme.palette`. Default: 'primary', overridable via `theme.defaults.color`. */
-  color?: PaginationColor;
-  /** Item style — `text` or `outlined`. Default: `'text'`. */
-  variant?: PaginationVariant;
-  /** Item corner shape. Default: `'circular'`. */
-  shape?: PaginationShape;
-  /** Item density — resolves against `theme.sizes`. Default: 'md', overridable via `theme.defaults.size`. */
-  size?: PaginationSize;
-  /** Accessible name per item — important for screen readers. A sensible default is provided. */
-  getItemAriaLabel?: (type: PaginationItemType, page: number | null, isSelected: boolean) => string;
-}
-declare function Pagination({ count, page, defaultPage, siblingCount, boundaryCount, disabled, shouldShowFirstButton, shouldShowLastButton, shouldHidePrevButton, shouldHideNextButton, onChange, color, variant, shape, size, getItemAriaLabel, 'aria-label': ariaLabel, ...rest }: Readonly<PaginationProps>): import("react").JSX.Element;
-//#endregion
+import { a as PaginationItemSize, c as UsePaginationItem, i as PaginationItemShape, l as UsePaginationProps, n as PaginationItemColor, o as PaginationItemVariant, r as PaginationItemProps, s as PaginationItemType, t as PaginationItem, u as usePagination } from "./index-BwUnDd9W.mjs";
+import { a as PaginationSize, i as PaginationShape, n as PaginationColor, o as PaginationVariant, r as PaginationProps, t as Pagination } from "./index-Ca0Pj5m2.mjs";
 export { Pagination, PaginationColor, PaginationItem, PaginationItemColor, PaginationItemProps, PaginationItemShape, PaginationItemSize, PaginationItemType, PaginationItemVariant, PaginationProps, PaginationShape, PaginationSize, PaginationVariant, UsePaginationItem, UsePaginationProps, usePagination };

package/dist/Pagination.mjs

@@ -1,4 +1,4 @@
-import { a as createShouldForwardProp, c as props, d as styled, l as src_exports } from "./src-DcNT2aIK.mjs";
+import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "./src-BJy4dM4f.mjs";
 import { PaginationItem } from "./Pagination/PaginationItem.mjs";
 import { useState } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/Paper.cjs

@@ -1,15 +1,13 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("./src-BiocWFSR.cjs");
-const require_themeDefault = require("./themeDefault-B-QjpGEO.cjs");
+const require_src = require("./src-C8PIppTy.cjs");
 const require_Flex = require("./Flex.cjs");
+const require_themeDefault = require("./themeDefault-Cebi08Cv.cjs");
+const require_theme = require("./theme-Du6xgPsg.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");
-let _emotion_react = require("@emotion/react");
 //#region src/Paper/Paper.tsx
-const shouldForwardProp = (0, _soroush_tech_styled_system_should_forward_prop.createShouldForwardProp)([
+const shouldForwardProp = (0, require("@soroush.tech/styled-system/should-forward-prop").createShouldForwardProp)([
 	"elevation",
-	"aspectRatio",
 	"transition",
 	"borderColor",
 	"borderWidth",
@@ -20,7 +18,6 @@ const paperSystem = (0, require_src.src_exports.system)({
 		property: "boxShadow",
 		scale: "shadows"
 	},
-	aspectRatio: { property: "aspectRatio" },
 	transition: { property: "transition" },
 	borderColor: {
 		property: "borderColor",
@@ -38,7 +35,7 @@ const PaperRoot = require_src.styled(require_Flex.Flex, {
 	shouldForwardProp
 })(paperSystem);
 function Paper({ elevation = 1, p = 2, bg, borderRadius, ...rest }) {
-	const theme = (0, _emotion_react.useTheme)();
+	const theme = require_theme.useTheme();
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PaperRoot, {
 		elevation,
 		p,

package/dist/Paper.d.cts

@@ -1,2 +1,2 @@
-import { n as PaperElevation, r as PaperProps, t as Paper } from "./index-x80UG39F.cjs";
+import { n as PaperElevation, r as PaperProps, t as Paper } from "./index-CYTaYcm3.cjs";
 export { Paper, PaperElevation, PaperProps };

package/dist/Paper.d.mts

@@ -1,2 +1,2 @@
-import { n as PaperElevation, r as PaperProps, t as Paper } from "./index-BLRMuO_x.mjs";
+import { n as PaperElevation, r as PaperProps, t as Paper } from "./index-KZUd8B5E.mjs";
 export { Paper, PaperElevation, PaperProps };

package/dist/Paper.mjs

@@ -1,12 +1,12 @@
-import { a as createShouldForwardProp, d as styled, l as src_exports, u as useTheme } from "./src-DcNT2aIK.mjs";
-import { t as themeDefault } from "./themeDefault-CjXaY3ok.mjs";
+import { a as src_exports, o as styled, t as createShouldForwardProp } from "./src-BJy4dM4f.mjs";
 import { Flex } from "./Flex.mjs";
+import { t as themeDefault } from "./themeDefault-Z3KmyIbm.mjs";
+import { r as useTheme } from "./theme-V6lYzd3j.mjs";
 import "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/Paper/Paper.tsx
 const shouldForwardProp = createShouldForwardProp([
 	"elevation",
-	"aspectRatio",
 	"transition",
 	"borderColor",
 	"borderWidth",
@@ -17,7 +17,6 @@ const paperSystem = (0, src_exports.system)({
 		property: "boxShadow",
 		scale: "shadows"
 	},
-	aspectRatio: { property: "aspectRatio" },
 	transition: { property: "transition" },
 	borderColor: {
 		property: "borderColor",

package/dist/{Popover-B61J7C79.mjs → Popover-Chgtjn-N.mjs}

@@ -1,6 +1,7 @@
-import { a as createShouldForwardProp, d as styled, u as useTheme } from "./src-DcNT2aIK.mjs";
+import { o as styled, t as createShouldForwardProp } from "./src-BJy4dM4f.mjs";
+import { r as useTheme } from "./theme-V6lYzd3j.mjs";
 import { Paper } from "./Paper.mjs";
-import { t as Modal } from "./Modal-DR60peRg.mjs";
+import { t as Modal } from "./Modal-dy5l7gfH.mjs";
 import { useCallback, useEffect, useImperativeHandle, useLayoutEffect, useRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/Popover/utils/resolveAnchorEl.ts

package/dist/{Popover-CRDLmywF.cjs → Popover-pEVboMZO.cjs}

@@ -1,10 +1,10 @@
-const require_src = require("./src-BiocWFSR.cjs");
+const require_src = require("./src-C8PIppTy.cjs");
+const require_theme = require("./theme-Du6xgPsg.cjs");
 const require_Paper = require("./Paper.cjs");
-const require_Modal = require("./Modal-BDMPTSXv.cjs");
+const require_Modal = require("./Modal-DZH-DzMZ.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");
-let _emotion_react = require("@emotion/react");
 //#region src/Popover/utils/resolveAnchorEl.ts
 /** Resolves the `anchorEl` prop, which may be an element or a function returning one. */
 function resolveAnchorEl(anchorEl) {
@@ -166,7 +166,7 @@ const Surface = require_src.styled(require_Paper.Paper, {
 * (`anchorOrigin`/`transformOrigin`/`marginThreshold`).
 */
 function Popover({ open, children, anchorEl = null, anchorReference = "anchorEl", anchorPosition, anchorOrigin = ANCHOR_ORIGIN_DEFAULT, transformOrigin = ANCHOR_ORIGIN_DEFAULT, onClose, elevation = 8, marginThreshold = 2, container, action, slotProps, hasBackdrop = false, disableScrollLock = false, disableAriaHidden = false, shouldAutoFocus = true, shouldTrapFocus = true, shouldEnforceFocus = true, shouldRestoreFocus = true, shouldKeepMounted = false, layer = "modal" }) {
-	const theme = (0, _emotion_react.useTheme)();
+	const theme = require_theme.useTheme();
 	const positionerRef = (0, react.useRef)(null);
 	const [isPositioned, setIsPositioned] = (0, react.useState)(false);
 	const anchorTop = anchorPosition?.top;

package/dist/Popover.cjs

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

package/dist/Popover.d.cts

@@ -1,6 +1,7 @@
-import { o as Theme } from "./index-Bihpwn75.cjs";
-import { n as PaperElevation, r as PaperProps } from "./index-x80UG39F.cjs";
-import { c as ModalCloseReason } from "./index-BX5-NfbX.cjs";
+import "./index-DLJ-li1B.cjs";
+import { h as Theme } from "./themes-CUV79qWU.cjs";
+import { n as PaperElevation, r as PaperProps } from "./index-CYTaYcm3.cjs";
+import { c as ModalCloseReason } from "./index-BfpjEqqt.cjs";
 import { ReactNode, Ref } from "react";
 //#region src/Popover/utils/resolveAnchorEl.d.ts
 type PopoverAnchorEl = HTMLElement | (() => HTMLElement | null) | null;

package/dist/Popover.d.mts

@@ -1,6 +1,7 @@
-import { o as Theme } from "./index-Dm9HfgV6.mjs";
-import { n as PaperElevation, r as PaperProps } from "./index-BLRMuO_x.mjs";
-import { c as ModalCloseReason } from "./index-Dy03o__A.mjs";
+import { h as Theme } from "./themes-CUV79qWU.mjs";
+import "./index-D8b5OCLe.mjs";
+import { n as PaperElevation, r as PaperProps } from "./index-KZUd8B5E.mjs";
+import { c as ModalCloseReason } from "./index-Ds__py2h.mjs";
 import { ReactNode, Ref } from "react";
 //#region src/Popover/utils/resolveAnchorEl.d.ts
 type PopoverAnchorEl = HTMLElement | (() => HTMLElement | null) | null;

package/dist/Popover.mjs

@@ -1,2 +1,2 @@
-import { t as Popover } from "./Popover-B61J7C79.mjs";
+import { t as Popover } from "./Popover-Chgtjn-N.mjs";
 export { Popover };

package/dist/Pressable.cjs

@@ -0,0 +1,123 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_src = require("./src-C8PIppTy.cjs");
+const require_themeDefault = require("./themeDefault-Cebi08Cv.cjs");
+const require_utils = require("./utils.cjs");
+const require_theme = require("./theme-Du6xgPsg.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
+const shouldForwardProp = (0, _soroush_tech_styled_system_should_forward_prop.createShouldForwardProp)([
+	..._soroush_tech_styled_system_should_forward_prop.props,
+	"feedback",
+	"activeOpacity",
+	"isDisabled"
+]);
+const baseStyles = {
+	appearance: "none",
+	margin: 0,
+	padding: 0,
+	border: "none",
+	borderRadius: 0,
+	backgroundColor: "transparent",
+	color: "inherit",
+	font: "inherit",
+	textAlign: "inherit",
+	textDecoration: "none",
+	outline: "none",
+	cursor: "pointer",
+	display: "inline-flex",
+	userSelect: "none",
+	transition: "background-color 0.15s ease, opacity 0.15s ease",
+	"&:disabled, &[aria-disabled=\"true\"]": { cursor: "not-allowed" }
+};
+const feedbackStyles = ({ theme, feedback, color, activeOpacity, isDisabled }) => {
+	if (isDisabled || feedback === "none") return {};
+	if (feedback === "opacity") return { "&:active": { opacity: activeOpacity } };
+	return { "&:active": { backgroundColor: require_utils.alpha(theme.palette[color].main, .125) } };
+};
+const focusVisibleStyles = ({ theme }) => ({ "&:focus-visible": {
+	outline: `2px solid ${theme.palette[require_themeDefault.themeDefault(theme, "color", "primary")].main}`,
+	outlineOffset: "2px"
+} });
+const PressableRoot = require_src.styled("div", {
+	name: "Pressable",
+	label: "Pressable",
+	shouldForwardProp,
+	systemProps: [
+		require_src.src_exports.space,
+		require_src.src_exports.layout,
+		require_src.src_exports.typography,
+		require_src.src_exports.border
+	]
+})(baseStyles, feedbackStyles, focusVisibleStyles);
+/**
+* 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.
+*/
+function Pressable({ as, feedback, color, activeOpacity, href, 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";
+	const resolvedColor = color ?? dp.color ?? require_themeDefault.themeDefault(theme, "color", "primary");
+	const resolvedActiveOpacity = activeOpacity ?? dp.activeOpacity ?? .7;
+	const element = as ?? (href == null ? "div" : "a");
+	const isButton = element === "button";
+	const needsShim = !isButton && element !== "a";
+	const activate = (event) => {
+		event.preventDefault();
+		event.currentTarget.click();
+	};
+	const handleClick = (event) => {
+		if (disabled) {
+			event.preventDefault();
+			return;
+		}
+		onClick?.(event);
+	};
+	const handleKeyDown = (event) => {
+		onKeyDown?.(event);
+		if (disabled) return;
+		if (event.key === "Enter") activate(event);
+		else if (event.key === " ") event.preventDefault();
+	};
+	const handleKeyUp = (event) => {
+		onKeyUp?.(event);
+		if (!disabled && event.key === " ") activate(event);
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PressableRoot, {
+		as: element,
+		href,
+		type: isButton ? type : void 0,
+		disabled: isButton ? disabled : void 0,
+		feedback: resolvedFeedback,
+		color: resolvedColor,
+		activeOpacity: resolvedActiveOpacity,
+		isDisabled: disabled,
+		onClick: handleClick,
+		...needsShim ? {
+			role: "button",
+			tabIndex: disabled ? -1 : 0,
+			"aria-disabled": disabled || void 0,
+			onKeyDown: handleKeyDown,
+			onKeyUp: handleKeyUp
+		} : {
+			onKeyDown,
+			onKeyUp
+		},
+		...rest
+	});
+}
+//#endregion
+exports.Pressable = Pressable;

package/dist/Pressable.d.cts

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

package/dist/Pressable.d.mts

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

package/dist/Pressable.mjs

@@ -0,0 +1,121 @@
+import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "./src-BJy4dM4f.mjs";
+import { t as themeDefault } from "./themeDefault-Z3KmyIbm.mjs";
+import { alpha } from "./utils.mjs";
+import { n as useDefaultProps, r as useTheme } from "./theme-V6lYzd3j.mjs";
+import "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/Pressable/Pressable.tsx
+const shouldForwardProp = createShouldForwardProp([
+	...props,
+	"feedback",
+	"activeOpacity",
+	"isDisabled"
+]);
+const baseStyles = {
+	appearance: "none",
+	margin: 0,
+	padding: 0,
+	border: "none",
+	borderRadius: 0,
+	backgroundColor: "transparent",
+	color: "inherit",
+	font: "inherit",
+	textAlign: "inherit",
+	textDecoration: "none",
+	outline: "none",
+	cursor: "pointer",
+	display: "inline-flex",
+	userSelect: "none",
+	transition: "background-color 0.15s ease, opacity 0.15s ease",
+	"&:disabled, &[aria-disabled=\"true\"]": { cursor: "not-allowed" }
+};
+const feedbackStyles = ({ theme, feedback, color, activeOpacity, isDisabled }) => {
+	if (isDisabled || feedback === "none") return {};
+	if (feedback === "opacity") return { "&:active": { opacity: activeOpacity } };
+	return { "&:active": { backgroundColor: alpha(theme.palette[color].main, .125) } };
+};
+const focusVisibleStyles = ({ theme }) => ({ "&:focus-visible": {
+	outline: `2px solid ${theme.palette[themeDefault(theme, "color", "primary")].main}`,
+	outlineOffset: "2px"
+} });
+const PressableRoot = styled("div", {
+	name: "Pressable",
+	label: "Pressable",
+	shouldForwardProp,
+	systemProps: [
+		src_exports.space,
+		src_exports.layout,
+		src_exports.typography,
+		src_exports.border
+	]
+})(baseStyles, feedbackStyles, focusVisibleStyles);
+/**
+* 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.
+*/
+function Pressable({ as, feedback, color, activeOpacity, href, type = "button", disabled = false, onClick, onKeyDown, onKeyUp, ...rest }) {
+	const theme = useTheme();
+	const dp = useDefaultProps("Pressable");
+	const resolvedFeedback = feedback ?? dp.feedback ?? "none";
+	const resolvedColor = color ?? dp.color ?? themeDefault(theme, "color", "primary");
+	const resolvedActiveOpacity = activeOpacity ?? dp.activeOpacity ?? .7;
+	const element = as ?? (href == null ? "div" : "a");
+	const isButton = element === "button";
+	const needsShim = !isButton && element !== "a";
+	const activate = (event) => {
+		event.preventDefault();
+		event.currentTarget.click();
+	};
+	const handleClick = (event) => {
+		if (disabled) {
+			event.preventDefault();
+			return;
+		}
+		onClick?.(event);
+	};
+	const handleKeyDown = (event) => {
+		onKeyDown?.(event);
+		if (disabled) return;
+		if (event.key === "Enter") activate(event);
+		else if (event.key === " ") event.preventDefault();
+	};
+	const handleKeyUp = (event) => {
+		onKeyUp?.(event);
+		if (!disabled && event.key === " ") activate(event);
+	};
+	return /* @__PURE__ */ jsx(PressableRoot, {
+		as: element,
+		href,
+		type: isButton ? type : void 0,
+		disabled: isButton ? disabled : void 0,
+		feedback: resolvedFeedback,
+		color: resolvedColor,
+		activeOpacity: resolvedActiveOpacity,
+		isDisabled: disabled,
+		onClick: handleClick,
+		...needsShim ? {
+			role: "button",
+			tabIndex: disabled ? -1 : 0,
+			"aria-disabled": disabled || void 0,
+			onKeyDown: handleKeyDown,
+			onKeyUp: handleKeyUp
+		} : {
+			onKeyDown,
+			onKeyUp
+		},
+		...rest
+	});
+}
+//#endregion
+export { Pressable };

package/dist/Quote.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("./src-BiocWFSR.cjs");
+const require_src = require("./src-C8PIppTy.cjs");
 const require_View = require("./View.cjs");
 //#region 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,2 +1,14 @@
-import { n as QuoteProps, t as Quote } from "./index-DeiZHSwA.cjs";
+import "./index-DLJ-li1B.cjs";
+import { h as Theme } from "./themes-CUV79qWU.cjs";
+import { s as ViewProps } from "./index-DjtGkwRM.cjs";
+//#region src/Quote/Quote.d.ts
+type QuoteProps = ViewProps;
+/** A View with a 2px primary left-border — used for terminal readouts and markdown blockquotes. */
+declare const Quote: import("@emotion/styled").StyledComponent<Pick<{
+  theme?: Theme;
+  as?: React.ElementType;
+} & ViewProps & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, "p" | "slot" | "style" | "title" | "ref" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "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" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "aspectRatio" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "columnGap" | "cursor" | "display" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "height" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "order" | "overflowX" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textAlignLast" | "textDecorationColor" | "textDecorationLine" | "textDecorationStyle" | "textDecorationThickness" | "textOverflow" | "textTransform" | "top" | "verticalAlign" | "whiteSpace" | "width" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "gap" | "margin" | "overflow" | "padding" | "textDecoration" | "borderX" | "borderY" | "theme" | "as" | "bg" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "size"> & {
+  theme?: Theme;
+}, {}, {}>;
+//#endregion
 export { Quote, QuoteProps };