@soroush.tech/design-system 0.1.0 → 1.1.0

package/dist/CodeBlock.mjs

@@ -1,100 +0,0 @@
-import { d as styled } from "./src-DcNT2aIK.mjs";
-import { useCopyToClipboard } from "./hooks/useCopyToClipboard.mjs";
-import { View } from "./View.mjs";
-import { Button } from "./Button.mjs";
-import { t as Icon } from "./Icon-CAKRmFz3.mjs";
-import { useRef } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/CodeBlock/CodeBlock.tsx
-const syntaxStyles = ({ theme }) => ({
-	color: theme.syntax.base,
-	fontFamily: theme.fonts.mono,
-	"& .hljs-comment, & .hljs-quote, & .hljs-doctag, & .hljs-meta.prompt_": {
-		color: theme.syntax.comment,
-		fontStyle: "italic"
-	},
-	"& .hljs-keyword, & .hljs-built_in, & .hljs-literal, & .hljs-selector-tag, & .hljs-selector-pseudo, & .hljs-selector-attr": { color: theme.syntax.keyword },
-	"& .hljs-type, & .hljs-title.class_": { color: theme.syntax.type },
-	"& .hljs-string, & .hljs-regexp, & .hljs-char, & .hljs-meta .hljs-string, & .hljs-addition": { color: theme.syntax.string },
-	"& .hljs-number, & .hljs-symbol, & .hljs-bullet, & .hljs-link": { color: theme.syntax.number },
-	"& .hljs-variable.constant_, & .hljs-property": { color: theme.syntax.constant },
-	"& .hljs-title, & .hljs-section, & .hljs-attr, & .hljs-attribute, & .hljs-selector-id": { color: theme.syntax.title },
-	"& .hljs-tag, & .hljs-name, & .hljs-meta, & .hljs-variable, & .hljs-selector-class, & .hljs-deletion": { color: theme.syntax.tag },
-	"& .hljs-emphasis": { fontStyle: "italic" },
-	"& .hljs-strong": { fontWeight: "bold" }
-});
-const CodeSurface = styled(View, {
-	name: "CodeBlock",
-	slot: "surface",
-	label: "CodeSurface"
-})(syntaxStyles);
-const Wrapper = styled(View, {
-	name: "CodeBlock",
-	label: "CodeBlock"
-})({
-	display: "grid",
-	gridTemplateColumns: "minmax(0, 1fr)",
-	"& .code-copy": {
-		opacity: 0,
-		transition: "opacity 120ms ease"
-	},
-	"&:hover .code-copy, &:focus-within .code-copy": { opacity: 1 },
-	"@media (hover: none)": { "& .code-copy": { opacity: 1 } }
-});
-/**
-* Fenced-code block: a horizontally scrollable, syntax-highlighted surface with a
-* copy-to-clipboard button that sticks to the top-right while the block is in view.
-*/
-function CodeBlock({ children, ...rest }) {
-	const surfaceRef = useRef(null);
-	const { copied, copy } = useCopyToClipboard();
-	const handleCopy = () => {
-		const raw = surfaceRef.current.textContent;
-		let end = raw.length;
-		while (end > 0 && raw[end - 1] === "\n") end--;
-		const text = raw.slice(0, end);
-		if (text) copy(text);
-	};
-	return /* @__PURE__ */ jsxs(Wrapper, {
-		my: 2,
-		position: "relative",
-		...rest,
-		children: [/* @__PURE__ */ jsx(View, {
-			position: "absolute",
-			top: "8px",
-			right: "8px",
-			zIndex: 1,
-			bg: "paper",
-			borderRadius: "sm",
-			className: "code-copy",
-			children: /* @__PURE__ */ jsx(Button, {
-				type: "button",
-				variant: "outlined",
-				color: "default",
-				size: "sm",
-				borderRadius: "sm",
-				onClick: handleCopy,
-				"aria-label": copied ? "Copied" : "Copy code",
-				children: /* @__PURE__ */ jsx(Icon, {
-					name: copied ? "check" : "content_copy",
-					color: copied ? "success" : "primary",
-					size: "1.1rem"
-				})
-			})
-		}), /* @__PURE__ */ jsx(CodeSurface, {
-			as: "pre",
-			tabIndex: 0,
-			ref: surfaceRef,
-			bg: "terminal",
-			p: 3,
-			borderRadius: "md",
-			borderColor: "light",
-			borderWidth: "thin",
-			maxWidth: "100%",
-			overflow: "auto",
-			children
-		})]
-	});
-}
-//#endregion
-export { CodeBlock };

