@ndla/preset-panda 0.0.53 → 0.0.55

package/lib/globalCss.js

@@ -1,233 +1,151 @@
-"use strict";
+const require_rolldown_runtime = require('./_virtual/rolldown_runtime.js');
+const __pandacss_dev = require_rolldown_runtime.__toESM(require("@pandacss/dev"));
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
+//#region src/globalCss.ts
+const globalCss = (0, __pandacss_dev.defineGlobalStyles)({
+	":root": {
+		"--global-font-body": "fonts.sans",
+		"--global-font-mono": "fonts.code"
+	},
+	html: {
+		minHeight: "100%",
+		fontFeatureSettings: "'ss03' on, 'liga' off, 'clig' off",
+		"& h1, h2, h3, h4, h5, h6": { textWrap: "unset" }
+	},
+	body: {
+		background: "background.default",
+		color: "text.default"
+	},
+	"a, summary,[tabindex]:not([tabindex='-1'])": {
+		outline: "none",
+		_focusVisible: {
+			outline: "3px",
+			borderRadius: "xsmall",
+			outlineColor: "stroke.default",
+			outlineOffset: "3px",
+			outlineStyle: "solid"
+		}
+	},
+	code: {
+		background: "background.subtle",
+		whiteSpace: "pre-wrap"
+	},
+	"iframe#launcher": { display: "none" },
+	".ndla-article": {
+		h1: { textStyle: "heading.medium" },
+		h2: { textStyle: "heading.small" },
+		h3: { textStyle: "title.medium" },
+		"h4, h5, h6": { textStyle: "title.small" },
+		"& p[data-align=\"center\"]": { textAlign: "center" },
+		blockquote: {
+			textStyle: "body.medium",
+			fontFamily: "serif"
+		},
+		"& p:has(span[dir=\"rtl\"])": { direction: "rtl" },
+		textStyle: "body.article",
+		width: "100%",
+		"& details, :not(li) > blockquote, [data-embed-type=\"expandable-box\"], [data-embed-type=\"framed-content\"], [data-embed-type=\"factbox\"], table, [data-embed-type=\"related-content-list\"], [data-embed-type=\"link-block-list\"], [data-embed-type=\"pitch\"], [data-embed-type=\"campaign-block\"], [data-embed-type=\"key-figure\"], [data-embed-type=\"grid\"], [data-embed-type=\"contact-block\"], [data-embed-type=\"file-list\"], [data-embed-type=\"uu-disclaimer\"]": {
+			marginBlockStart: "xxlarge",
+			marginBlockEnd: "xxlarge",
+			tabletDown: {
+				marginBlockStart: "xlarge",
+				marginBlockEnd: "xlarge"
+			}
+		},
+		"& section:not([class]), section:not([class]) > div:not([class]), [data-embed-type=\"framed-content\"], [data-embed-type=\"grid\"] > div, [data-embed-type=\"grid-parallax\"] > div, [data-embed-type=\"factbox\"] > div, [data-embed-type=\"copyright\"] > [data-copyright-content], [data-embed-type=\"uu-disclaimer\"] > [data-uu-content], [data-embed-wrapper], details, [data-embed-type=\"expandable-box\"], blockquote": {
+			"& > :is(h2, [data-embed-type=\"copy-heading\"])": {
+				marginBlockStart: "xlarge",
+				marginBlockEnd: "small",
+				tabletDown: { marginBlockStart: "large" }
+			},
+			"& > h3": {
+				marginBlockStart: "large",
+				marginBlockEnd: "xsmall",
+				tabletDown: { marginBlockStart: "medium" }
+			},
+			"& > :is(h4, h5, h6)": {
+				marginBlockStart: "medium",
+				marginBlockEnd: "xsmall",
+				tabletDown: { marginBlockStart: "small" }
+			},
+			"& > :is(figure)": {
+				marginBlockStart: "xxlarge",
+				marginBlockEnd: "xxlarge",
+				tabletDown: { marginBlockStart: "xlarge" }
+			},
+			"& > :is(p, ul, ol, dl, [data-embed-type=\"speech\"])": {
+				marginBlockStart: "xsmall",
+				marginBlockEnd: "xsmall"
+			},
+			"& > :is([data-embed-type=\"ordered-list\"])": { marginInlineStart: "xlarge!" }
+		},
+		"& [data-embed-type=\"framed-content\"], [data-embed-type=\"grid\"] > div, [data-embed-type=\"grid-parallax\"] > div, [data-embed-type=\"factbox\"] > div, [data-embed-type=\"copyright\"] > [data-copyright-content], [data-embed-type=\"uu-disclaimer\"] > [data-uu-content], details, blockquote": {
+			"& > :first-child": { marginBlockStart: "0" },
+			"& > :last-child": { marginBlockEnd: "0" }
+		},
+		"& section:not([class]), section:not([class]) > div:not([class])": {
+			"& > :first-child": {
+				marginBlockStart: "xxlarge",
+				tabletDown: { marginBlockStart: "xlarge" }
+			},
+			"& > :last-child": {
+				marginBlockEnd: "xxlarge",
+				tabletDown: { marginBlockStart: "xlarge" }
+			}
+		}
+	},
+	"a:not([class]):not([data-unstyled]), a[class=\"\"]:not([data-unstyled])": {
+		color: "text.link",
+		textDecoration: "underline",
+		_hover: { textDecoration: "none" },
+		_visited: { color: "text.linkVisited" }
+	},
+	".codeblock": {
+		border: "1px solid",
+		borderColor: "stroke.subtle",
+		borderLeft: "4px solid",
+		borderLeftColor: "stroke.default",
+		borderRadius: "xsmall",
+		boxSizing: "border-box",
+		overflowX: "auto",
+		textStyle: "label.medium",
+		fontFamily: "code",
+		display: "block",
+		whiteSpace: "pre",
+		"& .linenumber": {
+			display: "inline-block",
+			paddingBlock: "0",
+			paddingInline: "small",
+			borderRight: "1px solid",
+			borderColor: "stroke.subtle",
+			width: "xxlarge",
+			textAlign: "right",
+			marginInlineEnd: "xsmall"
+		},
+		"& :nth-child(1 of .linenumber)": { paddingBlockStart: "xsmall" },
+		"& :nth-last-child(1 of .linenumber)": { paddingBlockEnd: "xsmall" },
+		"& .token.comment, .token.block-comment, .token.prolog, .token.doctype, .token.cdata": { color: "#7d8b99" },
+		"& .token.punctuation": { color: "#5f6364" },
+		"& .token.property, .token.tag, .token.boolean, .token.number, .token.function-name, .token.constant, .token.symbol, .token.deleted": { color: "#c92c2c" },
+		"& .token.selector, .token.attr-name, .token.string, .token.char, .token.function, .token.builtin, .token.inserted": { color: "#2f9c0a" },
+		"& .token.operator, .token.entity, .token.url, .token.variable": {
+			color: "#a67f59",
+			background: "rgba(255, 255, 255, 0.5)"
+		},
+		"& .token.atrule, .token.attr-value, .token.keyword, .token.class-name": { color: "#1990b8" },
+		"& .token.regex, .token.important": { color: "#e90" },
+		"& .language-css .token.string, .style .token.string": {
+			color: "#a67f59",
+			background: "rgba(255, 255, 255, 0.5)"
+		},
+		"& .token.important": { fontWeight: "normal" },
+		"& .token.bold": { fontWeight: "bold" },
+		"& .token.italic": { fontStyle: "italic" },
+		"& .token.entity": { cursor: "help" },
+		"& .token.namespace": { opacity: "0.7" }
+	}
 });
