@soroush.tech/design-system 0.1.0

package/dist/applyAction-B2B-hnP3.mjs

@@ -0,0 +1,98 @@
+//#region src/Markdown/utils/applyAction.ts
+const fusesWithMarker = (char) => !/[\s*_~`]/.test(char);
+function stripWrap(action, { value, selectionStart, selectionEnd }) {
+	const { prefix, suffix } = action;
+	const selected = value.slice(selectionStart, selectionEnd);
+	const keep = (content) => content === action.placeholder ? "" : content;
+	if (selected.length >= prefix.length + suffix.length && selected.startsWith(prefix) && selected.endsWith(suffix)) {
+		const core = keep(selected.slice(prefix.length, selected.length - suffix.length));
+		return {
+			value: value.slice(0, selectionStart) + core + value.slice(selectionEnd),
+			selectionStart,
+			selectionEnd: selectionStart + core.length
+		};
+	}
+	if (selectionStart >= prefix.length && value.slice(selectionStart - prefix.length, selectionStart) === prefix && value.slice(selectionEnd, selectionEnd + suffix.length) === suffix) {
+		const start = selectionStart - prefix.length;
+		const core = keep(selected);
+		return {
+			value: value.slice(0, start) + core + value.slice(selectionEnd + suffix.length),
+			selectionStart: start,
+			selectionEnd: start + core.length
+		};
+	}
+	return null;
+}
+function wrapInline(action, { value, selectionStart, selectionEnd }) {
+	const selected = value.slice(selectionStart, selectionEnd);
+	const leadingLength = selected.length - selected.trimStart().length;
+	const trailingLength = selected.length - selected.trimEnd().length;
+	const core = selected.slice(leadingLength, selected.length - trailingLength) || action.placeholder;
+	let before = selected.slice(0, leadingLength);
+	if (!before && selectionStart > 0 && fusesWithMarker(value[selectionStart - 1])) before = " ";
+	let after = selected.slice(selected.length - trailingLength);
+	if (!after && selectionEnd < value.length && fusesWithMarker(value[selectionEnd])) after = " ";
+	const value_ = value.slice(0, selectionStart) + before + action.prefix + core + action.suffix + after + value.slice(selectionEnd);
+	const start = selectionStart + before.length + action.prefix.length;
+	return {
+		value: value_,
+		selectionStart: start,
+		selectionEnd: start + core.length
+	};
+}
+function wrapBlock(action, { value, selectionStart, selectionEnd }) {
+	const core = value.slice(selectionStart, selectionEnd) || action.placeholder;
+	const before = selectionStart > 0 && value[selectionStart - 1] !== "\n" ? "\n" : "";
+	const after = selectionEnd < value.length && value[selectionEnd] !== "\n" ? "\n" : "";
+	const value_ = value.slice(0, selectionStart) + before + action.prefix + core + action.suffix + after + value.slice(selectionEnd);
+	const start = selectionStart + before.length + action.prefix.length;
+	return {
+		value: value_,
+		selectionStart: start,
+		selectionEnd: start + core.length
+	};
+}
+function applyWrap(action, selection) {
+	if (action.block) return wrapBlock(action, selection);
+	return stripWrap(action, selection) ?? wrapInline(action, selection);
+}
+function toggleLinePrefix(action, line) {
+	if (!action.family) return action.linePrefix + line;
+	const existing = action.family.exec(line)?.[0] ?? "";
+	const stripped = line.slice(existing.length);
+	if (existing === action.linePrefix && action.toggle !== false) return stripped;
+	return action.linePrefix + stripped;
+}
+function applyLinePrefix(action, { value, selectionStart, selectionEnd }) {
+	const lineStart = selectionStart === 0 ? 0 : value.lastIndexOf("\n", selectionStart - 1) + 1;
+	const nextNewline = value.indexOf("\n", selectionEnd);
+	const lineEnd = nextNewline === -1 ? value.length : nextNewline;
+	const prefixed = value.slice(lineStart, lineEnd).split("\n").map((line) => toggleLinePrefix(action, line)).join("\n");
+	return {
+		value: value.slice(0, lineStart) + prefixed + value.slice(lineEnd),
+		selectionStart: lineStart,
+		selectionEnd: lineStart + prefixed.length
+	};
+}
+function applyInsert(action, { value, selectionStart, selectionEnd }) {
+	const value_ = value.slice(0, selectionStart) + action.snippet + value.slice(selectionEnd);
+	const caret = selectionStart + action.snippet.length;
+	return {
+		value: value_,
+		selectionStart: caret,
+		selectionEnd: caret
+	};
+}
+/**
+* Pure transform: applies a toolbar `action` to the given selection and returns the next
+* source plus the selection to restore around the inserted markdown. No DOM access.
+*/
+function applyAction(action, selection) {
+	switch (action.kind) {
+		case "wrap": return applyWrap(action, selection);
+		case "linePrefix": return applyLinePrefix(action, selection);
+		case "insert": return applyInsert(action, selection);
+	}
+}
+//#endregion
+export { applyAction as t };

package/dist/applyAction-B2uVHxOE.cjs

@@ -0,0 +1,103 @@
+//#region src/Markdown/utils/applyAction.ts
+const fusesWithMarker = (char) => !/[\s*_~`]/.test(char);
+function stripWrap(action, { value, selectionStart, selectionEnd }) {
+	const { prefix, suffix } = action;
+	const selected = value.slice(selectionStart, selectionEnd);
+	const keep = (content) => content === action.placeholder ? "" : content;
+	if (selected.length >= prefix.length + suffix.length && selected.startsWith(prefix) && selected.endsWith(suffix)) {
+		const core = keep(selected.slice(prefix.length, selected.length - suffix.length));
+		return {
+			value: value.slice(0, selectionStart) + core + value.slice(selectionEnd),
+			selectionStart,
+			selectionEnd: selectionStart + core.length
+		};
+	}
+	if (selectionStart >= prefix.length && value.slice(selectionStart - prefix.length, selectionStart) === prefix && value.slice(selectionEnd, selectionEnd + suffix.length) === suffix) {
+		const start = selectionStart - prefix.length;
+		const core = keep(selected);
+		return {
+			value: value.slice(0, start) + core + value.slice(selectionEnd + suffix.length),
+			selectionStart: start,
+			selectionEnd: start + core.length
+		};
+	}
+	return null;
+}
+function wrapInline(action, { value, selectionStart, selectionEnd }) {
+	const selected = value.slice(selectionStart, selectionEnd);
+	const leadingLength = selected.length - selected.trimStart().length;
+	const trailingLength = selected.length - selected.trimEnd().length;
+	const core = selected.slice(leadingLength, selected.length - trailingLength) || action.placeholder;
+	let before = selected.slice(0, leadingLength);
+	if (!before && selectionStart > 0 && fusesWithMarker(value[selectionStart - 1])) before = " ";
+	let after = selected.slice(selected.length - trailingLength);
+	if (!after && selectionEnd < value.length && fusesWithMarker(value[selectionEnd])) after = " ";
+	const value_ = value.slice(0, selectionStart) + before + action.prefix + core + action.suffix + after + value.slice(selectionEnd);
+	const start = selectionStart + before.length + action.prefix.length;
+	return {
+		value: value_,
+		selectionStart: start,
+		selectionEnd: start + core.length
+	};
+}
+function wrapBlock(action, { value, selectionStart, selectionEnd }) {
+	const core = value.slice(selectionStart, selectionEnd) || action.placeholder;
+	const before = selectionStart > 0 && value[selectionStart - 1] !== "\n" ? "\n" : "";
+	const after = selectionEnd < value.length && value[selectionEnd] !== "\n" ? "\n" : "";
+	const value_ = value.slice(0, selectionStart) + before + action.prefix + core + action.suffix + after + value.slice(selectionEnd);
+	const start = selectionStart + before.length + action.prefix.length;
+	return {
+		value: value_,
+		selectionStart: start,
+		selectionEnd: start + core.length
+	};
+}
+function applyWrap(action, selection) {
+	if (action.block) return wrapBlock(action, selection);
+	return stripWrap(action, selection) ?? wrapInline(action, selection);
+}
+function toggleLinePrefix(action, line) {
+	if (!action.family) return action.linePrefix + line;
+	const existing = action.family.exec(line)?.[0] ?? "";
+	const stripped = line.slice(existing.length);
+	if (existing === action.linePrefix && action.toggle !== false) return stripped;
+	return action.linePrefix + stripped;
+}
+function applyLinePrefix(action, { value, selectionStart, selectionEnd }) {
+	const lineStart = selectionStart === 0 ? 0 : value.lastIndexOf("\n", selectionStart - 1) + 1;
+	const nextNewline = value.indexOf("\n", selectionEnd);
+	const lineEnd = nextNewline === -1 ? value.length : nextNewline;
+	const prefixed = value.slice(lineStart, lineEnd).split("\n").map((line) => toggleLinePrefix(action, line)).join("\n");
+	return {
+		value: value.slice(0, lineStart) + prefixed + value.slice(lineEnd),
+		selectionStart: lineStart,
+		selectionEnd: lineStart + prefixed.length
+	};
+}
+function applyInsert(action, { value, selectionStart, selectionEnd }) {
+	const value_ = value.slice(0, selectionStart) + action.snippet + value.slice(selectionEnd);
+	const caret = selectionStart + action.snippet.length;
+	return {
+		value: value_,
+		selectionStart: caret,
+		selectionEnd: caret
+	};
+}
+/**
+* Pure transform: applies a toolbar `action` to the given selection and returns the next
+* source plus the selection to restore around the inserted markdown. No DOM access.
+*/
+function applyAction(action, selection) {
+	switch (action.kind) {
+		case "wrap": return applyWrap(action, selection);
+		case "linePrefix": return applyLinePrefix(action, selection);
+		case "insert": return applyInsert(action, selection);
+	}
+}
+//#endregion
+Object.defineProperty(exports, "applyAction", {
+	enumerable: true,
+	get: function() {
+		return applyAction;
+	}
+});