package/dist/Field.cjs

@@ -1,59 +0,0 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_Flex = require("./Flex.cjs");
-const require_FormControl = require("./FormControl.cjs");
-const require_FormLabel = require("./FormLabel.cjs");
-const require_FormHelperText = require("./FormHelperText.cjs");
-require("@emotion/react");
-let react = require("react");
-let react_jsx_runtime = require("react/jsx-runtime");
-require("@tanstack/react-form");
-//#region src/Field/Field.tsx
-/**
-* The single bridge between the design-system form layer and TanStack Form.
-* Wraps `form.Field`, derives the error-display flag, and composes
-* FormControl / FormLabel / FormHelperText so id and aria wiring are automatic.
-*
-* Error UX: shown only once the field is touched or after a submit attempt — never on
-* initial render — and only the first error message is displayed.
-*/
-function Field({ form, name, label, labelProps, helperText, required, size, fullWidth, children }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(form.Field, {
-		name,
-		children: (field) => {
-			const api = field;
-			const message = api.state.meta.errors[0]?.message;
-			const hasError = (api.state.meta.isTouched || form.state.isSubmitted) && Boolean(message);
-			const helper = hasError ? message : helperText;
-			const child = children;
-			const control = (0, react.cloneElement)(child, {
-				name: api.name,
-				value: api.state.value,
-				onChange: (event) => api.handleChange(event.target.value),
-				inputProps: {
-					...child.props.inputProps,
-					onBlur: api.handleBlur
-				}
-			});
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_FormControl.FormControl, {
-				error: hasError,
-				required,
-				size,
-				fullWidth,
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Flex.Flex, {
-					flexDirection: "column",
-					gap: 2,
-					children: [
-						label == null ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_FormLabel.FormLabel, {
-							...labelProps,
-							children: label
-						}),
-						control,
-						helper == null ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_FormHelperText.FormHelperText, { children: helper })
-					]
-				})
-			});
-		}
-	});
-}
-//#endregion
-exports.Field = Field;

package/dist/Field.d.cts