-exports.globalCss = void 0;
-var _dev = require("@pandacss/dev");
-/**
- * Copyright (c) 2024-present, NDLA.
- *
- * This source code is licensed under the GPLv3 license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
 
-const globalCss = exports.globalCss = (0, _dev.defineGlobalStyles)({
-  ":root": {
-    // Applied to html in preflight (css reset)
-    "--global-font-body": "fonts.sans",
-    // Code, kbd, pre, samp
-    "--global-font-mono": "fonts.code"
-  },
-  html: {
-    minHeight: "100%",
-    fontFeatureSettings: "'ss03' on, 'liga' off, 'clig' off",
-    // this is included in the css reset we use. We don't want it.
-    "& h1, h2, h3, h4, h5, h6": {
-      textWrap: "unset"
-    }
-  },
-  body: {
-    background: "background.default",
-    color: "text.default"
-  },
-  "a, summary,[tabindex]:not([tabindex='-1'])": {
-    outline: "none",
-    _focusVisible: {
-      outline: "3px",
-      borderRadius: "xsmall",
-      outlineColor: "stroke.default",
-      outlineOffset: "3px",
-      outlineStyle: "solid"
-    }
-  },
-  code: {
-    background: "background.subtle",
-    whiteSpace: "pre-wrap"
-  },
-  /* Hide default zendesk launcher so that we can provide our own. */
-  "iframe#launcher": {
-    display: "none"
-  },
-  // For future readers: Life here would be much simpler if we could use flex.
-  // However, our usage of float within the article content forces us to use margins.
-  ".ndla-article": {
-    h1: {
-      textStyle: "heading.medium"
-    },
-    h2: {
-      textStyle: "heading.small"
-    },
-    h3: {
-      textStyle: "title.medium"
-    },
-    "h4, h5, h6": {
-      textStyle: "title.small"
-    },
-    '& p[data-align="center"]': {
-      textAlign: "center"
-    },
-    // TODO: This is not an actual text style. Should it be?
-    blockquote: {
-      textStyle: "body.medium",
-      fontFamily: "serif"
-    },
-    '& p:has(span[dir="rtl"])': {
-      direction: "rtl"
-    },
-    textStyle: "body.article",
-    width: "100%",
-    // Non-figure block elements that should have margin above and below.
-    '& details, :not(li) > blockquote, [data-embed-type="expandable-box"], [data-embed-type="framed-content"], [data-embed-type="factbox"], table, [data-embed-type="related-content-list"], [data-embed-type="link-block-list"], [data-embed-type="pitch"], [data-embed-type="campaign-block"], [data-embed-type="key-figure"], [data-embed-type="grid"], [data-embed-type="contact-block"], [data-embed-type="file-list"], [data-embed-type="uu-disclaimer"]': {
-      marginBlockStart: "xxlarge",
-      marginBlockEnd: "xxlarge",
-      tabletDown: {
-        marginBlockStart: "xlarge",
-        marginBlockEnd: "xlarge"
-      }
-    },
-    // Article content is usually wrapped in a section. The rest of the elements in this list contains other elements, and should add margin to them no matter where they are placed in the DOM.
-    '& section:not([class]), section:not([class]) > div:not([class]), [data-embed-type="framed-content"], [data-embed-type="grid"] > div, [data-embed-type="grid-parallax"] > div, [data-embed-type="factbox"] > div, [data-embed-type="copyright"] > [data-copyright-content], [data-embed-type="uu-disclaimer"] > [data-uu-content], [data-embed-wrapper], details, [data-embed-type="expandable-box"], blockquote': {
-      '& > :is(h2, [data-embed-type="copy-heading"])': {
-        marginBlockStart: "xlarge",
-        marginBlockEnd: "small",
-        tabletDown: {
-          marginBlockStart: "large"
-        }
-      },
-      "& > h3": {
-        marginBlockStart: "large",
-        marginBlockEnd: "xsmall",
-        tabletDown: {
-          marginBlockStart: "medium"
-        }
-      },
-      "& > :is(h4, h5, h6)": {
-        marginBlockStart: "medium",
-        marginBlockEnd: "xsmall",
-        tabletDown: {
-          marginBlockStart: "small"
-        }
-      },
-      "& > :is(figure)": {
-        marginBlockStart: "xxlarge",
-        marginBlockEnd: "xxlarge",
-        tabletDown: {
-          marginBlockStart: "xlarge"
-        }
-      },
-      '& > :is(p, ul, ol, dl, [data-embed-type="speech"])': {
-        marginBlockStart: "xsmall",
-        marginBlockEnd: "xsmall"
-      },
-      '& > :is([data-embed-type="ordered-list"])': {
-        marginInlineStart: "xlarge!"
-      }
-    },
-    '& [data-embed-type="framed-content"], [data-embed-type="grid"] > div, [data-embed-type="grid-parallax"] > div, [data-embed-type="factbox"] > div, [data-embed-type="copyright"] > [data-copyright-content], [data-embed-type="uu-disclaimer"] > [data-uu-content], details, blockquote': {
-      "& > :first-child": {
-        marginBlockStart: "0"
-      },
-      "& > :last-child": {
-        marginBlockEnd: "0"
-      }
-    },
-    "& section:not([class]), section:not([class]) > div:not([class])": {
-      "& > :first-child": {
-        marginBlockStart: "xxlarge",
-        tabletDown: {
-          marginBlockStart: "xlarge"
-        }
-      },
-      "& > :last-child": {
-        marginBlockEnd: "xxlarge",
-        tabletDown: {
-          marginBlockStart: "xlarge"
-        }
-      }
-    }
-  },
-  // Adds default link styling to links without classes
-  'a:not([class]):not([data-unstyled]), a[class=""]:not([data-unstyled])': {
-    color: "text.link",
-    textDecoration: "underline",
-    _hover: {
-      textDecoration: "none"
-    },
-    _visited: {
-      color: "text.linkVisited"
-    }
-  },
-  ".codeblock": {
-    border: "1px solid",
-    borderColor: "stroke.subtle",
-    borderLeft: "4px solid",
-    borderLeftColor: "stroke.default",
-    borderRadius: "xsmall",
-    boxSizing: "border-box",
-    overflowX: "auto",
-    textStyle: "label.medium",
-    fontFamily: "code",
-    display: "block",
-    whiteSpace: "pre",
-    "& .linenumber": {
-      display: "inline-block",
-      paddingBlock: "0",
-      paddingInline: "small",
-      borderRight: "1px solid",
-      borderColor: "stroke.subtle",
-      width: "xxlarge",
-      textAlign: "right",
-      marginInlineEnd: "xsmall"
-    },
-    "& :nth-child(1 of .linenumber)": {
-      paddingBlockStart: "xsmall"
-    },
-    "& :nth-last-child(1 of .linenumber)": {
-      paddingBlockEnd: "xsmall"
-    },
-    // The remaining css is copied from the coy theme in prismjs. A lot of css is omitted due to styling clashes
-    "& .token.comment, .token.block-comment, .token.prolog, .token.doctype, .token.cdata": {
-      color: "#7d8b99"
-    },
-    "& .token.punctuation": {
-      color: "#5f6364"
-    },
-    "& .token.property, .token.tag, .token.boolean, .token.number, .token.function-name, .token.constant, .token.symbol, .token.deleted": {
-      color: "#c92c2c"
-    },
-    "& .token.selector, .token.attr-name, .token.string, .token.char, .token.function, .token.builtin, .token.inserted": {
-      color: "#2f9c0a"
-    },
-    "& .token.operator, .token.entity, .token.url, .token.variable": {
-      color: "#a67f59",
-      background: "rgba(255, 255, 255, 0.5)"
-    },
-    "& .token.atrule, .token.attr-value, .token.keyword, .token.class-name": {
-      color: "#1990b8"
-    },
-    "& .token.regex, .token.important": {
-      color: "#e90"
-    },
-    "& .language-css .token.string, .style .token.string": {
-      color: "#a67f59",
-      background: "rgba(255, 255, 255, 0.5)"
-    },
-    "& .token.important": {
-      fontWeight: "normal"
-    },
-    "& .token.bold": {
-      fontWeight: "bold"
-    },
-    "& .token.italic": {
-      fontStyle: "italic"
-    },
-    "& .token.entity": {
-      cursor: "help"
-    },
-    "& .token.namespace": {
-      opacity: "0.7"
-    }
-  }
-});
+//#endregion
+exports.globalCss = globalCss;
+//# sourceMappingURL=globalCss.js.map