package/dist/createTheme-Dts2F4R_.d.cts

@@ -0,0 +1,21 @@
+import { Theme } from "@emotion/react";
+//#region src/utils/createTheme.d.ts
+/**
+ * Recursive partial of a theme shape. Plain objects recurse; arrays and
+ * functions are replaced wholesale by `createTheme`, so they stay intact here.
+ */
+type DeepPartial<T> = { [K in keyof T]?: T[K] extends readonly unknown[] ? T[K] : T[K] extends ((...args: never[]) => unknown) ? T[K] : T[K] extends object ? DeepPartial<T[K]> : T[K]; };
+/** Sparse theme patch accepted by `createTheme` and `ThemeProvider`'s `themes` prop. */
+type ThemeOverride = DeepPartial<Theme>;
+/**
+ * Builds a theme by deep-merging sparse `overrides` onto `base`.
+ *
+ * - Recurses only where both sides are plain objects; arrays (`shadows`,
+ *   `fontSizes`) and functions replace wholesale.
+ * - `undefined` override values are ignored — a key can be added or replaced,
+ *   never removed.
+ * - Neither argument is mutated; untouched branches keep referential identity.
+ */
+declare const createTheme: (base: Theme, overrides: ThemeOverride) => Theme;
+//#endregion
+export { ThemeOverride as n, createTheme as r, DeepPartial as t };