@@ -1,36 +0,0 @@
-import { n as FormLabelProps } from "./index-Dg8-CPOO.cjs";
-import { Theme } from "@emotion/react";
-import { ReactElement, ReactNode } from "react";
-import { DeepKeys, FormAsyncValidateOrFn, FormValidateOrFn, ReactFormExtendedApi } from "@tanstack/react-form";
-//#region src/Field/Field.d.ts
-interface FieldProps<TFormData, TOnMount extends undefined | FormValidateOrFn<TFormData>, TOnChange extends undefined | FormValidateOrFn<TFormData>, TOnChangeAsync extends undefined | FormAsyncValidateOrFn<TFormData>, TOnBlur extends undefined | FormValidateOrFn<TFormData>, TOnBlurAsync extends undefined | FormAsyncValidateOrFn<TFormData>, TOnSubmit extends undefined | FormValidateOrFn<TFormData>, TOnSubmitAsync extends undefined | FormAsyncValidateOrFn<TFormData>, TOnDynamic extends undefined | FormValidateOrFn<TFormData>, TOnDynamicAsync extends undefined | FormAsyncValidateOrFn<TFormData>, TOnServer extends undefined | FormAsyncValidateOrFn<TFormData>, TSubmitMeta, TName extends DeepKeys<TFormData> = DeepKeys<TFormData>> {
-  form: ReactFormExtendedApi<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TOnServer, TSubmitMeta>;
-  /** Type-safe field name — checked against the form's value schema. */
-  name: TName;
-  /** Optional label; rendered as a FormLabel above the control. */
-  label?: ReactNode;
-  /** Typography props forwarded to the FormLabel — restyle the label without losing the wiring. */
-  labelProps?: Omit<FormLabelProps, 'children' | 'required' | 'htmlFor'>;
-  /** Optional helper text; replaced by the error message while the field is invalid. */
-  helperText?: ReactNode;
-  required?: boolean;
-  size?: keyof Theme['sizes'];
-  fullWidth?: boolean;
-  /**
-   * The control element, e.g. `<TextInput />`. Field clones it and injects the binding
-   * from the TanStack field — `name`, `value`, `onChange`, and `inputProps.onBlur` — so the
-   * call site stays declarative and the control never imports the form library.
-   */
-  children: ReactElement;
-}
-/**
- * The single bridge between the design-system form layer and TanStack Form.
- * Wraps `form.Field`, derives the error-display flag, and composes
- * FormControl / FormLabel / FormHelperText so id and aria wiring are automatic.
- *
- * Error UX: shown only once the field is touched or after a submit attempt — never on
- * initial render — and only the first error message is displayed.
- */
-declare function Field<TFormData, TOnMount extends undefined | FormValidateOrFn<TFormData>, TOnChange extends undefined | FormValidateOrFn<TFormData>, TOnChangeAsync extends undefined | FormAsyncValidateOrFn<TFormData>, TOnBlur extends undefined | FormValidateOrFn<TFormData>, TOnBlurAsync extends undefined | FormAsyncValidateOrFn<TFormData>, TOnSubmit extends undefined | FormValidateOrFn<TFormData>, TOnSubmitAsync extends undefined | FormAsyncValidateOrFn<TFormData>, TOnDynamic extends undefined | FormValidateOrFn<TFormData>, TOnDynamicAsync extends undefined | FormAsyncValidateOrFn<TFormData>, TOnServer extends undefined | FormAsyncValidateOrFn<TFormData>, TSubmitMeta, TName extends DeepKeys<TFormData> = DeepKeys<TFormData>>({ form, name, label, labelProps, helperText, required, size, fullWidth, children }: Readonly<FieldProps<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TOnServer, TSubmitMeta, TName>>): import("react").JSX.Element;
-//#endregion
-export { Field, FieldProps };

package/dist/Field.d.mts