package/lib/globalCss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"globalCss.js","names":[],"sources":["../src/globalCss.ts"],"sourcesContent":["/**\n * Copyright (c) 2024-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { defineGlobalStyles } from \"@pandacss/dev\";\n\nexport const globalCss = defineGlobalStyles({\n  \":root\": {\n    // Applied to html in preflight (css reset)\n    \"--global-font-body\": \"fonts.sans\",\n    // Code, kbd, pre, samp\n    \"--global-font-mono\": \"fonts.code\",\n  },\n  html: {\n    minHeight: \"100%\",\n    fontFeatureSettings: \"'ss03' on, 'liga' off, 'clig' off\",\n    // this is included in the css reset we use. We don't want it.\n    \"& h1, h2, h3, h4, h5, h6\": {\n      textWrap: \"unset\",\n    },\n  },\n  body: {\n    background: \"background.default\",\n    color: \"text.default\",\n  },\n  \"a, summary,[tabindex]:not([tabindex='-1'])\": {\n    outline: \"none\",\n    _focusVisible: {\n      outline: \"3px\",\n      borderRadius: \"xsmall\",\n      outlineColor: \"stroke.default\",\n      outlineOffset: \"3px\",\n      outlineStyle: \"solid\",\n    },\n  },\n  code: {\n    background: \"background.subtle\",\n    whiteSpace: \"pre-wrap\",\n  },\n  /* Hide default zendesk launcher so that we can provide our own. */\n  \"iframe#launcher\": {\n    display: \"none\",\n  },\n  // For future readers: Life here would be much simpler if we could use flex.\n  // However, our usage of float within the article content forces us to use margins.\n  \".ndla-article\": {\n    h1: {\n      textStyle: \"heading.medium\",\n    },\n    h2: {\n      textStyle: \"heading.small\",\n    },\n    h3: {\n      textStyle: \"title.medium\",\n    },\n    \"h4, h5, h6\": {\n      textStyle: \"title.small\",\n    },\n    '& p[data-align=\"center\"]': {\n      textAlign: \"center\",\n    },\n    // TODO: This is not an actual text style. Should it be?\n    blockquote: {\n      textStyle: \"body.medium\",\n      fontFamily: \"serif\",\n    },\n    '& p:has(span[dir=\"rtl\"])': {\n      direction: \"rtl\",\n    },\n    textStyle: \"body.article\",\n    width: \"100%\",\n\n    // Non-figure block elements that should have margin above and below.\n    '& details, :not(li) > blockquote, [data-embed-type=\"expandable-box\"], [data-embed-type=\"framed-content\"], [data-embed-type=\"factbox\"], table, [data-embed-type=\"related-content-list\"], [data-embed-type=\"link-block-list\"], [data-embed-type=\"pitch\"], [data-embed-type=\"campaign-block\"], [data-embed-type=\"key-figure\"], [data-embed-type=\"grid\"], [data-embed-type=\"contact-block\"], [data-embed-type=\"file-list\"], [data-embed-type=\"uu-disclaimer\"]':\n      {\n        marginBlockStart: \"xxlarge\",\n        marginBlockEnd: \"xxlarge\",\n        tabletDown: {\n          marginBlockStart: \"xlarge\",\n          marginBlockEnd: \"xlarge\",\n        },\n      },\n\n    // Article content is usually wrapped in a section. The rest of the elements in this list contains other elements, and should add margin to them no matter where they are placed in the DOM.\n    '& section:not([class]), section:not([class]) > div:not([class]), [data-embed-type=\"framed-content\"], [data-embed-type=\"grid\"] > div, [data-embed-type=\"grid-parallax\"] > div, [data-embed-type=\"factbox\"] > div, [data-embed-type=\"copyright\"] > [data-copyright-content], [data-embed-type=\"uu-disclaimer\"] > [data-uu-content], [data-embed-wrapper], details, [data-embed-type=\"expandable-box\"], blockquote':\n      {\n        '& > :is(h2, [data-embed-type=\"copy-heading\"])': {\n          marginBlockStart: \"xlarge\",\n          marginBlockEnd: \"small\",\n          tabletDown: {\n            marginBlockStart: \"large\",\n          },\n        },\n        \"& > h3\": {\n          marginBlockStart: \"large\",\n          marginBlockEnd: \"xsmall\",\n          tabletDown: {\n            marginBlockStart: \"medium\",\n          },\n        },\n        \"& > :is(h4, h5, h6)\": {\n          marginBlockStart: \"medium\",\n          marginBlockEnd: \"xsmall\",\n          tabletDown: {\n            marginBlockStart: \"small\",\n          },\n        },\n        \"& > :is(figure)\": {\n          marginBlockStart: \"xxlarge\",\n          marginBlockEnd: \"xxlarge\",\n          tabletDown: {\n            marginBlockStart: \"xlarge\",\n          },\n        },\n        '& > :is(p, ul, ol, dl, [data-embed-type=\"speech\"])': {\n          marginBlockStart: \"xsmall\",\n          marginBlockEnd: \"xsmall\",\n        },\n        '& > :is([data-embed-type=\"ordered-list\"])': {\n          marginInlineStart: \"xlarge!\",\n        },\n      },\n    '& [data-embed-type=\"framed-content\"], [data-embed-type=\"grid\"] > div, [data-embed-type=\"grid-parallax\"] > div, [data-embed-type=\"factbox\"] > div, [data-embed-type=\"copyright\"] > [data-copyright-content], [data-embed-type=\"uu-disclaimer\"] > [data-uu-content], details, blockquote':\n      {\n        \"& > :first-child\": {\n          marginBlockStart: \"0\",\n        },\n        \"& > :last-child\": {\n          marginBlockEnd: \"0\",\n        },\n      },\n    \"& section:not([class]), section:not([class]) > div:not([class])\": {\n      \"& > :first-child\": {\n        marginBlockStart: \"xxlarge\",\n        tabletDown: {\n          marginBlockStart: \"xlarge\",\n        },\n      },\n      \"& > :last-child\": {\n        marginBlockEnd: \"xxlarge\",\n        tabletDown: {\n          marginBlockStart: \"xlarge\",\n        },\n      },\n    },\n  },\n  // Adds default link styling to links without classes\n  'a:not([class]):not([data-unstyled]), a[class=\"\"]:not([data-unstyled])': {\n    color: \"text.link\",\n    textDecoration: \"underline\",\n    _hover: {\n      textDecoration: \"none\",\n    },\n    _visited: {\n      color: \"text.linkVisited\",\n    },\n  },\n  \".codeblock\": {\n    border: \"1px solid\",\n    borderColor: \"stroke.subtle\",\n    borderLeft: \"4px solid\",\n    borderLeftColor: \"stroke.default\",\n    borderRadius: \"xsmall\",\n    boxSizing: \"border-box\",\n    overflowX: \"auto\",\n    textStyle: \"label.medium\",\n    fontFamily: \"code\",\n    display: \"block\",\n    whiteSpace: \"pre\",\n    \"& .linenumber\": {\n      display: \"inline-block\",\n      paddingBlock: \"0\",\n      paddingInline: \"small\",\n      borderRight: \"1px solid\",\n      borderColor: \"stroke.subtle\",\n      width: \"xxlarge\",\n      textAlign: \"right\",\n      marginInlineEnd: \"xsmall\",\n    },\n    \"& :nth-child(1 of .linenumber)\": {\n      paddingBlockStart: \"xsmall\",\n    },\n    \"& :nth-last-child(1 of .linenumber)\": {\n      paddingBlockEnd: \"xsmall\",\n    },\n    // The remaining css is copied from the coy theme in prismjs. A lot of css is omitted due to styling clashes. TODO: Consider moving this\n    \"& .token.comment, .token.block-comment, .token.prolog, .token.doctype, .token.cdata\": {\n      color: \"#7d8b99\",\n    },\n    \"& .token.punctuation\": {\n      color: \"#5f6364\",\n    },\n    \"& .token.property, .token.tag, .token.boolean, .token.number, .token.function-name, .token.constant, .token.symbol, .token.deleted\":\n      {\n        color: \"#c92c2c\",\n      },\n    \"& .token.selector, .token.attr-name, .token.string, .token.char, .token.function, .token.builtin, .token.inserted\":\n      {\n        color: \"#2f9c0a\",\n      },\n    \"& .token.operator, .token.entity, .token.url, .token.variable\": {\n      color: \"#a67f59\",\n      background: \"rgba(255, 255, 255, 0.5)\",\n    },\n    \"& .token.atrule, .token.attr-value, .token.keyword, .token.class-name\": {\n      color: \"#1990b8\",\n    },\n    \"& .token.regex, .token.important\": {\n      color: \"#e90\",\n    },\n    \"& .language-css .token.string, .style .token.string\": {\n      color: \"#a67f59\",\n      background: \"rgba(255, 255, 255, 0.5)\",\n    },\n    \"& .token.important\": {\n      fontWeight: \"normal\",\n    },\n    \"& .token.bold\": {\n      fontWeight: \"bold\",\n    },\n    \"& .token.italic\": {\n      fontStyle: \"italic\",\n    },\n    \"& .token.entity\": {\n      cursor: \"help\",\n    },\n    \"& .token.namespace\": {\n      opacity: \"0.7\",\n    },\n  },\n});\n"],"mappings":";;;;AAUA,MAAa,YAAY,uCAAmB;CAC1C,SAAS;EAEP,sBAAsB;EAEtB,sBAAsB;CACvB;CACD,MAAM;EACJ,WAAW;EACX,qBAAqB;EAErB,4BAA4B,EAC1B,UAAU,QACX;CACF;CACD,MAAM;EACJ,YAAY;EACZ,OAAO;CACR;CACD,8CAA8C;EAC5C,SAAS;EACT,eAAe;GACb,SAAS;GACT,cAAc;GACd,cAAc;GACd,eAAe;GACf,cAAc;EACf;CACF;CACD,MAAM;EACJ,YAAY;EACZ,YAAY;CACb;CAED,mBAAmB,EACjB,SAAS,OACV;CAGD,iBAAiB;EACf,IAAI,EACF,WAAW,iBACZ;EACD,IAAI,EACF,WAAW,gBACZ;EACD,IAAI,EACF,WAAW,eACZ;EACD,cAAc,EACZ,WAAW,cACZ;EACD,8BAA4B,EAC1B,WAAW,SACZ;EAED,YAAY;GACV,WAAW;GACX,YAAY;EACb;EACD,8BAA4B,EAC1B,WAAW,MACZ;EACD,WAAW;EACX,OAAO;EAGP,qdACE;GACE,kBAAkB;GAClB,gBAAgB;GAChB,YAAY;IACV,kBAAkB;IAClB,gBAAgB;GACjB;EACF;EAGH,iaACE;GACE,mDAAiD;IAC/C,kBAAkB;IAClB,gBAAgB;IAChB,YAAY,EACV,kBAAkB,QACnB;GACF;GACD,UAAU;IACR,kBAAkB;IAClB,gBAAgB;IAChB,YAAY,EACV,kBAAkB,SACnB;GACF;GACD,uBAAuB;IACrB,kBAAkB;IAClB,gBAAgB;IAChB,YAAY,EACV,kBAAkB,QACnB;GACF;GACD,mBAAmB;IACjB,kBAAkB;IAClB,gBAAgB;IAChB,YAAY,EACV,kBAAkB,SACnB;GACF;GACD,wDAAsD;IACpD,kBAAkB;IAClB,gBAAgB;GACjB;GACD,+CAA6C,EAC3C,mBAAmB,UACpB;EACF;EACH,sSACE;GACE,oBAAoB,EAClB,kBAAkB,IACnB;GACD,mBAAmB,EACjB,gBAAgB,IACjB;EACF;EACH,mEAAmE;GACjE,oBAAoB;IAClB,kBAAkB;IAClB,YAAY,EACV,kBAAkB,SACnB;GACF;GACD,mBAAmB;IACjB,gBAAgB;IAChB,YAAY,EACV,kBAAkB,SACnB;GACF;EACF;CACF;CAED,2EAAyE;EACvE,OAAO;EACP,gBAAgB;EAChB,QAAQ,EACN,gBAAgB,OACjB;EACD,UAAU,EACR,OAAO,mBACR;CACF;CACD,cAAc;EACZ,QAAQ;EACR,aAAa;EACb,YAAY;EACZ,iBAAiB;EACjB,cAAc;EACd,WAAW;EACX,WAAW;EACX,WAAW;EACX,YAAY;EACZ,SAAS;EACT,YAAY;EACZ,iBAAiB;GACf,SAAS;GACT,cAAc;GACd,eAAe;GACf,aAAa;GACb,aAAa;GACb,OAAO;GACP,WAAW;GACX,iBAAiB;EAClB;EACD,kCAAkC,EAChC,mBAAmB,SACpB;EACD,uCAAuC,EACrC,iBAAiB,SAClB;EAED,uFAAuF,EACrF,OAAO,UACR;EACD,wBAAwB,EACtB,OAAO,UACR;EACD,sIACE,EACE,OAAO,UACR;EACH,qHACE,EACE,OAAO,UACR;EACH,iEAAiE;GAC/D,OAAO;GACP,YAAY;EACb;EACD,yEAAyE,EACvE,OAAO,UACR;EACD,oCAAoC,EAClC,OAAO,OACR;EACD,uDAAuD;GACrD,OAAO;GACP,YAAY;EACb;EACD,sBAAsB,EACpB,YAAY,SACb;EACD,iBAAiB,EACf,YAAY,OACb;EACD,mBAAmB,EACjB,WAAW,SACZ;EACD,mBAAmB,EACjB,QAAQ,OACT;EACD,sBAAsB,EACpB,SAAS,MACV;CACF;AACF,EAAC"}