package/dist/createTheme-Dts2F4R_.d.mts

@@ -0,0 +1,21 @@
+import { Theme } from "@emotion/react";
+//#region src/utils/createTheme.d.ts
+/**
+ * Recursive partial of a theme shape. Plain objects recurse; arrays and
+ * functions are replaced wholesale by `createTheme`, so they stay intact here.
+ */
+type DeepPartial<T> = { [K in keyof T]?: T[K] extends readonly unknown[] ? T[K] : T[K] extends ((...args: never[]) => unknown) ? T[K] : T[K] extends object ? DeepPartial<T[K]> : T[K]; };
+/** Sparse theme patch accepted by `createTheme` and `ThemeProvider`'s `themes` prop. */
+type ThemeOverride = DeepPartial<Theme>;
+/**
+ * Builds a theme by deep-merging sparse `overrides` onto `base`.
+ *
+ * - Recurses only where both sides are plain objects; arrays (`shadows`,
+ *   `fontSizes`) and functions replace wholesale.
+ * - `undefined` override values are ignored — a key can be added or replaced,
+ *   never removed.
+ * - Neither argument is mutated; untouched branches keep referential identity.
+ */
+declare const createTheme: (base: Theme, overrides: ThemeOverride) => Theme;
+//#endregion
+export { ThemeOverride as n, createTheme as r, DeepPartial as t };