@@ -1,36 +0,0 @@
-import { n as FormLabelProps } from "./index-Cv_UOfYx.mjs";
-import { Theme } from "@emotion/react";
-import { ReactElement, ReactNode } from "react";
-import { DeepKeys, FormAsyncValidateOrFn, FormValidateOrFn, ReactFormExtendedApi } from "@tanstack/react-form";
-//#region src/Field/Field.d.ts
-interface FieldProps<TFormData, TOnMount extends undefined | FormValidateOrFn<TFormData>, TOnChange extends undefined | FormValidateOrFn<TFormData>, TOnChangeAsync extends undefined | FormAsyncValidateOrFn<TFormData>, TOnBlur extends undefined | FormValidateOrFn<TFormData>, TOnBlurAsync extends undefined | FormAsyncValidateOrFn<TFormData>, TOnSubmit extends undefined | FormValidateOrFn<TFormData>, TOnSubmitAsync extends undefined | FormAsyncValidateOrFn<TFormData>, TOnDynamic extends undefined | FormValidateOrFn<TFormData>, TOnDynamicAsync extends undefined | FormAsyncValidateOrFn<TFormData>, TOnServer extends undefined | FormAsyncValidateOrFn<TFormData>, TSubmitMeta, TName extends DeepKeys<TFormData> = DeepKeys<TFormData>> {
-  form: ReactFormExtendedApi<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TOnServer, TSubmitMeta>;
-  /** Type-safe field name — checked against the form's value schema. */
-  name: TName;
-  /** Optional label; rendered as a FormLabel above the control. */
-  label?: ReactNode;
-  /** Typography props forwarded to the FormLabel — restyle the label without losing the wiring. */
-  labelProps?: Omit<FormLabelProps, 'children' | 'required' | 'htmlFor'>;
-  /** Optional helper text; replaced by the error message while the field is invalid. */
-  helperText?: ReactNode;
-  required?: boolean;
-  size?: keyof Theme['sizes'];
-  fullWidth?: boolean;
-  /**
-   * The control element, e.g. `<TextInput />`. Field clones it and injects the binding
-   * from the TanStack field — `name`, `value`, `onChange`, and `inputProps.onBlur` — so the
-   * call site stays declarative and the control never imports the form library.
-   */
-  children: ReactElement;
-}
-/**
- * The single bridge between the design-system form layer and TanStack Form.
- * Wraps `form.Field`, derives the error-display flag, and composes
- * FormControl / FormLabel / FormHelperText so id and aria wiring are automatic.
- *
- * Error UX: shown only once the field is touched or after a submit attempt — never on
- * initial render — and only the first error message is displayed.
- */
-declare function Field<TFormData, TOnMount extends undefined | FormValidateOrFn<TFormData>, TOnChange extends undefined | FormValidateOrFn<TFormData>, TOnChangeAsync extends undefined | FormAsyncValidateOrFn<TFormData>, TOnBlur extends undefined | FormValidateOrFn<TFormData>, TOnBlurAsync extends undefined | FormAsyncValidateOrFn<TFormData>, TOnSubmit extends undefined | FormValidateOrFn<TFormData>, TOnSubmitAsync extends undefined | FormAsyncValidateOrFn<TFormData>, TOnDynamic extends undefined | FormValidateOrFn<TFormData>, TOnDynamicAsync extends undefined | FormAsyncValidateOrFn<TFormData>, TOnServer extends undefined | FormAsyncValidateOrFn<TFormData>, TSubmitMeta, TName extends DeepKeys<TFormData> = DeepKeys<TFormData>>({ form, name, label, labelProps, helperText, required, size, fullWidth, children }: Readonly<FieldProps<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TOnServer, TSubmitMeta, TName>>): import("react").JSX.Element;
-//#endregion
-export { Field, FieldProps };

package/dist/Field.mjs

@@ -1,58 +0,0 @@
-import { Flex } from "./Flex.mjs";
-import { FormControl } from "./FormControl.mjs";
-import { FormLabel } from "./FormLabel.mjs";
-import { FormHelperText } from "./FormHelperText.mjs";
-import "@emotion/react";
-import { cloneElement } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import "@tanstack/react-form";
-//#region src/Field/Field.tsx
-/**
-* The single bridge between the design-system form layer and TanStack Form.
-* Wraps `form.Field`, derives the error-display flag, and composes
-* FormControl / FormLabel / FormHelperText so id and aria wiring are automatic.
-*
-* Error UX: shown only once the field is touched or after a submit attempt — never on
-* initial render — and only the first error message is displayed.
-*/
-function Field({ form, name, label, labelProps, helperText, required, size, fullWidth, children }) {
-	return /* @__PURE__ */ jsx(form.Field, {
-		name,
-		children: (field) => {
-			const api = field;
-			const message = api.state.meta.errors[0]?.message;
-			const hasError = (api.state.meta.isTouched || form.state.isSubmitted) && Boolean(message);
-			const helper = hasError ? message : helperText;
-			const child = children;
-			const control = cloneElement(child, {
-				name: api.name,
-				value: api.state.value,
-				onChange: (event) => api.handleChange(event.target.value),
-				inputProps: {
-					...child.props.inputProps,
-					onBlur: api.handleBlur
-				}
-			});
-			return /* @__PURE__ */ jsx(FormControl, {
-				error: hasError,
-				required,
-				size,
-				fullWidth,
-				children: /* @__PURE__ */ jsxs(Flex, {
-					flexDirection: "column",
-					gap: 2,
-					children: [
-						label == null ? null : /* @__PURE__ */ jsx(FormLabel, {
-							...labelProps,
-							children: label
-						}),
-						control,
-						helper == null ? null : /* @__PURE__ */ jsx(FormHelperText, { children: helper })
-					]
-				})
-			});
-		}
-	});
-}
-//#endregion
-export { Field };

