@solostylist/ui-kit 1.0.203 → 1.0.205

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

@@ -1,1052 +1,3 @@
-import { j as o } from "../jsx-runtime-tc70JA_2.js";
-import { useState as g } from "react";
-import { useColorScheme as p, Box as k, IconButton as u } from "@mui/material";
-import { Prism as b } from "react-syntax-highlighter";
-import { C as m, a as f } from "../ContentCopy-D4SuJd86.js";
-const w = {
-  '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%)"
-  }
-}, v = {
-  '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%)"
-  }
-}, x = ({
-  code: e,
-  language: n = "typescript",
-  showLineNumbers: t = !0,
-  showCopyButton: a = !0,
-  customStyle: i,
-  onCopied: s
-}) => {
-  const [r, l] = g(!1), { mode: c } = p(), h = async () => {
-    if (e)
-      try {
-        await navigator.clipboard.writeText(e), l(!0), setTimeout(() => l(!1), 2e3), s?.();
-      } catch (d) {
-        console.error("Failed to copy code:", d);
-      }
-  };
-  return e ? /* @__PURE__ */ o.jsxs(k, { sx: { position: "relative", width: "100%" }, children: [
-    a && /* @__PURE__ */ o.jsx(
-      u,
-      {
-        onClick: h,
-        sx: {
-          position: "absolute",
-          top: 8,
-          right: 8,
-          zIndex: 1,
-          color: r ? "success.main" : "text.primary",
-          backdropFilter: "blur(8px)"
-        },
-        children: r ? /* @__PURE__ */ o.jsx(m, {}) : /* @__PURE__ */ o.jsx(f, {})
-      }
-    ),
-    /* @__PURE__ */ o.jsx(
-      b,
-      {
-        language: n,
-        style: c === "dark" ? w : v,
-        showLineNumbers: t,
-        customStyle: {
-          margin: 0,
-          borderRadius: "var(--s-shape-borderRadius)",
-          fontSize: "0.875rem",
-          backgroundColor: "var(--s-palette-background-paper)",
-          border: "1px solid",
-          borderColor: "var(--s-palette-divider)",
-          ...i
-        },
-        wrapLines: !0,
-        wrapLongLines: !0,
-        children: e
-      }
-    )
-  ] }) : null;
-};
-x.displayName = "SCodeBlock";
-export {
-  x as SCodeBlock,
-  x as default
-};
+import "../createTheme-DuS5_nJb.js";
+import { t as e } from "../s-code-block-BqYdR0Em.js";
+export { e as SCodeBlock, e as default };