@soroush.tech/design-system 0.1.0

package/dist/Popover-CRDLmywF.cjs

@@ -0,0 +1,259 @@
+const require_src = require("./src-BiocWFSR.cjs");
+const require_Paper = require("./Paper.cjs");
+const require_Modal = require("./Modal-BDMPTSXv.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) {
+	return (typeof anchorEl === "function" ? anchorEl() : anchorEl) ?? null;
+}
+//#endregion
+//#region src/Popover/utils/getOffset.ts
+/** Vertical offset within a rect for an anchor/transform origin keyword or explicit px. */
+function getOffsetTop(rect, vertical) {
+	if (typeof vertical === "number") return vertical;
+	if (vertical === "center") return rect.height / 2;
+	if (vertical === "bottom") return rect.height;
+	return 0;
+}
+/** Horizontal offset within a rect for an anchor/transform origin keyword or explicit px. */
+function getOffsetLeft(rect, horizontal) {
+	if (typeof horizontal === "number") return horizontal;
+	if (horizontal === "center") return rect.width / 2;
+	if (horizontal === "right") return rect.width;
+	return 0;
+}
+//#endregion
+//#region src/Popover/utils/getTransformOriginValue.ts
+/** Serializes a resolved transform origin (in px) to a CSS `transform-origin` value. */
+function getTransformOriginValue(origin) {
+	return `${origin.horizontal}px ${origin.vertical}px`;
+}
+//#endregion
+//#region src/Popover/utils/computePopoverPosition.ts
+/** Mirrors a keyword origin to the opposite edge; numbers and `center` are unchanged. */
+function flipVertical(origin) {
+	if (origin === "top") return "bottom";
+	if (origin === "bottom") return "top";
+	return origin;
+}
+function flipHorizontal(origin) {
+	if (origin === "left") return "right";
+	if (origin === "right") return "left";
+	return origin;
+}
+function resolveAxis({ anchorStart, anchorSize, anchorOrigin, transformOrigin, paperSize, viewportSize, margin, offset, flip }) {
+	const preferredTransform = offset(paperSize, transformOrigin);
+	const preferredPosition = anchorStart + offset(anchorSize, anchorOrigin) - preferredTransform;
+	let position = preferredPosition;
+	let transformOffset = preferredTransform;
+	if (margin != null) {
+		const fits = (candidate) => candidate >= margin && candidate + paperSize <= viewportSize - margin;
+		if (!fits(preferredPosition)) {
+			const flippedTransform = offset(paperSize, flip(transformOrigin));
+			const flippedPosition = anchorStart + offset(anchorSize, flip(anchorOrigin)) - flippedTransform;
+			if (fits(flippedPosition)) {
+				position = flippedPosition;
+				transformOffset = flippedTransform;
+			}
+		}
+		if (position < margin) {
+			const diff = position - margin;
+			position -= diff;
+			transformOffset += diff;
+		} else if (position + paperSize > viewportSize - margin) {
+			const diff = position + paperSize - (viewportSize - margin);
+			position -= diff;
+			transformOffset += diff;
+		}
+	}
+	return {
+		position,
+		transformOffset
+	};
+}
+/**
+* Places the paper so its `transformOrigin` meets the anchor's `anchorOrigin`, flipping
+* to the opposite side at a viewport edge and clamping as a fallback. Returns `null`
+* coordinates for `anchorReference === 'none'`.
+*/
+function computePopoverPosition(params) {
+	const { anchorReference, anchorRect, anchorPosition, paperRect, anchorOrigin, transformOrigin, viewport, marginThreshold } = params;
+	if (anchorReference === "none") return {
+		top: null,
+		left: null,
+		transformOrigin: getTransformOriginValue({
+			vertical: getOffsetTop(paperRect, transformOrigin.vertical),
+			horizontal: getOffsetLeft(paperRect, transformOrigin.horizontal)
+		})
+	};
+	const rect = anchorReference === "anchorPosition" ? {
+		top: anchorPosition?.top ?? 0,
+		left: anchorPosition?.left ?? 0,
+		width: 0,
+		height: 0
+	} : anchorRect ?? {
+		top: 0,
+		left: 0,
+		width: 0,
+		height: 0
+	};
+	const vertical = resolveAxis({
+		anchorStart: rect.top,
+		anchorSize: rect.height,
+		anchorOrigin: anchorOrigin.vertical,
+		transformOrigin: transformOrigin.vertical,
+		paperSize: paperRect.height,
+		viewportSize: viewport.height,
+		margin: marginThreshold,
+		offset: (size, origin) => getOffsetTop({ height: size }, origin),
+		flip: (origin) => flipVertical(origin)
+	});
+	const horizontal = resolveAxis({
+		anchorStart: rect.left,
+		anchorSize: rect.width,
+		anchorOrigin: anchorOrigin.horizontal,
+		transformOrigin: transformOrigin.horizontal,
+		paperSize: paperRect.width,
+		viewportSize: viewport.width,
+		margin: marginThreshold,
+		offset: (size, origin) => getOffsetLeft({ width: size }, origin),
+		flip: (origin) => flipHorizontal(origin)
+	});
+	return {
+		top: Math.floor(vertical.position),
+		left: Math.floor(horizontal.position),
+		transformOrigin: getTransformOriginValue({
+			vertical: vertical.transformOffset,
+			horizontal: horizontal.transformOffset
+		})
+	};
+}
+//#endregion
+//#region src/Popover/Popover.tsx
+const ANCHOR_ORIGIN_DEFAULT = {
+	vertical: "top",
+	horizontal: "left"
+};
+const Positioner = require_src.styled("div", {
+	name: "Popover",
+	slot: "positioner",
+	label: "PopoverPositioner",
+	shouldForwardProp: (0, _soroush_tech_styled_system_should_forward_prop.createShouldForwardProp)(["isPositioned"])
+})(({ isPositioned }) => ({
+	position: "absolute",
+	...isPositioned ? {} : { opacity: 0 }
+}));
+const Surface = require_src.styled(require_Paper.Paper, {
+	name: "Popover",
+	label: "Popover"
+})({
+	overflowY: "auto",
+	overflowX: "hidden",
+	minWidth: 16,
+	minHeight: 16,
+	maxWidth: "calc(100vw - 32px)",
+	maxHeight: "calc(100vh - 32px)",
+	outline: 0
+});
+/**
+* @description Positions its content next to an anchor, portaled above the page.
+* Built on `Modal`, so it inherits the portal, optional backdrop, focus management,
+* scroll lock, and Escape/click-away close — then adds anchor positioning
+* (`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 positionerRef = (0, react.useRef)(null);
+	const [isPositioned, setIsPositioned] = (0, react.useState)(false);
+	const anchorTop = anchorPosition?.top;
+	const anchorLeft = anchorPosition?.left;
+	const marginThresholdPx = marginThreshold == null ? null : Number.parseFloat(String(theme.space[marginThreshold]));
+	const setPositioningStyles = (0, react.useCallback)(() => {
+		const element = positionerRef.current;
+		if (!element) return;
+		const resolved = resolveAnchorEl(anchorEl);
+		const positioning = computePopoverPosition({
+			anchorReference,
+			anchorRect: anchorReference === "anchorEl" && resolved ? resolved.getBoundingClientRect() : null,
+			anchorPosition: anchorTop != null && anchorLeft != null ? {
+				top: anchorTop,
+				left: anchorLeft
+			} : void 0,
+			paperRect: {
+				width: element.offsetWidth,
+				height: element.offsetHeight
+			},
+			anchorOrigin,
+			transformOrigin,
+			viewport: {
+				width: window.innerWidth,
+				height: window.innerHeight
+			},
+			marginThreshold: marginThresholdPx
+		});
+		if (positioning.top !== null) element.style.top = `${positioning.top}px`;
+		if (positioning.left !== null) element.style.left = `${positioning.left}px`;
+		element.style.transformOrigin = positioning.transformOrigin;
+		setIsPositioned(true);
+	}, [
+		anchorEl,
+		anchorReference,
+		anchorTop,
+		anchorLeft,
+		anchorOrigin,
+		transformOrigin,
+		marginThresholdPx
+	]);
+	(0, react.useLayoutEffect)(() => {
+		if (open) setPositioningStyles();
+	});
+	(0, react.useEffect)(() => {
+		if (!open) return;
+		const handle = () => setPositioningStyles();
+		window.addEventListener("resize", handle);
+		if (disableScrollLock) window.addEventListener("scroll", handle, true);
+		return () => {
+			window.removeEventListener("resize", handle);
+			window.removeEventListener("scroll", handle, true);
+		};
+	}, [
+		open,
+		disableScrollLock,
+		setPositioningStyles
+	]);
+	(0, react.useImperativeHandle)(action, () => ({ updatePosition: setPositioningStyles }), [setPositioningStyles]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Modal.Modal, {
+		isOpen: open,
+		onClose,
+		hasBackdrop,
+		shouldKeepMounted,
+		shouldLockScroll: !disableScrollLock,
+		disableAriaHidden,
+		shouldAutoFocus,
+		shouldTrapFocus,
+		shouldEnforceFocus,
+		shouldRestoreFocus,
+		portalContainer: container,
+		layer,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Positioner, {
+			ref: positionerRef,
+			isPositioned,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Surface, {
+				elevation,
+				...slotProps?.paper,
+				children
+			})
+		})
+	});
+}
+//#endregion
+Object.defineProperty(exports, "Popover", {
+	enumerable: true,
+	get: function() {
+		return Popover;
+	}
+});

package/dist/Popover.cjs

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

package/dist/Popover.d.cts

@@ -0,0 +1,84 @@
+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 { ReactNode, Ref } from "react";
+//#region src/Popover/utils/resolveAnchorEl.d.ts
+type PopoverAnchorEl = HTMLElement | (() => HTMLElement | null) | null;
+//#endregion
+//#region src/Popover/utils/getOffset.d.ts
+type PopoverVerticalOrigin = 'top' | 'center' | 'bottom' | number;
+type PopoverHorizontalOrigin = 'left' | 'center' | 'right' | number;
+//#endregion
+//#region src/Popover/utils/computePopoverPosition.d.ts
+interface PopoverOrigin {
+  vertical: PopoverVerticalOrigin;
+  horizontal: PopoverHorizontalOrigin;
+}
+type PopoverReference = 'anchorEl' | 'anchorPosition' | 'none';
+interface PopoverPosition {
+  top: number;
+  left: number;
+}
+//#endregion
+//#region src/Popover/Popover.d.ts
+interface PopoverActions {
+  /** Recomputes the popover's position against its anchor. */
+  updatePosition: () => void;
+}
+interface PopoverProps {
+  /** If true, the popover is shown. */
+  open: boolean;
+  /** The content of the popover. */
+  children: ReactNode;
+  /** An element, or a function returning one, used to position the popover. */
+  anchorEl?: PopoverAnchorEl;
+  /** Which anchor to position against. Default: `'anchorEl'`. */
+  anchorReference?: PopoverReference;
+  /** Client coordinates used when `anchorReference` is `'anchorPosition'`. */
+  anchorPosition?: PopoverPosition;
+  /** The point on the anchor the popover attaches to. Default: `{ vertical: 'top', horizontal: 'left' }`. */
+  anchorOrigin?: PopoverOrigin;
+  /** The point on the popover that meets the anchor. Default: `{ vertical: 'top', horizontal: 'left' }`. */
+  transformOrigin?: PopoverOrigin;
+  /** Fired on Escape (top layer) or a click outside the surface. */
+  onClose?: (event: Event | React.SyntheticEvent, reason: ModalCloseReason) => void;
+  /** Shadow depth of the surface. Default: 8. */
+  elevation?: PaperElevation;
+  /** Minimum gap from the viewport edge as a spacing token (resolved against `theme.space`, e.g. `2` → 16px); `null` disables clamping/flipping. Default: `2`. */
+  marginThreshold?: Exclude<keyof Theme['space'], 'auto'> | null;
+  /** Portal target passed to the underlying Modal. */
+  container?: HTMLElement | (() => HTMLElement | null) | null;
+  /** Ref for imperative actions — currently `updatePosition()`. */
+  action?: Ref<PopoverActions>;
+  /** Props for the paper slot (the surface). */
+  slotProps?: {
+    paper?: PaperProps;
+  };
+  /** Render the dimmed backdrop. Default: false (an invisible click-away layer via the Modal root). */
+  hasBackdrop?: boolean;
+  /** Disable body scroll-lock. When true, the popover re-positions on scroll. Default: false. */
+  disableScrollLock?: boolean;
+  /** Skip `aria-hidden` on background content — for non-modal popovers whose trigger stays focused. Default: false. */
+  disableAriaHidden?: boolean;
+  /** Move focus into the popover on open. Default: true. */
+  shouldAutoFocus?: boolean;
+  /** Trap Tab focus within the popover. Default: true. */
+  shouldTrapFocus?: boolean;
+  /** Pull focus back whenever it escapes. Default: true. */
+  shouldEnforceFocus?: boolean;
+  /** Restore focus to the trigger on close. Default: true. */
+  shouldRestoreFocus?: boolean;
+  /** Keep the content mounted while closed. Default: false. */
+  shouldKeepMounted?: boolean;
+  /** Stacking layer from `theme.zOrder`. Default: 'modal'. */
+  layer?: keyof Theme['zOrder'];
+}
+/**
+ * @description Positions its content next to an anchor, portaled above the page.
+ * Built on `Modal`, so it inherits the portal, optional backdrop, focus management,
+ * 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;
+//#endregion
+export { Popover, PopoverActions, type PopoverAnchorEl, type PopoverOrigin, type PopoverPosition, PopoverProps, type PopoverReference };

package/dist/Popover.d.mts

@@ -0,0 +1,84 @@
+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 { ReactNode, Ref } from "react";
+//#region src/Popover/utils/resolveAnchorEl.d.ts
+type PopoverAnchorEl = HTMLElement | (() => HTMLElement | null) | null;
+//#endregion
+//#region src/Popover/utils/getOffset.d.ts
+type PopoverVerticalOrigin = 'top' | 'center' | 'bottom' | number;
+type PopoverHorizontalOrigin = 'left' | 'center' | 'right' | number;
+//#endregion
+//#region src/Popover/utils/computePopoverPosition.d.ts
+interface PopoverOrigin {
+  vertical: PopoverVerticalOrigin;
+  horizontal: PopoverHorizontalOrigin;
+}
+type PopoverReference = 'anchorEl' | 'anchorPosition' | 'none';
+interface PopoverPosition {
+  top: number;
+  left: number;
+}
+//#endregion
+//#region src/Popover/Popover.d.ts
+interface PopoverActions {
+  /** Recomputes the popover's position against its anchor. */
+  updatePosition: () => void;
+}
+interface PopoverProps {
+  /** If true, the popover is shown. */
+  open: boolean;
+  /** The content of the popover. */
+  children: ReactNode;
+  /** An element, or a function returning one, used to position the popover. */
+  anchorEl?: PopoverAnchorEl;
+  /** Which anchor to position against. Default: `'anchorEl'`. */
+  anchorReference?: PopoverReference;
+  /** Client coordinates used when `anchorReference` is `'anchorPosition'`. */
+  anchorPosition?: PopoverPosition;
+  /** The point on the anchor the popover attaches to. Default: `{ vertical: 'top', horizontal: 'left' }`. */
+  anchorOrigin?: PopoverOrigin;
+  /** The point on the popover that meets the anchor. Default: `{ vertical: 'top', horizontal: 'left' }`. */
+  transformOrigin?: PopoverOrigin;
+  /** Fired on Escape (top layer) or a click outside the surface. */
+  onClose?: (event: Event | React.SyntheticEvent, reason: ModalCloseReason) => void;
+  /** Shadow depth of the surface. Default: 8. */
+  elevation?: PaperElevation;
+  /** Minimum gap from the viewport edge as a spacing token (resolved against `theme.space`, e.g. `2` → 16px); `null` disables clamping/flipping. Default: `2`. */
+  marginThreshold?: Exclude<keyof Theme['space'], 'auto'> | null;
+  /** Portal target passed to the underlying Modal. */
+  container?: HTMLElement | (() => HTMLElement | null) | null;
+  /** Ref for imperative actions — currently `updatePosition()`. */
+  action?: Ref<PopoverActions>;
+  /** Props for the paper slot (the surface). */
+  slotProps?: {
+    paper?: PaperProps;
+  };
+  /** Render the dimmed backdrop. Default: false (an invisible click-away layer via the Modal root). */
+  hasBackdrop?: boolean;
+  /** Disable body scroll-lock. When true, the popover re-positions on scroll. Default: false. */
+  disableScrollLock?: boolean;
+  /** Skip `aria-hidden` on background content — for non-modal popovers whose trigger stays focused. Default: false. */
+  disableAriaHidden?: boolean;
+  /** Move focus into the popover on open. Default: true. */
+  shouldAutoFocus?: boolean;
+  /** Trap Tab focus within the popover. Default: true. */
+  shouldTrapFocus?: boolean;
+  /** Pull focus back whenever it escapes. Default: true. */
+  shouldEnforceFocus?: boolean;
+  /** Restore focus to the trigger on close. Default: true. */
+  shouldRestoreFocus?: boolean;
+  /** Keep the content mounted while closed. Default: false. */
+  shouldKeepMounted?: boolean;
+  /** Stacking layer from `theme.zOrder`. Default: 'modal'. */
+  layer?: keyof Theme['zOrder'];
+}
+/**
+ * @description Positions its content next to an anchor, portaled above the page.
+ * Built on `Modal`, so it inherits the portal, optional backdrop, focus management,
+ * 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;
+//#endregion
+export { Popover, PopoverActions, type PopoverAnchorEl, type PopoverOrigin, type PopoverPosition, PopoverProps, type PopoverReference };

package/dist/Popover.mjs

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

package/dist/Portal.cjs

@@ -0,0 +1,20 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("react");
+let react_dom = require("react-dom");
+//#region src/Portal/Portal.tsx
+function resolveContainer(container) {
+	return (typeof container === "function" ? container() : container) ?? 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.
+*/
+function Portal({ children, container }) {
+	if (typeof document === "undefined") return null;
+	return (0, react_dom.createPortal)(children, resolveContainer(container) ?? document.body);
+}
+//#endregion
+exports.Portal = Portal;