package/dist/Markdown/Control.cjs

@@ -1,61 +0,0 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_applyAction = require("../applyAction-B2uVHxOE.cjs");
-const require_MarkdownContext = require("../MarkdownContext-DSwjzpH8.cjs");
-let react = require("react");
-let react_jsx_runtime = require("react/jsx-runtime");
-//#region src/Markdown/Control/Control.tsx
-/**
-* The headless root of the Markdown compound: owns the shared value/selection state and exposes
-* it (plus a `dispatch` for toolbar actions) via context. It renders no UI of its own — the
-* consumer arranges the parts and decides which panes to show.
-*/
-function Control({ value, onChange, children }) {
-	const lastSelectionRef = (0, react.useRef)(null);
-	const pendingSelectionRef = (0, react.useRef)(null);
-	const context = (0, react.useMemo)(() => {
-		const dispatch = (action) => {
-			const { start, end } = lastSelectionRef.current ?? {
-				start: value.length,
-				end: value.length
-			};
-			const next = require_applyAction.applyAction(action, {
-				value,
-				selectionStart: start,
-				selectionEnd: end
-			});
-			const selection = {
-				start: next.selectionStart,
-				end: next.selectionEnd
-			};
-			pendingSelectionRef.current = selection;
-			lastSelectionRef.current = selection;
-			onChange(next.value);
-		};
-		const rememberSelection = (selection) => {
-			lastSelectionRef.current = selection;
-		};
-		const queueSelection = (selection) => {
-			pendingSelectionRef.current = selection;
-			lastSelectionRef.current = selection;
-		};
-		const takeQueuedSelection = () => {
-			const selection = pendingSelectionRef.current;
-			pendingSelectionRef.current = null;
-			return selection;
-		};
-		return {
-			value,
-			onChange,
-			dispatch,
-			rememberSelection,
-			queueSelection,
-			takeQueuedSelection
-		};
-	}, [value, onChange]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_MarkdownContext.MarkdownContext.Provider, {
-		value: context,
-		children
-	});
-}
-//#endregion
-exports.Control = Control;

package/dist/Markdown/Control.d.cts

@@ -1,18 +0,0 @@
-import { ReactNode } from "react";
-//#region src/Markdown/Control/Control.d.ts
-interface ControlProps {
-  /** Current markdown source (controlled). */
-  value: string;
-  /** Called with the next source on edit or a toolbar action. */
-  onChange: (value: string) => void;
-  /** The composed parts — `Markdown.Toolbar`, `Markdown.Editor`, `Markdown.Preview`, … */
-  children: ReactNode;
-}
-/**
- * The headless root of the Markdown compound: owns the shared value/selection state and exposes
- * it (plus a `dispatch` for toolbar actions) via context. It renders no UI of its own — the
- * consumer arranges the parts and decides which panes to show.
- */
-declare function Control({ value, onChange, children }: Readonly<ControlProps>): import("react").JSX.Element;
-//#endregion
-export { Control, ControlProps };

package/dist/Markdown/Control.d.mts

@@ -1,18 +0,0 @@
-import { ReactNode } from "react";
-//#region src/Markdown/Control/Control.d.ts
-interface ControlProps {
-  /** Current markdown source (controlled). */
-  value: string;
-  /** Called with the next source on edit or a toolbar action. */
-  onChange: (value: string) => void;
-  /** The composed parts — `Markdown.Toolbar`, `Markdown.Editor`, `Markdown.Preview`, … */
-  children: ReactNode;
-}
-/**
- * The headless root of the Markdown compound: owns the shared value/selection state and exposes
- * it (plus a `dispatch` for toolbar actions) via context. It renders no UI of its own — the
- * consumer arranges the parts and decides which panes to show.
- */
-declare function Control({ value, onChange, children }: Readonly<ControlProps>): import("react").JSX.Element;
-//#endregion
-export { Control, ControlProps };