package/lib/index.js

@@ -1,61 +1,50 @@
-"use strict";
+Object.defineProperty(exports, '__esModule', { value: true });
+const require_rolldown_runtime = require('./_virtual/rolldown_runtime.js');
+const require_animations = require('./animations.js');
+const require_boxShadows = require('./boxShadows.js');
+const require_colors = require('./colors.js');
+const require_conditions = require('./conditions.js');
+const require_globalCss = require('./globalCss.js');
+const require_radii = require('./radii.js');
+const require_semanticTokens = require('./semanticTokens.js');
+const require_spacing = require('./spacing.js');
+const require_typography = require('./typography.js');
+const require_zIndex = require('./zIndex.js');
+const require_forwardCssPropPlugin = require('./plugins/forwardCssPropPlugin.js');
+const __pandacss_dev = require_rolldown_runtime.__toESM(require("@pandacss/dev"));
+const __ndla_core = require_rolldown_runtime.__toESM(require("@ndla/core"));
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
+//#region src/index.ts
+const preset = (0, __pandacss_dev.definePreset)({
+	name: "ndla/panda",
+	globalCss: require_globalCss.globalCss,
+	conditions: require_conditions.conditions,
+	theme: {
+		breakpoints: __ndla_core.breakpoints,
+		textStyles: require_typography.textStyles,
+		keyframes: require_animations.keyframes,
+		tokens: {
+			colors: require_colors.colors,
+			easings: require_animations.easings,
+			durations: require_animations.durations,
+			radii: require_radii.radii,
+			spacing: require_spacing.spacing,
+			sizes: require_spacing.spacing,
+			lineHeights: require_typography.lineHeights,
+			fontWeights: require_typography.fontWeights,
+			fontSizes: require_typography.fontSizes,
+			fonts: require_typography.fonts,
+			animations: require_animations.animations,
+			shadows: require_boxShadows.boxShadows,
+			zIndex: require_zIndex.zIndex
+		},
+		semanticTokens: require_semanticTokens.semanticTokens,
+		containerSizes: __ndla_core.breakpoints
+	}
 });