package/dist/hooks/useCopyToClipboard.cjs

@@ -0,0 +1,33 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+let react = require("react");
+//#region src/hooks/useCopyToClipboard.ts
+/** How long the "copied" confirmation stays true before reverting, in ms. */
+const COPIED_RESET_MS = 2e3;
+/**
+* Copy-to-clipboard with a transient `copied` flag. Guards the unavailable
+* clipboard API and rejected writes so the caller never throws or gets stuck.
+*/
+function useCopyToClipboard(resetMs = COPIED_RESET_MS) {
+	const [copied, setCopied] = (0, react.useState)(false);
+	const timerRef = (0, react.useRef)(null);
+	(0, react.useEffect)(() => () => {
+		if (timerRef.current) clearTimeout(timerRef.current);
+	}, []);
+	return {
+		copied,
+		copy: (0, react.useCallback)((text) => {
+			if (!navigator.clipboard?.writeText) return;
+			navigator.clipboard.writeText(text).then(() => {
+				if (timerRef.current) clearTimeout(timerRef.current);
+				setCopied(true);
+				timerRef.current = setTimeout(() => {
+					setCopied(false);
+					timerRef.current = null;
+				}, resetMs);
+			}).catch(() => {});
+		}, [resetMs])
+	};
+}
+//#endregion
+exports.COPIED_RESET_MS = COPIED_RESET_MS;
+exports.useCopyToClipboard = useCopyToClipboard;

package/dist/hooks/useCopyToClipboard.d.cts

@@ -0,0 +1,16 @@
+//#region src/hooks/useCopyToClipboard.d.ts
+/** How long the "copied" confirmation stays true before reverting, in ms. */
+declare const COPIED_RESET_MS = 2000;
+interface UseCopyToClipboardResult {
+  /** `true` for `resetMs` after a successful copy, then back to `false`. */
+  copied: boolean;
+  /** Copy `text` to the clipboard; a no-op in insecure/unsupported contexts. */
+  copy: (text: string) => void;
+}
+/**
+ * Copy-to-clipboard with a transient `copied` flag. Guards the unavailable
+ * clipboard API and rejected writes so the caller never throws or gets stuck.
+ */
+declare function useCopyToClipboard(resetMs?: number): UseCopyToClipboardResult;
+//#endregion
+export { COPIED_RESET_MS, UseCopyToClipboardResult, useCopyToClipboard };

package/dist/hooks/useCopyToClipboard.d.mts