package/dist/Markdown/Control.mjs

@@ -1,60 +0,0 @@
-import { t as applyAction } from "../applyAction-B2B-hnP3.mjs";
-import { t as MarkdownContext } from "../MarkdownContext-BN8A3W-J.mjs";
-import { useMemo, useRef } from "react";
-import { jsx } from "react/jsx-runtime";
-//#region src/Markdown/Control/Control.tsx
-/**
-* The headless root of the Markdown compound: owns the shared value/selection state and exposes
-* it (plus a `dispatch` for toolbar actions) via context. It renders no UI of its own — the
-* consumer arranges the parts and decides which panes to show.
-*/
-function Control({ value, onChange, children }) {
-	const lastSelectionRef = useRef(null);
-	const pendingSelectionRef = useRef(null);
-	const context = useMemo(() => {
-		const dispatch = (action) => {
-			const { start, end } = lastSelectionRef.current ?? {
-				start: value.length,
-				end: value.length
-			};
-			const next = applyAction(action, {
-				value,
-				selectionStart: start,
-				selectionEnd: end
-			});
-			const selection = {
-				start: next.selectionStart,
-				end: next.selectionEnd
-			};
-			pendingSelectionRef.current = selection;
-			lastSelectionRef.current = selection;
-			onChange(next.value);
-		};
-		const rememberSelection = (selection) => {
-			lastSelectionRef.current = selection;
-		};
-		const queueSelection = (selection) => {
-			pendingSelectionRef.current = selection;
-			lastSelectionRef.current = selection;
-		};
-		const takeQueuedSelection = () => {
-			const selection = pendingSelectionRef.current;
-			pendingSelectionRef.current = null;
-			return selection;
-		};
-		return {
-			value,
-			onChange,
-			dispatch,
-			rememberSelection,
-			queueSelection,
-			takeQueuedSelection
-		};
-	}, [value, onChange]);
-	return /* @__PURE__ */ jsx(MarkdownContext.Provider, {
-		value: context,
-		children
-	});
-}
-//#endregion
-export { Control };

package/dist/Markdown/Editor.cjs

