@soroush.tech/markdown 1.2.1 → 1.2.3-rc.0

package/dist/{Toolbar-Ba3l-oBU.cjs → Toolbar-BlMahuVU.cjs}

@@ -5,7 +5,8 @@ let _soroush_tech_design_system_Button = require("@soroush.tech/design-system/Bu
 let _soroush_tech_design_system_ButtonGroup = require("@soroush.tech/design-system/ButtonGroup");
 let _soroush_tech_design_system_Flex = require("@soroush.tech/design-system/Flex");
 let _soroush_tech_design_system_Icon = require("@soroush.tech/design-system/Icon");
-let _soroush_tech_design_system_NativeSelect = require("@soroush.tech/design-system/NativeSelect");
+let _soroush_tech_design_system_MenuItem = require("@soroush.tech/design-system/MenuItem");
+let _soroush_tech_design_system_Select = require("@soroush.tech/design-system/Select");
 let _soroush_tech_design_system_Typography = require("@soroush.tech/design-system/Typography");
 let _soroush_tech_design_system = require("@soroush.tech/design-system");
 let _soroush_tech_design_system_theme = require("@soroush.tech/design-system/theme");
@@ -42,7 +43,7 @@ function groupToolbarActions(actions) {
 //#region src/const.ts
 const LIST_MARKER = /^(?:- \[[ xX]\] |- |\d+\. )/;
 /**
-* Every formatting action the toolbar exposes — one per markdown feature the `Markdown`
+* Every formatting action the toolbar exposes - one per markdown feature the `Markdown`
 * renderer supports (GFM + the component map in `Markdown.Preview`). Data-driven so the
 * toolbar and the transform logic stay in sync.
 */
@@ -186,7 +187,7 @@ const CODE_LANGUAGES = [
 		value: "md"
 	}
 ];
-/** Inline `code` — rendered next to the code-block select so both code controls sit together. */
+/** Inline `code` - rendered next to the code-block select so both code controls sit together. */
 const INLINE_CODE_ACTION = {
 	id: "inline-code",
 	label: "Code",
@@ -218,7 +219,7 @@ const headingAction = (level) => ({
 	family: HEADING_MARKER,
 	toggle: false
 });
-/** Every heading level the `Markdown` renderer supports (h1–h6) — offered via the toolbar select. */
+/** Every heading level the `Markdown` renderer supports (h1-h6) - offered via the toolbar select. */
 const HEADING_ACTIONS = [
 	1,
 	2,
@@ -481,6 +482,10 @@ const DIAGRAM_OPTIONS = MERMAID_DIAGRAMS.map((diagram) => ({
 	value: diagram.value
 }));
 const DIAGRAM_SNIPPET_BY_VALUE = Object.fromEntries(MERMAID_DIAGRAMS.map((diagram) => [diagram.value, diagram.snippet]));
+const menuItems = (options) => options.map(({ label, value }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_soroush_tech_design_system_MenuItem.MenuItem, {
+	value,
+	children: label
+}, value));
 const HEADING_BY_ID = Object.fromEntries(HEADING_ACTIONS.map((action) => [action.id, action]));
 const ToolbarRoot = (0, _soroush_tech_design_system.styled)(_soroush_tech_design_system_Flex.Flex, {
 	name: "MarkdownToolbar",
@@ -534,14 +539,15 @@ function Toolbar() {
 		role: "toolbar",
 		"aria-label": "Markdown formatting",
 		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_soroush_tech_design_system_NativeSelect.NativeSelect, {
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_soroush_tech_design_system_Select.Select, {
+				native: true,
 				size: "sm",
 				variant: "outlined",
 				placeholder: "Heading",
 				value: "",
-				options: HEADING_OPTIONS,
 				onChange: (value) => dispatch(HEADING_BY_ID[String(value)]),
-				selectProps: { "aria-label": "Heading level" }
+				"aria-label": "Heading level",
+				children: menuItems(HEADING_OPTIONS)
 			}),
 			groupToolbarActions(TOOLBAR_ACTIONS).map((segment) => segment.length > 1 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_soroush_tech_design_system_ButtonGroup.ButtonGroup, {
 				borderRadius: "sq",
@@ -562,23 +568,25 @@ function Toolbar() {
 				alignItems: "stretch",
 				children: [
 					renderButton(INLINE_CODE_ACTION),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_soroush_tech_design_system_NativeSelect.NativeSelect, {
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_soroush_tech_design_system_Select.Select, {
+						native: true,
 						size: "sm",
 						variant: "outlined",
 						placeholder: "Code",
 						value: "",
-						options: CODE_LANGUAGES,
 						onChange: (value) => dispatch(codeBlockAction(String(value))),
-						selectProps: { "aria-label": "Code block language" }
+						"aria-label": "Code block language",
+						children: menuItems(CODE_LANGUAGES)
 					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_soroush_tech_design_system_NativeSelect.NativeSelect, {
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_soroush_tech_design_system_Select.Select, {
+						native: true,
 						size: "sm",
 						variant: "outlined",
 						placeholder: "Diagram",
 						value: "",
-						options: DIAGRAM_OPTIONS,
 						onChange: (value) => dispatch(mermaidDiagramAction(DIAGRAM_SNIPPET_BY_VALUE[String(value)])),
-						selectProps: { "aria-label": "Mermaid diagram type" }
+						"aria-label": "Mermaid diagram type",
+						children: menuItems(DIAGRAM_OPTIONS)
 					})
 				]
 			})

package/dist/{Toolbar-C0SNI-JK.mjs → Toolbar-zDEkBuqy.mjs}

@@ -5,7 +5,8 @@ import { Button } from "@soroush.tech/design-system/Button";
 import { ButtonGroup } from "@soroush.tech/design-system/ButtonGroup";
 import { Flex } from "@soroush.tech/design-system/Flex";
 import { Icon } from "@soroush.tech/design-system/Icon";
-import { NativeSelect } from "@soroush.tech/design-system/NativeSelect";
+import { MenuItem } from "@soroush.tech/design-system/MenuItem";
+import { Select } from "@soroush.tech/design-system/Select";
 import { Typography } from "@soroush.tech/design-system/Typography";
 import { styled } from "@soroush.tech/design-system";
 import { themeDefault } from "@soroush.tech/design-system/theme";
@@ -42,7 +43,7 @@ function groupToolbarActions(actions) {
 //#region src/const.ts
 const LIST_MARKER = /^(?:- \[[ xX]\] |- |\d+\. )/;
 /**
-* Every formatting action the toolbar exposes — one per markdown feature the `Markdown`
+* Every formatting action the toolbar exposes - one per markdown feature the `Markdown`
 * renderer supports (GFM + the component map in `Markdown.Preview`). Data-driven so the
 * toolbar and the transform logic stay in sync.
 */
@@ -186,7 +187,7 @@ const CODE_LANGUAGES = [
 		value: "md"
 	}
 ];
-/** Inline `code` — rendered next to the code-block select so both code controls sit together. */
+/** Inline `code` - rendered next to the code-block select so both code controls sit together. */
 const INLINE_CODE_ACTION = {
 	id: "inline-code",
 	label: "Code",
@@ -218,7 +219,7 @@ const headingAction = (level) => ({
 	family: HEADING_MARKER,
 	toggle: false
 });
-/** Every heading level the `Markdown` renderer supports (h1–h6) — offered via the toolbar select. */
+/** Every heading level the `Markdown` renderer supports (h1-h6) - offered via the toolbar select. */
 const HEADING_ACTIONS = [
 	1,
 	2,
@@ -481,6 +482,10 @@ const DIAGRAM_OPTIONS = MERMAID_DIAGRAMS.map((diagram) => ({
 	value: diagram.value
 }));
 const DIAGRAM_SNIPPET_BY_VALUE = Object.fromEntries(MERMAID_DIAGRAMS.map((diagram) => [diagram.value, diagram.snippet]));
+const menuItems = (options) => options.map(({ label, value }) => /* @__PURE__ */ jsx(MenuItem, {
+	value,
+	children: label
+}, value));
 const HEADING_BY_ID = Object.fromEntries(HEADING_ACTIONS.map((action) => [action.id, action]));
 const ToolbarRoot = styled(Flex, {
 	name: "MarkdownToolbar",
@@ -534,14 +539,15 @@ function Toolbar() {
 		role: "toolbar",
 		"aria-label": "Markdown formatting",
 		children: [
-			/* @__PURE__ */ jsx(NativeSelect, {
+			/* @__PURE__ */ jsx(Select, {
+				native: true,
 				size: "sm",
 				variant: "outlined",
 				placeholder: "Heading",
 				value: "",
-				options: HEADING_OPTIONS,
 				onChange: (value) => dispatch(HEADING_BY_ID[String(value)]),
-				selectProps: { "aria-label": "Heading level" }
+				"aria-label": "Heading level",
+				children: menuItems(HEADING_OPTIONS)
 			}),
 			groupToolbarActions(TOOLBAR_ACTIONS).map((segment) => segment.length > 1 ? /* @__PURE__ */ jsx(ButtonGroup, {
 				borderRadius: "sq",
@@ -562,23 +568,25 @@ function Toolbar() {
 				alignItems: "stretch",
 				children: [
 					renderButton(INLINE_CODE_ACTION),
-					/* @__PURE__ */ jsx(NativeSelect, {
+					/* @__PURE__ */ jsx(Select, {
+						native: true,
 						size: "sm",
 						variant: "outlined",
 						placeholder: "Code",
 						value: "",
-						options: CODE_LANGUAGES,
 						onChange: (value) => dispatch(codeBlockAction(String(value))),
-						selectProps: { "aria-label": "Code block language" }
+						"aria-label": "Code block language",
+						children: menuItems(CODE_LANGUAGES)
 					}),
-					/* @__PURE__ */ jsx(NativeSelect, {
+					/* @__PURE__ */ jsx(Select, {
+						native: true,
 						size: "sm",
 						variant: "outlined",
 						placeholder: "Diagram",
 						value: "",
-						options: DIAGRAM_OPTIONS,
 						onChange: (value) => dispatch(mermaidDiagramAction(DIAGRAM_SNIPPET_BY_VALUE[String(value)])),
-						selectProps: { "aria-label": "Mermaid diagram type" }
+						"aria-label": "Mermaid diagram type",
+						children: menuItems(DIAGRAM_OPTIONS)
 					})
 				]
 			})

package/dist/Toolbar.cjs

@@ -1,4 +1,4 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_Toolbar = require("./Toolbar-Ba3l-oBU.cjs");
+const require_Toolbar = require("./Toolbar-BlMahuVU.cjs");
 exports.TablePicker = require_Toolbar.TablePicker;
 exports.Toolbar = require_Toolbar.Toolbar;

package/dist/Toolbar.mjs

@@ -1,2 +1,2 @@
-import { n as TablePicker, t as Toolbar } from "./Toolbar-C0SNI-JK.mjs";
+import { n as TablePicker, t as Toolbar } from "./Toolbar-zDEkBuqy.mjs";
 export { TablePicker, Toolbar };

package/dist/{index-BO0LyUUG.d.cts → index-Bd3yPDn_.d.cts}

@@ -4,22 +4,22 @@ interface DiagramViewerProps {
   svg: string;
   /** Show the expand-to-fullscreen control and dialog. Off for the nested (in-dialog) viewer. */
   expandable?: boolean;
-  /** Fill the parent's height — used by the viewer inside the fullscreen dialog. */
+  /** Fill the parent's height - used by the viewer inside the fullscreen dialog. */
   fill?: boolean;
 }
 //#endregion
 //#region src/Mermaid/Mermaid.d.ts
-/** DiagramViewer props a consumer may set — `svg` and `fill` are managed internally. */
+/** DiagramViewer props a consumer may set - `svg` and `fill` are managed internally. */
 type DiagramProps = Omit<DiagramViewerProps, 'svg' | 'fill'>;
 interface MermaidProps {
-  /** The mermaid diagram source — the body of a ` ```mermaid ` fenced block. */
+  /** The mermaid diagram source - the body of a ` ```mermaid ` fenced block. */
   chart: string;
   /** Props forwarded to the diagram's zoom/pan viewer (e.g. `expandable`). */
   diagram?: DiagramProps;
 }
 /**
- * Renders a mermaid diagram. Until the client renders the SVG — and if the source is
- * invalid — it falls back to the diagram source in a `CodeBlock`, so server output and
+ * Renders a mermaid diagram. Until the client renders the SVG - and if the source is
+ * invalid - it falls back to the diagram source in a `CodeBlock`, so server output and
  * no-JS readers still show something useful and hydration stays stable.
  */
 declare function Mermaid({ chart, diagram }: Readonly<MermaidProps>): import("react").JSX.Element;

package/dist/{index-BO0LyUUG.d.mts → index-Bd3yPDn_.d.mts}

@@ -4,22 +4,22 @@ interface DiagramViewerProps {
   svg: string;
   /** Show the expand-to-fullscreen control and dialog. Off for the nested (in-dialog) viewer. */
   expandable?: boolean;
-  /** Fill the parent's height — used by the viewer inside the fullscreen dialog. */
+  /** Fill the parent's height - used by the viewer inside the fullscreen dialog. */
   fill?: boolean;
 }
 //#endregion
 //#region src/Mermaid/Mermaid.d.ts
-/** DiagramViewer props a consumer may set — `svg` and `fill` are managed internally. */
+/** DiagramViewer props a consumer may set - `svg` and `fill` are managed internally. */
 type DiagramProps = Omit<DiagramViewerProps, 'svg' | 'fill'>;
 interface MermaidProps {
-  /** The mermaid diagram source — the body of a ` ```mermaid ` fenced block. */
+  /** The mermaid diagram source - the body of a ` ```mermaid ` fenced block. */
   chart: string;
   /** Props forwarded to the diagram's zoom/pan viewer (e.g. `expandable`). */
   diagram?: DiagramProps;
 }
 /**
- * Renders a mermaid diagram. Until the client renders the SVG — and if the source is
- * invalid — it falls back to the diagram source in a `CodeBlock`, so server output and
+ * Renders a mermaid diagram. Until the client renders the SVG - and if the source is
+ * invalid - it falls back to the diagram source in a `CodeBlock`, so server output and
  * no-JS readers still show something useful and hydration stays stable.
  */
 declare function Mermaid({ chart, diagram }: Readonly<MermaidProps>): import("react").JSX.Element;

package/dist/{index-CPWcFD6T.d.mts → index-CBKWWR5Q.d.mts}

@@ -1,5 +1,5 @@
-import { a as CodeBlockProps } from "./index-BtMTBOcM.mjs";
-import { r as MermaidProps } from "./index-BO0LyUUG.mjs";
+import { a as CodeBlockProps } from "./index-D1rI6OgO.mjs";
+import { r as MermaidProps } from "./index-Bd3yPDn_.mjs";
 import { TypographyProps } from "@soroush.tech/design-system/Typography";
 import { ViewProps } from "@soroush.tech/design-system/View";
 import { QuoteProps } from "@soroush.tech/design-system/Quote";
@@ -10,7 +10,7 @@ import { TableBodyProps, TableCellProps, TableHeadProps, TableProps, TableRowPro
 //#region src/Preview/Preview.d.ts
 /**
  * Per-element prop overrides, merged over the design-system defaults (the caller's props win).
- * Keyed by markdown element — e.g. `slotProps={{ p: { color: 'primary' }, h1: { variant: 'h2' } }}`.
+ * Keyed by markdown element - e.g. `slotProps={{ p: { color: 'primary' }, h1: { variant: 'h2' } }}`.
  */
 interface PreviewSlotProps {
   h1?: TypographyProps;
@@ -38,7 +38,7 @@ interface PreviewSlotProps {
   thead?: TableHeadProps;
   tbody?: TableBodyProps;
   tr?: TableRowProps;
-  /** Props for a ` ```mermaid ` fence's `Mermaid` renderer — including `diagram` (viewer) props. */
+  /** Props for a ` ```mermaid ` fence's `Mermaid` renderer - including `diagram` (viewer) props. */
   mermaid?: Omit<MermaidProps, 'chart'>;
 }
 interface PreviewProps {

package/dist/{index-rGZIhUgj.d.mts → index-Cre2ivJn.d.cts}

@@ -1,13 +1,13 @@
 import { IconName } from "@soroush.tech/design-system/Icon";
 //#region src/const.d.ts
-/** How a text label is rendered — mirrors the mark it inserts. */
+/** How a text label is rendered - mirrors the mark it inserts. */
 type ToolbarLabelEmphasis = 'bold' | 'italic' | 'strike';
 /** Shared presentation for a toolbar control. */
 interface BaseAction {
   id: string;
   /** Text label shown when no `icon` is set. */
   label: string;
-  /** Accessible name — always the control's aria-label. */
+  /** Accessible name - always the control's aria-label. */
   ariaLabel: string;
   /** Registry icon shown instead of the text label. */
   icon?: IconName;
@@ -16,7 +16,7 @@ interface BaseAction {
   /** Consecutive actions sharing a group id render as one joined button cluster. */
   group?: string;
 }
-/** Wraps the selection (or a placeholder) in a leading/trailing marker — bold, links, code blocks. */
+/** Wraps the selection (or a placeholder) in a leading/trailing marker - bold, links, code blocks. */
 interface WrapAction extends BaseAction {
   kind: 'wrap';
   prefix: string;
@@ -25,14 +25,14 @@ interface WrapAction extends BaseAction {
   /** Block-level fence (e.g. code block): separated by newlines and never toggled off. */
   block?: boolean;
 }
-/** Prepends a marker to every line the selection touches — headings, quotes, lists. */
+/** Prepends a marker to every line the selection touches - headings, quotes, lists. */
 interface LinePrefixAction extends BaseAction {
   kind: 'linePrefix';
   linePrefix: string;
   /**
    * Line-start pattern for a family of mutually-exclusive markers (e.g. all list types). When
    * set, applying the action strips any matching marker first, then toggles its own off or
-   * replaces a sibling's — so the list/ordered/task buttons swap and toggle instead of stacking.
+   * replaces a sibling's - so the list/ordered/task buttons swap and toggle instead of stacking.
    */
   family?: RegExp;
   /**
@@ -42,7 +42,7 @@ interface LinePrefixAction extends BaseAction {
    */
   toggle?: boolean;
 }
-/** Inserts a standalone snippet at the caret, ignoring the selection — tables, rules. */
+/** Inserts a standalone snippet at the caret, ignoring the selection - tables, rules. */
 interface InsertAction extends BaseAction {
   kind: 'insert';
   snippet: string;
@@ -62,11 +62,11 @@ interface MarkdownContextValue {
   onChange: (value: string) => void;
   /** Applies a toolbar action at the last remembered selection and queues the caret to restore. */
   dispatch: (action: ToolbarAction) => void;
-  /** Records the current textarea selection — the Editor calls this on select/blur. */
+  /** Records the current textarea selection - the Editor calls this on select/blur. */
   rememberSelection: (selection: MarkdownSelection) => void;
   /** Queues a selection to restore after the next value change (e.g. after Tab). */
   queueSelection: (selection: MarkdownSelection) => void;
-  /** Returns and clears the queued selection — the Editor's effect calls this to restore focus. */
+  /** Returns and clears the queued selection - the Editor's effect calls this to restore focus. */
   takeQueuedSelection: () => MarkdownSelection | null;
 }
 declare const MarkdownContext: import("react").Context<MarkdownContextValue | null>;

package/dist/{index-rGZIhUgj.d.cts → index-Cre2ivJn.d.mts}

@@ -1,13 +1,13 @@
 import { IconName } from "@soroush.tech/design-system/Icon";
 //#region src/const.d.ts
-/** How a text label is rendered — mirrors the mark it inserts. */
+/** How a text label is rendered - mirrors the mark it inserts. */
 type ToolbarLabelEmphasis = 'bold' | 'italic' | 'strike';
 /** Shared presentation for a toolbar control. */
 interface BaseAction {
   id: string;
   /** Text label shown when no `icon` is set. */
   label: string;
-  /** Accessible name — always the control's aria-label. */
+  /** Accessible name - always the control's aria-label. */
   ariaLabel: string;
   /** Registry icon shown instead of the text label. */
   icon?: IconName;
@@ -16,7 +16,7 @@ interface BaseAction {
   /** Consecutive actions sharing a group id render as one joined button cluster. */
   group?: string;
 }
-/** Wraps the selection (or a placeholder) in a leading/trailing marker — bold, links, code blocks. */
+/** Wraps the selection (or a placeholder) in a leading/trailing marker - bold, links, code blocks. */
 interface WrapAction extends BaseAction {
   kind: 'wrap';
   prefix: string;
@@ -25,14 +25,14 @@ interface WrapAction extends BaseAction {
   /** Block-level fence (e.g. code block): separated by newlines and never toggled off. */
   block?: boolean;
 }
-/** Prepends a marker to every line the selection touches — headings, quotes, lists. */
+/** Prepends a marker to every line the selection touches - headings, quotes, lists. */
 interface LinePrefixAction extends BaseAction {
   kind: 'linePrefix';
   linePrefix: string;
   /**
    * Line-start pattern for a family of mutually-exclusive markers (e.g. all list types). When
    * set, applying the action strips any matching marker first, then toggles its own off or
-   * replaces a sibling's — so the list/ordered/task buttons swap and toggle instead of stacking.
+   * replaces a sibling's - so the list/ordered/task buttons swap and toggle instead of stacking.
    */
   family?: RegExp;
   /**
@@ -42,7 +42,7 @@ interface LinePrefixAction extends BaseAction {
    */
   toggle?: boolean;
 }
-/** Inserts a standalone snippet at the caret, ignoring the selection — tables, rules. */
+/** Inserts a standalone snippet at the caret, ignoring the selection - tables, rules. */
 interface InsertAction extends BaseAction {
   kind: 'insert';
   snippet: string;
@@ -62,11 +62,11 @@ interface MarkdownContextValue {
   onChange: (value: string) => void;
   /** Applies a toolbar action at the last remembered selection and queues the caret to restore. */
   dispatch: (action: ToolbarAction) => void;
-  /** Records the current textarea selection — the Editor calls this on select/blur. */
+  /** Records the current textarea selection - the Editor calls this on select/blur. */
   rememberSelection: (selection: MarkdownSelection) => void;
   /** Queues a selection to restore after the next value change (e.g. after Tab). */
   queueSelection: (selection: MarkdownSelection) => void;
-  /** Returns and clears the queued selection — the Editor's effect calls this to restore focus. */
+  /** Returns and clears the queued selection - the Editor's effect calls this to restore focus. */
   takeQueuedSelection: () => MarkdownSelection | null;
 }
 declare const MarkdownContext: import("react").Context<MarkdownContextValue | null>;

package/dist/{index-BtMTBOcM.d.cts → index-D1rI6OgO.d.cts}

@@ -12,14 +12,14 @@ declare function CodeBlock({ children, ...rest }: Readonly<CodeBlockProps>): imp
 //#endregion
 //#region src/CodeBlock/CodeBlock.data.d.ts
 /**
- * Syntax-highlighting tokens for `CodeBlock` — mapped onto highlight.js token classes.
+ * Syntax-highlighting tokens for `CodeBlock` - mapped onto highlight.js token classes.
  * Not part of design-system's own scales; `../index.ts` augments
  * `@soroush.tech/design-system/theme` so `theme.syntax` is available wherever this
  * package is imported. Merge one of the presets below into your theme via
  * `createTheme(baseTheme, { syntax: syntaxDark })`, or supply your own.
  */
 interface ThemeSyntax {
-  /** Default code text — plain identifiers, operators, punctuation. */
+  /** Default code text - plain identifiers, operators, punctuation. */
   base: string;
   /** Keywords, built-ins, types, literals, selector tags. */
   keyword: string;
@@ -33,11 +33,11 @@ interface ThemeSyntax {
   constant: string;
   /** Type and class names. */
   type: string;
-  /** Comments and quotes — rendered dimmed and italic. */
+  /** Comments and quotes - rendered dimmed and italic. */
   comment: string;
   /** Markup tags/names, meta, variables, deletions. */
   tag: string;
-  /** Font family for the code surface — independent of `theme.fonts.mono`. */
+  /** Font family for the code surface - independent of `theme.fonts.mono`. */
   font: string;
 }
 /** Matched to the JetBrains "Islands Dark" editor scheme. */

package/dist/{index-BtMTBOcM.d.mts → index-D1rI6OgO.d.mts}

@@ -12,14 +12,14 @@ declare function CodeBlock({ children, ...rest }: Readonly<CodeBlockProps>): imp
 //#endregion
 //#region src/CodeBlock/CodeBlock.data.d.ts
 /**
- * Syntax-highlighting tokens for `CodeBlock` — mapped onto highlight.js token classes.
+ * Syntax-highlighting tokens for `CodeBlock` - mapped onto highlight.js token classes.
  * Not part of design-system's own scales; `../index.ts` augments
  * `@soroush.tech/design-system/theme` so `theme.syntax` is available wherever this
  * package is imported. Merge one of the presets below into your theme via
  * `createTheme(baseTheme, { syntax: syntaxDark })`, or supply your own.
  */
 interface ThemeSyntax {
-  /** Default code text — plain identifiers, operators, punctuation. */
+  /** Default code text - plain identifiers, operators, punctuation. */
   base: string;
   /** Keywords, built-ins, types, literals, selector tags. */
   keyword: string;
@@ -33,11 +33,11 @@ interface ThemeSyntax {
   constant: string;
   /** Type and class names. */
   type: string;
-  /** Comments and quotes — rendered dimmed and italic. */
+  /** Comments and quotes - rendered dimmed and italic. */
   comment: string;
   /** Markup tags/names, meta, variables, deletions. */
   tag: string;
-  /** Font family for the code surface — independent of `theme.fonts.mono`. */
+  /** Font family for the code surface - independent of `theme.fonts.mono`. */
   font: string;
 }
 /** Matched to the JetBrains "Islands Dark" editor scheme. */

package/dist/{index-CxdJ1SgP.d.cts → index-TT9-Qjsh.d.cts}

@@ -1,5 +1,5 @@
-import { a as CodeBlockProps } from "./index-BtMTBOcM.cjs";
-import { r as MermaidProps } from "./index-BO0LyUUG.cjs";
+import { a as CodeBlockProps } from "./index-D1rI6OgO.cjs";
+import { r as MermaidProps } from "./index-Bd3yPDn_.cjs";
 import { ViewProps } from "@soroush.tech/design-system/View";
 import { QuoteProps } from "@soroush.tech/design-system/Quote";
 import { CheckboxProps } from "@soroush.tech/design-system/Checkbox";
@@ -10,7 +10,7 @@ import { TypographyProps } from "@soroush.tech/design-system/Typography";
 //#region src/Preview/Preview.d.ts
 /**
  * Per-element prop overrides, merged over the design-system defaults (the caller's props win).
- * Keyed by markdown element — e.g. `slotProps={{ p: { color: 'primary' }, h1: { variant: 'h2' } }}`.
+ * Keyed by markdown element - e.g. `slotProps={{ p: { color: 'primary' }, h1: { variant: 'h2' } }}`.
  */
 interface PreviewSlotProps {
   h1?: TypographyProps;
@@ -38,7 +38,7 @@ interface PreviewSlotProps {
   thead?: TableHeadProps;
   tbody?: TableBodyProps;
   tr?: TableRowProps;
-  /** Props for a ` ```mermaid ` fence's `Mermaid` renderer — including `diagram` (viewer) props. */
+  /** Props for a ` ```mermaid ` fence's `Mermaid` renderer - including `diagram` (viewer) props. */
   mermaid?: Omit<MermaidProps, 'chart'>;
 }
 interface PreviewProps {

package/dist/index.cjs

@@ -1,12 +1,12 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_Preview = require("./Preview-YtIipm0z.cjs");
+const require_Preview = require("./Preview-CnMWUtU2.cjs");
 const require_MarkdownContext = require("./MarkdownContext.cjs");
 const require_Control = require("./Control.cjs");
-const require_Toolbar = require("./Toolbar-Ba3l-oBU.cjs");
+const require_Toolbar = require("./Toolbar-BlMahuVU.cjs");
 const require_Editor = require("./Editor.cjs");
 const require_CodeBlock = require("./CodeBlock-Cymx1ZAY.cjs");
-const require_Mermaid = require("./Mermaid-DqP2Q0bt.cjs");
-const require_LiveEdit = require("./LiveEdit-DmM35H99.cjs");
+const require_Mermaid = require("./Mermaid-CkUan4z-.cjs");
+const require_LiveEdit = require("./LiveEdit-CbRkmd43.cjs");
 exports.CodeBlock = require_CodeBlock.CodeBlock;
 exports.Control = require_Control.Control;
 exports.Editor = require_Editor.Editor;

package/dist/index.d.cts

@@ -1,16 +1,16 @@
-import { a as CodeBlockProps, i as CodeBlock, n as syntaxDark, r as syntaxLight, t as ThemeSyntax } from "./index-BtMTBOcM.cjs";
+import { a as CodeBlockProps, i as CodeBlock, n as syntaxDark, r as syntaxLight, t as ThemeSyntax } from "./index-D1rI6OgO.cjs";
 import { Control, ControlProps } from "./Control.cjs";
 import { Editor, EditorProps } from "./Editor.cjs";
-import { n as Mermaid, r as MermaidProps, t as DiagramProps } from "./index-BO0LyUUG.cjs";
-import { n as PreviewProps, r as PreviewSlotProps, t as Preview } from "./index-CxdJ1SgP.cjs";
+import { n as Mermaid, r as MermaidProps, t as DiagramProps } from "./index-Bd3yPDn_.cjs";
+import { n as PreviewProps, r as PreviewSlotProps, t as Preview } from "./index-TT9-Qjsh.cjs";
 import { LiveEdit, LiveEditProps } from "./LiveEdit.cjs";
-import { i as useMarkdownContext, n as MarkdownContextValue, r as MarkdownSelection, t as MarkdownContext } from "./index-rGZIhUgj.cjs";
+import { i as useMarkdownContext, n as MarkdownContextValue, r as MarkdownSelection, t as MarkdownContext } from "./index-Cre2ivJn.cjs";
 import { TablePicker, TablePickerProps, Toolbar } from "./Toolbar.cjs";
 //#region src/index.d.ts
 /**
  * Per-theme overrides for the `Mermaid` renderer, merged over (and winning against) its default
  * mermaid `themeVariables`. Common variables are listed for autocomplete; any other mermaid theme
- * variable is accepted. Set via `theme.mermaid` (e.g. `createTheme(baseTheme, { mermaid: … })`).
+ * variable is accepted. Set via `theme.mermaid` (e.g. `createTheme(baseTheme, { mermaid: ... })`).
  */
 interface MermaidThemeVariables {
   darkMode?: boolean;
@@ -41,7 +41,7 @@ declare module '@soroush.tech/design-system/theme' {
     /** Per-theme overrides for the `Mermaid` renderer's mermaid `themeVariables`. */
     mermaid?: MermaidThemeVariables;
     /**
-     * Syntax-highlighting tokens for `CodeBlock` — see `syntaxDark`/`syntaxLight`. Optional
+     * Syntax-highlighting tokens for `CodeBlock` - see `syntaxDark`/`syntaxLight`. Optional
      * only so `design-system`'s own `baseTheme` literal still satisfies `Theme` in this
      * monorepo's source-consuming builds; `CodeBlock` requires it in practice (no fallback).
      */

package/dist/index.d.mts

@@ -1,16 +1,16 @@
-import { a as CodeBlockProps, i as CodeBlock, n as syntaxDark, r as syntaxLight, t as ThemeSyntax } from "./index-BtMTBOcM.mjs";
+import { a as CodeBlockProps, i as CodeBlock, n as syntaxDark, r as syntaxLight, t as ThemeSyntax } from "./index-D1rI6OgO.mjs";
 import { Control, ControlProps } from "./Control.mjs";
 import { Editor, EditorProps } from "./Editor.mjs";
-import { n as Mermaid, r as MermaidProps, t as DiagramProps } from "./index-BO0LyUUG.mjs";
-import { n as PreviewProps, r as PreviewSlotProps, t as Preview } from "./index-CPWcFD6T.mjs";
+import { n as Mermaid, r as MermaidProps, t as DiagramProps } from "./index-Bd3yPDn_.mjs";
+import { n as PreviewProps, r as PreviewSlotProps, t as Preview } from "./index-CBKWWR5Q.mjs";
 import { LiveEdit, LiveEditProps } from "./LiveEdit.mjs";
-import { i as useMarkdownContext, n as MarkdownContextValue, r as MarkdownSelection, t as MarkdownContext } from "./index-rGZIhUgj.mjs";
+import { i as useMarkdownContext, n as MarkdownContextValue, r as MarkdownSelection, t as MarkdownContext } from "./index-Cre2ivJn.mjs";
 import { TablePicker, TablePickerProps, Toolbar } from "./Toolbar.mjs";
 //#region src/index.d.ts
 /**
  * Per-theme overrides for the `Mermaid` renderer, merged over (and winning against) its default
  * mermaid `themeVariables`. Common variables are listed for autocomplete; any other mermaid theme
- * variable is accepted. Set via `theme.mermaid` (e.g. `createTheme(baseTheme, { mermaid: … })`).
+ * variable is accepted. Set via `theme.mermaid` (e.g. `createTheme(baseTheme, { mermaid: ... })`).
  */
 interface MermaidThemeVariables {
   darkMode?: boolean;
@@ -41,7 +41,7 @@ declare module '@soroush.tech/design-system/theme' {
     /** Per-theme overrides for the `Mermaid` renderer's mermaid `themeVariables`. */
     mermaid?: MermaidThemeVariables;
     /**
-     * Syntax-highlighting tokens for `CodeBlock` — see `syntaxDark`/`syntaxLight`. Optional
+     * Syntax-highlighting tokens for `CodeBlock` - see `syntaxDark`/`syntaxLight`. Optional
      * only so `design-system`'s own `baseTheme` literal still satisfies `Theme` in this
      * monorepo's source-consuming builds; `CodeBlock` requires it in practice (no fallback).
      */

package/dist/index.mjs

@@ -1,9 +1,9 @@
 import { MarkdownContext, useMarkdownContext } from "./MarkdownContext.mjs";
 import { Control } from "./Control.mjs";
-import { n as TablePicker, t as Toolbar } from "./Toolbar-C0SNI-JK.mjs";
+import { n as TablePicker, t as Toolbar } from "./Toolbar-zDEkBuqy.mjs";
 import { Editor } from "./Editor.mjs";
 import { n as syntaxLight, r as CodeBlock, t as syntaxDark } from "./CodeBlock-CVlrvVPP.mjs";
-import { t as Mermaid } from "./Mermaid-BclI9A7e.mjs";
-import { t as Preview } from "./Preview-nvh2sGBQ.mjs";
-import { t as LiveEdit } from "./LiveEdit-KDKu7Yvn.mjs";
+import { t as Mermaid } from "./Mermaid-B7vDwGQG.mjs";
+import { t as Preview } from "./Preview-BFyaPHjw.mjs";
+import { t as LiveEdit } from "./LiveEdit-CaMZLJCs.mjs";
 export { CodeBlock, Control, Editor, LiveEdit, MarkdownContext, Mermaid, Preview, TablePicker, Toolbar, syntaxDark, syntaxLight, useMarkdownContext };