@@ -0,0 +1,16 @@
+//#region src/hooks/useCopyToClipboard.d.ts
+/** How long the "copied" confirmation stays true before reverting, in ms. */
+declare const COPIED_RESET_MS = 2000;
+interface UseCopyToClipboardResult {
+  /** `true` for `resetMs` after a successful copy, then back to `false`. */
+  copied: boolean;
+  /** Copy `text` to the clipboard; a no-op in insecure/unsupported contexts. */
+  copy: (text: string) => void;
+}
+/**
+ * Copy-to-clipboard with a transient `copied` flag. Guards the unavailable
+ * clipboard API and rejected writes so the caller never throws or gets stuck.
+ */
+declare function useCopyToClipboard(resetMs?: number): UseCopyToClipboardResult;
+//#endregion
+export { COPIED_RESET_MS, UseCopyToClipboardResult, useCopyToClipboard };

package/dist/hooks/useCopyToClipboard.mjs

@@ -0,0 +1,31 @@
+import { useCallback, useEffect, useRef, useState } from "react";
+//#region src/hooks/useCopyToClipboard.ts
+/** How long the "copied" confirmation stays true before reverting, in ms. */
+const COPIED_RESET_MS = 2e3;
+/**
+* Copy-to-clipboard with a transient `copied` flag. Guards the unavailable
+* clipboard API and rejected writes so the caller never throws or gets stuck.
+*/
+function useCopyToClipboard(resetMs = COPIED_RESET_MS) {
+	const [copied, setCopied] = useState(false);
+	const timerRef = useRef(null);
+	useEffect(() => () => {
+		if (timerRef.current) clearTimeout(timerRef.current);
+	}, []);
+	return {
+		copied,
+		copy: useCallback((text) => {
+			if (!navigator.clipboard?.writeText) return;
+			navigator.clipboard.writeText(text).then(() => {
+				if (timerRef.current) clearTimeout(timerRef.current);
+				setCopied(true);
+				timerRef.current = setTimeout(() => {
+					setCopied(false);
+					timerRef.current = null;
+				}, resetMs);
+			}).catch(() => {});
+		}, [resetMs])
+	};
+}
+//#endregion
+export { COPIED_RESET_MS, useCopyToClipboard };

package/dist/hooks.cjs

@@ -0,0 +1,52 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_useDefaultProps = require("./useDefaultProps-Cb-5FNok.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _emotion_react = require("@emotion/react");
+//#region src/hooks/useStyle.ts
+function useStyle(style) {
+	const theme = (0, _emotion_react.useTheme)();
+	return typeof style.getStyles === "function" ? style.getStyles(theme) : style;
+}
+//#endregion
+//#region src/hooks/StylesConsumer.tsx
+function StylesConsumer({ style, children }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_emotion_react.ThemeContext.Consumer, { children: (theme) => children(style.getStyles(theme)) });
+}
+//#endregion
+//#region src/hooks/withStyles.tsx
+function withStyles(style) {
+	return (WrappedComponent) => function WithStyles(props) {
+		return typeof style.getStyles === "function" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StylesConsumer, {
+			style,
+			children: (styles) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(WrappedComponent, {
+				...props,
+				styles
+			})
+		}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(WrappedComponent, {
+			...props,
+			styles: style
+		});
+	};
+}
+//#endregion
+//#region src/hooks/withTheme.tsx
+function withTheme(WrappedComponent) {
+	return function WithTheme(props) {
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_emotion_react.ThemeContext.Consumer, { children: (theme) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(WrappedComponent, {
+			...props,
+			theme
+		}) });
+	};
+}
+//#endregion
+exports.StylesConsumer = StylesConsumer;
+exports.useDefaultProps = require_useDefaultProps.useDefaultProps;
+exports.useStyle = useStyle;
+Object.defineProperty(exports, "useTheme", {
+	enumerable: true,
+	get: function() {
+		return _emotion_react.useTheme;
+	}
+});
+exports.withStyles = withStyles;
+exports.withTheme = withTheme;

package/dist/hooks.d.cts