@@ -1,130 +0,0 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("../src-BiocWFSR.cjs");
-const require_themeDefault = require("../themeDefault-B-QjpGEO.cjs");
-const require_Flex = require("../Flex.cjs");
-const require_Typography = require("../Typography.cjs");
-const require_applyAction = require("../applyAction-B2uVHxOE.cjs");
-const require_MarkdownContext = require("../MarkdownContext-DSwjzpH8.cjs");
-const require_TextInput = require("../TextInput-6o37Zddp.cjs");
-let react = require("react");
-let react_jsx_runtime = require("react/jsx-runtime");
-let _emotion_react = require("@emotion/react");
-//#region src/Markdown/Editor/Editor.tsx
-const EditorRoot = require_src.styled(require_Flex.Flex, {
-	name: "MarkdownEditor",
-	label: "MarkdownEditor"
-})();
-const INDENT_ACTION = {
-	id: "indent",
-	label: "",
-	ariaLabel: "",
-	kind: "linePrefix",
-	linePrefix: "	"
-};
-const noop = () => {};
-/**
-* The source `<textarea>`, with selection tracking and Tab-to-indent. Inside a `Control` it is
-* driven by context (so the `Toolbar` can act on it); on its own it is a plain controlled field
-* via `value`/`onChange`.
-*/
-function Editor({ value: valueProp, onChange: onChangeProp, placeholder = "Write your article in Markdown…", minRows = 16, variant, color, textColor: textColorProp, size, name, id, error, required, disabled, showShortcutHint = true }) {
-	const context = (0, react.useContext)(require_MarkdownContext.MarkdownContext);
-	const theme = (0, _emotion_react.useTheme)();
-	const textColor = textColorProp ?? require_themeDefault.themeDefault(theme, "textColor", "initial");
-	const hintId = (0, react.useId)();
-	const localPendingRef = (0, react.useRef)(null);
-	const value = context?.value ?? valueProp ?? "";
-	const onChange = context?.onChange ?? onChangeProp ?? noop;
-	const paneRef = (0, react.useRef)(null);
-	const queueSelection = (selection) => {
-		if (context) context.queueSelection(selection);
-		else localPendingRef.current = selection;
-	};
-	const takeQueuedSelection = () => {
-		if (context) return context.takeQueuedSelection();
-		const selection = localPendingRef.current;
-		localPendingRef.current = null;
-		return selection;
-	};
-	const rememberSelection = (event) => {
-		if (!context) return;
-		const { selectionStart, selectionEnd } = event.currentTarget;
-		context.rememberSelection({
-			start: selectionStart,
-			end: selectionEnd
-		});
-	};
-	const handleKeyDown = (event) => {
-		const el = event.currentTarget;
-		if (event.key === "Escape" || (event.metaKey || event.ctrlKey) && event.shiftKey && event.key.toLowerCase() === "m") {
-			event.preventDefault();
-			el.blur();
-			return;
-		}
-		if (event.key === "Tab" && !event.shiftKey) {
-			event.preventDefault();
-			const { selectionStart, selectionEnd } = el;
-			const next = value.slice(selectionStart, selectionEnd).includes("\n") ? require_applyAction.applyAction(INDENT_ACTION, {
-				value,
-				selectionStart,
-				selectionEnd
-			}) : {
-				value: value.slice(0, selectionStart) + "	" + value.slice(selectionEnd),
-				selectionStart: selectionStart + 1,
-				selectionEnd: selectionStart + 1
-			};
-			queueSelection({
-				start: next.selectionStart,
-				end: next.selectionEnd
-			});
-			onChange(next.value);
-		}
-	};
-	(0, react.useLayoutEffect)(() => {
-		const selection = takeQueuedSelection();
-		if (!selection) return;
-		const textarea = paneRef.current.querySelector("textarea");
-		textarea.focus();
-		textarea.setSelectionRange(selection.start, selection.end);
-	});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(EditorRoot, {
-		ref: paneRef,
-		flexDirection: "column",
-		flex: 1,
-		minWidth: 0,
-		gap: 1,
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_TextInput.TextInput, {
-			multiline: true,
-			resize: true,
-			fullWidth: true,
-			variant,
-			color,
-			textColor,
-			size,
-			name,
-			id,
-			error,
-			required,
-			disabled,
-			minRows,
-			value,
-			placeholder,
-			onChange: (event) => onChange(event.target.value),
-			inputProps: {
-				"aria-label": "Markdown source",
-				"aria-describedby": showShortcutHint ? hintId : void 0,
-				onSelect: rememberSelection,
-				onBlur: rememberSelection,
-				onKeyDown: handleKeyDown
-			}
-		}), showShortcutHint && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Typography.Typography, {
-			id: hintId,
-			variant: "caption",
-			color: "secondary",
-			m: 0,
-			children: "Tab inserts a tab · press Escape or Ctrl/Cmd+Shift+M to move focus out."
-		})]
-	});
-}
-//#endregion
-exports.Editor = Editor;

package/dist/Markdown/Editor.d.cts