-exports.default = void 0;
-Object.defineProperty(exports, "forwardCssPropPlugin", {
-  enumerable: true,
-  get: function () {
-    return _forwardCssPropPlugin.forwardCssPropPlugin;
-  }
-});
-var _dev = require("@pandacss/dev");
-var _core = require("@ndla/core");
-var _animations = require("./animations");
-var _boxShadows = require("./boxShadows");
-var _colors = require("./colors");
-var _conditions = require("./conditions");
-var _globalCss = require("./globalCss");
-var _radii = require("./radii");
-var _semanticTokens = require("./semanticTokens");
-var _spacing = require("./spacing");
-var _typography = require("./typography");
-var _zIndex = require("./zIndex");
-var _forwardCssPropPlugin = require("./plugins/forwardCssPropPlugin");
-/**
- * Copyright (c) 2024-present, NDLA.
- *
- * This source code is licensed under the GPLv3 license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
+var src_default = preset;
 
-const preset = (0, _dev.definePreset)({
-  name: "ndla/panda",
-  globalCss: _globalCss.globalCss,
-  conditions: _conditions.conditions,
-  theme: {
-    breakpoints: _core.breakpoints,
-    textStyles: _typography.textStyles,
-    keyframes: _animations.keyframes,
-    tokens: {
-      colors: _colors.colors,
-      easings: _animations.easings,
-      durations: _animations.durations,
-      radii: _radii.radii,
-      spacing: _spacing.spacing,
-      sizes: _spacing.spacing,
-      lineHeights: _typography.lineHeights,
-      fontWeights: _typography.fontWeights,
-      fontSizes: _typography.fontSizes,
-      fonts: _typography.fonts,
-      animations: _animations.animations,
-      shadows: _boxShadows.boxShadows,
-      zIndex: _zIndex.zIndex
-    },
-    semanticTokens: _semanticTokens.semanticTokens,
-    containerSizes: _core.breakpoints
-  }
-});
-var _default = exports.default = preset;
+//#endregion
+exports.default = src_default;
+exports.forwardCssPropPlugin = require_forwardCssPropPlugin.forwardCssPropPlugin;
+//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["globalCss","conditions","breakpoints","textStyles","keyframes","colors","easings","durations","radii","spacing","lineHeights","fontWeights","fontSizes","fonts","animations","boxShadows","zIndex","semanticTokens"],"sources":["../src/index.ts"],"sourcesContent":["/**\n * Copyright (c) 2024-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { definePreset } from \"@pandacss/dev\";\nimport { breakpoints } from \"@ndla/core\";\nimport { animations, durations, easings, keyframes } from \"./animations\";\nimport { boxShadows } from \"./boxShadows\";\nimport { colors } from \"./colors\";\nimport { conditions } from \"./conditions\";\nimport { globalCss } from \"./globalCss\";\nimport { radii } from \"./radii\";\nimport { semanticTokens } from \"./semanticTokens\";\nimport { spacing } from \"./spacing\";\nimport { fontWeights, textStyles, fonts, fontSizes, lineHeights } from \"./typography\";\nimport { zIndex } from \"./zIndex\";\n\nconst preset = definePreset({\n  name: \"ndla/panda\",\n  globalCss: globalCss,\n  conditions: conditions,\n  theme: {\n    breakpoints: breakpoints,\n    textStyles: textStyles,\n    keyframes: keyframes,\n    tokens: {\n      colors: colors,\n      easings: easings,\n      durations: durations,\n      radii: radii,\n      spacing: spacing,\n      sizes: spacing,\n      lineHeights: lineHeights,\n      fontWeights: fontWeights,\n      fontSizes: fontSizes,\n      fonts: fonts,\n      animations: animations,\n      shadows: boxShadows,\n      zIndex: zIndex,\n    },\n    semanticTokens: semanticTokens,\n    containerSizes: breakpoints,\n  },\n});\n\nexport { forwardCssPropPlugin } from \"./plugins/forwardCssPropPlugin\";\n\nexport default preset;\n"],"mappings":";;;;;;;;;;;;;;;;;AAqBA,MAAM,SAAS,iCAAa;CAC1B,MAAM;CACN,WAAWA;CACX,YAAYC;CACZ,OAAO;EACL,aAAaC;EACb,YAAYC;EACZ,WAAWC;EACX,QAAQ;GACN,QAAQC;GACR,SAASC;GACT,WAAWC;GACX,OAAOC;GACP,SAASC;GACT,OAAOA;GACP,aAAaC;GACb,aAAaC;GACb,WAAWC;GACX,OAAOC;GACP,YAAYC;GACZ,SAASC;GACT,QAAQC;EACT;EACD,gBAAgBC;EAChB,gBAAgBf;CACjB;AACF,EAAC;AAIF,kBAAe"}

package/lib/plugins/forwardCssPropPlugin.js

@@ -1,63 +1,46 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.transformStyledFn = exports.forwardCssPropPlugin = void 0;
-/**
- * Copyright (c) 2024-present, NDLA.
- *
- * This source code is licensed under the GPLv3 license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
 
+//#region src/plugins/forwardCssPropPlugin.ts
 const supportedJsxFrameworks = ["react"];
 const forwardCssPropPlugin = () => {
-  return {
-    name: "forward-css-prop",
-    hooks: {
-      "config:resolved": args => {
-        const jsxFramework = args.config.jsxFramework;
-        if (!supportedJsxFrameworks.includes(jsxFramework)) {
-          throw new Error(`[plugin:restrict-styled-props]: Unsupported jsxFramework: ${jsxFramework}. This Panda plugin only supports: ${supportedJsxFrameworks.join(", ")}`);
-        }
-      },
-      "codegen:prepare": args => {
-        return transformStyledFn(args);
-      }
-    }
-  };
+	return {
+		name: "forward-css-prop",
+		hooks: {
+			"config:resolved": (args) => {
+				const jsxFramework = args.config.jsxFramework;
+				if (!supportedJsxFrameworks.includes(jsxFramework)) throw new Error(`[plugin:restrict-styled-props]: Unsupported jsxFramework: ${jsxFramework}. This Panda plugin only supports: ${supportedJsxFrameworks.join(", ")}`);
+			},
+			"codegen:prepare": (args) => {
+				return transformStyledFn(args);
+			}
+		}
+	};
 };
-exports.forwardCssPropPlugin = forwardCssPropPlugin;
-const transformStyledFn = args => {
-  const factoryArtifact = args.artifacts.find(art => art.id === "jsx-factory");
-  const factoryJs = factoryArtifact?.files.find(f => f.file.includes(".mjs") || f.file.includes(".js"));
-  const jsxTypes = args.artifacts.find(art => art.id === "types-jsx")?.files.find(f => f.file.includes("jsx"));
-  const systemTypes = args.artifacts.find(art => art.id === "types-gen-system")?.files.find(f => f.file.includes("system-types"));
-  if (!factoryJs?.code || !jsxTypes?.code || !systemTypes?.code) {
-    return args.artifacts;
-  }
-  const baseCode = "const __base__ = Dynamic.__base__ || Dynamic";
-  factoryJs.code = factoryJs.code.replace(baseCode, `${baseCode}
+const transformStyledFn = (args) => {
+	const factoryArtifact = args.artifacts.find((art) => art.id === "jsx-factory");
+	const factoryJs = factoryArtifact?.files.find((f) => f.file.includes(".mjs") || f.file.includes(".js"));
+	const jsxTypes = args.artifacts.find((art) => art.id === "types-jsx")?.files.find((f) => f.file.includes("jsx"));
+	const systemTypes = args.artifacts.find((art) => art.id === "types-gen-system")?.files.find((f) => f.file.includes("system-types"));
+	if (!factoryJs?.code || !jsxTypes?.code || !systemTypes?.code) return args.artifacts;
+	const baseCode = "const __base__ = Dynamic.__base__ || Dynamic";
+	factoryJs.code = factoryJs.code.replace(baseCode, `${baseCode}
   const contextConsume = options.baseComponent || Dynamic.__base__ || typeof Dynamic === "string"`);
-  const propsCode = "const { as: Element = __base__, children, ...restProps } = props";
-  factoryJs.code = factoryJs.code.replace(propsCode, `const { as: Element = __base__, consumeCss, children, ...restProps } = props
+	const propsCode = "const { as: Element = __base__, children, ...restProps } = props";
+	factoryJs.code = factoryJs.code.replace(propsCode, `const { as: Element = __base__, consumeCss, children, ...restProps } = props
 
     const consume = props.asChild
       ? consumeCss && (options.baseComponent || Dynamic.__baseComponent__)
       : consumeCss || contextConsume`);
-  const cvaCode = "const cvaStyles = __cvaFn__.raw(variantProps)";
-  factoryJs.code = factoryJs.code.replace(cvaCode, `${cvaCode}
+	const cvaCode = "const cvaStyles = __cvaFn__.raw(variantProps)";
+	factoryJs.code = factoryJs.code.replace(cvaCode, `${cvaCode}
       if(!consume) {
         return css.raw(cvaStyles, propStyles, cssStyles)
       }`);
-  factoryJs.code = factoryJs.code.replace("className: classes()", `...(consume ? { className: classes() } : { css: classes(), consumeCss } )`);
-  const styledComponentForwardPropDeclaration = `StyledComponent.__shouldForwardProps__ = shouldForwardProp`;
-  factoryJs.code = factoryJs.code.replace(styledComponentForwardPropDeclaration, `${styledComponentForwardPropDeclaration}
+	factoryJs.code = factoryJs.code.replace("className: classes()", `...(consume ? { className: classes() } : { css: classes(), consumeCss } )`);
+	const styledComponentForwardPropDeclaration = `StyledComponent.__shouldForwardProps__ = shouldForwardProp`;
+	factoryJs.code = factoryJs.code.replace(styledComponentForwardPropDeclaration, `${styledComponentForwardPropDeclaration}
   StyledComponent.__baseComponent__ = options.baseComponent || Dynamic.__baseComponent__`);
-  const shouldForwardPropCode = "shouldForwardProp?(prop: string, variantKeys: string[]): boolean";
-  jsxTypes.code = jsxTypes.code.replace(shouldForwardPropCode, `${shouldForwardPropCode}
+	const shouldForwardPropCode = "shouldForwardProp?(prop: string, variantKeys: string[]): boolean";
+	jsxTypes.code = jsxTypes.code.replace(shouldForwardPropCode, `${shouldForwardPropCode}
   /**
   * Used when creating styled components from React components that do not support the css prop. If true, the css prop will be consumed and converted to \`className\` 
   * @example
@@ -66,8 +49,8 @@ const transformStyledFn = args => {
   * const Button = styled(ark.button, { baseComponent: true })
   */
   baseComponent?: boolean`);
-  const jsxStylePropsCode = "export type JsxStyleProps =";
-  systemTypes.code = systemTypes.code.replace(jsxStylePropsCode, `${jsxStylePropsCode} { 
+	const jsxStylePropsCode = "export type JsxStyleProps =";
+	systemTypes.code = systemTypes.code.replace(jsxStylePropsCode, `${jsxStylePropsCode} { 
   /**
   * Tells a component to consume the \`css\` prop and turn it into a \`className\` prop. This is only used in conjunction with the \`baseComponent\` prop in the \`styled\` function to ensure that components that are \`asChild\`-ed onto non-panda components can consume their css before being merged with their child.
   * @example
@@ -83,6 +66,9 @@ const transformStyledFn = args => {
   */
   consumeCss?: boolean 
   } & `);
-  return args.artifacts;
+	return args.artifacts;
 };