@@ -0,0 +1,40 @@
+import { f as useTheme, t as CSSObject$1 } from "./index-Bihpwn75.cjs";
+import { f as Theme$1 } from "./themes-D81JYbqm.cjs";
+import { ThemeComponents } from "@emotion/react";
+import { ComponentType, ReactNode } from "react";
+//#region src/hooks/useDefaultProps.d.ts
+type DefaultPropsOf<N extends keyof ThemeComponents> = NonNullable<NonNullable<ThemeComponents[N]>['defaultProps']>;
+/**
+ * The theme-contributed default prop values for a component
+ * (`theme.components[name].defaultProps`), or an empty object.
+ *
+ * Components apply it as one step of the default-resolution chain:
+ * explicit prop → group context → `useDefaultProps` → `theme.defaults.*` → literal fallback.
+ */
+declare function useDefaultProps<N extends keyof ThemeComponents>(name: N): DefaultPropsOf<N>;
+//#endregion
+//#region src/hooks/useStyle.d.ts
+type StyleFactory = {
+  getStyles: (theme: Theme$1) => CSSObject$1;
+};
+type StyleInput = CSSObject$1 | StyleFactory;
+declare function useStyle(style: StyleInput): CSSObject$1;
+//#endregion
+//#region src/hooks/StylesConsumer.d.ts
+type StylesConsumerProps = {
+  style: StyleFactory;
+  children: (styles: CSSObject$1) => ReactNode;
+};
+declare function StylesConsumer({ style, children }: Readonly<StylesConsumerProps>): import("react").JSX.Element;
+//#endregion
+//#region src/hooks/withStyles.d.ts
+declare function withStyles<P extends object>(style: StyleInput): (WrappedComponent: ComponentType<P & {
+  styles: CSSObject$1;
+}>) => (props: P) => import("react").JSX.Element;
+//#endregion
+//#region src/hooks/withTheme.d.ts
+declare function withTheme<P extends object>(WrappedComponent: ComponentType<P & {
+  theme: Theme$1;
+}>): (props: P) => import("react").JSX.Element;
+//#endregion
+export { StyleFactory, StyleInput, StylesConsumer, useDefaultProps, useStyle, useTheme, withStyles, withTheme };

package/dist/hooks.d.mts

@@ -0,0 +1,40 @@
+import { f as useTheme, t as CSSObject$1 } from "./index-Dm9HfgV6.mjs";
+import { f as Theme$1 } from "./themes-D1SAp3SL.mjs";
+import { ThemeComponents } from "@emotion/react";
+import { ComponentType, ReactNode } from "react";
+//#region src/hooks/useDefaultProps.d.ts
+type DefaultPropsOf<N extends keyof ThemeComponents> = NonNullable<NonNullable<ThemeComponents[N]>['defaultProps']>;
+/**
+ * The theme-contributed default prop values for a component
+ * (`theme.components[name].defaultProps`), or an empty object.
+ *
+ * Components apply it as one step of the default-resolution chain:
+ * explicit prop → group context → `useDefaultProps` → `theme.defaults.*` → literal fallback.
+ */
+declare function useDefaultProps<N extends keyof ThemeComponents>(name: N): DefaultPropsOf<N>;
+//#endregion
+//#region src/hooks/useStyle.d.ts
+type StyleFactory = {
+  getStyles: (theme: Theme$1) => CSSObject$1;
+};
+type StyleInput = CSSObject$1 | StyleFactory;
+declare function useStyle(style: StyleInput): CSSObject$1;
+//#endregion
+//#region src/hooks/StylesConsumer.d.ts
+type StylesConsumerProps = {
+  style: StyleFactory;
+  children: (styles: CSSObject$1) => ReactNode;
+};
+declare function StylesConsumer({ style, children }: Readonly<StylesConsumerProps>): import("react").JSX.Element;
+//#endregion
+//#region src/hooks/withStyles.d.ts
+declare function withStyles<P extends object>(style: StyleInput): (WrappedComponent: ComponentType<P & {
+  styles: CSSObject$1;
+}>) => (props: P) => import("react").JSX.Element;
+//#endregion
+//#region src/hooks/withTheme.d.ts
+declare function withTheme<P extends object>(WrappedComponent: ComponentType<P & {
+  theme: Theme$1;
+}>): (props: P) => import("react").JSX.Element;
+//#endregion
+export { StyleFactory, StyleInput, StylesConsumer, useDefaultProps, useStyle, useTheme, withStyles, withTheme };

