@traefik-labs/faency 12.0.11 → 12.1.0

package/dist/components/CodeBlock/CodeBlock.js

@@ -0,0 +1,108 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { CheckIcon, CopyIcon } from "@radix-ui/react-icons";
+import { themes, Highlight } from "prism-react-renderer";
+import { forwardRef, useState } from "react";
+import { styled } from "../../stitches.config.js";
+import { useColorScheme } from "../colorSchemeContext.js";
+import { Box } from "../Box/Box.js";
+import { Button } from "../Button/Button.js";
+import { AccessibleIcon } from "../AccessibleIcon/AccessibleIcon.js";
+const Pre = styled("pre", {
+  m: 0,
+  borderRadius: "$2",
+  overflow: "auto",
+  border: "1px solid $colors$deepBlue3",
+  position: "relative",
+  fontSize: "$2",
+  lineHeight: 1.6,
+  variants: {
+    noBorder: {
+      true: { border: "none" }
+    }
+  }
+});
+const CopyButtonWrapper = styled("div", {
+  position: "absolute",
+  right: "$4",
+  zIndex: 1,
+  variants: {
+    align: {
+      top: { top: "$2" },
+      bottom: { bottom: "$2" }
+    }
+  },
+  defaultVariants: {
+    align: "top"
+  }
+});
+const CodeBlock = forwardRef(
+  ({
+    lang,
+    code,
+    copyable = false,
+    copyText,
+    copiedText,
+    copyButtonAlign = "top",
+    noBorder,
+    wrapText = false,
+    colorScheme,
+    maxHeight = 424,
+    css,
+    ...props
+  }, ref) => {
+    const systemScheme = useColorScheme();
+    const resolvedScheme = colorScheme ?? systemScheme;
+    const prismTheme = resolvedScheme === "dark" ? themes.nightOwl : themes.nightOwlLight;
+    const [copied, setCopied] = useState(false);
+    const handleCopy = async () => {
+      try {
+        await navigator.clipboard.writeText(code);
+        setCopied(true);
+        setTimeout(() => setCopied(false), 1500);
+      } catch {
+      }
+    };
+    return /* @__PURE__ */ jsx(Highlight, { theme: prismTheme, code, language: lang, children: ({ className, style, tokens, getLineProps, getTokenProps }) => /* @__PURE__ */ jsxs(Box, { css: { position: "relative", ...css }, children: [
+      copyable && /* @__PURE__ */ jsx(CopyButtonWrapper, { align: copyButtonAlign, children: /* @__PURE__ */ jsxs(
+        Button,
+        {
+          variant: "secondary",
+          ghost: true,
+          size: "small",
+          type: "button",
+          onClick: handleCopy,
+          css: { color: "$hiContrast", gap: "$1" },
+          children: [
+            /* @__PURE__ */ jsx(AccessibleIcon, { label: copied ? "Copied" : "Copy", children: copied ? /* @__PURE__ */ jsx(CheckIcon, {}) : /* @__PURE__ */ jsx(CopyIcon, {}) }),
+            copied ? copiedText : copyText
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsx(
+        Pre,
+        {
+          ref,
+          className,
+          style: { ...style, backgroundColor: "transparent" },
+          noBorder,
+          css: { maxHeight },
+          ...props,
+          children: /* @__PURE__ */ jsx(Box, { css: { p: "$4" }, children: tokens.map((line, i) => /* @__PURE__ */ jsx(
+            "div",
+            {
+              ...getLineProps({ line }),
+              style: wrapText ? { whiteSpace: "normal" } : void 0,
+              children: line.map((token, key) => /* @__PURE__ */ jsx("span", { ...getTokenProps({ token }) }, key))
+            },
+            i
+          )) })
+        }
+      )
+    ] }) });
+  }
+);
+CodeBlock.displayName = "CodeBlock";
+export {
+  CodeBlock
+};
+//# sourceMappingURL=CodeBlock.js.map

package/dist/components/CodeBlock/CodeBlock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeBlock.js","sources":["../../../components/CodeBlock/CodeBlock.tsx"],"sourcesContent":["import { CheckIcon, CopyIcon } from '@radix-ui/react-icons';\nimport { Highlight, Language, themes } from 'prism-react-renderer';\nimport React, { ComponentProps, forwardRef, useState } from 'react';\n\nimport { CSS, styled } from '../../stitches.config';\nimport { AccessibleIcon } from '../AccessibleIcon';\nimport { Box } from '../Box';\nimport { Button } from '../Button';\nimport { useColorScheme } from '../colorSchemeContext';\n\nconst Pre = styled('pre', {\n  m: 0,\n  borderRadius: '$2',\n  overflow: 'auto',\n  border: '1px solid $colors$deepBlue3',\n  position: 'relative',\n  fontSize: '$2',\n  lineHeight: 1.6,\n\n  variants: {\n    noBorder: {\n      true: { border: 'none' },\n    },\n  },\n});\n\nconst CopyButtonWrapper = styled('div', {\n  position: 'absolute',\n  right: '$4',\n  zIndex: 1,\n\n  variants: {\n    align: {\n      top: { top: '$2' },\n      bottom: { bottom: '$2' },\n    },\n  },\n\n  defaultVariants: {\n    align: 'top',\n  },\n});\n\nexport type CodeBlockProps = {\n  lang: Language;\n  code: string;\n  copyable?: boolean;\n  copyText?: string;\n  copiedText?: string;\n  copyButtonAlign?: 'top' | 'bottom';\n  noBorder?: boolean;\n  wrapText?: boolean;\n  colorScheme?: 'light' | 'dark';\n  maxHeight?: number | string;\n  css?: CSS;\n} & Omit<ComponentProps<typeof Pre>, 'css'>;\n\nexport const CodeBlock = forwardRef<HTMLPreElement, CodeBlockProps>(\n  (\n    {\n      lang,\n      code,\n      copyable = false,\n      copyText,\n      copiedText,\n      copyButtonAlign = 'top',\n      noBorder,\n      wrapText = false,\n      colorScheme,\n      maxHeight = 424,\n      css,\n      ...props\n    },\n    ref,\n  ) => {\n    const systemScheme = useColorScheme();\n    const resolvedScheme = colorScheme ?? systemScheme;\n    const prismTheme = resolvedScheme === 'dark' ? themes.nightOwl : themes.nightOwlLight;\n\n    const [copied, setCopied] = useState(false);\n\n    const handleCopy = async () => {\n      try {\n        await navigator.clipboard.writeText(code);\n        setCopied(true);\n        setTimeout(() => setCopied(false), 1500);\n      } catch {\n        // clipboard write failed (e.g. permission denied) — leave UI unchanged\n      }\n    };\n\n    return (\n      <Highlight theme={prismTheme} code={code} language={lang}>\n        {({ className, style, tokens, getLineProps, getTokenProps }) => (\n          <Box css={{ position: 'relative', ...css }}>\n            {copyable && (\n              <CopyButtonWrapper align={copyButtonAlign}>\n                <Button\n                  variant=\"secondary\"\n                  ghost\n                  size=\"small\"\n                  type=\"button\"\n                  onClick={handleCopy}\n                  css={{ color: '$hiContrast', gap: '$1' }}\n                >\n                  <AccessibleIcon label={copied ? 'Copied' : 'Copy'}>\n                    {copied ? <CheckIcon /> : <CopyIcon />}\n                  </AccessibleIcon>\n                  {copied ? copiedText : copyText}\n                </Button>\n              </CopyButtonWrapper>\n            )}\n            <Pre\n              ref={ref}\n              className={className}\n              style={{ ...style, backgroundColor: 'transparent' }}\n              noBorder={noBorder}\n              css={{ maxHeight }}\n              {...props}\n            >\n              <Box css={{ p: '$4' }}>\n                {tokens.map((line, i) => (\n                  <div\n                    key={i}\n                    {...getLineProps({ line })}\n                    style={wrapText ? { whiteSpace: 'normal' } : undefined}\n                  >\n                    {line.map((token, key) => (\n                      <span key={key} {...getTokenProps({ token })} />\n                    ))}\n                  </div>\n                ))}\n              </Box>\n            </Pre>\n          </Box>\n        )}\n      </Highlight>\n    );\n  },\n);\n\nCodeBlock.displayName = 'CodeBlock';\n"],"names":[],"mappings":"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"}

package/dist/components/CodeBlock/CodeBlock.vanilla.cjs

@@ -0,0 +1,103 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const reactIcons = require("@radix-ui/react-icons");
+const dynamic = require("@vanilla-extract/dynamic");
+const prismReactRenderer = require("prism-react-renderer");
+const React = require("react");
+const cssProps = require("../../styles/cssProps.cjs");
+const themeContext = require("../../styles/themeContext.cjs");
+const CodeBlock_vanilla_css = require("./CodeBlock.vanilla.css.cjs");
+const Button_vanilla = require("../Button/Button.vanilla.cjs");
+const AccessibleIcon = require("../AccessibleIcon/AccessibleIcon.cjs");
+const CodeBlockVanilla = React.forwardRef(
+  ({
+    lang,
+    code,
+    copyable = false,
+    copyText,
+    copiedText,
+    copyButtonAlign = "top",
+    noBorder,
+    wrapText = false,
+    colorScheme,
+    maxHeight = 424,
+    css,
+    style,
+    className,
+    ...props
+  }, ref) => {
+    const { colors, resolvedTheme } = themeContext.useVanillaExtractTheme();
+    const effectiveScheme = colorScheme ?? resolvedTheme;
+    const prismTheme = effectiveScheme === "dark" ? prismReactRenderer.themes.nightOwl : prismReactRenderer.themes.nightOwlLight;
+    const { style: cssStyles, vars } = cssProps.processCSSProp(css, colors);
+    const mergedStyles = { ...cssStyles, ...style, ...dynamic.assignInlineVars(vars) };
+    const [copied, setCopied] = React.useState(false);
+    const handleCopy = async () => {
+      try {
+        await navigator.clipboard.writeText(code);
+        setCopied(true);
+        setTimeout(() => setCopied(false), 1500);
+      } catch {
+      }
+    };
+    return /* @__PURE__ */ jsxRuntime.jsx(prismReactRenderer.Highlight, { theme: prismTheme, code, language: lang, children: ({
+      className: highlightClass,
+      style: highlightStyle,
+      tokens,
+      getLineProps,
+      getTokenProps
+    }) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: CodeBlock_vanilla_css.wrapper, children: [
+      copyable && /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          className: [
+            CodeBlock_vanilla_css.copyButtonWrapper,
+            copyButtonAlign === "bottom" ? CodeBlock_vanilla_css.copyButtonWrapperBottom : CodeBlock_vanilla_css.copyButtonWrapperTop
+          ].join(" "),
+          children: /* @__PURE__ */ jsxRuntime.jsxs(
+            Button_vanilla.ButtonVanilla,
+            {
+              variant: "secondary",
+              ghost: true,
+              size: "small",
+              type: "button",
+              onClick: handleCopy,
+              css: { color: "$hiContrast", gap: "$1" },
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(AccessibleIcon.AccessibleIcon, { label: copied ? "Copied" : "Copy", children: copied ? /* @__PURE__ */ jsxRuntime.jsx(reactIcons.CheckIcon, {}) : /* @__PURE__ */ jsxRuntime.jsx(reactIcons.CopyIcon, {}) }),
+                copied ? copiedText : copyText
+              ]
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "pre",
+        {
+          ref,
+          className: [CodeBlock_vanilla_css.pre, noBorder ? CodeBlock_vanilla_css.preNoBorder : "", highlightClass, className].filter(Boolean).join(" "),
+          style: {
+            maxHeight,
+            ...highlightStyle,
+            backgroundColor: "transparent",
+            ...mergedStyles
+          },
+          ...props,
+          children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: CodeBlock_vanilla_css.codeContent, children: tokens.map((line, i) => /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              ...getLineProps({ line }),
+              style: wrapText ? { whiteSpace: "normal" } : void 0,
+              children: line.map((token, key) => /* @__PURE__ */ jsxRuntime.jsx("span", { ...getTokenProps({ token }) }, key))
+            },
+            i
+          )) })
+        }
+      )
+    ] }) });
+  }
+);
+CodeBlockVanilla.displayName = "CodeBlockVanilla";
+exports.CodeBlockVanilla = CodeBlockVanilla;
+//# sourceMappingURL=CodeBlock.vanilla.cjs.map

package/dist/components/CodeBlock/CodeBlock.vanilla.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeBlock.vanilla.cjs","sources":["../../../components/CodeBlock/CodeBlock.vanilla.tsx"],"sourcesContent":["import { CheckIcon, CopyIcon } from '@radix-ui/react-icons';\nimport { assignInlineVars } from '@vanilla-extract/dynamic';\nimport { Highlight, Language, themes } from 'prism-react-renderer';\nimport React, { forwardRef, HTMLAttributes, useState } from 'react';\n\nimport { CSSProps, processCSSProp } from '../../styles/cssProps';\nimport { useVanillaExtractTheme } from '../../styles/themeContext';\nimport { AccessibleIcon } from '../AccessibleIcon';\nimport { ButtonVanilla } from '../Button';\nimport {\n  codeContent,\n  copyButtonWrapper,\n  copyButtonWrapperBottom,\n  copyButtonWrapperTop,\n  pre,\n  preNoBorder,\n  wrapper,\n} from './CodeBlock.vanilla.css';\n\nexport interface CodeBlockVanillaProps\n  extends Omit<HTMLAttributes<HTMLPreElement>, 'css'>,\n    CSSProps {\n  lang: Language;\n  code: string;\n  copyable?: boolean;\n  copyText?: string;\n  copiedText?: string;\n  copyButtonAlign?: 'top' | 'bottom';\n  noBorder?: boolean;\n  wrapText?: boolean;\n  colorScheme?: 'light' | 'dark';\n  maxHeight?: number | string;\n}\n\nexport const CodeBlockVanilla = forwardRef<HTMLPreElement, CodeBlockVanillaProps>(\n  (\n    {\n      lang,\n      code,\n      copyable = false,\n      copyText,\n      copiedText,\n      copyButtonAlign = 'top',\n      noBorder,\n      wrapText = false,\n      colorScheme,\n      maxHeight = 424,\n      css,\n      style,\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    const { colors, resolvedTheme } = useVanillaExtractTheme();\n    const effectiveScheme = colorScheme ?? resolvedTheme;\n    const prismTheme = effectiveScheme === 'dark' ? themes.nightOwl : themes.nightOwlLight;\n\n    const { style: cssStyles, vars } = processCSSProp(css, colors);\n    const mergedStyles = { ...cssStyles, ...style, ...assignInlineVars(vars) };\n\n    const [copied, setCopied] = useState(false);\n\n    const handleCopy = async () => {\n      try {\n        await navigator.clipboard.writeText(code);\n        setCopied(true);\n        setTimeout(() => setCopied(false), 1500);\n      } catch {\n        // clipboard write failed (e.g. permission denied) — leave UI unchanged\n      }\n    };\n\n    return (\n      <Highlight theme={prismTheme} code={code} language={lang}>\n        {({\n          className: highlightClass,\n          style: highlightStyle,\n          tokens,\n          getLineProps,\n          getTokenProps,\n        }) => (\n          <div className={wrapper}>\n            {copyable && (\n              <div\n                className={[\n                  copyButtonWrapper,\n                  copyButtonAlign === 'bottom' ? copyButtonWrapperBottom : copyButtonWrapperTop,\n                ].join(' ')}\n              >\n                <ButtonVanilla\n                  variant=\"secondary\"\n                  ghost\n                  size=\"small\"\n                  type=\"button\"\n                  onClick={handleCopy}\n                  css={{ color: '$hiContrast', gap: '$1' }}\n                >\n                  <AccessibleIcon label={copied ? 'Copied' : 'Copy'}>\n                    {copied ? <CheckIcon /> : <CopyIcon />}\n                  </AccessibleIcon>\n                  {copied ? copiedText : copyText}\n                </ButtonVanilla>\n              </div>\n            )}\n            <pre\n              ref={ref}\n              className={[pre, noBorder ? preNoBorder : '', highlightClass, className]\n                .filter(Boolean)\n                .join(' ')}\n              style={{\n                maxHeight,\n                ...highlightStyle,\n                backgroundColor: 'transparent',\n                ...mergedStyles,\n              }}\n              {...props}\n            >\n              <div className={codeContent}>\n                {tokens.map((line, i) => (\n                  <div\n                    key={i}\n                    {...getLineProps({ line })}\n                    style={wrapText ? { whiteSpace: 'normal' } : undefined}\n                  >\n                    {line.map((token, key) => (\n                      <span key={key} {...getTokenProps({ token })} />\n                    ))}\n                  </div>\n                ))}\n              </div>\n            </pre>\n          </div>\n        )}\n      </Highlight>\n    );\n  },\n);\n\nCodeBlockVanilla.displayName = 'CodeBlockVanilla';\n"],"names":["forwardRef","useVanillaExtractTheme","themes","processCSSProp","assignInlineVars","useState","Highlight","jsxs","wrapper","jsx","copyButtonWrapper","copyButtonWrapperBottom","copyButtonWrapperTop","ButtonVanilla","AccessibleIcon","CheckIcon","CopyIcon","pre","preNoBorder","codeContent"],"mappings":"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"}

package/dist/components/CodeBlock/CodeBlock.vanilla.css.cjs

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+;/* empty css                                       */
+var wrapper = "_1krwcuz0";
+var pre = "_1krwcuz1";
+var preNoBorder = "_1krwcuz2";
+var codeContent = "_1krwcuz3";
+var copyButtonWrapper = "_1krwcuz4";
+var copyButtonWrapperTop = "_1krwcuz5";
+var copyButtonWrapperBottom = "_1krwcuz6";
+exports.codeContent = codeContent;
+exports.copyButtonWrapper = copyButtonWrapper;
+exports.copyButtonWrapperBottom = copyButtonWrapperBottom;
+exports.copyButtonWrapperTop = copyButtonWrapperTop;
+exports.pre = pre;
+exports.preNoBorder = preNoBorder;
+exports.wrapper = wrapper;
+//# sourceMappingURL=CodeBlock.vanilla.css.cjs.map

package/dist/components/CodeBlock/CodeBlock.vanilla.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeBlock.vanilla.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;"}

package/dist/components/CodeBlock/CodeBlock.vanilla.css.js

@@ -0,0 +1,18 @@
+/* empty css                                     */
+var wrapper = "_1krwcuz0";
+var pre = "_1krwcuz1";
+var preNoBorder = "_1krwcuz2";
+var codeContent = "_1krwcuz3";
+var copyButtonWrapper = "_1krwcuz4";
+var copyButtonWrapperTop = "_1krwcuz5";
+var copyButtonWrapperBottom = "_1krwcuz6";
+export {
+  codeContent,
+  copyButtonWrapper,
+  copyButtonWrapperBottom,
+  copyButtonWrapperTop,
+  pre,
+  preNoBorder,
+  wrapper
+};
+//# sourceMappingURL=CodeBlock.vanilla.css.js.map

package/dist/components/CodeBlock/CodeBlock.vanilla.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeBlock.vanilla.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/components/CodeBlock/CodeBlock.vanilla.js

@@ -0,0 +1,103 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { CheckIcon, CopyIcon } from "@radix-ui/react-icons";
+import { assignInlineVars } from "@vanilla-extract/dynamic";
+import { themes, Highlight } from "prism-react-renderer";
+import { forwardRef, useState } from "react";
+import { processCSSProp } from "../../styles/cssProps.js";
+import { useVanillaExtractTheme } from "../../styles/themeContext.js";
+import { wrapper, copyButtonWrapper, copyButtonWrapperBottom, copyButtonWrapperTop, pre, preNoBorder, codeContent } from "./CodeBlock.vanilla.css.js";
+import { ButtonVanilla } from "../Button/Button.vanilla.js";
+import { AccessibleIcon } from "../AccessibleIcon/AccessibleIcon.js";
+const CodeBlockVanilla = forwardRef(
+  ({
+    lang,
+    code,
+    copyable = false,
+    copyText,
+    copiedText,
+    copyButtonAlign = "top",
+    noBorder,
+    wrapText = false,
+    colorScheme,
+    maxHeight = 424,
+    css,
+    style,
+    className,
+    ...props
+  }, ref) => {
+    const { colors, resolvedTheme } = useVanillaExtractTheme();
+    const effectiveScheme = colorScheme ?? resolvedTheme;
+    const prismTheme = effectiveScheme === "dark" ? themes.nightOwl : themes.nightOwlLight;
+    const { style: cssStyles, vars } = processCSSProp(css, colors);
+    const mergedStyles = { ...cssStyles, ...style, ...assignInlineVars(vars) };
+    const [copied, setCopied] = useState(false);
+    const handleCopy = async () => {
+      try {
+        await navigator.clipboard.writeText(code);
+        setCopied(true);
+        setTimeout(() => setCopied(false), 1500);
+      } catch {
+      }
+    };
+    return /* @__PURE__ */ jsx(Highlight, { theme: prismTheme, code, language: lang, children: ({
+      className: highlightClass,
+      style: highlightStyle,
+      tokens,
+      getLineProps,
+      getTokenProps
+    }) => /* @__PURE__ */ jsxs("div", { className: wrapper, children: [
+      copyable && /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: [
+            copyButtonWrapper,
+            copyButtonAlign === "bottom" ? copyButtonWrapperBottom : copyButtonWrapperTop
+          ].join(" "),
+          children: /* @__PURE__ */ jsxs(
+            ButtonVanilla,
+            {
+              variant: "secondary",
+              ghost: true,
+              size: "small",
+              type: "button",
+              onClick: handleCopy,
+              css: { color: "$hiContrast", gap: "$1" },
+              children: [
+                /* @__PURE__ */ jsx(AccessibleIcon, { label: copied ? "Copied" : "Copy", children: copied ? /* @__PURE__ */ jsx(CheckIcon, {}) : /* @__PURE__ */ jsx(CopyIcon, {}) }),
+                copied ? copiedText : copyText
+              ]
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "pre",
+        {
+          ref,
+          className: [pre, noBorder ? preNoBorder : "", highlightClass, className].filter(Boolean).join(" "),
+          style: {
+            maxHeight,
+            ...highlightStyle,
+            backgroundColor: "transparent",
+            ...mergedStyles
+          },
+          ...props,
+          children: /* @__PURE__ */ jsx("div", { className: codeContent, children: tokens.map((line, i) => /* @__PURE__ */ jsx(
+            "div",
+            {
+              ...getLineProps({ line }),
+              style: wrapText ? { whiteSpace: "normal" } : void 0,
+              children: line.map((token, key) => /* @__PURE__ */ jsx("span", { ...getTokenProps({ token }) }, key))
+            },
+            i
+          )) })
+        }
+      )
+    ] }) });
+  }
+);
+CodeBlockVanilla.displayName = "CodeBlockVanilla";
+export {
+  CodeBlockVanilla
+};
+//# sourceMappingURL=CodeBlock.vanilla.js.map

package/dist/components/CodeBlock/CodeBlock.vanilla.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeBlock.vanilla.js","sources":["../../../components/CodeBlock/CodeBlock.vanilla.tsx"],"sourcesContent":["import { CheckIcon, CopyIcon } from '@radix-ui/react-icons';\nimport { assignInlineVars } from '@vanilla-extract/dynamic';\nimport { Highlight, Language, themes } from 'prism-react-renderer';\nimport React, { forwardRef, HTMLAttributes, useState } from 'react';\n\nimport { CSSProps, processCSSProp } from '../../styles/cssProps';\nimport { useVanillaExtractTheme } from '../../styles/themeContext';\nimport { AccessibleIcon } from '../AccessibleIcon';\nimport { ButtonVanilla } from '../Button';\nimport {\n  codeContent,\n  copyButtonWrapper,\n  copyButtonWrapperBottom,\n  copyButtonWrapperTop,\n  pre,\n  preNoBorder,\n  wrapper,\n} from './CodeBlock.vanilla.css';\n\nexport interface CodeBlockVanillaProps\n  extends Omit<HTMLAttributes<HTMLPreElement>, 'css'>,\n    CSSProps {\n  lang: Language;\n  code: string;\n  copyable?: boolean;\n  copyText?: string;\n  copiedText?: string;\n  copyButtonAlign?: 'top' | 'bottom';\n  noBorder?: boolean;\n  wrapText?: boolean;\n  colorScheme?: 'light' | 'dark';\n  maxHeight?: number | string;\n}\n\nexport const CodeBlockVanilla = forwardRef<HTMLPreElement, CodeBlockVanillaProps>(\n  (\n    {\n      lang,\n      code,\n      copyable = false,\n      copyText,\n      copiedText,\n      copyButtonAlign = 'top',\n      noBorder,\n      wrapText = false,\n      colorScheme,\n      maxHeight = 424,\n      css,\n      style,\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    const { colors, resolvedTheme } = useVanillaExtractTheme();\n    const effectiveScheme = colorScheme ?? resolvedTheme;\n    const prismTheme = effectiveScheme === 'dark' ? themes.nightOwl : themes.nightOwlLight;\n\n    const { style: cssStyles, vars } = processCSSProp(css, colors);\n    const mergedStyles = { ...cssStyles, ...style, ...assignInlineVars(vars) };\n\n    const [copied, setCopied] = useState(false);\n\n    const handleCopy = async () => {\n      try {\n        await navigator.clipboard.writeText(code);\n        setCopied(true);\n        setTimeout(() => setCopied(false), 1500);\n      } catch {\n        // clipboard write failed (e.g. permission denied) — leave UI unchanged\n      }\n    };\n\n    return (\n      <Highlight theme={prismTheme} code={code} language={lang}>\n        {({\n          className: highlightClass,\n          style: highlightStyle,\n          tokens,\n          getLineProps,\n          getTokenProps,\n        }) => (\n          <div className={wrapper}>\n            {copyable && (\n              <div\n                className={[\n                  copyButtonWrapper,\n                  copyButtonAlign === 'bottom' ? copyButtonWrapperBottom : copyButtonWrapperTop,\n                ].join(' ')}\n              >\n                <ButtonVanilla\n                  variant=\"secondary\"\n                  ghost\n                  size=\"small\"\n                  type=\"button\"\n                  onClick={handleCopy}\n                  css={{ color: '$hiContrast', gap: '$1' }}\n                >\n                  <AccessibleIcon label={copied ? 'Copied' : 'Copy'}>\n                    {copied ? <CheckIcon /> : <CopyIcon />}\n                  </AccessibleIcon>\n                  {copied ? copiedText : copyText}\n                </ButtonVanilla>\n              </div>\n            )}\n            <pre\n              ref={ref}\n              className={[pre, noBorder ? preNoBorder : '', highlightClass, className]\n                .filter(Boolean)\n                .join(' ')}\n              style={{\n                maxHeight,\n                ...highlightStyle,\n                backgroundColor: 'transparent',\n                ...mergedStyles,\n              }}\n              {...props}\n            >\n              <div className={codeContent}>\n                {tokens.map((line, i) => (\n                  <div\n                    key={i}\n                    {...getLineProps({ line })}\n                    style={wrapText ? { whiteSpace: 'normal' } : undefined}\n                  >\n                    {line.map((token, key) => (\n                      <span key={key} {...getTokenProps({ token })} />\n                    ))}\n                  </div>\n                ))}\n              </div>\n            </pre>\n          </div>\n        )}\n      </Highlight>\n    );\n  },\n);\n\nCodeBlockVanilla.displayName = 'CodeBlockVanilla';\n"],"names":[],"mappings":";;;;;;;;;;AAkCO,MAAM,mBAAmB;AAAA,EAC9B,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA,kBAAkB;AAAA,IAClB;AAAA,IACA,WAAW;AAAA,IACX;AAAA,IACA,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,GAEL,QACG;AACH,UAAM,EAAE,QAAQ,cAAA,IAAkB,uBAAA;AAClC,UAAM,kBAAkB,eAAe;AACvC,UAAM,aAAa,oBAAoB,SAAS,OAAO,WAAW,OAAO;AAEzE,UAAM,EAAE,OAAO,WAAW,SAAS,eAAe,KAAK,MAAM;AAC7D,UAAM,eAAe,EAAE,GAAG,WAAW,GAAG,OAAO,GAAG,iBAAiB,IAAI,EAAA;AAEvE,UAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,KAAK;AAE1C,UAAM,aAAa,YAAY;AAC7B,UAAI;AACF,cAAM,UAAU,UAAU,UAAU,IAAI;AACxC,kBAAU,IAAI;AACd,mBAAW,MAAM,UAAU,KAAK,GAAG,IAAI;AAAA,MACzC,QAAQ;AAAA,MAER;AAAA,IACF;AAEA,+BACG,WAAA,EAAU,OAAO,YAAY,MAAY,UAAU,MACjD,UAAA,CAAC;AAAA,MACA,WAAW;AAAA,MACX,OAAO;AAAA,MACP;AAAA,MACA;AAAA,MACA;AAAA,IAAA,MAEA,qBAAC,OAAA,EAAI,WAAW,SACb,UAAA;AAAA,MAAA,YACC;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW;AAAA,YACT;AAAA,YACA,oBAAoB,WAAW,0BAA0B;AAAA,UAAA,EACzD,KAAK,GAAG;AAAA,UAEV,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,SAAQ;AAAA,cACR,OAAK;AAAA,cACL,MAAK;AAAA,cACL,MAAK;AAAA,cACL,SAAS;AAAA,cACT,KAAK,EAAE,OAAO,eAAe,KAAK,KAAA;AAAA,cAElC,UAAA;AAAA,gBAAA,oBAAC,gBAAA,EAAe,OAAO,SAAS,WAAW,QACxC,UAAA,SAAS,oBAAC,WAAA,EAAU,IAAK,oBAAC,UAAA,CAAA,CAAS,GACtC;AAAA,gBACC,SAAS,aAAa;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACzB;AAAA,MAAA;AAAA,MAGJ;AAAA,QAAC;AAAA,QAAA;AAAA,UACC;AAAA,UACA,WAAW,CAAC,KAAK,WAAW,cAAc,IAAI,gBAAgB,SAAS,EACpE,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,UACX,OAAO;AAAA,YACL;AAAA,YACA,GAAG;AAAA,YACH,iBAAiB;AAAA,YACjB,GAAG;AAAA,UAAA;AAAA,UAEJ,GAAG;AAAA,UAEJ,UAAA,oBAAC,SAAI,WAAW,aACb,iBAAO,IAAI,CAAC,MAAM,MACjB;AAAA,YAAC;AAAA,YAAA;AAAA,cAEE,GAAG,aAAa,EAAE,MAAM;AAAA,cACzB,OAAO,WAAW,EAAE,YAAY,aAAa;AAAA,cAE5C,UAAA,KAAK,IAAI,CAAC,OAAO,QAChB,oBAAC,QAAA,EAAgB,GAAG,cAAc,EAAE,MAAA,CAAO,EAAA,GAAhC,GAAmC,CAC/C;AAAA,YAAA;AAAA,YANI;AAAA,UAAA,CAQR,EAAA,CACH;AAAA,QAAA;AAAA,MAAA;AAAA,IACF,EAAA,CACF,EAAA,CAEJ;AAAA,EAEJ;AACF;AAEA,iBAAiB,cAAc;"}

package/dist/components/Container/Container.vanilla.css.cjs

@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 ;/* empty css                                       */
 ;/* empty css                                      */
 ;/* empty css                                       */
-const createRuntimeFn62c9670f_esm = require("../../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.cjs");
-var containerRecipe = createRuntimeFn62c9670f_esm.c({ defaultClassName: "ayuv8i1 ayuv8i0", variantClassNames: { size: { "1": "ayuv8i2", "2": "ayuv8i3", "3": "ayuv8i4", "4": "ayuv8i5" }, noGutter: { true: "ayuv8i6" } }, defaultVariants: { size: "4" }, compoundVariants: [] });
+const createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
+var containerRecipe = createRuntimeFn.createRuntimeFn({ defaultClassName: "ayuv8i1 ayuv8i0", variantClassNames: { size: { "1": "ayuv8i2", "2": "ayuv8i3", "3": "ayuv8i4", "4": "ayuv8i5" }, noGutter: { true: "ayuv8i6" } }, defaultVariants: { size: "4" }, compoundVariants: [] });
 exports.containerRecipe = containerRecipe;
 //# sourceMappingURL=Container.vanilla.css.cjs.map

package/dist/components/Container/Container.vanilla.css.js

@@ -1,7 +1,7 @@
 /* empty css                                     */
 /* empty css                                    */
 /* empty css                                     */
-import { c as createRuntimeFn } from "../../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js";
+import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var containerRecipe = createRuntimeFn({ defaultClassName: "ayuv8i1 ayuv8i0", variantClassNames: { size: { "1": "ayuv8i2", "2": "ayuv8i3", "3": "ayuv8i4", "4": "ayuv8i5" }, noGutter: { true: "ayuv8i6" } }, defaultVariants: { size: "4" }, compoundVariants: [] });
 export {
   containerRecipe

package/dist/components/DateTimePicker/DateTimePicker.cjs

@@ -7,9 +7,9 @@ const dateFns = require("date-fns");
 const React = require("react");
 const stitches_config = require("../../stitches.config.cjs");
 const Box = require("../Box/Box.cjs");
-const Button = require("../Button/Button.cjs");
 const Flex = require("../Flex/Flex.cjs");
 const Text = require("../Text/Text.cjs");
+const Button = require("../Button/Button.cjs");
 const CalendarGrid = stitches_config.styled("div", {
   display: "grid",
   alignItems: "center",

package/dist/components/DateTimePicker/DateTimePicker.js

@@ -5,9 +5,9 @@ import { addMonths, addYears } from "date-fns";
 import React, { useState } from "react";
 import { styled } from "../../stitches.config.js";
 import { Box } from "../Box/Box.js";
-import { Button } from "../Button/Button.js";
 import { Flex } from "../Flex/Flex.js";
 import { Text } from "../Text/Text.js";
+import { Button } from "../Button/Button.js";
 const CalendarGrid = styled("div", {
   display: "grid",
   alignItems: "center",

package/dist/components/Elevation/Elevation.vanilla.css.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 ;/* empty css                                       */
-const createRuntimeFn62c9670f_esm = require("../../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.cjs");
-var elevationRecipe = createRuntimeFn62c9670f_esm.c({ defaultClassName: "s9g6zx1 s9g6zx0", variantClassNames: { variant: { "0": "s9g6zx2", "1": "s9g6zx3", "2": "s9g6zx4", "3": "s9g6zx5", "4": "s9g6zx6", "5": "s9g6zx7" } }, defaultVariants: { variant: 1 }, compoundVariants: [] });
+const createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
+var elevationRecipe = createRuntimeFn.createRuntimeFn({ defaultClassName: "s9g6zx1 s9g6zx0", variantClassNames: { variant: { "0": "s9g6zx2", "1": "s9g6zx3", "2": "s9g6zx4", "3": "s9g6zx5", "4": "s9g6zx6", "5": "s9g6zx7" } }, defaultVariants: { variant: 1 }, compoundVariants: [] });
 exports.elevationRecipe = elevationRecipe;
 //# sourceMappingURL=Elevation.vanilla.css.cjs.map

package/dist/components/Elevation/Elevation.vanilla.css.js

@@ -1,5 +1,5 @@
 /* empty css                                     */
-import { c as createRuntimeFn } from "../../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js";
+import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var elevationRecipe = createRuntimeFn({ defaultClassName: "s9g6zx1 s9g6zx0", variantClassNames: { variant: { "0": "s9g6zx2", "1": "s9g6zx3", "2": "s9g6zx4", "3": "s9g6zx5", "4": "s9g6zx6", "5": "s9g6zx7" } }, defaultVariants: { variant: 1 }, compoundVariants: [] });
 export {
   elevationRecipe

package/dist/components/FaencyProvider.cjs

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const TooltipPrimitive = require("@radix-ui/react-tooltip");
-const FaencyProvider = ({ children }) => /* @__PURE__ */ jsxRuntime.jsx(TooltipPrimitive.Provider, { children });
+const colorSchemeContext = require("./colorSchemeContext.cjs");
+const FaencyProvider = ({ children }) => /* @__PURE__ */ jsxRuntime.jsx(TooltipPrimitive.Provider, { children: /* @__PURE__ */ jsxRuntime.jsx(colorSchemeContext.ColorSchemeProvider, { children }) });
 exports.FaencyProvider = FaencyProvider;
 //# sourceMappingURL=FaencyProvider.cjs.map

package/dist/components/FaencyProvider.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"FaencyProvider.cjs","sources":["../../components/FaencyProvider.tsx"],"sourcesContent":["import { Provider as TooltipProvider } from '@radix-ui/react-tooltip';\nimport React from 'react';\n\ninterface FaencyProviderProps {\n  children?: React.ReactNode;\n}\n\nexport const FaencyProvider = ({ children }: FaencyProviderProps) => (\n  <TooltipProvider>{children}</TooltipProvider>\n);\n"],"names":["jsx","TooltipProvider"],"mappings":";;;;AAOO,MAAM,iBAAiB,CAAC,EAAE,eAC/BA,2BAAAA,IAACC,iBAAAA,YAAiB,SAAA,CAAS;;"}
+{"version":3,"file":"FaencyProvider.cjs","sources":["../../components/FaencyProvider.tsx"],"sourcesContent":["import { Provider as TooltipProvider } from '@radix-ui/react-tooltip';\nimport React from 'react';\n\nimport { ColorSchemeProvider } from './colorSchemeContext';\n\ninterface FaencyProviderProps {\n  children?: React.ReactNode;\n}\n\nexport const FaencyProvider = ({ children }: FaencyProviderProps) => (\n  <TooltipProvider>\n    <ColorSchemeProvider>{children}</ColorSchemeProvider>\n  </TooltipProvider>\n);\n"],"names":["TooltipProvider","jsx","ColorSchemeProvider"],"mappings":";;;;;AASO,MAAM,iBAAiB,CAAC,EAAE,SAAA,qCAC9BA,iBAAAA,UAAA,EACC,UAAAC,+BAACC,mBAAAA,qBAAA,EAAqB,SAAA,CAAS,EAAA,CACjC;;"}

package/dist/components/FaencyProvider.js

@@ -1,6 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { Provider } from "@radix-ui/react-tooltip";
-const FaencyProvider = ({ children }) => /* @__PURE__ */ jsx(Provider, { children });
+import { ColorSchemeProvider } from "./colorSchemeContext.js";
+const FaencyProvider = ({ children }) => /* @__PURE__ */ jsx(Provider, { children: /* @__PURE__ */ jsx(ColorSchemeProvider, { children }) });
 export {
   FaencyProvider
 };

package/dist/components/FaencyProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"FaencyProvider.js","sources":["../../components/FaencyProvider.tsx"],"sourcesContent":["import { Provider as TooltipProvider } from '@radix-ui/react-tooltip';\nimport React from 'react';\n\ninterface FaencyProviderProps {\n  children?: React.ReactNode;\n}\n\nexport const FaencyProvider = ({ children }: FaencyProviderProps) => (\n  <TooltipProvider>{children}</TooltipProvider>\n);\n"],"names":["TooltipProvider"],"mappings":";;AAOO,MAAM,iBAAiB,CAAC,EAAE,eAC/B,oBAACA,YAAiB,SAAA,CAAS;"}
+{"version":3,"file":"FaencyProvider.js","sources":["../../components/FaencyProvider.tsx"],"sourcesContent":["import { Provider as TooltipProvider } from '@radix-ui/react-tooltip';\nimport React from 'react';\n\nimport { ColorSchemeProvider } from './colorSchemeContext';\n\ninterface FaencyProviderProps {\n  children?: React.ReactNode;\n}\n\nexport const FaencyProvider = ({ children }: FaencyProviderProps) => (\n  <TooltipProvider>\n    <ColorSchemeProvider>{children}</ColorSchemeProvider>\n  </TooltipProvider>\n);\n"],"names":["TooltipProvider"],"mappings":";;;AASO,MAAM,iBAAiB,CAAC,EAAE,SAAA,0BAC9BA,UAAA,EACC,UAAA,oBAAC,qBAAA,EAAqB,SAAA,CAAS,EAAA,CACjC;"}

package/dist/components/Flex/Flex.vanilla.css.cjs

@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 ;/* empty css                                       */
 ;/* empty css                                      */
 ;/* empty css                                  */
-const createRuntimeFn62c9670f_esm = require("../../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.cjs");
-var flexRecipe = createRuntimeFn62c9670f_esm.c({ defaultClassName: "qtrdwq1 qtrdwq0", variantClassNames: { direction: { row: "qtrdwq2", column: "qtrdwq3", rowReverse: "qtrdwq4", columnReverse: "qtrdwq5" }, align: { start: "qtrdwq6", center: "qtrdwq7", end: "qtrdwq8", stretch: "qtrdwq9", baseline: "qtrdwqa" }, justify: { start: "qtrdwqb", center: "qtrdwqc", end: "qtrdwqd", "space-evenly": "qtrdwqe", "space-between": "qtrdwqf", "space-around": "qtrdwqg" }, wrap: { noWrap: "qtrdwqh", wrap: "qtrdwqi", wrapReverse: "qtrdwqj" }, gap: { "1": "qtrdwqk", "2": "qtrdwql", "3": "qtrdwqm", "4": "qtrdwqn", "5": "qtrdwqo", "6": "qtrdwqp", "7": "qtrdwqq", "8": "qtrdwqr", "9": "qtrdwqs" } }, defaultVariants: { direction: "row", align: "stretch", justify: "start", wrap: "noWrap" }, compoundVariants: [] });
+const createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
+var flexRecipe = createRuntimeFn.createRuntimeFn({ defaultClassName: "qtrdwq1 qtrdwq0", variantClassNames: { direction: { row: "qtrdwq2", column: "qtrdwq3", rowReverse: "qtrdwq4", columnReverse: "qtrdwq5" }, align: { start: "qtrdwq6", center: "qtrdwq7", end: "qtrdwq8", stretch: "qtrdwq9", baseline: "qtrdwqa" }, justify: { start: "qtrdwqb", center: "qtrdwqc", end: "qtrdwqd", "space-evenly": "qtrdwqe", "space-between": "qtrdwqf", "space-around": "qtrdwqg" }, wrap: { noWrap: "qtrdwqh", wrap: "qtrdwqi", wrapReverse: "qtrdwqj" }, gap: { "1": "qtrdwqk", "2": "qtrdwql", "3": "qtrdwqm", "4": "qtrdwqn", "5": "qtrdwqo", "6": "qtrdwqp", "7": "qtrdwqq", "8": "qtrdwqr", "9": "qtrdwqs" } }, defaultVariants: { direction: "row", align: "stretch", justify: "start", wrap: "noWrap" }, compoundVariants: [] });
 exports.flexRecipe = flexRecipe;
 //# sourceMappingURL=Flex.vanilla.css.cjs.map

package/dist/components/Flex/Flex.vanilla.css.js

@@ -1,7 +1,7 @@
 /* empty css                                     */
 /* empty css                                    */
 /* empty css                                */
-import { c as createRuntimeFn } from "../../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js";
+import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var flexRecipe = createRuntimeFn({ defaultClassName: "qtrdwq1 qtrdwq0", variantClassNames: { direction: { row: "qtrdwq2", column: "qtrdwq3", rowReverse: "qtrdwq4", columnReverse: "qtrdwq5" }, align: { start: "qtrdwq6", center: "qtrdwq7", end: "qtrdwq8", stretch: "qtrdwq9", baseline: "qtrdwqa" }, justify: { start: "qtrdwqb", center: "qtrdwqc", end: "qtrdwqd", "space-evenly": "qtrdwqe", "space-between": "qtrdwqf", "space-around": "qtrdwqg" }, wrap: { noWrap: "qtrdwqh", wrap: "qtrdwqi", wrapReverse: "qtrdwqj" }, gap: { "1": "qtrdwqk", "2": "qtrdwql", "3": "qtrdwqm", "4": "qtrdwqn", "5": "qtrdwqo", "6": "qtrdwqp", "7": "qtrdwqq", "8": "qtrdwqr", "9": "qtrdwqs" } }, defaultVariants: { direction: "row", align: "stretch", justify: "start", wrap: "noWrap" }, compoundVariants: [] });
 export {
   flexRecipe

package/dist/components/Grid/Grid.vanilla.css.cjs

@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 ;/* empty css                                       */
 ;/* empty css                                      */
 ;/* empty css                                  */
-const createRuntimeFn62c9670f_esm = require("../../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.cjs");
-var gridRecipe = createRuntimeFn62c9670f_esm.c({ defaultClassName: "_1qwrd2o1 _1qwrd2o0", variantClassNames: { align: { start: "_1qwrd2o2", center: "_1qwrd2o3", end: "_1qwrd2o4", stretch: "_1qwrd2o5", baseline: "_1qwrd2o6" }, justify: { start: "_1qwrd2o7", center: "_1qwrd2o8", end: "_1qwrd2o9", between: "_1qwrd2oa" }, flow: { row: "_1qwrd2ob", column: "_1qwrd2oc", dense: "_1qwrd2od", rowDense: "_1qwrd2oe", columnDense: "_1qwrd2of" }, gap: { "1": "_1qwrd2og", "2": "_1qwrd2oh", "3": "_1qwrd2oi", "4": "_1qwrd2oj", "5": "_1qwrd2ok", "6": "_1qwrd2ol", "7": "_1qwrd2om", "8": "_1qwrd2on", "9": "_1qwrd2oo" }, gapX: { "1": "_1qwrd2op", "2": "_1qwrd2oq", "3": "_1qwrd2or", "4": "_1qwrd2os", "5": "_1qwrd2ot", "6": "_1qwrd2ou", "7": "_1qwrd2ov", "8": "_1qwrd2ow", "9": "_1qwrd2ox" }, gapY: { "1": "_1qwrd2oy", "2": "_1qwrd2oz", "3": "_1qwrd2o10", "4": "_1qwrd2o11", "5": "_1qwrd2o12", "6": "_1qwrd2o13", "7": "_1qwrd2o14", "8": "_1qwrd2o15", "9": "_1qwrd2o16" } }, defaultVariants: {}, compoundVariants: [] });
+const createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
+var gridRecipe = createRuntimeFn.createRuntimeFn({ defaultClassName: "_1qwrd2o1 _1qwrd2o0", variantClassNames: { align: { start: "_1qwrd2o2", center: "_1qwrd2o3", end: "_1qwrd2o4", stretch: "_1qwrd2o5", baseline: "_1qwrd2o6" }, justify: { start: "_1qwrd2o7", center: "_1qwrd2o8", end: "_1qwrd2o9", between: "_1qwrd2oa" }, flow: { row: "_1qwrd2ob", column: "_1qwrd2oc", dense: "_1qwrd2od", rowDense: "_1qwrd2oe", columnDense: "_1qwrd2of" }, gap: { "1": "_1qwrd2og", "2": "_1qwrd2oh", "3": "_1qwrd2oi", "4": "_1qwrd2oj", "5": "_1qwrd2ok", "6": "_1qwrd2ol", "7": "_1qwrd2om", "8": "_1qwrd2on", "9": "_1qwrd2oo" }, gapX: { "1": "_1qwrd2op", "2": "_1qwrd2oq", "3": "_1qwrd2or", "4": "_1qwrd2os", "5": "_1qwrd2ot", "6": "_1qwrd2ou", "7": "_1qwrd2ov", "8": "_1qwrd2ow", "9": "_1qwrd2ox" }, gapY: { "1": "_1qwrd2oy", "2": "_1qwrd2oz", "3": "_1qwrd2o10", "4": "_1qwrd2o11", "5": "_1qwrd2o12", "6": "_1qwrd2o13", "7": "_1qwrd2o14", "8": "_1qwrd2o15", "9": "_1qwrd2o16" } }, defaultVariants: {}, compoundVariants: [] });
 exports.gridRecipe = gridRecipe;
 //# sourceMappingURL=Grid.vanilla.css.cjs.map

package/dist/components/Grid/Grid.vanilla.css.js

@@ -1,7 +1,7 @@
 /* empty css                                     */
 /* empty css                                    */
 /* empty css                                */
-import { c as createRuntimeFn } from "../../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js";
+import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var gridRecipe = createRuntimeFn({ defaultClassName: "_1qwrd2o1 _1qwrd2o0", variantClassNames: { align: { start: "_1qwrd2o2", center: "_1qwrd2o3", end: "_1qwrd2o4", stretch: "_1qwrd2o5", baseline: "_1qwrd2o6" }, justify: { start: "_1qwrd2o7", center: "_1qwrd2o8", end: "_1qwrd2o9", between: "_1qwrd2oa" }, flow: { row: "_1qwrd2ob", column: "_1qwrd2oc", dense: "_1qwrd2od", rowDense: "_1qwrd2oe", columnDense: "_1qwrd2of" }, gap: { "1": "_1qwrd2og", "2": "_1qwrd2oh", "3": "_1qwrd2oi", "4": "_1qwrd2oj", "5": "_1qwrd2ok", "6": "_1qwrd2ol", "7": "_1qwrd2om", "8": "_1qwrd2on", "9": "_1qwrd2oo" }, gapX: { "1": "_1qwrd2op", "2": "_1qwrd2oq", "3": "_1qwrd2or", "4": "_1qwrd2os", "5": "_1qwrd2ot", "6": "_1qwrd2ou", "7": "_1qwrd2ov", "8": "_1qwrd2ow", "9": "_1qwrd2ox" }, gapY: { "1": "_1qwrd2oy", "2": "_1qwrd2oz", "3": "_1qwrd2o10", "4": "_1qwrd2o11", "5": "_1qwrd2o12", "6": "_1qwrd2o13", "7": "_1qwrd2o14", "8": "_1qwrd2o15", "9": "_1qwrd2o16" } }, defaultVariants: {}, compoundVariants: [] });
 export {
   gridRecipe

package/dist/components/IconButton/IconButton.vanilla.css.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 ;/* empty css                                        */
-const createRuntimeFn62c9670f_esm = require("../../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.cjs");
-var iconButtonRecipe = createRuntimeFn62c9670f_esm.c({ defaultClassName: "vdyzvy1 vdyzvy0", variantClassNames: { size: { "1": "vdyzvy2", "2": "vdyzvy3", "3": "vdyzvy4", "4": "vdyzvy5" }, variant: { "default": "vdyzvy6", contrast: "vdyzvy7", primary: "vdyzvy8", red: "vdyzvy9", green: "vdyzvya", orange: "vdyzvyb" } }, defaultVariants: { variant: "default", size: "2" }, compoundVariants: [] });
+const createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
+var iconButtonRecipe = createRuntimeFn.createRuntimeFn({ defaultClassName: "vdyzvy1 vdyzvy0", variantClassNames: { size: { "1": "vdyzvy2", "2": "vdyzvy3", "3": "vdyzvy4", "4": "vdyzvy5" }, variant: { "default": "vdyzvy6", contrast: "vdyzvy7", primary: "vdyzvy8", red: "vdyzvy9", green: "vdyzvya", orange: "vdyzvyb" } }, defaultVariants: { variant: "default", size: "2" }, compoundVariants: [] });
 exports.iconButtonRecipe = iconButtonRecipe;
 //# sourceMappingURL=IconButton.vanilla.css.cjs.map

package/dist/components/IconButton/IconButton.vanilla.css.js

@@ -1,5 +1,5 @@
 /* empty css                                      */
-import { c as createRuntimeFn } from "../../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js";
+import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var iconButtonRecipe = createRuntimeFn({ defaultClassName: "vdyzvy1 vdyzvy0", variantClassNames: { size: { "1": "vdyzvy2", "2": "vdyzvy3", "3": "vdyzvy4", "4": "vdyzvy5" }, variant: { "default": "vdyzvy6", contrast: "vdyzvy7", primary: "vdyzvy8", red: "vdyzvy9", green: "vdyzvya", orange: "vdyzvyb" } }, defaultVariants: { variant: "default", size: "2" }, compoundVariants: [] });
 export {
   iconButtonRecipe

package/dist/components/Input/Input.vanilla.css.cjs

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 ;/* empty css                                   */
-const createRuntimeFn62c9670f_esm = require("../../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.cjs");
-var styledInputRecipe = createRuntimeFn62c9670f_esm.c({ defaultClassName: "_1st6suv1 _1st6suv0", variantClassNames: { size: { small: "_1st6suv2", medium: "_1st6suv3", large: "_1st6suv4" }, variant: { ghost: "_1st6suv5" }, state: { invalid: "_1st6suv6" }, cursor: { "default": "_1st6suv7", text: "_1st6suv8" }, startAdornment: { true: "_1st6suv9" }, endAdornment: { true: "_1st6suva" } }, defaultVariants: { size: "medium", cursor: "default" }, compoundVariants: [[{ variant: "ghost", state: "invalid" }, "_1st6suvb"], [{ startAdornment: true, size: "small" }, "_1st6suvc"], [{ startAdornment: true, size: "medium" }, "_1st6suvd"], [{ startAdornment: true, size: "large" }, "_1st6suve"], [{ endAdornment: true, size: "small" }, "_1st6suvf"], [{ endAdornment: true, size: "medium" }, "_1st6suvg"], [{ endAdornment: true, size: "large" }, "_1st6suvh"], [{ endAdornment: true, size: "small", state: "invalid" }, "_1st6suvi"], [{ endAdornment: true, size: "medium", state: "invalid" }, "_1st6suvj"], [{ endAdornment: true, size: "large", state: "invalid" }, "_1st6suvk"]] });
-var inputWrapperRecipe = createRuntimeFn62c9670f_esm.c({ defaultClassName: "_1st6suvm _1st6suvl", variantClassNames: { disabled: { true: "_1st6suvn" }, state: { invalid: "_1st6suvo" }, size: { small: "_1st6suvp", medium: "_1st6suvq", large: "_1st6suvr" } }, defaultVariants: { size: "medium", disabled: false }, compoundVariants: [] });
-var adornmentWrapperRecipe = createRuntimeFn62c9670f_esm.c({ defaultClassName: "_1st6suvt _1st6suvs", variantClassNames: { size: { small: "_1st6suvu", medium: "_1st6suvv", large: "_1st6suvw" }, variant: { start: "_1st6suvx", end: "_1st6suvy" } }, defaultVariants: { size: "medium" }, compoundVariants: [] });
+const createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
+var styledInputRecipe = createRuntimeFn.createRuntimeFn({ defaultClassName: "_1st6suv1 _1st6suv0", variantClassNames: { size: { small: "_1st6suv2", medium: "_1st6suv3", large: "_1st6suv4" }, variant: { ghost: "_1st6suv5" }, state: { invalid: "_1st6suv6" }, cursor: { "default": "_1st6suv7", text: "_1st6suv8" }, startAdornment: { true: "_1st6suv9" }, endAdornment: { true: "_1st6suva" } }, defaultVariants: { size: "medium", cursor: "default" }, compoundVariants: [[{ variant: "ghost", state: "invalid" }, "_1st6suvb"], [{ startAdornment: true, size: "small" }, "_1st6suvc"], [{ startAdornment: true, size: "medium" }, "_1st6suvd"], [{ startAdornment: true, size: "large" }, "_1st6suve"], [{ endAdornment: true, size: "small" }, "_1st6suvf"], [{ endAdornment: true, size: "medium" }, "_1st6suvg"], [{ endAdornment: true, size: "large" }, "_1st6suvh"], [{ endAdornment: true, size: "small", state: "invalid" }, "_1st6suvi"], [{ endAdornment: true, size: "medium", state: "invalid" }, "_1st6suvj"], [{ endAdornment: true, size: "large", state: "invalid" }, "_1st6suvk"]] });
+var inputWrapperRecipe = createRuntimeFn.createRuntimeFn({ defaultClassName: "_1st6suvm _1st6suvl", variantClassNames: { disabled: { true: "_1st6suvn" }, state: { invalid: "_1st6suvo" }, size: { small: "_1st6suvp", medium: "_1st6suvq", large: "_1st6suvr" } }, defaultVariants: { size: "medium", disabled: false }, compoundVariants: [] });
+var adornmentWrapperRecipe = createRuntimeFn.createRuntimeFn({ defaultClassName: "_1st6suvt _1st6suvs", variantClassNames: { size: { small: "_1st6suvu", medium: "_1st6suvv", large: "_1st6suvw" }, variant: { start: "_1st6suvx", end: "_1st6suvy" } }, defaultVariants: { size: "medium" }, compoundVariants: [] });
 exports.adornmentWrapperRecipe = adornmentWrapperRecipe;
 exports.inputWrapperRecipe = inputWrapperRecipe;
 exports.styledInputRecipe = styledInputRecipe;