@traefik-labs/faency 12.0.12 → 12.2.0

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,158 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { CheckIcon, CopyIcon } from "@radix-ui/react-icons";
+import { assignInlineVars } from "@vanilla-extract/dynamic";
+import { themes, Highlight, Prism } from "prism-react-renderer";
+import { forwardRef, useState, useRef, useCallback, useLayoutEffect } from "react";
+import { processCSSProp } from "../../styles/cssProps.js";
+import { useVanillaExtractTheme } from "../../styles/themeContext.js";
+import { pre, preNoBorder, codeContent, codeContentBottomPadding, copyButtonWrapperBottomLeft, copyButtonWrapperBottomRight, copyButtonWrapperTopLeft, copyButtonWrapperTop } from "./CodeBlock.vanilla.css.js";
+import { ButtonVanilla } from "../Button/Button.vanilla.js";
+import { AccessibleIcon } from "../AccessibleIcon/AccessibleIcon.js";
+const CodeBlockVanilla = forwardRef(
+  ({
+    lang = "text",
+    code,
+    copyable = false,
+    copyText,
+    copiedText,
+    copyButtonAlign = "top right",
+    onCopy,
+    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 containerStyles = {
+      position: "relative",
+      ...cssStyles,
+      ...assignInlineVars(vars)
+    };
+    const [copied, setCopied] = useState(false);
+    const preRef = useRef(
+      null
+    );
+    const buttonWrapperRef = useRef(null);
+    const setPreRef = useCallback(
+      (node) => {
+        preRef.current = node;
+        if (typeof ref === "function") ref(node);
+        else if (ref) ref.current = node;
+      },
+      [ref]
+    );
+    useLayoutEffect(() => {
+      if (!copyable) return;
+      const pre2 = preRef.current;
+      const wrapper = buttonWrapperRef.current;
+      if (!pre2 || !wrapper) return;
+      const isLeftAlign = copyButtonAlign.includes("left");
+      const isBottomAlign = copyButtonAlign.includes("bottom");
+      const borderH = noBorder ? 0 : 2;
+      const update = () => {
+        if (!isLeftAlign) {
+          const vScrollbar = Math.max(0, pre2.offsetWidth - pre2.clientWidth - borderH);
+          wrapper.style.right = `${16 + vScrollbar}px`;
+        }
+        if (isBottomAlign) {
+          const hScrollbar = Math.max(0, pre2.offsetHeight - pre2.clientHeight - borderH);
+          wrapper.style.bottom = `${8 + hScrollbar}px`;
+        }
+      };
+      update();
+      const observer = new ResizeObserver(update);
+      observer.observe(pre2);
+      return () => observer.disconnect();
+    }, [copyable, copyButtonAlign, noBorder]);
+    const handleCopy = async () => {
+      try {
+        await navigator.clipboard.writeText(code);
+        setCopied(true);
+        onCopy?.();
+        setTimeout(() => setCopied(false), 1500);
+      } catch {
+      }
+    };
+    const isBottom = copyButtonAlign.includes("bottom");
+    const isLeft = copyButtonAlign.includes("left");
+    const buttonPositionClass = isBottom ? isLeft ? copyButtonWrapperBottomLeft : copyButtonWrapperBottomRight : isLeft ? copyButtonWrapperTopLeft : copyButtonWrapperTop;
+    const copyButton = copyable ? /* @__PURE__ */ jsxs(
+      ButtonVanilla,
+      {
+        variant: "secondary",
+        ghost: true,
+        size: "small",
+        type: "button",
+        onClick: handleCopy,
+        css: {
+          color: "$hiContrast",
+          gap: "$1",
+          backgroundColor: "$codeBlockCopyButtonBg",
+          height: "32px"
+        },
+        children: [
+          /* @__PURE__ */ jsx(AccessibleIcon, { label: copied ? "Copied" : "Copy", children: copied ? /* @__PURE__ */ jsx(CheckIcon, {}) : /* @__PURE__ */ jsx(CopyIcon, {}) }),
+          copied ? copiedText : copyText
+        ]
+      }
+    ) : null;
+    return /* @__PURE__ */ jsx(
+      Highlight,
+      {
+        theme: prismTheme,
+        code,
+        language: Prism.languages[lang] != null ? lang : "text",
+        children: ({
+          className: highlightClass,
+          style: highlightStyle,
+          tokens,
+          getLineProps,
+          getTokenProps
+        }) => /* @__PURE__ */ jsxs("div", { style: containerStyles, children: [
+          /* @__PURE__ */ jsx(
+            "pre",
+            {
+              ref: setPreRef,
+              className: [pre, noBorder ? preNoBorder : "", highlightClass, className].filter(Boolean).join(" "),
+              style: {
+                maxHeight,
+                ...highlightStyle,
+                backgroundColor: "inherit",
+                ...style
+              },
+              ...props,
+              children: /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: [codeContent, copyable && isBottom ? codeContentBottomPadding : ""].filter(Boolean).join(" "),
+                  children: tokens.map((line, i) => /* @__PURE__ */ jsx(
+                    "div",
+                    {
+                      ...getLineProps({ line }),
+                      style: wrapText ? { whiteSpace: "pre-wrap", wordBreak: "break-all" } : void 0,
+                      children: line.map((token, key) => /* @__PURE__ */ jsx("span", { ...getTokenProps({ token }) }, key))
+                    },
+                    i
+                  ))
+                }
+              )
+            }
+          ),
+          copyButton && /* @__PURE__ */ jsx("div", { ref: buttonWrapperRef, className: buttonPositionClass, children: copyButton })
+        ] })
+      }
+    );
+  }
+);
+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 './prism-extend';\n\nimport { CheckIcon, CopyIcon } from '@radix-ui/react-icons';\nimport { assignInlineVars } from '@vanilla-extract/dynamic';\nimport { Highlight, Language, Prism, themes } from 'prism-react-renderer';\nimport React, {\n  forwardRef,\n  HTMLAttributes,\n  useCallback,\n  useLayoutEffect,\n  useRef,\n  useState,\n} 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  codeContentBottomPadding,\n  copyButtonWrapperBottomLeft,\n  copyButtonWrapperBottomRight,\n  copyButtonWrapperTop,\n  copyButtonWrapperTopLeft,\n  pre,\n  preNoBorder,\n} from './CodeBlock.vanilla.css';\nimport type { CodeBlockCopyButtonAlign, CodeBlockLanguage } from './index';\n\nexport interface CodeBlockVanillaProps\n  extends Omit<HTMLAttributes<HTMLPreElement>, 'css'>,\n    CSSProps {\n  lang?: CodeBlockLanguage;\n  code: string;\n  copyable?: boolean;\n  copyText?: string;\n  copiedText?: string;\n  copyButtonAlign?: CodeBlockCopyButtonAlign;\n  onCopy?: () => void;\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 = 'text',\n      code,\n      copyable = false,\n      copyText,\n      copiedText,\n      copyButtonAlign = 'top right',\n      onCopy,\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 containerStyles = {\n      position: 'relative' as const,\n      ...cssStyles,\n      ...assignInlineVars(vars),\n    };\n\n    const [copied, setCopied] = useState(false);\n\n    const preRef = useRef<HTMLPreElement | null>(\n      null,\n    ) as React.MutableRefObject<HTMLPreElement | null>;\n    const buttonWrapperRef = useRef<HTMLDivElement>(null);\n\n    const setPreRef = useCallback(\n      (node: HTMLPreElement | null) => {\n        preRef.current = node;\n        if (typeof ref === 'function') ref(node);\n        else if (ref) (ref as React.MutableRefObject<HTMLPreElement | null>).current = node;\n      },\n      [ref],\n    );\n\n    useLayoutEffect(() => {\n      if (!copyable) return;\n      const pre = preRef.current;\n      const wrapper = buttonWrapperRef.current;\n      if (!pre || !wrapper) return;\n\n      const isLeftAlign = copyButtonAlign.includes('left');\n      const isBottomAlign = copyButtonAlign.includes('bottom');\n      const borderH = noBorder ? 0 : 2;\n\n      const update = () => {\n        if (!isLeftAlign) {\n          const vScrollbar = Math.max(0, pre.offsetWidth - pre.clientWidth - borderH);\n          wrapper.style.right = `${16 + vScrollbar}px`;\n        }\n        if (isBottomAlign) {\n          const hScrollbar = Math.max(0, pre.offsetHeight - pre.clientHeight - borderH);\n          wrapper.style.bottom = `${8 + hScrollbar}px`;\n        }\n      };\n\n      update();\n      const observer = new ResizeObserver(update);\n      observer.observe(pre);\n      return () => observer.disconnect();\n    }, [copyable, copyButtonAlign, noBorder]);\n\n    const handleCopy = async () => {\n      try {\n        await navigator.clipboard.writeText(code);\n        setCopied(true);\n        onCopy?.();\n        setTimeout(() => setCopied(false), 1500);\n      } catch {\n        // clipboard write failed (e.g. permission denied) — leave UI unchanged\n      }\n    };\n\n    const isBottom = copyButtonAlign.includes('bottom');\n    const isLeft = copyButtonAlign.includes('left');\n    const buttonPositionClass = isBottom\n      ? isLeft\n        ? copyButtonWrapperBottomLeft\n        : copyButtonWrapperBottomRight\n      : isLeft\n        ? copyButtonWrapperTopLeft\n        : copyButtonWrapperTop;\n\n    const copyButton = copyable ? (\n      <ButtonVanilla\n        variant=\"secondary\"\n        ghost\n        size=\"small\"\n        type=\"button\"\n        onClick={handleCopy}\n        css={{\n          color: '$hiContrast',\n          gap: '$1',\n          backgroundColor: '$codeBlockCopyButtonBg',\n          height: '32px',\n        }}\n      >\n        <AccessibleIcon label={copied ? 'Copied' : 'Copy'}>\n          {copied ? <CheckIcon /> : <CopyIcon />}\n        </AccessibleIcon>\n        {copied ? copiedText : copyText}\n      </ButtonVanilla>\n    ) : null;\n\n    return (\n      <Highlight\n        theme={prismTheme}\n        code={code}\n        language={(Prism.languages[lang] != null ? lang : 'text') as Language}\n      >\n        {({\n          className: highlightClass,\n          style: highlightStyle,\n          tokens,\n          getLineProps,\n          getTokenProps,\n        }) => (\n          <div style={containerStyles}>\n            <pre\n              ref={setPreRef}\n              className={[pre, noBorder ? preNoBorder : '', highlightClass, className]\n                .filter(Boolean)\n                .join(' ')}\n              style={{\n                maxHeight,\n                ...highlightStyle,\n                backgroundColor: 'inherit',\n                ...style,\n              }}\n              {...props}\n            >\n              <div\n                className={[codeContent, copyable && isBottom ? codeContentBottomPadding : '']\n                  .filter(Boolean)\n                  .join(' ')}\n              >\n                {tokens.map((line, i) => (\n                  <div\n                    key={i}\n                    {...getLineProps({ line })}\n                    style={\n                      wrapText ? { whiteSpace: 'pre-wrap', wordBreak: 'break-all' } : undefined\n                    }\n                  >\n                    {line.map((token, key) => (\n                      <span key={key} {...getTokenProps({ token })} />\n                    ))}\n                  </div>\n                ))}\n              </div>\n            </pre>\n            {copyButton && (\n              <div ref={buttonWrapperRef} className={buttonPositionClass}>\n                {copyButton}\n              </div>\n            )}\n          </div>\n        )}\n      </Highlight>\n    );\n  },\n);\n\nCodeBlockVanilla.displayName = 'CodeBlockVanilla';\n"],"names":["pre"],"mappings":"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"}

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;

package/dist/components/Input/Input.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 styledInputRecipe = 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({ 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({ defaultClassName: "_1st6suvt _1st6suvs", variantClassNames: { size: { small: "_1st6suvu", medium: "_1st6suvv", large: "_1st6suvw" }, variant: { start: "_1st6suvx", end: "_1st6suvy" } }, defaultVariants: { size: "medium" }, compoundVariants: [] });

package/dist/components/Label/Label.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 labelRecipe = createRuntimeFn62c9670f_esm.c({ defaultClassName: "_14umx1r1 _14umx1r0", variantClassNames: { size: { "0": "_14umx1r2", "1": "_14umx1r3", "2": "_14umx1r4", "3": "_14umx1r5", "4": "_14umx1r6", "5": "_14umx1r7", "6": "_14umx1r8", "7": "_14umx1r9", "8": "_14umx1ra", "9": "_14umx1rb", "10": "_14umx1rc", "11": "_14umx1rd", "12": "_14umx1re", inherit: "_14umx1rf" }, weight: { light: "_14umx1rg", regular: "_14umx1rh", medium: "_14umx1ri", semiBold: "_14umx1rj", bold: "_14umx1rk" }, variant: { red: "_14umx1rl", subtle: "_14umx1rm", "default": "_14umx1rn", contrast: "_14umx1ro", inherit: "_14umx1rp", invalid: "_14umx1rq" }, gradient: { true: "_14umx1rr" }, transform: { uppercase: "_14umx1rs", capitalize: "_14umx1rt", capitalizeWords: "_14umx1ru" }, noWrap: { true: "_14umx1rv" } }, defaultVariants: { size: "0", variant: "subtle", transform: "capitalize" }, compoundVariants: [] });
+const createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
+var labelRecipe = createRuntimeFn.createRuntimeFn({ defaultClassName: "_14umx1r1 _14umx1r0", variantClassNames: { size: { "0": "_14umx1r2", "1": "_14umx1r3", "2": "_14umx1r4", "3": "_14umx1r5", "4": "_14umx1r6", "5": "_14umx1r7", "6": "_14umx1r8", "7": "_14umx1r9", "8": "_14umx1ra", "9": "_14umx1rb", "10": "_14umx1rc", "11": "_14umx1rd", "12": "_14umx1re", inherit: "_14umx1rf" }, weight: { light: "_14umx1rg", regular: "_14umx1rh", medium: "_14umx1ri", semiBold: "_14umx1rj", bold: "_14umx1rk" }, variant: { red: "_14umx1rl", subtle: "_14umx1rm", "default": "_14umx1rn", contrast: "_14umx1ro", inherit: "_14umx1rp", invalid: "_14umx1rq" }, gradient: { true: "_14umx1rr" }, transform: { uppercase: "_14umx1rs", capitalize: "_14umx1rt", capitalizeWords: "_14umx1ru" }, noWrap: { true: "_14umx1rv" } }, defaultVariants: { size: "0", variant: "subtle", transform: "capitalize" }, compoundVariants: [] });
 exports.labelRecipe = labelRecipe;
 //# sourceMappingURL=Label.vanilla.css.cjs.map

package/dist/components/Label/Label.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 labelRecipe = createRuntimeFn({ defaultClassName: "_14umx1r1 _14umx1r0", variantClassNames: { size: { "0": "_14umx1r2", "1": "_14umx1r3", "2": "_14umx1r4", "3": "_14umx1r5", "4": "_14umx1r6", "5": "_14umx1r7", "6": "_14umx1r8", "7": "_14umx1r9", "8": "_14umx1ra", "9": "_14umx1rb", "10": "_14umx1rc", "11": "_14umx1rd", "12": "_14umx1re", inherit: "_14umx1rf" }, weight: { light: "_14umx1rg", regular: "_14umx1rh", medium: "_14umx1ri", semiBold: "_14umx1rj", bold: "_14umx1rk" }, variant: { red: "_14umx1rl", subtle: "_14umx1rm", "default": "_14umx1rn", contrast: "_14umx1ro", inherit: "_14umx1rp", invalid: "_14umx1rq" }, gradient: { true: "_14umx1rr" }, transform: { uppercase: "_14umx1rs", capitalize: "_14umx1rt", capitalizeWords: "_14umx1ru" }, noWrap: { true: "_14umx1rv" } }, defaultVariants: { size: "0", variant: "subtle", transform: "capitalize" }, compoundVariants: [] });
 export {
   labelRecipe

package/dist/components/List/List.cjs

@@ -27,7 +27,9 @@ const StyledListItemButton = stitches_config.styled("button", Flex.Flex, {
   outline: "none",
   // CUSTOM
   flexGrow: 1,
+  width: "100%",
   p: "$2",
+  position: "relative",
   "&::before": {
     borderRadius: "inherit",
     boxSizing: "border-box",
@@ -85,17 +87,24 @@ const StyledUl = stitches_config.styled("ul", {
   m: "0 0 0 8px",
   p: 0,
   color: "$textDefault",
-  '&:has(li > span > input[type="checkbox"])': {
+  '&:has(> li > span > input[type="checkbox"])': {
     m: 0,
     listStyle: "none",
-    li: {
+    "> li": {
       marginLeft: 0,
-      span: {
+      "> span": {
         input: {
           margin: "0 3px 0 0"
         }
       }
     }
+  },
+  // Restore left-margin indentation when a nested checkbox list is inside a li
+  'li > &:has(> li > span > input[type="checkbox"])': {
+    marginLeft: "$2",
+    "> li": {
+      marginLeft: "$2"
+    }
   }
 });
 const StyledOl = stitches_config.styled("ol", {
@@ -112,13 +121,25 @@ const ListContext = React.createContext({
 });
 const Ul = React.forwardRef(
   ({ interactive, ...props }, forwardedRef) => {
-    const contextValue = React.useMemo(() => ({ interactive: !!interactive }), [interactive]);
+    const parentContext = React.useContext(ListContext);
+    const contextValue = React.useMemo(
+      () => ({
+        interactive: interactive !== void 0 ? !!interactive : parentContext.interactive
+      }),
+      [interactive, parentContext.interactive]
+    );
     return /* @__PURE__ */ jsxRuntime.jsx(ListContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx(StyledUl, { role: "list", ref: forwardedRef, ...props }) });
   }
 );
 const Ol = React.forwardRef(
   ({ interactive, ...props }, forwardedRef) => {
-    const contextValue = React.useMemo(() => ({ interactive: !!interactive }), [interactive]);
+    const parentContext = React.useContext(ListContext);
+    const contextValue = React.useMemo(
+      () => ({
+        interactive: interactive !== void 0 ? !!interactive : parentContext.interactive
+      }),
+      [interactive, parentContext.interactive]
+    );
     return /* @__PURE__ */ jsxRuntime.jsx(ListContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx(StyledOl, { role: "list", ref: forwardedRef, ...props }) });
   }
 );
@@ -136,6 +157,13 @@ const ControlsWrapper = stitches_config.styled("div", {
 const Li = React.forwardRef(
   ({ children, controls, align, justify, direction, gap, wrap, ...props }, forwardedRef) => {
     const { interactive } = React.useContext(ListContext);
+    const childArray = React.Children.toArray(children);
+    const nestedLists = childArray.filter(
+      (child) => React.isValidElement(child) && (child.type === Ul || child.type === Ol)
+    );
+    const inlineChildren = childArray.filter(
+      (child) => !(React.isValidElement(child) && (child.type === Ul || child.type === Ol))
+    );
     return /* @__PURE__ */ jsxRuntime.jsxs(StyledLi, { ...props, ref: forwardedRef, children: [
       interactive ? /* @__PURE__ */ jsxRuntime.jsx(
         StyledListItemButton,
@@ -145,7 +173,7 @@ const Li = React.forwardRef(
           direction,
           gap,
           wrap,
-          children
+          children: inlineChildren
         }
       ) : /* @__PURE__ */ jsxRuntime.jsx(
         StyledSpan,
@@ -156,9 +184,10 @@ const Li = React.forwardRef(
           gap,
           wrap,
           css: { flexGrow: 1 },
-          children
+          children: inlineChildren
         }
       ),
+      nestedLists,
       !!controls && /* @__PURE__ */ jsxRuntime.jsx(ControlsWrapper, { children: controls })
     ] });
   }

package/dist/components/List/List.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"List.cjs","sources":["../../../components/List/List.tsx"],"sourcesContent":["import React, { ComponentProps, createContext, ReactNode, useContext, useMemo } from 'react';\n\nimport { styled, VariantProps } from '../../stitches.config';\nimport { BUTTON_BASE_STYLES } from '../Button';\nimport { elevationVariants } from '../Elevation';\nimport { Flex } from '../Flex';\n\nconst LIST_ITEM_CONTENT_STYLES = {\n  bc: 'transparent',\n  c: 'inherit',\n  borderRadius: 'inherit',\n  fontFamily: '$rubik',\n  fontSize: '$3',\n  fontVariantNumeric: 'tabular-nums',\n};\n\nconst StyledSpan = styled('span', Flex, {\n  // APPLY BUTTON STYLES\n  ...LIST_ITEM_CONTENT_STYLES,\n  // CUSTOM\n  p: '$1',\n  gap: '$1',\n});\n\nconst StyledListItemButton = styled('button', Flex, {\n  ...BUTTON_BASE_STYLES,\n  ...LIST_ITEM_CONTENT_STYLES,\n  outline: 'none',\n\n  // CUSTOM\n  flexGrow: 1,\n  p: '$2',\n  '&::before': {\n    borderRadius: 'inherit',\n    boxSizing: 'border-box',\n    content: '\"\"',\n    position: 'absolute',\n    inset: 0,\n  },\n  '&::after': {\n    borderRadius: 'inherit',\n    boxSizing: 'border-box',\n    content: '\"\"',\n    position: 'absolute',\n    inset: 0,\n  },\n  '&:focus, &:focus-visible': {\n    boxShadow: 'inset 0 0 0 2px $colors$listItemFocusBorder',\n  },\n\n  '@hover': {\n    '&:hover': {\n      cursor: 'pointer',\n      '&::before': {\n        backgroundColor: '$listItemHoverBg',\n      },\n      '&::after': {\n        backgroundColor: '$primary',\n        opacity: 0.05,\n      },\n    },\n  },\n  '&:active': {\n    '&::before': {\n      backgroundColor: '$listItemActiveBg',\n    },\n    '&::after': {\n      backgroundColor: '$primary',\n      opacity: 0.05,\n    },\n  },\n});\n\nconst StyledLi = styled('li', {\n  m: '$2',\n  outline: 'none',\n  position: 'relative',\n  '&:focus-within': {\n    boxShadow: 'none',\n  },\n  variants: {\n    elevation: elevationVariants,\n  },\n  defaultVariants: {\n    elevation: '0',\n  },\n});\n\nconst StyledUl = styled('ul', {\n  m: '0 0 0 8px',\n  p: 0,\n  color: '$textDefault',\n\n  '&:has(li > span > input[type=\"checkbox\"])': {\n    m: 0,\n    listStyle: 'none',\n    li: {\n      marginLeft: 0,\n      span: {\n        input: {\n          margin: '0 3px 0 0',\n        },\n      },\n    },\n  },\n});\n\nconst StyledOl = styled('ol', {\n  m: '0 0 0 8px',\n  p: 0,\n  color: '$textDefault',\n\n  '> li::marker': {\n    fontSize: '$3',\n    fontFamily: '$rubik',\n  },\n});\n\nconst ListContext = createContext({\n  interactive: false,\n});\n\nexport interface ListProps extends ComponentProps<typeof StyledUl>, VariantProps<typeof StyledUl> {\n  interactive?: boolean;\n}\nexport const Ul = React.forwardRef<React.ElementRef<typeof StyledUl>, ListProps>(\n  ({ interactive, ...props }, forwardedRef) => {\n    const contextValue = useMemo(() => ({ interactive: !!interactive }), [interactive]);\n\n    return (\n      <ListContext.Provider value={contextValue}>\n        <StyledUl role=\"list\" ref={forwardedRef} {...props} />\n      </ListContext.Provider>\n    );\n  },\n);\n\nexport interface OrderedListProps\n  extends ComponentProps<typeof StyledOl>,\n    VariantProps<typeof StyledOl> {\n  interactive?: boolean;\n}\n\nexport const Ol = React.forwardRef<React.ElementRef<typeof StyledOl>, OrderedListProps>(\n  ({ interactive, ...props }, forwardedRef) => {\n    const contextValue = useMemo(() => ({ interactive: !!interactive }), [interactive]);\n\n    return (\n      <ListContext.Provider value={contextValue}>\n        <StyledOl role=\"list\" ref={forwardedRef} {...props} />\n      </ListContext.Provider>\n    );\n  },\n);\n\nconst ControlsWrapper = styled('div', {\n  position: 'absolute',\n  top: 0,\n  right: '$2',\n  zIndex: 1,\n  height: '100%',\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  overflow: 'visible',\n});\n\nexport interface ListItemProps\n  extends ComponentProps<typeof StyledLi>,\n    VariantProps<typeof StyledLi>,\n    VariantProps<typeof Flex> {\n  controls?: ReactNode;\n}\nexport const Li = React.forwardRef<React.ElementRef<typeof StyledLi>, ListItemProps>(\n  ({ children, controls, align, justify, direction, gap, wrap, ...props }, forwardedRef) => {\n    const { interactive } = useContext(ListContext);\n    return (\n      <StyledLi {...props} ref={forwardedRef}>\n        {interactive ? (\n          <StyledListItemButton\n            align={align}\n            justify={justify}\n            direction={direction}\n            gap={gap}\n            wrap={wrap}\n          >\n            {children}\n          </StyledListItemButton>\n        ) : (\n          <StyledSpan\n            align={align || 'center'}\n            justify={justify}\n            direction={direction}\n            gap={gap}\n            wrap={wrap}\n            css={{ flexGrow: 1 }}\n          >\n            {children}\n          </StyledSpan>\n        )}\n        {!!controls && <ControlsWrapper>{controls}</ControlsWrapper>}\n      </StyledLi>\n    );\n  },\n);\n"],"names":["styled","Flex","BUTTON_BASE_STYLES","elevationVariants","createContext","useMemo","jsx","useContext","jsxs"],"mappings":"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"}
+{"version":3,"file":"List.cjs","sources":["../../../components/List/List.tsx"],"sourcesContent":["import React, { ComponentProps, createContext, ReactNode, useContext, useMemo } from 'react';\n\nimport { styled, VariantProps } from '../../stitches.config';\nimport { BUTTON_BASE_STYLES } from '../Button';\nimport { elevationVariants } from '../Elevation';\nimport { Flex } from '../Flex';\n\nconst LIST_ITEM_CONTENT_STYLES = {\n  bc: 'transparent',\n  c: 'inherit',\n  borderRadius: 'inherit',\n  fontFamily: '$rubik',\n  fontSize: '$3',\n  fontVariantNumeric: 'tabular-nums',\n};\n\nconst StyledSpan = styled('span', Flex, {\n  // APPLY BUTTON STYLES\n  ...LIST_ITEM_CONTENT_STYLES,\n  // CUSTOM\n  p: '$1',\n  gap: '$1',\n});\n\nconst StyledListItemButton = styled('button', Flex, {\n  ...BUTTON_BASE_STYLES,\n  ...LIST_ITEM_CONTENT_STYLES,\n  outline: 'none',\n\n  // CUSTOM\n  flexGrow: 1,\n  width: '100%',\n  p: '$2',\n  position: 'relative',\n  '&::before': {\n    borderRadius: 'inherit',\n    boxSizing: 'border-box',\n    content: '\"\"',\n    position: 'absolute',\n    inset: 0,\n  },\n  '&::after': {\n    borderRadius: 'inherit',\n    boxSizing: 'border-box',\n    content: '\"\"',\n    position: 'absolute',\n    inset: 0,\n  },\n  '&:focus, &:focus-visible': {\n    boxShadow: 'inset 0 0 0 2px $colors$listItemFocusBorder',\n  },\n\n  '@hover': {\n    '&:hover': {\n      cursor: 'pointer',\n      '&::before': {\n        backgroundColor: '$listItemHoverBg',\n      },\n      '&::after': {\n        backgroundColor: '$primary',\n        opacity: 0.05,\n      },\n    },\n  },\n  '&:active': {\n    '&::before': {\n      backgroundColor: '$listItemActiveBg',\n    },\n    '&::after': {\n      backgroundColor: '$primary',\n      opacity: 0.05,\n    },\n  },\n});\n\nconst StyledLi = styled('li', {\n  m: '$2',\n  outline: 'none',\n  position: 'relative',\n  '&:focus-within': {\n    boxShadow: 'none',\n  },\n  variants: {\n    elevation: elevationVariants,\n  },\n  defaultVariants: {\n    elevation: '0',\n  },\n});\n\nconst StyledUl = styled('ul', {\n  m: '0 0 0 8px',\n  p: 0,\n  color: '$textDefault',\n\n  '&:has(> li > span > input[type=\"checkbox\"])': {\n    m: 0,\n    listStyle: 'none',\n    '> li': {\n      marginLeft: 0,\n      '> span': {\n        input: {\n          margin: '0 3px 0 0',\n        },\n      },\n    },\n  },\n  // Restore left-margin indentation when a nested checkbox list is inside a li\n  'li > &:has(> li > span > input[type=\"checkbox\"])': {\n    marginLeft: '$2',\n    '> li': {\n      marginLeft: '$2',\n    },\n  },\n});\n\nconst StyledOl = styled('ol', {\n  m: '0 0 0 8px',\n  p: 0,\n  color: '$textDefault',\n\n  '> li::marker': {\n    fontSize: '$3',\n    fontFamily: '$rubik',\n  },\n});\n\nconst ListContext = createContext({\n  interactive: false,\n});\n\nexport interface ListProps extends ComponentProps<typeof StyledUl>, VariantProps<typeof StyledUl> {\n  interactive?: boolean;\n}\nexport const Ul = React.forwardRef<React.ElementRef<typeof StyledUl>, ListProps>(\n  ({ interactive, ...props }, forwardedRef) => {\n    const parentContext = useContext(ListContext);\n    const contextValue = useMemo(\n      () => ({\n        interactive: interactive !== undefined ? !!interactive : parentContext.interactive,\n      }),\n      [interactive, parentContext.interactive],\n    );\n\n    return (\n      <ListContext.Provider value={contextValue}>\n        <StyledUl role=\"list\" ref={forwardedRef} {...props} />\n      </ListContext.Provider>\n    );\n  },\n);\n\nexport interface OrderedListProps\n  extends ComponentProps<typeof StyledOl>,\n    VariantProps<typeof StyledOl> {\n  interactive?: boolean;\n}\n\nexport const Ol = React.forwardRef<React.ElementRef<typeof StyledOl>, OrderedListProps>(\n  ({ interactive, ...props }, forwardedRef) => {\n    const parentContext = useContext(ListContext);\n    const contextValue = useMemo(\n      () => ({\n        interactive: interactive !== undefined ? !!interactive : parentContext.interactive,\n      }),\n      [interactive, parentContext.interactive],\n    );\n\n    return (\n      <ListContext.Provider value={contextValue}>\n        <StyledOl role=\"list\" ref={forwardedRef} {...props} />\n      </ListContext.Provider>\n    );\n  },\n);\n\nconst ControlsWrapper = styled('div', {\n  position: 'absolute',\n  top: 0,\n  right: '$2',\n  zIndex: 1,\n  height: '100%',\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  overflow: 'visible',\n});\n\nexport interface ListItemProps\n  extends ComponentProps<typeof StyledLi>,\n    VariantProps<typeof StyledLi>,\n    VariantProps<typeof Flex> {\n  controls?: ReactNode;\n}\nexport const Li = React.forwardRef<React.ElementRef<typeof StyledLi>, ListItemProps>(\n  ({ children, controls, align, justify, direction, gap, wrap, ...props }, forwardedRef) => {\n    const { interactive } = useContext(ListContext);\n\n    const childArray = React.Children.toArray(children);\n    const nestedLists = childArray.filter(\n      (child) => React.isValidElement(child) && (child.type === Ul || child.type === Ol),\n    );\n    const inlineChildren = childArray.filter(\n      (child) => !(React.isValidElement(child) && (child.type === Ul || child.type === Ol)),\n    );\n\n    return (\n      <StyledLi {...props} ref={forwardedRef}>\n        {interactive ? (\n          <StyledListItemButton\n            align={align}\n            justify={justify}\n            direction={direction}\n            gap={gap}\n            wrap={wrap}\n          >\n            {inlineChildren}\n          </StyledListItemButton>\n        ) : (\n          <StyledSpan\n            align={align || 'center'}\n            justify={justify}\n            direction={direction}\n            gap={gap}\n            wrap={wrap}\n            css={{ flexGrow: 1 }}\n          >\n            {inlineChildren}\n          </StyledSpan>\n        )}\n        {nestedLists}\n        {!!controls && <ControlsWrapper>{controls}</ControlsWrapper>}\n      </StyledLi>\n    );\n  },\n);\n"],"names":["styled","Flex","BUTTON_BASE_STYLES","elevationVariants","createContext","useContext","useMemo","jsx","jsxs"],"mappings":"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"}