package/dist/hooks.mjs

@@ -0,0 +1,41 @@
+import { n as EmotionThemeContext, u as useTheme } from "./src-DcNT2aIK.mjs";
+import { t as useDefaultProps } from "./useDefaultProps-CoApb4KT.mjs";
+import { jsx } from "react/jsx-runtime";
+//#region src/hooks/useStyle.ts
+function useStyle(style) {
+	const theme = useTheme();
+	return typeof style.getStyles === "function" ? style.getStyles(theme) : style;
+}
+//#endregion
+//#region src/hooks/StylesConsumer.tsx
+function StylesConsumer({ style, children }) {
+	return /* @__PURE__ */ jsx(EmotionThemeContext.Consumer, { children: (theme) => children(style.getStyles(theme)) });
+}
+//#endregion
+//#region src/hooks/withStyles.tsx
+function withStyles(style) {
+	return (WrappedComponent) => function WithStyles(props) {
+		return typeof style.getStyles === "function" ? /* @__PURE__ */ jsx(StylesConsumer, {
+			style,
+			children: (styles) => /* @__PURE__ */ jsx(WrappedComponent, {
+				...props,
+				styles
+			})
+		}) : /* @__PURE__ */ jsx(WrappedComponent, {
+			...props,
+			styles: style
+		});
+	};
+}
+//#endregion
+//#region src/hooks/withTheme.tsx
+function withTheme(WrappedComponent) {
+	return function WithTheme(props) {
+		return /* @__PURE__ */ jsx(EmotionThemeContext.Consumer, { children: (theme) => /* @__PURE__ */ jsx(WrappedComponent, {
+			...props,
+			theme
+		}) });
+	};
+}
+//#endregion
+export { StylesConsumer, useDefaultProps, useStyle, useTheme, withStyles, withTheme };

package/dist/index-4rC2j7fR.d.cts

@@ -0,0 +1,46 @@
+import { l as index_d_exports, o as Theme } from "./index-Bihpwn75.cjs";
+import { t as TableCellPadding } from "./TableContext-2qH7XYJB.cjs";
+import { ElementType, ThHTMLAttributes } from "react";
+//#region src/Table/TableSectionContext.d.ts
+/** The table section a cell lives in — drives `TableCell`'s th/td element resolution. */
+type TableSection = 'head' | 'body' | 'footer';
+declare const TableSectionContext: import("react").Context<TableSection | undefined>;
+//#endregion
+//#region src/Table/TableCell/TableCell.d.ts
+/** Cell type — inherited from the enclosing section, overridable per cell. */
+type TableCellVariant = TableSection;
+type TableCellAlign = 'left' | 'right' | 'center' | 'justify' | 'inherit';
+type TableCellSortDirection = 'asc' | 'desc';
+/** Valid values for the color prop — derived from theme.text keys. */
+type TableCellColorToken = keyof Theme['text'];
+/** Valid values for the bg prop — derived from theme.background keys. */
+type TableCellBackgroundToken = keyof Theme['background'];
+/** Valid values for the borderColor prop — derived from theme.border keys. */
+type TableCellBorderColorToken = keyof Theme['border'];
+interface TableCellProps extends Omit<ThHTMLAttributes<HTMLTableCellElement>, 'color' | 'align'>, index_d_exports.SpaceProps<Theme>, index_d_exports.TypographyProps<Theme>, Omit<index_d_exports.BorderProps<Theme>, 'borderColor' | 'borderRadius'> {
+  /** Resolves against theme.text */
+  color?: TableCellColorToken;
+  /** Resolves against theme.background */
+  bg?: TableCellBackgroundToken;
+  /** Resolves against theme.border — light · primary · dark */
+  borderColor?: TableCellBorderColorToken;
+  /** Cell type — overrides the enclosing `TableHead`/`TableBody`/`TableFooter` section. */
+  variant?: TableCellVariant;
+  /** Text alignment of the cell content. Numbers should be right-aligned. Default: `'inherit'`. */
+  align?: TableCellAlign;
+  /** Cell density — overrides the `Table`'s `size`. Resolves against `theme.sizes`. */
+  size?: keyof Theme['sizes'];
+  /** Cell padding mode — overrides the `Table`'s `cellPadding`. `'none'` zeroes padding. */
+  cellPadding?: TableCellPadding;
+  /** Sets `aria-sort` on the cell — a11y only, pair with `TableSortLabel` for the control. */
+  sortDirection?: TableCellSortDirection;
+  /**
+   * Truncates overflowing text with an ellipsis — inherits the `Table`'s
+   * `hasEllipsis`. Needs a constrained width (e.g. `maxWidth`) to kick in.
+   */
+  hasEllipsis?: boolean;
+  as?: ElementType;
+}
+declare function TableCell({ variant, align, size, cellPadding, sortDirection, hasEllipsis, scope, as, children, ...rest }: Readonly<TableCellProps>): import("react").JSX.Element;
+//#endregion
+export { TableCellColorToken as a, TableCellVariant as c, TableCellBorderColorToken as i, TableSection as l, TableCellAlign as n, TableCellProps as o, TableCellBackgroundToken as r, TableCellSortDirection as s, TableCell as t, TableSectionContext as u };