package/dist/Portal.d.cts

@@ -0,0 +1,18 @@
+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
+export { Portal, PortalProps };

package/dist/Portal.d.mts

@@ -0,0 +1,18 @@
+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
+export { Portal, PortalProps };

package/dist/Portal.mjs

@@ -0,0 +1,19 @@
+import "react";
+import { createPortal } from "react-dom";
+//#region src/Portal/Portal.tsx
+function resolveContainer(container) {
+	return (typeof container === "function" ? container() : container) ?? 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.
+*/
+function Portal({ children, container }) {
+	if (typeof document === "undefined") return null;
+	return createPortal(children, resolveContainer(container) ?? document.body);
+}
+//#endregion
+export { Portal };

package/dist/Quote.cjs

@@ -0,0 +1,11 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_src = require("./src-BiocWFSR.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. */
+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

@@ -0,0 +1,2 @@
+import { n as QuoteProps, t as Quote } from "./index-DeiZHSwA.cjs";
+export { Quote, QuoteProps };

package/dist/Quote.d.mts

@@ -0,0 +1,2 @@
+import { n as QuoteProps, t as Quote } from "./index-Des8BisQ.mjs";
+export { Quote, QuoteProps };

package/dist/Quote.mjs

@@ -0,0 +1,10 @@
+import { d as styled } from "./src-DcNT2aIK.mjs";
+import { View } from "./View.mjs";
+//#region 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 };