@solostylist/ui-kit 2.0.1 → 2.0.2

package/dist/s-code-block-DyDtctGG.js

@@ -0,0 +1,658 @@
+import { toSxArray as e } from "./utils/sx.js";
+import { t } from "./appendOwnerState-CFQTq3pb.js";
+import { n, t as r } from "./ContentCopy-Hlh3azVb.js";
+import { SIconButton as i } from "./s-icon-button/s-icon-button.js";
+import * as a from "react";
+import { useMemo as o, useState as s } from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { Box as u, styled as d, useColorScheme as f, useThemeProps as p } from "@mui/material";
+import { Prism as m } from "react-syntax-highlighter";
+//#region ../../node_modules/react-syntax-highlighter/dist/esm/styles/prism/one-dark.js
+var h = {
+	"code[class*=\"language-\"]": {
+		background: "hsl(220, 13%, 18%)",
+		color: "hsl(220, 14%, 71%)",
+		textShadow: "0 1px rgba(0, 0, 0, 0.3)",
+		fontFamily: "\"Fira Code\", \"Fira Mono\", Menlo, Consolas, \"DejaVu Sans Mono\", monospace",
+		direction: "ltr",
+		textAlign: "left",
+		whiteSpace: "pre",
+		wordSpacing: "normal",
+		wordBreak: "normal",
+		lineHeight: "1.5",
+		MozTabSize: "2",
+		OTabSize: "2",
+		tabSize: "2",
+		WebkitHyphens: "none",
+		MozHyphens: "none",
+		msHyphens: "none",
+		hyphens: "none"
+	},
+	"pre[class*=\"language-\"]": {
+		background: "hsl(220, 13%, 18%)",
+		color: "hsl(220, 14%, 71%)",
+		textShadow: "0 1px rgba(0, 0, 0, 0.3)",
+		fontFamily: "\"Fira Code\", \"Fira Mono\", Menlo, Consolas, \"DejaVu Sans Mono\", monospace",
+		direction: "ltr",
+		textAlign: "left",
+		whiteSpace: "pre",
+		wordSpacing: "normal",
+		wordBreak: "normal",
+		lineHeight: "1.5",
+		MozTabSize: "2",
+		OTabSize: "2",
+		tabSize: "2",
+		WebkitHyphens: "none",
+		MozHyphens: "none",
+		msHyphens: "none",
+		hyphens: "none",
+		padding: "1em",
+		margin: "0.5em 0",
+		overflow: "auto",
+		borderRadius: "0.3em"
+	},
+	"code[class*=\"language-\"]::-moz-selection": {
+		background: "hsl(220, 13%, 28%)",
+		color: "inherit",
+		textShadow: "none"
+	},
+	"code[class*=\"language-\"] *::-moz-selection": {
+		background: "hsl(220, 13%, 28%)",
+		color: "inherit",
+		textShadow: "none"
+	},
+	"pre[class*=\"language-\"] *::-moz-selection": {
+		background: "hsl(220, 13%, 28%)",
+		color: "inherit",
+		textShadow: "none"
+	},
+	"code[class*=\"language-\"]::selection": {
+		background: "hsl(220, 13%, 28%)",
+		color: "inherit",
+		textShadow: "none"
+	},
+	"code[class*=\"language-\"] *::selection": {
+		background: "hsl(220, 13%, 28%)",
+		color: "inherit",
+		textShadow: "none"
+	},
+	"pre[class*=\"language-\"] *::selection": {
+		background: "hsl(220, 13%, 28%)",
+		color: "inherit",
+		textShadow: "none"
+	},
+	":not(pre) > code[class*=\"language-\"]": {
+		padding: "0.2em 0.3em",
+		borderRadius: "0.3em",
+		whiteSpace: "normal"
+	},
+	comment: {
+		color: "hsl(220, 10%, 40%)",
+		fontStyle: "italic"
+	},
+	prolog: { color: "hsl(220, 10%, 40%)" },
+	cdata: { color: "hsl(220, 10%, 40%)" },
+	doctype: { color: "hsl(220, 14%, 71%)" },
+	punctuation: { color: "hsl(220, 14%, 71%)" },
+	entity: {
+		color: "hsl(220, 14%, 71%)",
+		cursor: "help"
+	},
+	"attr-name": { color: "hsl(29, 54%, 61%)" },
+	"class-name": { color: "hsl(29, 54%, 61%)" },
+	boolean: { color: "hsl(29, 54%, 61%)" },
+	constant: { color: "hsl(29, 54%, 61%)" },
+	number: { color: "hsl(29, 54%, 61%)" },
+	atrule: { color: "hsl(29, 54%, 61%)" },
+	keyword: { color: "hsl(286, 60%, 67%)" },
+	property: { color: "hsl(355, 65%, 65%)" },
+	tag: { color: "hsl(355, 65%, 65%)" },
+	symbol: { color: "hsl(355, 65%, 65%)" },
+	deleted: { color: "hsl(355, 65%, 65%)" },
+	important: { color: "hsl(355, 65%, 65%)" },
+	selector: { color: "hsl(95, 38%, 62%)" },
+	string: { color: "hsl(95, 38%, 62%)" },
+	char: { color: "hsl(95, 38%, 62%)" },
+	builtin: { color: "hsl(95, 38%, 62%)" },
+	inserted: { color: "hsl(95, 38%, 62%)" },
+	regex: { color: "hsl(95, 38%, 62%)" },
+	"attr-value": { color: "hsl(95, 38%, 62%)" },
+	"attr-value > .token.punctuation": { color: "hsl(95, 38%, 62%)" },
+	variable: { color: "hsl(207, 82%, 66%)" },
+	operator: { color: "hsl(207, 82%, 66%)" },
+	function: { color: "hsl(207, 82%, 66%)" },
+	url: { color: "hsl(187, 47%, 55%)" },
+	"attr-value > .token.punctuation.attr-equals": { color: "hsl(220, 14%, 71%)" },
+	"special-attr > .token.attr-value > .token.value.css": { color: "hsl(220, 14%, 71%)" },
+	".language-css .token.selector": { color: "hsl(355, 65%, 65%)" },
+	".language-css .token.property": { color: "hsl(220, 14%, 71%)" },
+	".language-css .token.function": { color: "hsl(187, 47%, 55%)" },
+	".language-css .token.url > .token.function": { color: "hsl(187, 47%, 55%)" },
+	".language-css .token.url > .token.string.url": { color: "hsl(95, 38%, 62%)" },
+	".language-css .token.important": { color: "hsl(286, 60%, 67%)" },
+	".language-css .token.atrule .token.rule": { color: "hsl(286, 60%, 67%)" },
+	".language-javascript .token.operator": { color: "hsl(286, 60%, 67%)" },
+	".language-javascript .token.template-string > .token.interpolation > .token.interpolation-punctuation.punctuation": { color: "hsl(5, 48%, 51%)" },
+	".language-json .token.operator": { color: "hsl(220, 14%, 71%)" },
+	".language-json .token.null.keyword": { color: "hsl(29, 54%, 61%)" },
+	".language-markdown .token.url": { color: "hsl(220, 14%, 71%)" },
+	".language-markdown .token.url > .token.operator": { color: "hsl(220, 14%, 71%)" },
+	".language-markdown .token.url-reference.url > .token.string": { color: "hsl(220, 14%, 71%)" },
+	".language-markdown .token.url > .token.content": { color: "hsl(207, 82%, 66%)" },
+	".language-markdown .token.url > .token.url": { color: "hsl(187, 47%, 55%)" },
+	".language-markdown .token.url-reference.url": { color: "hsl(187, 47%, 55%)" },
+	".language-markdown .token.blockquote.punctuation": {
+		color: "hsl(220, 10%, 40%)",
+		fontStyle: "italic"
+	},
+	".language-markdown .token.hr.punctuation": {
+		color: "hsl(220, 10%, 40%)",
+		fontStyle: "italic"
+	},
+	".language-markdown .token.code-snippet": { color: "hsl(95, 38%, 62%)" },
+	".language-markdown .token.bold .token.content": { color: "hsl(29, 54%, 61%)" },
+	".language-markdown .token.italic .token.content": { color: "hsl(286, 60%, 67%)" },
+	".language-markdown .token.strike .token.content": { color: "hsl(355, 65%, 65%)" },
+	".language-markdown .token.strike .token.punctuation": { color: "hsl(355, 65%, 65%)" },
+	".language-markdown .token.list.punctuation": { color: "hsl(355, 65%, 65%)" },
+	".language-markdown .token.title.important > .token.punctuation": { color: "hsl(355, 65%, 65%)" },
+	bold: { fontWeight: "bold" },
+	italic: { fontStyle: "italic" },
+	namespace: { Opacity: "0.8" },
+	"token.tab:not(:empty):before": {
+		color: "hsla(220, 14%, 71%, 0.15)",
+		textShadow: "none"
+	},
+	"token.cr:before": {
+		color: "hsla(220, 14%, 71%, 0.15)",
+		textShadow: "none"
+	},
+	"token.lf:before": {
+		color: "hsla(220, 14%, 71%, 0.15)",
+		textShadow: "none"
+	},
+	"token.space:before": {
+		color: "hsla(220, 14%, 71%, 0.15)",
+		textShadow: "none"
+	},
+	"div.code-toolbar > .toolbar.toolbar > .toolbar-item": { marginRight: "0.4em" },
+	"div.code-toolbar > .toolbar.toolbar > .toolbar-item > button": {
+		background: "hsl(220, 13%, 26%)",
+		color: "hsl(220, 9%, 55%)",
+		padding: "0.1em 0.4em",
+		borderRadius: "0.3em"
+	},
+	"div.code-toolbar > .toolbar.toolbar > .toolbar-item > a": {
+		background: "hsl(220, 13%, 26%)",
+		color: "hsl(220, 9%, 55%)",
+		padding: "0.1em 0.4em",
+		borderRadius: "0.3em"
+	},
+	"div.code-toolbar > .toolbar.toolbar > .toolbar-item > span": {
+		background: "hsl(220, 13%, 26%)",
+		color: "hsl(220, 9%, 55%)",
+		padding: "0.1em 0.4em",
+		borderRadius: "0.3em"
+	},
+	"div.code-toolbar > .toolbar.toolbar > .toolbar-item > button:hover": {
+		background: "hsl(220, 13%, 28%)",
+		color: "hsl(220, 14%, 71%)"
+	},
+	"div.code-toolbar > .toolbar.toolbar > .toolbar-item > button:focus": {
+		background: "hsl(220, 13%, 28%)",
+		color: "hsl(220, 14%, 71%)"
+	},
+	"div.code-toolbar > .toolbar.toolbar > .toolbar-item > a:hover": {
+		background: "hsl(220, 13%, 28%)",
+		color: "hsl(220, 14%, 71%)"
+	},
+	"div.code-toolbar > .toolbar.toolbar > .toolbar-item > a:focus": {
+		background: "hsl(220, 13%, 28%)",
+		color: "hsl(220, 14%, 71%)"
+	},
+	"div.code-toolbar > .toolbar.toolbar > .toolbar-item > span:hover": {
+		background: "hsl(220, 13%, 28%)",
+		color: "hsl(220, 14%, 71%)"
+	},
+	"div.code-toolbar > .toolbar.toolbar > .toolbar-item > span:focus": {
+		background: "hsl(220, 13%, 28%)",
+		color: "hsl(220, 14%, 71%)"
+	},
+	".line-highlight.line-highlight": { background: "hsla(220, 100%, 80%, 0.04)" },
+	".line-highlight.line-highlight:before": {
+		background: "hsl(220, 13%, 26%)",
+		color: "hsl(220, 14%, 71%)",
+		padding: "0.1em 0.6em",
+		borderRadius: "0.3em",
+		boxShadow: "0 2px 0 0 rgba(0, 0, 0, 0.2)"
+	},
+	".line-highlight.line-highlight[data-end]:after": {
+		background: "hsl(220, 13%, 26%)",
+		color: "hsl(220, 14%, 71%)",
+		padding: "0.1em 0.6em",
+		borderRadius: "0.3em",
+		boxShadow: "0 2px 0 0 rgba(0, 0, 0, 0.2)"
+	},
+	"pre[id].linkable-line-numbers.linkable-line-numbers span.line-numbers-rows > span:hover:before": { backgroundColor: "hsla(220, 100%, 80%, 0.04)" },
+	".line-numbers.line-numbers .line-numbers-rows": { borderRightColor: "hsla(220, 14%, 71%, 0.15)" },
+	".command-line .command-line-prompt": { borderRightColor: "hsla(220, 14%, 71%, 0.15)" },
+	".line-numbers .line-numbers-rows > span:before": { color: "hsl(220, 14%, 45%)" },
+	".command-line .command-line-prompt > span:before": { color: "hsl(220, 14%, 45%)" },
+	".rainbow-braces .token.token.punctuation.brace-level-1": { color: "hsl(355, 65%, 65%)" },
+	".rainbow-braces .token.token.punctuation.brace-level-5": { color: "hsl(355, 65%, 65%)" },
+	".rainbow-braces .token.token.punctuation.brace-level-9": { color: "hsl(355, 65%, 65%)" },
+	".rainbow-braces .token.token.punctuation.brace-level-2": { color: "hsl(95, 38%, 62%)" },
+	".rainbow-braces .token.token.punctuation.brace-level-6": { color: "hsl(95, 38%, 62%)" },
+	".rainbow-braces .token.token.punctuation.brace-level-10": { color: "hsl(95, 38%, 62%)" },
+	".rainbow-braces .token.token.punctuation.brace-level-3": { color: "hsl(207, 82%, 66%)" },
+	".rainbow-braces .token.token.punctuation.brace-level-7": { color: "hsl(207, 82%, 66%)" },
+	".rainbow-braces .token.token.punctuation.brace-level-11": { color: "hsl(207, 82%, 66%)" },
+	".rainbow-braces .token.token.punctuation.brace-level-4": { color: "hsl(286, 60%, 67%)" },
+	".rainbow-braces .token.token.punctuation.brace-level-8": { color: "hsl(286, 60%, 67%)" },
+	".rainbow-braces .token.token.punctuation.brace-level-12": { color: "hsl(286, 60%, 67%)" },
+	"pre.diff-highlight > code .token.token.deleted:not(.prefix)": { backgroundColor: "hsla(353, 100%, 66%, 0.15)" },
+	"pre > code.diff-highlight .token.token.deleted:not(.prefix)": { backgroundColor: "hsla(353, 100%, 66%, 0.15)" },
+	"pre.diff-highlight > code .token.token.deleted:not(.prefix)::-moz-selection": { backgroundColor: "hsla(353, 95%, 66%, 0.25)" },
+	"pre.diff-highlight > code .token.token.deleted:not(.prefix) *::-moz-selection": { backgroundColor: "hsla(353, 95%, 66%, 0.25)" },
+	"pre > code.diff-highlight .token.token.deleted:not(.prefix)::-moz-selection": { backgroundColor: "hsla(353, 95%, 66%, 0.25)" },
+	"pre > code.diff-highlight .token.token.deleted:not(.prefix) *::-moz-selection": { backgroundColor: "hsla(353, 95%, 66%, 0.25)" },
+	"pre.diff-highlight > code .token.token.deleted:not(.prefix)::selection": { backgroundColor: "hsla(353, 95%, 66%, 0.25)" },
+	"pre.diff-highlight > code .token.token.deleted:not(.prefix) *::selection": { backgroundColor: "hsla(353, 95%, 66%, 0.25)" },
+	"pre > code.diff-highlight .token.token.deleted:not(.prefix)::selection": { backgroundColor: "hsla(353, 95%, 66%, 0.25)" },
+	"pre > code.diff-highlight .token.token.deleted:not(.prefix) *::selection": { backgroundColor: "hsla(353, 95%, 66%, 0.25)" },
+	"pre.diff-highlight > code .token.token.inserted:not(.prefix)": { backgroundColor: "hsla(137, 100%, 55%, 0.15)" },
+	"pre > code.diff-highlight .token.token.inserted:not(.prefix)": { backgroundColor: "hsla(137, 100%, 55%, 0.15)" },
+	"pre.diff-highlight > code .token.token.inserted:not(.prefix)::-moz-selection": { backgroundColor: "hsla(135, 73%, 55%, 0.25)" },
+	"pre.diff-highlight > code .token.token.inserted:not(.prefix) *::-moz-selection": { backgroundColor: "hsla(135, 73%, 55%, 0.25)" },
+	"pre > code.diff-highlight .token.token.inserted:not(.prefix)::-moz-selection": { backgroundColor: "hsla(135, 73%, 55%, 0.25)" },
+	"pre > code.diff-highlight .token.token.inserted:not(.prefix) *::-moz-selection": { backgroundColor: "hsla(135, 73%, 55%, 0.25)" },
+	"pre.diff-highlight > code .token.token.inserted:not(.prefix)::selection": { backgroundColor: "hsla(135, 73%, 55%, 0.25)" },
+	"pre.diff-highlight > code .token.token.inserted:not(.prefix) *::selection": { backgroundColor: "hsla(135, 73%, 55%, 0.25)" },
+	"pre > code.diff-highlight .token.token.inserted:not(.prefix)::selection": { backgroundColor: "hsla(135, 73%, 55%, 0.25)" },
+	"pre > code.diff-highlight .token.token.inserted:not(.prefix) *::selection": { backgroundColor: "hsla(135, 73%, 55%, 0.25)" },
+	".prism-previewer.prism-previewer:before": { borderColor: "hsl(224, 13%, 17%)" },
+	".prism-previewer-gradient.prism-previewer-gradient div": {
+		borderColor: "hsl(224, 13%, 17%)",
+		borderRadius: "0.3em"
+	},
+	".prism-previewer-color.prism-previewer-color:before": { borderRadius: "0.3em" },
+	".prism-previewer-easing.prism-previewer-easing:before": { borderRadius: "0.3em" },
+	".prism-previewer.prism-previewer:after": { borderTopColor: "hsl(224, 13%, 17%)" },
+	".prism-previewer-flipped.prism-previewer-flipped.after": { borderBottomColor: "hsl(224, 13%, 17%)" },
+	".prism-previewer-angle.prism-previewer-angle:before": { background: "hsl(219, 13%, 22%)" },
+	".prism-previewer-time.prism-previewer-time:before": { background: "hsl(219, 13%, 22%)" },
+	".prism-previewer-easing.prism-previewer-easing": { background: "hsl(219, 13%, 22%)" },
+	".prism-previewer-angle.prism-previewer-angle circle": {
+		stroke: "hsl(220, 14%, 71%)",
+		strokeOpacity: "1"
+	},
+	".prism-previewer-time.prism-previewer-time circle": {
+		stroke: "hsl(220, 14%, 71%)",
+		strokeOpacity: "1"
+	},
+	".prism-previewer-easing.prism-previewer-easing circle": {
+		stroke: "hsl(220, 14%, 71%)",
+		fill: "transparent"
+	},
+	".prism-previewer-easing.prism-previewer-easing path": { stroke: "hsl(220, 14%, 71%)" },
+	".prism-previewer-easing.prism-previewer-easing line": { stroke: "hsl(220, 14%, 71%)" }
+}, g = {
+	"code[class*=\"language-\"]": {
+		background: "hsl(230, 1%, 98%)",
+		color: "hsl(230, 8%, 24%)",
+		fontFamily: "\"Fira Code\", \"Fira Mono\", Menlo, Consolas, \"DejaVu Sans Mono\", monospace",
+		direction: "ltr",
+		textAlign: "left",
+		whiteSpace: "pre",
+		wordSpacing: "normal",
+		wordBreak: "normal",
+		lineHeight: "1.5",
+		MozTabSize: "2",
+		OTabSize: "2",
+		tabSize: "2",
+		WebkitHyphens: "none",
+		MozHyphens: "none",
+		msHyphens: "none",
+		hyphens: "none"
+	},
+	"pre[class*=\"language-\"]": {
+		background: "hsl(230, 1%, 98%)",
+		color: "hsl(230, 8%, 24%)",
+		fontFamily: "\"Fira Code\", \"Fira Mono\", Menlo, Consolas, \"DejaVu Sans Mono\", monospace",
+		direction: "ltr",
+		textAlign: "left",
+		whiteSpace: "pre",
+		wordSpacing: "normal",
+		wordBreak: "normal",
+		lineHeight: "1.5",
+		MozTabSize: "2",
+		OTabSize: "2",
+		tabSize: "2",
+		WebkitHyphens: "none",
+		MozHyphens: "none",
+		msHyphens: "none",
+		hyphens: "none",
+		padding: "1em",
+		margin: "0.5em 0",
+		overflow: "auto",
+		borderRadius: "0.3em"
+	},
+	"code[class*=\"language-\"]::-moz-selection": {
+		background: "hsl(230, 1%, 90%)",
+		color: "inherit"
+	},
+	"code[class*=\"language-\"] *::-moz-selection": {
+		background: "hsl(230, 1%, 90%)",
+		color: "inherit"
+	},
+	"pre[class*=\"language-\"] *::-moz-selection": {
+		background: "hsl(230, 1%, 90%)",
+		color: "inherit"
+	},
+	"code[class*=\"language-\"]::selection": {
+		background: "hsl(230, 1%, 90%)",
+		color: "inherit"
+	},
+	"code[class*=\"language-\"] *::selection": {
+		background: "hsl(230, 1%, 90%)",
+		color: "inherit"
+	},
+	"pre[class*=\"language-\"] *::selection": {
+		background: "hsl(230, 1%, 90%)",
+		color: "inherit"
+	},
+	":not(pre) > code[class*=\"language-\"]": {
+		padding: "0.2em 0.3em",
+		borderRadius: "0.3em",
+		whiteSpace: "normal"
+	},
+	comment: {
+		color: "hsl(230, 4%, 64%)",
+		fontStyle: "italic"
+	},
+	prolog: { color: "hsl(230, 4%, 64%)" },
+	cdata: { color: "hsl(230, 4%, 64%)" },
+	doctype: { color: "hsl(230, 8%, 24%)" },
+	punctuation: { color: "hsl(230, 8%, 24%)" },
+	entity: {
+		color: "hsl(230, 8%, 24%)",
+		cursor: "help"
+	},
+	"attr-name": { color: "hsl(35, 99%, 36%)" },
+	"class-name": { color: "hsl(35, 99%, 36%)" },
+	boolean: { color: "hsl(35, 99%, 36%)" },
+	constant: { color: "hsl(35, 99%, 36%)" },
+	number: { color: "hsl(35, 99%, 36%)" },
+	atrule: { color: "hsl(35, 99%, 36%)" },
+	keyword: { color: "hsl(301, 63%, 40%)" },
+	property: { color: "hsl(5, 74%, 59%)" },
+	tag: { color: "hsl(5, 74%, 59%)" },
+	symbol: { color: "hsl(5, 74%, 59%)" },
+	deleted: { color: "hsl(5, 74%, 59%)" },
+	important: { color: "hsl(5, 74%, 59%)" },
+	selector: { color: "hsl(119, 34%, 47%)" },
+	string: { color: "hsl(119, 34%, 47%)" },
+	char: { color: "hsl(119, 34%, 47%)" },
+	builtin: { color: "hsl(119, 34%, 47%)" },
+	inserted: { color: "hsl(119, 34%, 47%)" },
+	regex: { color: "hsl(119, 34%, 47%)" },
+	"attr-value": { color: "hsl(119, 34%, 47%)" },
+	"attr-value > .token.punctuation": { color: "hsl(119, 34%, 47%)" },
+	variable: { color: "hsl(221, 87%, 60%)" },
+	operator: { color: "hsl(221, 87%, 60%)" },
+	function: { color: "hsl(221, 87%, 60%)" },
+	url: { color: "hsl(198, 99%, 37%)" },
+	"attr-value > .token.punctuation.attr-equals": { color: "hsl(230, 8%, 24%)" },
+	"special-attr > .token.attr-value > .token.value.css": { color: "hsl(230, 8%, 24%)" },
+	".language-css .token.selector": { color: "hsl(5, 74%, 59%)" },
+	".language-css .token.property": { color: "hsl(230, 8%, 24%)" },
+	".language-css .token.function": { color: "hsl(198, 99%, 37%)" },
+	".language-css .token.url > .token.function": { color: "hsl(198, 99%, 37%)" },
+	".language-css .token.url > .token.string.url": { color: "hsl(119, 34%, 47%)" },
+	".language-css .token.important": { color: "hsl(301, 63%, 40%)" },
+	".language-css .token.atrule .token.rule": { color: "hsl(301, 63%, 40%)" },
+	".language-javascript .token.operator": { color: "hsl(301, 63%, 40%)" },
+	".language-javascript .token.template-string > .token.interpolation > .token.interpolation-punctuation.punctuation": { color: "hsl(344, 84%, 43%)" },
+	".language-json .token.operator": { color: "hsl(230, 8%, 24%)" },
+	".language-json .token.null.keyword": { color: "hsl(35, 99%, 36%)" },
+	".language-markdown .token.url": { color: "hsl(230, 8%, 24%)" },
+	".language-markdown .token.url > .token.operator": { color: "hsl(230, 8%, 24%)" },
+	".language-markdown .token.url-reference.url > .token.string": { color: "hsl(230, 8%, 24%)" },
+	".language-markdown .token.url > .token.content": { color: "hsl(221, 87%, 60%)" },
+	".language-markdown .token.url > .token.url": { color: "hsl(198, 99%, 37%)" },
+	".language-markdown .token.url-reference.url": { color: "hsl(198, 99%, 37%)" },
+	".language-markdown .token.blockquote.punctuation": {
+		color: "hsl(230, 4%, 64%)",
+		fontStyle: "italic"
+	},
+	".language-markdown .token.hr.punctuation": {
+		color: "hsl(230, 4%, 64%)",
+		fontStyle: "italic"
+	},
+	".language-markdown .token.code-snippet": { color: "hsl(119, 34%, 47%)" },
+	".language-markdown .token.bold .token.content": { color: "hsl(35, 99%, 36%)" },
+	".language-markdown .token.italic .token.content": { color: "hsl(301, 63%, 40%)" },
+	".language-markdown .token.strike .token.content": { color: "hsl(5, 74%, 59%)" },
+	".language-markdown .token.strike .token.punctuation": { color: "hsl(5, 74%, 59%)" },
+	".language-markdown .token.list.punctuation": { color: "hsl(5, 74%, 59%)" },
+	".language-markdown .token.title.important > .token.punctuation": { color: "hsl(5, 74%, 59%)" },
+	bold: { fontWeight: "bold" },
+	italic: { fontStyle: "italic" },
+	namespace: { Opacity: "0.8" },
+	"token.tab:not(:empty):before": { color: "hsla(230, 8%, 24%, 0.2)" },
+	"token.cr:before": { color: "hsla(230, 8%, 24%, 0.2)" },
+	"token.lf:before": { color: "hsla(230, 8%, 24%, 0.2)" },
+	"token.space:before": { color: "hsla(230, 8%, 24%, 0.2)" },
+	"div.code-toolbar > .toolbar.toolbar > .toolbar-item": { marginRight: "0.4em" },
+	"div.code-toolbar > .toolbar.toolbar > .toolbar-item > button": {
+		background: "hsl(230, 1%, 90%)",
+		color: "hsl(230, 6%, 44%)",
+		padding: "0.1em 0.4em",
+		borderRadius: "0.3em"
+	},
+	"div.code-toolbar > .toolbar.toolbar > .toolbar-item > a": {
+		background: "hsl(230, 1%, 90%)",
+		color: "hsl(230, 6%, 44%)",
+		padding: "0.1em 0.4em",
+		borderRadius: "0.3em"
+	},
+	"div.code-toolbar > .toolbar.toolbar > .toolbar-item > span": {
+		background: "hsl(230, 1%, 90%)",
+		color: "hsl(230, 6%, 44%)",
+		padding: "0.1em 0.4em",
+		borderRadius: "0.3em"
+	},
+	"div.code-toolbar > .toolbar.toolbar > .toolbar-item > button:hover": {
+		background: "hsl(230, 1%, 78%)",
+		color: "hsl(230, 8%, 24%)"
+	},
+	"div.code-toolbar > .toolbar.toolbar > .toolbar-item > button:focus": {
+		background: "hsl(230, 1%, 78%)",
+		color: "hsl(230, 8%, 24%)"
+	},
+	"div.code-toolbar > .toolbar.toolbar > .toolbar-item > a:hover": {
+		background: "hsl(230, 1%, 78%)",
+		color: "hsl(230, 8%, 24%)"
+	},
+	"div.code-toolbar > .toolbar.toolbar > .toolbar-item > a:focus": {
+		background: "hsl(230, 1%, 78%)",
+		color: "hsl(230, 8%, 24%)"
+	},
+	"div.code-toolbar > .toolbar.toolbar > .toolbar-item > span:hover": {
+		background: "hsl(230, 1%, 78%)",
+		color: "hsl(230, 8%, 24%)"
+	},
+	"div.code-toolbar > .toolbar.toolbar > .toolbar-item > span:focus": {
+		background: "hsl(230, 1%, 78%)",
+		color: "hsl(230, 8%, 24%)"
+	},
+	".line-highlight.line-highlight": { background: "hsla(230, 8%, 24%, 0.05)" },
+	".line-highlight.line-highlight:before": {
+		background: "hsl(230, 1%, 90%)",
+		color: "hsl(230, 8%, 24%)",
+		padding: "0.1em 0.6em",
+		borderRadius: "0.3em",
+		boxShadow: "0 2px 0 0 rgba(0, 0, 0, 0.2)"
+	},
+	".line-highlight.line-highlight[data-end]:after": {
+		background: "hsl(230, 1%, 90%)",
+		color: "hsl(230, 8%, 24%)",
+		padding: "0.1em 0.6em",
+		borderRadius: "0.3em",
+		boxShadow: "0 2px 0 0 rgba(0, 0, 0, 0.2)"
+	},
+	"pre[id].linkable-line-numbers.linkable-line-numbers span.line-numbers-rows > span:hover:before": { backgroundColor: "hsla(230, 8%, 24%, 0.05)" },
+	".line-numbers.line-numbers .line-numbers-rows": { borderRightColor: "hsla(230, 8%, 24%, 0.2)" },
+	".command-line .command-line-prompt": { borderRightColor: "hsla(230, 8%, 24%, 0.2)" },
+	".line-numbers .line-numbers-rows > span:before": { color: "hsl(230, 1%, 62%)" },
+	".command-line .command-line-prompt > span:before": { color: "hsl(230, 1%, 62%)" },
+	".rainbow-braces .token.token.punctuation.brace-level-1": { color: "hsl(5, 74%, 59%)" },
+	".rainbow-braces .token.token.punctuation.brace-level-5": { color: "hsl(5, 74%, 59%)" },
+	".rainbow-braces .token.token.punctuation.brace-level-9": { color: "hsl(5, 74%, 59%)" },
+	".rainbow-braces .token.token.punctuation.brace-level-2": { color: "hsl(119, 34%, 47%)" },
+	".rainbow-braces .token.token.punctuation.brace-level-6": { color: "hsl(119, 34%, 47%)" },
+	".rainbow-braces .token.token.punctuation.brace-level-10": { color: "hsl(119, 34%, 47%)" },
+	".rainbow-braces .token.token.punctuation.brace-level-3": { color: "hsl(221, 87%, 60%)" },
+	".rainbow-braces .token.token.punctuation.brace-level-7": { color: "hsl(221, 87%, 60%)" },
+	".rainbow-braces .token.token.punctuation.brace-level-11": { color: "hsl(221, 87%, 60%)" },
+	".rainbow-braces .token.token.punctuation.brace-level-4": { color: "hsl(301, 63%, 40%)" },
+	".rainbow-braces .token.token.punctuation.brace-level-8": { color: "hsl(301, 63%, 40%)" },
+	".rainbow-braces .token.token.punctuation.brace-level-12": { color: "hsl(301, 63%, 40%)" },
+	"pre.diff-highlight > code .token.token.deleted:not(.prefix)": { backgroundColor: "hsla(353, 100%, 66%, 0.15)" },
+	"pre > code.diff-highlight .token.token.deleted:not(.prefix)": { backgroundColor: "hsla(353, 100%, 66%, 0.15)" },
+	"pre.diff-highlight > code .token.token.deleted:not(.prefix)::-moz-selection": { backgroundColor: "hsla(353, 95%, 66%, 0.25)" },
+	"pre.diff-highlight > code .token.token.deleted:not(.prefix) *::-moz-selection": { backgroundColor: "hsla(353, 95%, 66%, 0.25)" },
+	"pre > code.diff-highlight .token.token.deleted:not(.prefix)::-moz-selection": { backgroundColor: "hsla(353, 95%, 66%, 0.25)" },
+	"pre > code.diff-highlight .token.token.deleted:not(.prefix) *::-moz-selection": { backgroundColor: "hsla(353, 95%, 66%, 0.25)" },
+	"pre.diff-highlight > code .token.token.deleted:not(.prefix)::selection": { backgroundColor: "hsla(353, 95%, 66%, 0.25)" },
+	"pre.diff-highlight > code .token.token.deleted:not(.prefix) *::selection": { backgroundColor: "hsla(353, 95%, 66%, 0.25)" },
+	"pre > code.diff-highlight .token.token.deleted:not(.prefix)::selection": { backgroundColor: "hsla(353, 95%, 66%, 0.25)" },
+	"pre > code.diff-highlight .token.token.deleted:not(.prefix) *::selection": { backgroundColor: "hsla(353, 95%, 66%, 0.25)" },
+	"pre.diff-highlight > code .token.token.inserted:not(.prefix)": { backgroundColor: "hsla(137, 100%, 55%, 0.15)" },
+	"pre > code.diff-highlight .token.token.inserted:not(.prefix)": { backgroundColor: "hsla(137, 100%, 55%, 0.15)" },
+	"pre.diff-highlight > code .token.token.inserted:not(.prefix)::-moz-selection": { backgroundColor: "hsla(135, 73%, 55%, 0.25)" },
+	"pre.diff-highlight > code .token.token.inserted:not(.prefix) *::-moz-selection": { backgroundColor: "hsla(135, 73%, 55%, 0.25)" },
+	"pre > code.diff-highlight .token.token.inserted:not(.prefix)::-moz-selection": { backgroundColor: "hsla(135, 73%, 55%, 0.25)" },
+	"pre > code.diff-highlight .token.token.inserted:not(.prefix) *::-moz-selection": { backgroundColor: "hsla(135, 73%, 55%, 0.25)" },
+	"pre.diff-highlight > code .token.token.inserted:not(.prefix)::selection": { backgroundColor: "hsla(135, 73%, 55%, 0.25)" },
+	"pre.diff-highlight > code .token.token.inserted:not(.prefix) *::selection": { backgroundColor: "hsla(135, 73%, 55%, 0.25)" },
+	"pre > code.diff-highlight .token.token.inserted:not(.prefix)::selection": { backgroundColor: "hsla(135, 73%, 55%, 0.25)" },
+	"pre > code.diff-highlight .token.token.inserted:not(.prefix) *::selection": { backgroundColor: "hsla(135, 73%, 55%, 0.25)" },
+	".prism-previewer.prism-previewer:before": { borderColor: "hsl(0, 0, 95%)" },
+	".prism-previewer-gradient.prism-previewer-gradient div": {
+		borderColor: "hsl(0, 0, 95%)",
+		borderRadius: "0.3em"
+	},
+	".prism-previewer-color.prism-previewer-color:before": { borderRadius: "0.3em" },
+	".prism-previewer-easing.prism-previewer-easing:before": { borderRadius: "0.3em" },
+	".prism-previewer.prism-previewer:after": { borderTopColor: "hsl(0, 0, 95%)" },
+	".prism-previewer-flipped.prism-previewer-flipped.after": { borderBottomColor: "hsl(0, 0, 95%)" },
+	".prism-previewer-angle.prism-previewer-angle:before": { background: "hsl(0, 0%, 100%)" },
+	".prism-previewer-time.prism-previewer-time:before": { background: "hsl(0, 0%, 100%)" },
+	".prism-previewer-easing.prism-previewer-easing": { background: "hsl(0, 0%, 100%)" },
+	".prism-previewer-angle.prism-previewer-angle circle": {
+		stroke: "hsl(230, 8%, 24%)",
+		strokeOpacity: "1"
+	},
+	".prism-previewer-time.prism-previewer-time circle": {
+		stroke: "hsl(230, 8%, 24%)",
+		strokeOpacity: "1"
+	},
+	".prism-previewer-easing.prism-previewer-easing circle": {
+		stroke: "hsl(230, 8%, 24%)",
+		fill: "transparent"
+	},
+	".prism-previewer-easing.prism-previewer-easing path": { stroke: "hsl(230, 8%, 24%)" },
+	".prism-previewer-easing.prism-previewer-easing line": { stroke: "hsl(230, 8%, 24%)" }
+}, _ = d(u, {
+	name: "SCodeBlock",
+	slot: "Root"
+})({});
+function v(e, t) {
+	return typeof e == "function" ? e(t) : e;
+}
+var y = a.forwardRef(function(u, d) {
+	let y = p({
+		props: u,
+		name: "SCodeBlock"
+	}), { code: b, language: x = "typescript", onCopied: S, showCopyButton: C = !0, showLineNumbers: w = !0, slotProps: T, slots: E, sx: D, ...O } = y, [k, A] = s(!1), j = a.useRef(null), { mode: M } = f(), N = {
+		...y,
+		copied: k
+	}, P = E?.copyButton ?? i, F = E?.syntaxHighlighter ?? m, I = v(T?.copyButton, N), L = v(T?.syntaxHighlighter, N), R = t(E?.copyButton, I ?? {}, N), z = t(E?.syntaxHighlighter, L ?? {}, N), { onClick: B, sx: V, ...H } = R, { customStyle: U, ...W } = z, G = o(() => {
+		let e = M === "dark" ? h : g;
+		return {
+			...e,
+			"pre[class*=\"language-\"]": {
+				...e["pre[class*=\"language-\"]"],
+				background: "transparent"
+			},
+			"code[class*=\"language-\"]": {
+				...e["code[class*=\"language-\"]"],
+				background: "transparent"
+			},
+			linenumber: {
+				...e.linenumber,
+				fontStyle: "normal"
+			}
+		};
+	}, [M]);
+	a.useEffect(() => () => {
+		j.current != null && window.clearTimeout(j.current);
+	}, []);
+	let K = async () => {
+		if (b) try {
+			await navigator.clipboard.writeText(b), A(!0), j.current != null && window.clearTimeout(j.current), j.current = window.setTimeout(() => {
+				j.current = null, A(!1);
+			}, 2e3), S?.();
+		} catch (e) {
+			console.error("Failed to copy code:", e);
+		}
+	};
+	return b ? /* @__PURE__ */ l(_, {
+		...O,
+		ownerState: N,
+		ref: d,
+		sx: [{
+			position: "relative",
+			width: "100%"
+		}, ...e(D)],
+		children: [C && /* @__PURE__ */ c(P, {
+			"aria-label": k ? "Code copied" : "Copy code",
+			...H,
+			onClick: (e) => {
+				B?.(e), e.defaultPrevented || K();
+			},
+			sx: [{
+				position: "absolute",
+				top: "50%",
+				right: 16,
+				transform: "translateY(-50%)",
+				zIndex: 1,
+				color: k ? "success.main" : "text.primary",
+				backdropFilter: "blur(8px)",
+				"&:active": { backgroundColor: "action.selected" }
+			}, ...e(V)],
+			children: c(k ? n : r, {})
+		}), /* @__PURE__ */ c(F, {
+			...W,
+			language: x,
+			style: G,
+			showLineNumbers: w,
+			customStyle: {
+				margin: 0,
+				padding: 16,
+				borderRadius: "var(--s-shape-borderRadius)",
+				fontSize: "0.875rem",
+				backgroundColor: "var(--s-palette-background-paper)",
+				border: "1px solid var(--s-palette-divider)",
+				...U
+			},
+			wrapLines: !0,
+			wrapLongLines: !0,
+			children: b
+		})]
+	}) : null;
+});
+y.displayName = "SCodeBlock";
+//#endregion
+export { y as t };

package/dist/s-comment-message/index.js

@@ -1,2 +1,2 @@
-import { SCommentMessage as e } from "./s-comment-message.js";
+import { t as e } from "../s-comment-message-DpCVBKiE.js";
 export { e as SCommentMessage, e as default };