package/dist/index-8dzWTpFp.d.cts

@@ -0,0 +1,24 @@
+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 { ButtonHTMLAttributes } from "react";
+//#region src/Table/TableSortLabel/TableSortLabel.d.ts
+type TableSortLabelDirection = 'asc' | 'desc';
+interface TableSortLabelProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'color'>, index_d_exports.SpaceProps<Theme> {
+  /** Marks the currently-sorted column — shows the icon fully opaque. Default: `false`. */
+  isActive?: boolean;
+  /** Current sort direction — rotates the arrow. Default: `'asc'`. */
+  direction?: TableSortLabelDirection;
+  /**
+   * Hides the inactive sort icon, revealing it on hover/focus. Set `false` to
+   * keep it always visible (dimmed while inactive). Inherited from the
+   * enclosing `Table`'s `shouldHideSortIcon` via `TableContext`. Default: `true`.
+   */
+  shouldHideSortIcon?: boolean;
+  /** Sort arrow icon. Default: `'arrow_upward'`. */
+  iconName?: IconName;
+  /** Extra props for the sort arrow icon. */
+  iconProps?: Omit<IconProps, 'name'>;
+}
+declare function TableSortLabel({ isActive, direction, shouldHideSortIcon, iconName, iconProps, type, children, ...rest }: Readonly<TableSortLabelProps>): import("react").JSX.Element;
+//#endregion
+export { TableSortLabelDirection as n, TableSortLabelProps as r, TableSortLabel as t };

package/dist/index-B1rCD6Oo.d.cts

@@ -0,0 +1,17 @@
+import { l as index_d_exports, o as Theme } from "./index-Bihpwn75.cjs";
+import { s as ViewProps } from "./index-FwTocqhP.cjs";
+//#region src/Flex/Flex.d.ts
+/** Valid values for the gap prop — derived from theme.space keys. */
+type GapToken = keyof Theme['space'];
+interface FlexProps extends ViewProps, index_d_exports.FlexboxProps<Theme> {
+  /** Resolves against theme.space — maps to CSS gap. Accepts responsive arrays. */
+  gap?: index_d_exports.ResponsiveValue<GapToken>;
+}
+declare const Flex: import("@emotion/styled").StyledComponent<{
+  theme?: Theme;
+  as?: React.ElementType;
+} & ViewProps & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+  theme?: Theme;
+} & FlexProps, {}, {}>;
+//#endregion
+export { FlexProps as n, GapToken as r, Flex as t };