-exports.transformStyledFn = transformStyledFn;
+
+//#endregion
+exports.forwardCssPropPlugin = forwardCssPropPlugin;
+//# sourceMappingURL=forwardCssPropPlugin.js.map

package/lib/plugins/forwardCssPropPlugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"forwardCssPropPlugin.js","names":["args: CodegenPrepareHookArgs"],"sources":["../../src/plugins/forwardCssPropPlugin.ts"],"sourcesContent":["/**\n * Copyright (c) 2024-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport type { CodegenPrepareHookArgs, PandaPlugin } from \"@pandacss/types\";\n\nconst supportedJsxFrameworks = [\"react\"];\n\nexport const forwardCssPropPlugin = (): PandaPlugin => {\n  return {\n    name: \"forward-css-prop\",\n    hooks: {\n      \"config:resolved\": (args) => {\n        const jsxFramework = args.config.jsxFramework;\n        if (!supportedJsxFrameworks.includes(jsxFramework as string)) {\n          throw new Error(\n            `[plugin:restrict-styled-props]: Unsupported jsxFramework: ${jsxFramework}. This Panda plugin only supports: ${supportedJsxFrameworks.join(\", \")}`,\n          );\n        }\n      },\n      \"codegen:prepare\": (args) => {\n        return transformStyledFn(args);\n      },\n    },\n  };\n};\n\nexport const transformStyledFn = (args: CodegenPrepareHookArgs) => {\n  const factoryArtifact = args.artifacts.find((art) => art.id === \"jsx-factory\");\n  const factoryJs = factoryArtifact?.files.find((f) => f.file.includes(\".mjs\") || f.file.includes(\".js\"));\n  const jsxTypes = args.artifacts.find((art) => art.id === \"types-jsx\")?.files.find((f) => f.file.includes(\"jsx\"));\n  const systemTypes = args.artifacts\n    .find((art) => art.id === \"types-gen-system\")\n    ?.files.find((f) => f.file.includes(\"system-types\"));\n\n  if (!factoryJs?.code || !jsxTypes?.code || !systemTypes?.code) {\n    return args.artifacts;\n  }\n\n  const baseCode = \"const __base__ = Dynamic.__base__ || Dynamic\";\n\n  factoryJs.code = factoryJs.code.replace(\n    baseCode,\n    `${baseCode}\n  const contextConsume = options.baseComponent || Dynamic.__base__ || typeof Dynamic === \"string\"`,\n  );\n\n  const propsCode = \"const { as: Element = __base__, children, ...restProps } = props\";\n\n  factoryJs.code = factoryJs.code.replace(\n    propsCode,\n    `const { as: Element = __base__, consumeCss, children, ...restProps } = props\n\n    const consume = props.asChild\n      ? consumeCss && (options.baseComponent || Dynamic.__baseComponent__)\n      : consumeCss || contextConsume`,\n  );\n\n  const cvaCode = \"const cvaStyles = __cvaFn__.raw(variantProps)\";\n\n  factoryJs.code = factoryJs.code.replace(\n    cvaCode,\n    `${cvaCode}\n      if(!consume) {\n        return css.raw(cvaStyles, propStyles, cssStyles)\n      }`,\n  );\n\n  factoryJs.code = factoryJs.code.replace(\n    \"className: classes()\",\n    `...(consume ? { className: classes() } : { css: classes(), consumeCss } )`,\n  );\n\n  const styledComponentForwardPropDeclaration = `StyledComponent.__shouldForwardProps__ = shouldForwardProp`;\n\n  factoryJs.code = factoryJs.code.replace(\n    styledComponentForwardPropDeclaration,\n    `${styledComponentForwardPropDeclaration}\n  StyledComponent.__baseComponent__ = options.baseComponent || Dynamic.__baseComponent__`,\n  );\n\n  const shouldForwardPropCode = \"shouldForwardProp?(prop: string, variantKeys: string[]): boolean\";\n\n  jsxTypes.code = jsxTypes.code.replace(\n    shouldForwardPropCode,\n    `${shouldForwardPropCode}\n  /**\n  * Used when creating styled components from React components that do not support the css prop. If true, the css prop will be consumed and converted to \\`className\\` \n  * @example\n  * import { ark } from \"@ark-ui/react\"\n  * import { styled } from \"@ndla/styled-system/jsx\"\n  * const Button = styled(ark.button, { baseComponent: true })\n  */\n  baseComponent?: boolean`,\n  );\n\n  const jsxStylePropsCode = \"export type JsxStyleProps =\";\n\n  systemTypes.code = systemTypes.code.replace(\n    jsxStylePropsCode,\n    `${jsxStylePropsCode} { \n  /**\n  * Tells a component to consume the \\`css\\` prop and turn it into a \\`className\\` prop. This is only used in conjunction with the \\`baseComponent\\` prop in the \\`styled\\` function to ensure that components that are \\`asChild\\`-ed onto non-panda components can consume their css before being merged with their child.\n  * @example\n  * import { ark } from \"@ark-ui/react\"\n  * import { styled } from \"@ndla/styled-system/jsx\"\n  * const Button = styled('button', { baseComponent: true })\n  *\n  * return (\n  *   <Button asChild consumeCss>\n  *     <div>Click me</div>\n  *   </Button>\n  * )\n  */\n  consumeCss?: boolean \n  } & `,\n  );\n\n  return args.artifacts;\n};\n"],"mappings":";;AAUA,MAAM,yBAAyB,CAAC,OAAQ;AAExC,MAAa,uBAAuB,MAAmB;AACrD,QAAO;EACL,MAAM;EACN,OAAO;GACL,mBAAmB,CAAC,SAAS;IAC3B,MAAM,eAAe,KAAK,OAAO;AACjC,SAAK,uBAAuB,SAAS,aAAuB,CAC1D,OAAM,IAAI,OACP,4DAA4D,aAAa,qCAAqC,uBAAuB,KAAK,KAAK,CAAC;GAGtJ;GACD,mBAAmB,CAAC,SAAS;AAC3B,WAAO,kBAAkB,KAAK;GAC/B;EACF;CACF;AACF;AAED,MAAa,oBAAoB,CAACA,SAAiC;CACjE,MAAM,kBAAkB,KAAK,UAAU,KAAK,CAAC,QAAQ,IAAI,OAAO,cAAc;CAC9E,MAAM,YAAY,iBAAiB,MAAM,KAAK,CAAC,MAAM,EAAE,KAAK,SAAS,OAAO,IAAI,EAAE,KAAK,SAAS,MAAM,CAAC;CACvG,MAAM,WAAW,KAAK,UAAU,KAAK,CAAC,QAAQ,IAAI,OAAO,YAAY,EAAE,MAAM,KAAK,CAAC,MAAM,EAAE,KAAK,SAAS,MAAM,CAAC;CAChH,MAAM,cAAc,KAAK,UACtB,KAAK,CAAC,QAAQ,IAAI,OAAO,mBAAmB,EAC3C,MAAM,KAAK,CAAC,MAAM,EAAE,KAAK,SAAS,eAAe,CAAC;AAEtD,MAAK,WAAW,SAAS,UAAU,SAAS,aAAa,KACvD,QAAO,KAAK;CAGd,MAAM,WAAW;AAEjB,WAAU,OAAO,UAAU,KAAK,QAC9B,WACC,EAAE,SAAS;mGAEb;CAED,MAAM,YAAY;AAElB,WAAU,OAAO,UAAU,KAAK,QAC9B,YACC;;;;sCAKF;CAED,MAAM,UAAU;AAEhB,WAAU,OAAO,UAAU,KAAK,QAC9B,UACC,EAAE,QAAQ;;;SAIZ;AAED,WAAU,OAAO,UAAU,KAAK,QAC9B,yBACC,2EACF;CAED,MAAM,yCAAyC;AAE/C,WAAU,OAAO,UAAU,KAAK,QAC9B,wCACC,EAAE,sCAAsC;0FAE1C;CAED,MAAM,wBAAwB;AAE9B,UAAS,OAAO,SAAS,KAAK,QAC5B,wBACC,EAAE,sBAAsB;;;;;;;;2BAS1B;CAED,MAAM,oBAAoB;AAE1B,aAAY,OAAO,YAAY,KAAK,QAClC,oBACC,EAAE,kBAAkB;;;;;;;;;;;;;;;QAgBtB;AAED,QAAO,KAAK;AACb"}