@@ -1,40 +0,0 @@
-import { a as TextInputSize, o as TextInputTextColor, r as TextInputColor, s as TextInputVariant } from "../index-C5_ciaeo.cjs";
-//#region src/Markdown/Editor/Editor.d.ts
-interface EditorProps {
-  /** Standalone source value — used when rendered outside a `Control`. Ignored inside one. */
-  value?: string;
-  /** Standalone change handler — used when rendered outside a `Control`. Ignored inside one. */
-  onChange?: (value: string) => void;
-  /** Placeholder shown while the source is empty. */
-  placeholder?: string;
-  /** Minimum visible rows of the source textarea. Default: `16`. */
-  minRows?: number;
-  /** Visual style of the source input — forwarded to `TextInput`. Default: `'default'`. */
-  variant?: TextInputVariant;
-  /** Focus/active border colour — forwarded to `TextInput`. */
-  color?: TextInputColor;
-  /** Text colour of the typed source — forwarded to `TextInput`. Default: `'initial'`. */
-  textColor?: TextInputTextColor;
-  /** Padding/font-size density — forwarded to `TextInput`. */
-  size?: TextInputSize;
-  /** Native `name` on the textarea — set it for native `<form>` submission / FormData. */
-  name?: string;
-  /** `id` for label association. Falls back to the enclosing `FormControl`. */
-  id?: string;
-  /** Marks the field invalid (error border). Falls back to the enclosing `FormControl`. */
-  error?: boolean;
-  /** Marks the field required. Falls back to the enclosing `FormControl`. */
-  required?: boolean;
-  /** Disables editing. Falls back to the enclosing `FormControl`. */
-  disabled?: boolean;
-  /** Shows a one-line hint about the Tab / focus-release shortcuts under the field. Default: `true`. */
-  showShortcutHint?: boolean;
-}
-/**
- * The source `<textarea>`, with selection tracking and Tab-to-indent. Inside a `Control` it is
- * driven by context (so the `Toolbar` can act on it); on its own it is a plain controlled field
- * via `value`/`onChange`.
- */
-declare function Editor({ value: valueProp, onChange: onChangeProp, placeholder, minRows, variant, color, textColor: textColorProp, size, name, id, error, required, disabled, showShortcutHint }: Readonly<EditorProps>): import("react").JSX.Element;
-//#endregion
-export { Editor, EditorProps };

package/dist/Markdown/Editor.d.mts

@@ -1,40 +0,0 @@
-import { a as TextInputSize, o as TextInputTextColor, r as TextInputColor, s as TextInputVariant } from "../index-Bwi4kRpf.mjs";
-//#region src/Markdown/Editor/Editor.d.ts
-interface EditorProps {
-  /** Standalone source value — used when rendered outside a `Control`. Ignored inside one. */
-  value?: string;
-  /** Standalone change handler — used when rendered outside a `Control`. Ignored inside one. */
-  onChange?: (value: string) => void;
-  /** Placeholder shown while the source is empty. */
-  placeholder?: string;
-  /** Minimum visible rows of the source textarea. Default: `16`. */
-  minRows?: number;
-  /** Visual style of the source input — forwarded to `TextInput`. Default: `'default'`. */
-  variant?: TextInputVariant;
-  /** Focus/active border colour — forwarded to `TextInput`. */
-  color?: TextInputColor;
-  /** Text colour of the typed source — forwarded to `TextInput`. Default: `'initial'`. */
-  textColor?: TextInputTextColor;
-  /** Padding/font-size density — forwarded to `TextInput`. */
-  size?: TextInputSize;
-  /** Native `name` on the textarea — set it for native `<form>` submission / FormData. */
-  name?: string;
-  /** `id` for label association. Falls back to the enclosing `FormControl`. */
-  id?: string;
-  /** Marks the field invalid (error border). Falls back to the enclosing `FormControl`. */
-  error?: boolean;
-  /** Marks the field required. Falls back to the enclosing `FormControl`. */
-  required?: boolean;
-  /** Disables editing. Falls back to the enclosing `FormControl`. */
-  disabled?: boolean;
-  /** Shows a one-line hint about the Tab / focus-release shortcuts under the field. Default: `true`. */
-  showShortcutHint?: boolean;
-}
-/**
- * The source `<textarea>`, with selection tracking and Tab-to-indent. Inside a `Control` it is
- * driven by context (so the `Toolbar` can act on it); on its own it is a plain controlled field
- * via `value`/`onChange`.
- */
-declare function Editor({ value: valueProp, onChange: onChangeProp, placeholder, minRows, variant, color, textColor: textColorProp, size, name, id, error, required, disabled, showShortcutHint }: Readonly<EditorProps>): import("react").JSX.Element;
-//#endregion
-export { Editor, EditorProps };