@traefik-labs/faency 12.0.7

package/dist/components/NavigationTree/NavigationTreeItem.cjs

@@ -0,0 +1,105 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const NavigationTreeContainer = require("./NavigationTreeContainer.cjs");
+const Box = require("../Box/Box.cjs");
+const Navigation = require("../Navigation/Navigation.cjs");
+const Flex = require("../Flex/Flex.cjs");
+const Text = require("../Text/Text.cjs");
+const NavigationTreeItem = ({
+  label,
+  subtitle,
+  children,
+  onClick,
+  defaultExpanded = false,
+  defaultCollapseIcon,
+  defaultExpandIcon,
+  customCollapseIcon,
+  customExpandIcon,
+  nestedChildrenLevel = 1,
+  fullWidth = false,
+  ...props
+}) => {
+  const [isExpanded, setIsExpanded] = React.useState(defaultExpanded);
+  const isExpandable = React.useMemo(() => React.Children.count(children) > 0, [children]);
+  const hasStartAdornment = React.useMemo(() => !!props.startAdornment, [props.startAdornment]);
+  const usedStartAdornment = React.useMemo(
+    () => hasStartAdornment ? props.startAdornment : isExpandable ? isExpanded ? customCollapseIcon || defaultCollapseIcon : customExpandIcon || defaultExpandIcon : null,
+    [
+      hasStartAdornment,
+      isExpandable,
+      isExpanded,
+      defaultCollapseIcon,
+      defaultExpandIcon,
+      customCollapseIcon,
+      customExpandIcon,
+      props.startAdornment
+    ]
+  );
+  const childCss = React.useMemo(() => {
+    if (!isExpandable) return null;
+    return {
+      pl: "$4",
+      "> div > *": {
+        "&::before, &::after": {
+          left: fullWidth ? `calc(${nestedChildrenLevel} * -20px)` : 0
+        }
+      }
+    };
+  }, [isExpandable, nestedChildrenLevel]);
+  const focusStyle = React.useMemo(() => {
+    if (!isExpandable) return {};
+    return {
+      "&:focus": {
+        boxShadow: "none",
+        "&::before": {
+          background: "none"
+        },
+        "&::after": {
+          background: "none"
+        }
+      }
+    };
+  }, [isExpandable]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(Box.Box, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      Navigation.NavigationItem,
+      {
+        css: { width: "100%", ...focusStyle },
+        ...props,
+        startAdornment: usedStartAdornment,
+        onClick: isExpandable ? () => setIsExpanded(!isExpanded) : onClick,
+        children: /* @__PURE__ */ jsxRuntime.jsxs(
+          Flex.Flex,
+          {
+            direction: "column",
+            align: "start",
+            gap: 1,
+            css: {
+              ml: isExpandable || hasStartAdornment ? 0 : "$4",
+              color: "inherit",
+              width: "100%"
+            },
+            children: [
+              typeof label === "string" ? /* @__PURE__ */ jsxRuntime.jsx(Text.Text, { css: { color: "inherit" }, children: label }) : label,
+              subtitle && /* @__PURE__ */ jsxRuntime.jsx(Text.Text, { variant: "subtle", css: { fontSize: "$3", opacity: 0.8 }, children: subtitle })
+            ]
+          }
+        )
+      }
+    ),
+    isExpanded && /* @__PURE__ */ jsxRuntime.jsx(
+      NavigationTreeContainer.NavigationTreeContainer,
+      {
+        defaultCollapseIcon,
+        defaultExpandIcon,
+        fullWidth,
+        css: childCss,
+        children
+      }
+    )
+  ] });
+};
+exports.NavigationTreeItem = NavigationTreeItem;
+//# sourceMappingURL=NavigationTreeItem.cjs.map

package/dist/components/NavigationTree/NavigationTreeItem.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationTreeItem.cjs","sources":["../../../components/NavigationTree/NavigationTreeItem.tsx"],"sourcesContent":["import React, { ReactNode, useMemo, useState } from 'react';\n\nimport { CSS } from '../..';\nimport { Box } from '../Box';\nimport { Flex } from '../Flex';\nimport { NavigationItem, NavigationItemProps } from '../Navigation';\nimport { Text } from '../Text';\nimport { NavigationTreeContainer } from './NavigationTreeContainer';\n\nexport interface NavigationTreeItemProps {\n  label: string | ReactNode;\n  subtitle?: string;\n  children?: React.ReactNode;\n  defaultExpanded?: boolean;\n  onClick?: () => void;\n  defaultExpandIcon?: React.ReactNode;\n  defaultCollapseIcon?: React.ReactNode;\n  customExpandIcon?: React.ReactNode;\n  customCollapseIcon?: React.ReactNode;\n  nestedChildrenLevel?: number;\n  fullWidth?: boolean;\n}\n\nexport const NavigationTreeItem = ({\n  label,\n  subtitle,\n  children,\n  onClick,\n  defaultExpanded = false,\n  defaultCollapseIcon,\n  defaultExpandIcon,\n  customCollapseIcon,\n  customExpandIcon,\n  nestedChildrenLevel = 1,\n  fullWidth = false,\n  ...props\n}: NavigationTreeItemProps & NavigationItemProps) => {\n  const [isExpanded, setIsExpanded] = useState(defaultExpanded);\n  const isExpandable = useMemo(() => React.Children.count(children) > 0, [children]);\n  const hasStartAdornment = useMemo(() => !!props.startAdornment, [props.startAdornment]);\n  const usedStartAdornment = useMemo(\n    () =>\n      hasStartAdornment\n        ? props.startAdornment\n        : isExpandable\n          ? isExpanded\n            ? customCollapseIcon || defaultCollapseIcon\n            : customExpandIcon || defaultExpandIcon\n          : null,\n    [\n      hasStartAdornment,\n      isExpandable,\n      isExpanded,\n      defaultCollapseIcon,\n      defaultExpandIcon,\n      customCollapseIcon,\n      customExpandIcon,\n      props.startAdornment,\n    ],\n  );\n\n  const childCss = useMemo(() => {\n    if (!isExpandable) return null;\n\n    return {\n      pl: '$4',\n      '> div > *': {\n        '&::before, &::after': {\n          left: fullWidth ? `calc(${nestedChildrenLevel} * -20px)` : 0,\n        },\n      },\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isExpandable, nestedChildrenLevel]);\n\n  const focusStyle = useMemo(() => {\n    if (!isExpandable) return {};\n\n    return {\n      '&:focus': {\n        boxShadow: 'none',\n\n        '&::before': {\n          background: 'none',\n        },\n        '&::after': {\n          background: 'none',\n        },\n      },\n    };\n  }, [isExpandable]);\n\n  return (\n    <Box>\n      <NavigationItem\n        css={{ width: '100%', ...focusStyle }}\n        {...props}\n        startAdornment={usedStartAdornment}\n        onClick={isExpandable ? () => setIsExpanded(!isExpanded) : onClick}\n      >\n        <Flex\n          direction=\"column\"\n          align=\"start\"\n          gap={1}\n          css={{\n            ml: isExpandable || hasStartAdornment ? 0 : '$4',\n            color: 'inherit',\n            width: '100%',\n          }}\n        >\n          {typeof label === 'string' ? <Text css={{ color: 'inherit' }}>{label}</Text> : label}\n          {subtitle && (\n            <Text variant=\"subtle\" css={{ fontSize: '$3', opacity: 0.8 }}>\n              {subtitle}\n            </Text>\n          )}\n        </Flex>\n      </NavigationItem>\n      {isExpanded && (\n        <NavigationTreeContainer\n          defaultCollapseIcon={defaultCollapseIcon}\n          defaultExpandIcon={defaultExpandIcon}\n          fullWidth={fullWidth}\n          css={childCss as CSS}\n        >\n          {children}\n        </NavigationTreeContainer>\n      )}\n    </Box>\n  );\n};\n"],"names":["useState","useMemo","Box","jsx","NavigationItem","jsxs","Flex","Text","NavigationTreeContainer"],"mappings":";;;;;;;;;AAuBO,MAAM,qBAAqB,CAAC;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,kBAAkB;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,sBAAsB;AAAA,EACtB,YAAY;AAAA,EACZ,GAAG;AACL,MAAqD;AACnD,QAAM,CAAC,YAAY,aAAa,IAAIA,MAAAA,SAAS,eAAe;AAC5D,QAAM,eAAeC,MAAAA,QAAQ,MAAM,MAAM,SAAS,MAAM,QAAQ,IAAI,GAAG,CAAC,QAAQ,CAAC;AACjF,QAAM,oBAAoBA,MAAAA,QAAQ,MAAM,CAAC,CAAC,MAAM,gBAAgB,CAAC,MAAM,cAAc,CAAC;AACtF,QAAM,qBAAqBA,MAAAA;AAAAA,IACzB,MACE,oBACI,MAAM,iBACN,eACE,aACE,sBAAsB,sBACtB,oBAAoB,oBACtB;AAAA,IACR;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,MAAM;AAAA,IAAA;AAAA,EACR;AAGF,QAAM,WAAWA,MAAAA,QAAQ,MAAM;AAC7B,QAAI,CAAC,aAAc,QAAO;AAE1B,WAAO;AAAA,MACL,IAAI;AAAA,MACJ,aAAa;AAAA,QACX,uBAAuB;AAAA,UACrB,MAAM,YAAY,QAAQ,mBAAmB,cAAc;AAAA,QAAA;AAAA,MAC7D;AAAA,IACF;AAAA,EAGJ,GAAG,CAAC,cAAc,mBAAmB,CAAC;AAEtC,QAAM,aAAaA,MAAAA,QAAQ,MAAM;AAC/B,QAAI,CAAC,aAAc,QAAO,CAAA;AAE1B,WAAO;AAAA,MACL,WAAW;AAAA,QACT,WAAW;AAAA,QAEX,aAAa;AAAA,UACX,YAAY;AAAA,QAAA;AAAA,QAEd,YAAY;AAAA,UACV,YAAY;AAAA,QAAA;AAAA,MACd;AAAA,IACF;AAAA,EAEJ,GAAG,CAAC,YAAY,CAAC;AAEjB,yCACGC,SAAA,EACC,UAAA;AAAA,IAAAC,2BAAAA;AAAAA,MAACC,WAAAA;AAAAA,MAAA;AAAA,QACC,KAAK,EAAE,OAAO,QAAQ,GAAG,WAAA;AAAA,QACxB,GAAG;AAAA,QACJ,gBAAgB;AAAA,QAChB,SAAS,eAAe,MAAM,cAAc,CAAC,UAAU,IAAI;AAAA,QAE3D,UAAAC,2BAAAA;AAAAA,UAACC,KAAAA;AAAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,OAAM;AAAA,YACN,KAAK;AAAA,YACL,KAAK;AAAA,cACH,IAAI,gBAAgB,oBAAoB,IAAI;AAAA,cAC5C,OAAO;AAAA,cACP,OAAO;AAAA,YAAA;AAAA,YAGR,UAAA;AAAA,cAAA,OAAO,UAAU,WAAWH,+BAACI,KAAAA,MAAA,EAAK,KAAK,EAAE,OAAO,UAAA,GAAc,UAAA,MAAA,CAAM,IAAU;AAAA,cAC9E,YACCJ,2BAAAA,IAACI,KAAAA,MAAA,EAAK,SAAQ,UAAS,KAAK,EAAE,UAAU,MAAM,SAAS,IAAA,GACpD,UAAA,SAAA,CACH;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAEJ;AAAA,IAAA;AAAA,IAED,cACCJ,2BAAAA;AAAAA,MAACK,wBAAAA;AAAAA,MAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA,KAAK;AAAA,QAEJ;AAAA,MAAA;AAAA,IAAA;AAAA,EACH,GAEJ;AAEJ;;"}

package/dist/components/NavigationTree/NavigationTreeItem.js

@@ -0,0 +1,105 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import React, { useState, useMemo } from "react";
+import { NavigationTreeContainer } from "./NavigationTreeContainer.js";
+import { Box } from "../Box/Box.js";
+import { NavigationItem } from "../Navigation/Navigation.js";
+import { Flex } from "../Flex/Flex.js";
+import { Text } from "../Text/Text.js";
+const NavigationTreeItem = ({
+  label,
+  subtitle,
+  children,
+  onClick,
+  defaultExpanded = false,
+  defaultCollapseIcon,
+  defaultExpandIcon,
+  customCollapseIcon,
+  customExpandIcon,
+  nestedChildrenLevel = 1,
+  fullWidth = false,
+  ...props
+}) => {
+  const [isExpanded, setIsExpanded] = useState(defaultExpanded);
+  const isExpandable = useMemo(() => React.Children.count(children) > 0, [children]);
+  const hasStartAdornment = useMemo(() => !!props.startAdornment, [props.startAdornment]);
+  const usedStartAdornment = useMemo(
+    () => hasStartAdornment ? props.startAdornment : isExpandable ? isExpanded ? customCollapseIcon || defaultCollapseIcon : customExpandIcon || defaultExpandIcon : null,
+    [
+      hasStartAdornment,
+      isExpandable,
+      isExpanded,
+      defaultCollapseIcon,
+      defaultExpandIcon,
+      customCollapseIcon,
+      customExpandIcon,
+      props.startAdornment
+    ]
+  );
+  const childCss = useMemo(() => {
+    if (!isExpandable) return null;
+    return {
+      pl: "$4",
+      "> div > *": {
+        "&::before, &::after": {
+          left: fullWidth ? `calc(${nestedChildrenLevel} * -20px)` : 0
+        }
+      }
+    };
+  }, [isExpandable, nestedChildrenLevel]);
+  const focusStyle = useMemo(() => {
+    if (!isExpandable) return {};
+    return {
+      "&:focus": {
+        boxShadow: "none",
+        "&::before": {
+          background: "none"
+        },
+        "&::after": {
+          background: "none"
+        }
+      }
+    };
+  }, [isExpandable]);
+  return /* @__PURE__ */ jsxs(Box, { children: [
+    /* @__PURE__ */ jsx(
+      NavigationItem,
+      {
+        css: { width: "100%", ...focusStyle },
+        ...props,
+        startAdornment: usedStartAdornment,
+        onClick: isExpandable ? () => setIsExpanded(!isExpanded) : onClick,
+        children: /* @__PURE__ */ jsxs(
+          Flex,
+          {
+            direction: "column",
+            align: "start",
+            gap: 1,
+            css: {
+              ml: isExpandable || hasStartAdornment ? 0 : "$4",
+              color: "inherit",
+              width: "100%"
+            },
+            children: [
+              typeof label === "string" ? /* @__PURE__ */ jsx(Text, { css: { color: "inherit" }, children: label }) : label,
+              subtitle && /* @__PURE__ */ jsx(Text, { variant: "subtle", css: { fontSize: "$3", opacity: 0.8 }, children: subtitle })
+            ]
+          }
+        )
+      }
+    ),
+    isExpanded && /* @__PURE__ */ jsx(
+      NavigationTreeContainer,
+      {
+        defaultCollapseIcon,
+        defaultExpandIcon,
+        fullWidth,
+        css: childCss,
+        children
+      }
+    )
+  ] });
+};
+export {
+  NavigationTreeItem
+};
+//# sourceMappingURL=NavigationTreeItem.js.map

package/dist/components/NavigationTree/NavigationTreeItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationTreeItem.js","sources":["../../../components/NavigationTree/NavigationTreeItem.tsx"],"sourcesContent":["import React, { ReactNode, useMemo, useState } from 'react';\n\nimport { CSS } from '../..';\nimport { Box } from '../Box';\nimport { Flex } from '../Flex';\nimport { NavigationItem, NavigationItemProps } from '../Navigation';\nimport { Text } from '../Text';\nimport { NavigationTreeContainer } from './NavigationTreeContainer';\n\nexport interface NavigationTreeItemProps {\n  label: string | ReactNode;\n  subtitle?: string;\n  children?: React.ReactNode;\n  defaultExpanded?: boolean;\n  onClick?: () => void;\n  defaultExpandIcon?: React.ReactNode;\n  defaultCollapseIcon?: React.ReactNode;\n  customExpandIcon?: React.ReactNode;\n  customCollapseIcon?: React.ReactNode;\n  nestedChildrenLevel?: number;\n  fullWidth?: boolean;\n}\n\nexport const NavigationTreeItem = ({\n  label,\n  subtitle,\n  children,\n  onClick,\n  defaultExpanded = false,\n  defaultCollapseIcon,\n  defaultExpandIcon,\n  customCollapseIcon,\n  customExpandIcon,\n  nestedChildrenLevel = 1,\n  fullWidth = false,\n  ...props\n}: NavigationTreeItemProps & NavigationItemProps) => {\n  const [isExpanded, setIsExpanded] = useState(defaultExpanded);\n  const isExpandable = useMemo(() => React.Children.count(children) > 0, [children]);\n  const hasStartAdornment = useMemo(() => !!props.startAdornment, [props.startAdornment]);\n  const usedStartAdornment = useMemo(\n    () =>\n      hasStartAdornment\n        ? props.startAdornment\n        : isExpandable\n          ? isExpanded\n            ? customCollapseIcon || defaultCollapseIcon\n            : customExpandIcon || defaultExpandIcon\n          : null,\n    [\n      hasStartAdornment,\n      isExpandable,\n      isExpanded,\n      defaultCollapseIcon,\n      defaultExpandIcon,\n      customCollapseIcon,\n      customExpandIcon,\n      props.startAdornment,\n    ],\n  );\n\n  const childCss = useMemo(() => {\n    if (!isExpandable) return null;\n\n    return {\n      pl: '$4',\n      '> div > *': {\n        '&::before, &::after': {\n          left: fullWidth ? `calc(${nestedChildrenLevel} * -20px)` : 0,\n        },\n      },\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isExpandable, nestedChildrenLevel]);\n\n  const focusStyle = useMemo(() => {\n    if (!isExpandable) return {};\n\n    return {\n      '&:focus': {\n        boxShadow: 'none',\n\n        '&::before': {\n          background: 'none',\n        },\n        '&::after': {\n          background: 'none',\n        },\n      },\n    };\n  }, [isExpandable]);\n\n  return (\n    <Box>\n      <NavigationItem\n        css={{ width: '100%', ...focusStyle }}\n        {...props}\n        startAdornment={usedStartAdornment}\n        onClick={isExpandable ? () => setIsExpanded(!isExpanded) : onClick}\n      >\n        <Flex\n          direction=\"column\"\n          align=\"start\"\n          gap={1}\n          css={{\n            ml: isExpandable || hasStartAdornment ? 0 : '$4',\n            color: 'inherit',\n            width: '100%',\n          }}\n        >\n          {typeof label === 'string' ? <Text css={{ color: 'inherit' }}>{label}</Text> : label}\n          {subtitle && (\n            <Text variant=\"subtle\" css={{ fontSize: '$3', opacity: 0.8 }}>\n              {subtitle}\n            </Text>\n          )}\n        </Flex>\n      </NavigationItem>\n      {isExpanded && (\n        <NavigationTreeContainer\n          defaultCollapseIcon={defaultCollapseIcon}\n          defaultExpandIcon={defaultExpandIcon}\n          fullWidth={fullWidth}\n          css={childCss as CSS}\n        >\n          {children}\n        </NavigationTreeContainer>\n      )}\n    </Box>\n  );\n};\n"],"names":[],"mappings":";;;;;;;AAuBO,MAAM,qBAAqB,CAAC;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,kBAAkB;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,sBAAsB;AAAA,EACtB,YAAY;AAAA,EACZ,GAAG;AACL,MAAqD;AACnD,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,eAAe;AAC5D,QAAM,eAAe,QAAQ,MAAM,MAAM,SAAS,MAAM,QAAQ,IAAI,GAAG,CAAC,QAAQ,CAAC;AACjF,QAAM,oBAAoB,QAAQ,MAAM,CAAC,CAAC,MAAM,gBAAgB,CAAC,MAAM,cAAc,CAAC;AACtF,QAAM,qBAAqB;AAAA,IACzB,MACE,oBACI,MAAM,iBACN,eACE,aACE,sBAAsB,sBACtB,oBAAoB,oBACtB;AAAA,IACR;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,MAAM;AAAA,IAAA;AAAA,EACR;AAGF,QAAM,WAAW,QAAQ,MAAM;AAC7B,QAAI,CAAC,aAAc,QAAO;AAE1B,WAAO;AAAA,MACL,IAAI;AAAA,MACJ,aAAa;AAAA,QACX,uBAAuB;AAAA,UACrB,MAAM,YAAY,QAAQ,mBAAmB,cAAc;AAAA,QAAA;AAAA,MAC7D;AAAA,IACF;AAAA,EAGJ,GAAG,CAAC,cAAc,mBAAmB,CAAC;AAEtC,QAAM,aAAa,QAAQ,MAAM;AAC/B,QAAI,CAAC,aAAc,QAAO,CAAA;AAE1B,WAAO;AAAA,MACL,WAAW;AAAA,QACT,WAAW;AAAA,QAEX,aAAa;AAAA,UACX,YAAY;AAAA,QAAA;AAAA,QAEd,YAAY;AAAA,UACV,YAAY;AAAA,QAAA;AAAA,MACd;AAAA,IACF;AAAA,EAEJ,GAAG,CAAC,YAAY,CAAC;AAEjB,8BACG,KAAA,EACC,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAK,EAAE,OAAO,QAAQ,GAAG,WAAA;AAAA,QACxB,GAAG;AAAA,QACJ,gBAAgB;AAAA,QAChB,SAAS,eAAe,MAAM,cAAc,CAAC,UAAU,IAAI;AAAA,QAE3D,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,OAAM;AAAA,YACN,KAAK;AAAA,YACL,KAAK;AAAA,cACH,IAAI,gBAAgB,oBAAoB,IAAI;AAAA,cAC5C,OAAO;AAAA,cACP,OAAO;AAAA,YAAA;AAAA,YAGR,UAAA;AAAA,cAAA,OAAO,UAAU,WAAW,oBAAC,MAAA,EAAK,KAAK,EAAE,OAAO,UAAA,GAAc,UAAA,MAAA,CAAM,IAAU;AAAA,cAC9E,YACC,oBAAC,MAAA,EAAK,SAAQ,UAAS,KAAK,EAAE,UAAU,MAAM,SAAS,IAAA,GACpD,UAAA,SAAA,CACH;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAEJ;AAAA,IAAA;AAAA,IAED,cACC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA,KAAK;AAAA,QAEJ;AAAA,MAAA;AAAA,IAAA;AAAA,EACH,GAEJ;AAEJ;"}

package/dist/components/Overlay.cjs

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const stitches_config = require("../stitches.config.cjs");
+const overlayStyles = {
+  backgroundColor: "hsla(0, 0%, 0%, 0.7)"
+};
+const Overlay = stitches_config.styled("div", overlayStyles);
+exports.Overlay = Overlay;
+exports.overlayStyles = overlayStyles;
+//# sourceMappingURL=Overlay.cjs.map

package/dist/components/Overlay.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Overlay.cjs","sources":["../../components/Overlay.tsx"],"sourcesContent":["import { CSS, styled } from '../stitches.config';\n\nexport const overlayStyles: CSS = {\n  backgroundColor: 'hsla(0, 0%, 0%, 0.7)',\n};\n\nexport const Overlay = styled('div', overlayStyles);\n"],"names":["styled"],"mappings":";;;AAEO,MAAM,gBAAqB;AAAA,EAChC,iBAAiB;AACnB;AAEO,MAAM,UAAUA,gBAAAA,OAAO,OAAO,aAAa;;;"}

package/dist/components/Overlay.js

@@ -0,0 +1,10 @@
+import { styled } from "../stitches.config.js";
+const overlayStyles = {
+  backgroundColor: "hsla(0, 0%, 0%, 0.7)"
+};
+const Overlay = styled("div", overlayStyles);
+export {
+  Overlay,
+  overlayStyles
+};
+//# sourceMappingURL=Overlay.js.map

package/dist/components/Overlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Overlay.js","sources":["../../components/Overlay.tsx"],"sourcesContent":["import { CSS, styled } from '../stitches.config';\n\nexport const overlayStyles: CSS = {\n  backgroundColor: 'hsla(0, 0%, 0%, 0.7)',\n};\n\nexport const Overlay = styled('div', overlayStyles);\n"],"names":[],"mappings":";AAEO,MAAM,gBAAqB;AAAA,EAChC,iBAAiB;AACnB;AAEO,MAAM,UAAU,OAAO,OAAO,aAAa;"}

package/dist/components/Panel/Panel.cjs

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const stitches_config = require("../../stitches.config.cjs");
+const panelStyles = {
+  backgroundColor: "$deepBlue3",
+  borderRadius: "$3",
+  boxShadow: "$colors$shadowLight 0px 10px 38px -10px, $colors$deepBlue3 0px 10px 20px -15px"
+};
+const Panel = stitches_config.styled("div", panelStyles);
+exports.Panel = Panel;
+exports.panelStyles = panelStyles;
+//# sourceMappingURL=Panel.cjs.map

package/dist/components/Panel/Panel.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Panel.cjs","sources":["../../../components/Panel/Panel.tsx"],"sourcesContent":["import { CSS, styled } from '../../stitches.config';\n\nexport const panelStyles: CSS = {\n  backgroundColor: '$deepBlue3',\n  borderRadius: '$3',\n  boxShadow: '$colors$shadowLight 0px 10px 38px -10px, $colors$deepBlue3 0px 10px 20px -15px',\n};\n\nexport const Panel = styled('div', panelStyles);\n"],"names":["styled"],"mappings":";;;AAEO,MAAM,cAAmB;AAAA,EAC9B,iBAAiB;AAAA,EACjB,cAAc;AAAA,EACd,WAAW;AACb;AAEO,MAAM,QAAQA,gBAAAA,OAAO,OAAO,WAAW;;;"}

package/dist/components/Panel/Panel.js

@@ -0,0 +1,12 @@
+import { styled } from "../../stitches.config.js";
+const panelStyles = {
+  backgroundColor: "$deepBlue3",
+  borderRadius: "$3",
+  boxShadow: "$colors$shadowLight 0px 10px 38px -10px, $colors$deepBlue3 0px 10px 20px -15px"
+};
+const Panel = styled("div", panelStyles);
+export {
+  Panel,
+  panelStyles
+};
+//# sourceMappingURL=Panel.js.map

package/dist/components/Panel/Panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Panel.js","sources":["../../../components/Panel/Panel.tsx"],"sourcesContent":["import { CSS, styled } from '../../stitches.config';\n\nexport const panelStyles: CSS = {\n  backgroundColor: '$deepBlue3',\n  borderRadius: '$3',\n  boxShadow: '$colors$shadowLight 0px 10px 38px -10px, $colors$deepBlue3 0px 10px 20px -15px',\n};\n\nexport const Panel = styled('div', panelStyles);\n"],"names":[],"mappings":";AAEO,MAAM,cAAmB;AAAA,EAC9B,iBAAiB;AAAA,EACjB,cAAc;AAAA,EACd,WAAW;AACb;AAEO,MAAM,QAAQ,OAAO,OAAO,WAAW;"}

package/dist/components/Panel/Panel.theme.cjs

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const panelLightTheme = {
+  panelShadowLight: "rgba(0, 0, 0, 0.1)"
+};
+const panelDarkTheme = {
+  panelShadowLight: "rgba(0, 0, 0, 0.3)"
+};
+exports.panelDarkTheme = panelDarkTheme;
+exports.panelLightTheme = panelLightTheme;
+//# sourceMappingURL=Panel.theme.cjs.map

package/dist/components/Panel/Panel.theme.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Panel.theme.cjs","sources":["../../../components/Panel/Panel.theme.ts"],"sourcesContent":["// Plain TypeScript color tokens (no vanilla-extract)\n// Can be safely imported by colors/index.ts for Stitches\nexport const panelLightTheme = {\n  panelShadowLight: 'rgba(0, 0, 0, 0.1)',\n};\n\nexport const panelDarkTheme = {\n  panelShadowLight: 'rgba(0, 0, 0, 0.3)',\n};\n"],"names":[],"mappings":";;AAEO,MAAM,kBAAkB;AAAA,EAC7B,kBAAkB;AACpB;AAEO,MAAM,iBAAiB;AAAA,EAC5B,kBAAkB;AACpB;;;"}

package/dist/components/Panel/Panel.theme.js

@@ -0,0 +1,11 @@
+const panelLightTheme = {
+  panelShadowLight: "rgba(0, 0, 0, 0.1)"
+};
+const panelDarkTheme = {
+  panelShadowLight: "rgba(0, 0, 0, 0.3)"
+};
+export {
+  panelDarkTheme,
+  panelLightTheme
+};
+//# sourceMappingURL=Panel.theme.js.map

package/dist/components/Panel/Panel.theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Panel.theme.js","sources":["../../../components/Panel/Panel.theme.ts"],"sourcesContent":["// Plain TypeScript color tokens (no vanilla-extract)\n// Can be safely imported by colors/index.ts for Stitches\nexport const panelLightTheme = {\n  panelShadowLight: 'rgba(0, 0, 0, 0.1)',\n};\n\nexport const panelDarkTheme = {\n  panelShadowLight: 'rgba(0, 0, 0, 0.3)',\n};\n"],"names":[],"mappings":"AAEO,MAAM,kBAAkB;AAAA,EAC7B,kBAAkB;AACpB;AAEO,MAAM,iBAAiB;AAAA,EAC5B,kBAAkB;AACpB;"}

package/dist/components/Panel/Panel.vanilla.cjs

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const dynamic = require("@vanilla-extract/dynamic");
+const React = require("react");
+const cssProps = require("../../styles/cssProps.cjs");
+const themeContext = require("../../styles/themeContext.cjs");
+const Panel_vanilla_css = require("./Panel.vanilla.css.cjs");
+const PanelVanilla = React.forwardRef(
+  ({ className, css, style, ...props }, ref) => {
+    const { colors } = themeContext.useVanillaExtractTheme();
+    const { style: cssStyles, vars } = cssProps.processCSSProp(css, colors);
+    const mergedStyles = { ...cssStyles, ...style, ...dynamic.assignInlineVars(vars) };
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ref,
+        className: `${Panel_vanilla_css.panelStyle} ${className || ""}`.trim(),
+        style: mergedStyles,
+        ...props
+      }
+    );
+  }
+);
+PanelVanilla.displayName = "PanelVanilla";
+exports.PanelVanilla = PanelVanilla;
+//# sourceMappingURL=Panel.vanilla.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Panel.vanilla.cjs","sources":["../../../components/Panel/Panel.vanilla.tsx"],"sourcesContent":["import { assignInlineVars } from '@vanilla-extract/dynamic';\nimport { forwardRef } from 'react';\n\nimport { CSSProps, processCSSProp } from '../../styles/cssProps';\nimport { useVanillaExtractTheme } from '../../styles/themeContext';\nimport { panelStyle } from './Panel.vanilla.css';\n\nexport type PanelVanillaProps = React.ComponentProps<'div'> & CSSProps;\n\nexport const PanelVanilla = forwardRef<HTMLDivElement, PanelVanillaProps>(\n  ({ className, css, style, ...props }, ref) => {\n    const { colors } = useVanillaExtractTheme();\n    const { style: cssStyles, vars } = processCSSProp(css, colors);\n    const mergedStyles = { ...cssStyles, ...style, ...assignInlineVars(vars) };\n\n    return (\n      <div\n        ref={ref}\n        className={`${panelStyle} ${className || ''}`.trim()}\n        style={mergedStyles}\n        {...props}\n      />\n    );\n  },\n);\n\nPanelVanilla.displayName = 'PanelVanilla';\n"],"names":["forwardRef","useVanillaExtractTheme","processCSSProp","assignInlineVars","jsx","panelStyle"],"mappings":";;;;;;;;AASO,MAAM,eAAeA,MAAAA;AAAAA,EAC1B,CAAC,EAAE,WAAW,KAAK,OAAO,GAAG,MAAA,GAAS,QAAQ;AAC5C,UAAM,EAAE,OAAA,IAAWC,oCAAA;AACnB,UAAM,EAAE,OAAO,WAAW,SAASC,SAAAA,eAAe,KAAK,MAAM;AAC7D,UAAM,eAAe,EAAE,GAAG,WAAW,GAAG,OAAO,GAAGC,QAAAA,iBAAiB,IAAI,EAAA;AAEvE,WACEC,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,WAAW,GAAGC,4BAAU,IAAI,aAAa,EAAE,GAAG,KAAA;AAAA,QAC9C,OAAO;AAAA,QACN,GAAG;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;AAEA,aAAa,cAAc;;"}

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

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+;/* empty css                                   */
+var panelStyle = "_15a4kqm0";
+exports.panelStyle = panelStyle;
+//# sourceMappingURL=Panel.vanilla.css.cjs.map

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

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

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

@@ -0,0 +1,6 @@
+/* empty css                                 */
+var panelStyle = "_15a4kqm0";
+export {
+  panelStyle
+};
+//# sourceMappingURL=Panel.vanilla.css.js.map

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

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

package/dist/components/Panel/Panel.vanilla.js

@@ -0,0 +1,27 @@
+import { jsx } from "react/jsx-runtime";
+import { assignInlineVars } from "@vanilla-extract/dynamic";
+import { forwardRef } from "react";
+import { processCSSProp } from "../../styles/cssProps.js";
+import { useVanillaExtractTheme } from "../../styles/themeContext.js";
+import { panelStyle } from "./Panel.vanilla.css.js";
+const PanelVanilla = forwardRef(
+  ({ className, css, style, ...props }, ref) => {
+    const { colors } = useVanillaExtractTheme();
+    const { style: cssStyles, vars } = processCSSProp(css, colors);
+    const mergedStyles = { ...cssStyles, ...style, ...assignInlineVars(vars) };
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: `${panelStyle} ${className || ""}`.trim(),
+        style: mergedStyles,
+        ...props
+      }
+    );
+  }
+);
+PanelVanilla.displayName = "PanelVanilla";
+export {
+  PanelVanilla
+};
+//# sourceMappingURL=Panel.vanilla.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Panel.vanilla.js","sources":["../../../components/Panel/Panel.vanilla.tsx"],"sourcesContent":["import { assignInlineVars } from '@vanilla-extract/dynamic';\nimport { forwardRef } from 'react';\n\nimport { CSSProps, processCSSProp } from '../../styles/cssProps';\nimport { useVanillaExtractTheme } from '../../styles/themeContext';\nimport { panelStyle } from './Panel.vanilla.css';\n\nexport type PanelVanillaProps = React.ComponentProps<'div'> & CSSProps;\n\nexport const PanelVanilla = forwardRef<HTMLDivElement, PanelVanillaProps>(\n  ({ className, css, style, ...props }, ref) => {\n    const { colors } = useVanillaExtractTheme();\n    const { style: cssStyles, vars } = processCSSProp(css, colors);\n    const mergedStyles = { ...cssStyles, ...style, ...assignInlineVars(vars) };\n\n    return (\n      <div\n        ref={ref}\n        className={`${panelStyle} ${className || ''}`.trim()}\n        style={mergedStyles}\n        {...props}\n      />\n    );\n  },\n);\n\nPanelVanilla.displayName = 'PanelVanilla';\n"],"names":[],"mappings":";;;;;;AASO,MAAM,eAAe;AAAA,EAC1B,CAAC,EAAE,WAAW,KAAK,OAAO,GAAG,MAAA,GAAS,QAAQ;AAC5C,UAAM,EAAE,OAAA,IAAW,uBAAA;AACnB,UAAM,EAAE,OAAO,WAAW,SAAS,eAAe,KAAK,MAAM;AAC7D,UAAM,eAAe,EAAE,GAAG,WAAW,GAAG,OAAO,GAAG,iBAAiB,IAAI,EAAA;AAEvE,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,WAAW,GAAG,UAAU,IAAI,aAAa,EAAE,GAAG,KAAA;AAAA,QAC9C,OAAO;AAAA,QACN,GAAG;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;AAEA,aAAa,cAAc;"}

package/dist/components/Paragraph/Paragraph.cjs

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const merge = require("lodash.merge");
+const React = require("react");
+const Text = require("../Text/Text.cjs");
+const DEFAULT_TAG = "p";
+const Paragraph = React.forwardRef(
+  (props, forwardedRef) => {
+    const { size = "1", ...textProps } = props;
+    const textSize = {
+      1: { "@initial": "3", "@bp2": "4" },
+      2: { "@initial": "5", "@bp2": "6" }
+    };
+    const textCss = {
+      1: { lineHeight: "25px", "@bp2": { lineHeight: "27px" } },
+      2: { color: "$slate11", lineHeight: "27px", "@bp2": { lineHeight: "30px" } }
+    };
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Text.Text,
+      {
+        as: DEFAULT_TAG,
+        ...textProps,
+        ref: forwardedRef,
+        size: textSize[size],
+        css: {
+          ...merge(textCss[size], props.css)
+        }
+      }
+    );
+  }
+);
+exports.Paragraph = Paragraph;
+//# sourceMappingURL=Paragraph.cjs.map

package/dist/components/Paragraph/Paragraph.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Paragraph.cjs","sources":["../../../components/Paragraph/Paragraph.tsx"],"sourcesContent":["import merge from 'lodash.merge';\nimport React from 'react';\n\nimport { CSS, VariantProps } from '../../stitches.config';\nimport { Text } from '../Text';\n\nconst DEFAULT_TAG = 'p';\n\ntype TextSizeVariants = Pick<VariantProps<typeof Text>, 'size'>;\n\ntype ParagraphSizeVariants = '1' | '2';\ntype ParagraphVariants = { size?: ParagraphSizeVariants } & Omit<VariantProps<typeof Text>, 'size'>;\ntype ParagraphProps = React.ComponentProps<typeof DEFAULT_TAG> &\n  ParagraphVariants & { css?: CSS; as?: any };\n\nexport const Paragraph = React.forwardRef<React.ElementRef<typeof DEFAULT_TAG>, ParagraphProps>(\n  (props, forwardedRef) => {\n    // '2' here is the default Paragraph size variant\n    const { size = '1', ...textProps } = props;\n\n    // This is the mapping of Paragraph Variants to Text variants\n    const textSize: Record<ParagraphSizeVariants, TextSizeVariants['size']> = {\n      1: { '@initial': '3', '@bp2': '4' },\n      2: { '@initial': '5', '@bp2': '6' },\n    };\n\n    // This is the mapping of Paragraph Variants to Text css\n    const textCss: Record<ParagraphSizeVariants, CSS> = {\n      1: { lineHeight: '25px', '@bp2': { lineHeight: '27px' } },\n      2: { color: '$slate11', lineHeight: '27px', '@bp2': { lineHeight: '30px' } },\n    };\n    return (\n      <Text\n        as={DEFAULT_TAG}\n        {...textProps}\n        ref={forwardedRef}\n        size={textSize[size]}\n        css={{\n          ...merge(textCss[size], props.css),\n        }}\n      />\n    );\n  },\n);\n"],"names":["jsx","Text"],"mappings":";;;;;;AAMA,MAAM,cAAc;AASb,MAAM,YAAY,MAAM;AAAA,EAC7B,CAAC,OAAO,iBAAiB;AAEvB,UAAM,EAAE,OAAO,KAAK,GAAG,cAAc;AAGrC,UAAM,WAAoE;AAAA,MACxE,GAAG,EAAE,YAAY,KAAK,QAAQ,IAAA;AAAA,MAC9B,GAAG,EAAE,YAAY,KAAK,QAAQ,IAAA;AAAA,IAAI;AAIpC,UAAM,UAA8C;AAAA,MAClD,GAAG,EAAE,YAAY,QAAQ,QAAQ,EAAE,YAAY,SAAO;AAAA,MACtD,GAAG,EAAE,OAAO,YAAY,YAAY,QAAQ,QAAQ,EAAE,YAAY,OAAA,EAAO;AAAA,IAAE;AAE7E,WACEA,2BAAAA;AAAAA,MAACC,KAAAA;AAAAA,MAAA;AAAA,QACC,IAAI;AAAA,QACH,GAAG;AAAA,QACJ,KAAK;AAAA,QACL,MAAM,SAAS,IAAI;AAAA,QACnB,KAAK;AAAA,UACH,GAAG,MAAM,QAAQ,IAAI,GAAG,MAAM,GAAG;AAAA,QAAA;AAAA,MACnC;AAAA,IAAA;AAAA,EAGN;AACF;;"}

package/dist/components/Paragraph/Paragraph.js

@@ -0,0 +1,34 @@
+import { jsx } from "react/jsx-runtime";
+import merge from "lodash.merge";
+import React from "react";
+import { Text } from "../Text/Text.js";
+const DEFAULT_TAG = "p";
+const Paragraph = React.forwardRef(
+  (props, forwardedRef) => {
+    const { size = "1", ...textProps } = props;
+    const textSize = {
+      1: { "@initial": "3", "@bp2": "4" },
+      2: { "@initial": "5", "@bp2": "6" }
+    };
+    const textCss = {
+      1: { lineHeight: "25px", "@bp2": { lineHeight: "27px" } },
+      2: { color: "$slate11", lineHeight: "27px", "@bp2": { lineHeight: "30px" } }
+    };
+    return /* @__PURE__ */ jsx(
+      Text,
+      {
+        as: DEFAULT_TAG,
+        ...textProps,
+        ref: forwardedRef,
+        size: textSize[size],
+        css: {
+          ...merge(textCss[size], props.css)
+        }
+      }
+    );
+  }
+);
+export {
+  Paragraph
+};
+//# sourceMappingURL=Paragraph.js.map

package/dist/components/Paragraph/Paragraph.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Paragraph.js","sources":["../../../components/Paragraph/Paragraph.tsx"],"sourcesContent":["import merge from 'lodash.merge';\nimport React from 'react';\n\nimport { CSS, VariantProps } from '../../stitches.config';\nimport { Text } from '../Text';\n\nconst DEFAULT_TAG = 'p';\n\ntype TextSizeVariants = Pick<VariantProps<typeof Text>, 'size'>;\n\ntype ParagraphSizeVariants = '1' | '2';\ntype ParagraphVariants = { size?: ParagraphSizeVariants } & Omit<VariantProps<typeof Text>, 'size'>;\ntype ParagraphProps = React.ComponentProps<typeof DEFAULT_TAG> &\n  ParagraphVariants & { css?: CSS; as?: any };\n\nexport const Paragraph = React.forwardRef<React.ElementRef<typeof DEFAULT_TAG>, ParagraphProps>(\n  (props, forwardedRef) => {\n    // '2' here is the default Paragraph size variant\n    const { size = '1', ...textProps } = props;\n\n    // This is the mapping of Paragraph Variants to Text variants\n    const textSize: Record<ParagraphSizeVariants, TextSizeVariants['size']> = {\n      1: { '@initial': '3', '@bp2': '4' },\n      2: { '@initial': '5', '@bp2': '6' },\n    };\n\n    // This is the mapping of Paragraph Variants to Text css\n    const textCss: Record<ParagraphSizeVariants, CSS> = {\n      1: { lineHeight: '25px', '@bp2': { lineHeight: '27px' } },\n      2: { color: '$slate11', lineHeight: '27px', '@bp2': { lineHeight: '30px' } },\n    };\n    return (\n      <Text\n        as={DEFAULT_TAG}\n        {...textProps}\n        ref={forwardedRef}\n        size={textSize[size]}\n        css={{\n          ...merge(textCss[size], props.css),\n        }}\n      />\n    );\n  },\n);\n"],"names":[],"mappings":";;;;AAMA,MAAM,cAAc;AASb,MAAM,YAAY,MAAM;AAAA,EAC7B,CAAC,OAAO,iBAAiB;AAEvB,UAAM,EAAE,OAAO,KAAK,GAAG,cAAc;AAGrC,UAAM,WAAoE;AAAA,MACxE,GAAG,EAAE,YAAY,KAAK,QAAQ,IAAA;AAAA,MAC9B,GAAG,EAAE,YAAY,KAAK,QAAQ,IAAA;AAAA,IAAI;AAIpC,UAAM,UAA8C;AAAA,MAClD,GAAG,EAAE,YAAY,QAAQ,QAAQ,EAAE,YAAY,SAAO;AAAA,MACtD,GAAG,EAAE,OAAO,YAAY,YAAY,QAAQ,QAAQ,EAAE,YAAY,OAAA,EAAO;AAAA,IAAE;AAE7E,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,IAAI;AAAA,QACH,GAAG;AAAA,QACJ,KAAK;AAAA,QACL,MAAM,SAAS,IAAI;AAAA,QACnB,KAAK;AAAA,UACH,GAAG,MAAM,QAAQ,IAAI,GAAG,MAAM,GAAG;AAAA,QAAA;AAAA,MACnC;AAAA,IAAA;AAAA,EAGN;AACF;"}

package/dist/components/Paragraph/Paragraph.vanilla.cjs

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const dynamic = require("@vanilla-extract/dynamic");
+const React = require("react");
+const cssProps = require("../../styles/cssProps.cjs");
+const themeContext = require("../../styles/themeContext.cjs");
+const Paragraph_vanilla_css = require("./Paragraph.vanilla.css.cjs");
+const ParagraphVanillaComponentImpl = React.forwardRef(
+  ({ as, size, className, css, style, ...props }, ref) => {
+    const Component = as || "p";
+    const { colors } = themeContext.useVanillaExtractTheme();
+    const { style: cssStyles, vars } = cssProps.processCSSProp(css, colors);
+    const mergedStyles = {
+      ...cssStyles,
+      ...style,
+      ...dynamic.assignInlineVars(vars)
+    };
+    const recipeClass = Paragraph_vanilla_css.paragraphRecipe({ size });
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Component,
+      {
+        ref,
+        className: `${recipeClass} ${className || ""}`.trim(),
+        style: mergedStyles,
+        ...props
+      }
+    );
+  }
+);
+ParagraphVanillaComponentImpl.displayName = "ParagraphVanilla";
+const ParagraphVanilla = ParagraphVanillaComponentImpl;
+exports.ParagraphVanilla = ParagraphVanilla;
+//# sourceMappingURL=Paragraph.vanilla.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Paragraph.vanilla.cjs","sources":["../../../components/Paragraph/Paragraph.vanilla.tsx"],"sourcesContent":["import { assignInlineVars } from '@vanilla-extract/dynamic';\nimport { RecipeVariants } from '@vanilla-extract/recipes';\nimport { ElementType, forwardRef } from 'react';\n\nimport { CSSProps, processCSSProp } from '../../styles/cssProps';\nimport {\n  PolymorphicComponent,\n  PolymorphicComponentProps,\n  PolymorphicRef,\n} from '../../styles/polymorphic';\nimport { useVanillaExtractTheme } from '../../styles/themeContext';\nimport { paragraphRecipe } from './Paragraph.vanilla.css';\n\ntype ParagraphRecipeVariants = RecipeVariants<typeof paragraphRecipe>;\n\ninterface ParagraphOwnProps extends Omit<ParagraphRecipeVariants, never>, CSSProps {}\n\nexport type ParagraphVanillaProps<C extends ElementType = 'p'> = PolymorphicComponentProps<\n  C,\n  ParagraphOwnProps\n>;\n\ntype ParagraphVanillaComponent = PolymorphicComponent<'p', ParagraphVanillaProps<ElementType>>;\n\nconst ParagraphVanillaComponentImpl = forwardRef(\n  <C extends ElementType = 'p'>(\n    { as, size, className, css, style, ...props }: ParagraphVanillaProps<C>,\n    ref?: PolymorphicRef<C>,\n  ) => {\n    const Component = as || 'p';\n\n    const { colors } = useVanillaExtractTheme();\n\n    const { style: cssStyles, vars } = processCSSProp(css, colors);\n\n    const mergedStyles = {\n      ...cssStyles,\n      ...style,\n      ...assignInlineVars(vars),\n    };\n\n    const recipeClass = paragraphRecipe({ size });\n\n    return (\n      <Component\n        ref={ref}\n        className={`${recipeClass} ${className || ''}`.trim()}\n        style={mergedStyles}\n        {...props}\n      />\n    );\n  },\n);\n\nParagraphVanillaComponentImpl.displayName = 'ParagraphVanilla';\n\nexport const ParagraphVanilla = ParagraphVanillaComponentImpl as ParagraphVanillaComponent;\n"],"names":["forwardRef","useVanillaExtractTheme","processCSSProp","assignInlineVars","paragraphRecipe","jsx"],"mappings":";;;;;;;;AAwBA,MAAM,gCAAgCA,MAAAA;AAAAA,EACpC,CACE,EAAE,IAAI,MAAM,WAAW,KAAK,OAAO,GAAG,MAAA,GACtC,QACG;AACH,UAAM,YAAY,MAAM;AAExB,UAAM,EAAE,OAAA,IAAWC,oCAAA;AAEnB,UAAM,EAAE,OAAO,WAAW,SAASC,SAAAA,eAAe,KAAK,MAAM;AAE7D,UAAM,eAAe;AAAA,MACnB,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAGC,QAAAA,iBAAiB,IAAI;AAAA,IAAA;AAG1B,UAAM,cAAcC,sBAAAA,gBAAgB,EAAE,MAAM;AAE5C,WACEC,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,WAAW,GAAG,WAAW,IAAI,aAAa,EAAE,GAAG,KAAA;AAAA,QAC/C,OAAO;AAAA,QACN,GAAG;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;AAEA,8BAA8B,cAAc;AAErC,MAAM,mBAAmB;;"}

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

@@ -0,0 +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 paragraphRecipe = createRuntimeFn62c9670f_esm.c({ defaultClassName: "ssoibc1 ssoibc0", variantClassNames: { size: { "1": "ssoibc2", "2": "ssoibc3" } }, defaultVariants: { size: "1" }, compoundVariants: [] });
+exports.paragraphRecipe = paragraphRecipe;
+//# sourceMappingURL=Paragraph.vanilla.css.cjs.map

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

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

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

@@ -0,0 +1,7 @@
+/* empty css                                     */
+import { c as createRuntimeFn } from "../../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js";
+var paragraphRecipe = createRuntimeFn({ defaultClassName: "ssoibc1 ssoibc0", variantClassNames: { size: { "1": "ssoibc2", "2": "ssoibc3" } }, defaultVariants: { size: "1" }, compoundVariants: [] });
+export {
+  paragraphRecipe
+};
+//# sourceMappingURL=Paragraph.vanilla.css.js.map

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

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

package/dist/components/Paragraph/Paragraph.vanilla.js

@@ -0,0 +1,34 @@
+import { jsx } from "react/jsx-runtime";
+import { assignInlineVars } from "@vanilla-extract/dynamic";
+import { forwardRef } from "react";
+import { processCSSProp } from "../../styles/cssProps.js";
+import { useVanillaExtractTheme } from "../../styles/themeContext.js";
+import { paragraphRecipe } from "./Paragraph.vanilla.css.js";
+const ParagraphVanillaComponentImpl = forwardRef(
+  ({ as, size, className, css, style, ...props }, ref) => {
+    const Component = as || "p";
+    const { colors } = useVanillaExtractTheme();
+    const { style: cssStyles, vars } = processCSSProp(css, colors);
+    const mergedStyles = {
+      ...cssStyles,
+      ...style,
+      ...assignInlineVars(vars)
+    };
+    const recipeClass = paragraphRecipe({ size });
+    return /* @__PURE__ */ jsx(
+      Component,
+      {
+        ref,
+        className: `${recipeClass} ${className || ""}`.trim(),
+        style: mergedStyles,
+        ...props
+      }
+    );
+  }
+);
+ParagraphVanillaComponentImpl.displayName = "ParagraphVanilla";
+const ParagraphVanilla = ParagraphVanillaComponentImpl;
+export {
+  ParagraphVanilla
+};
+//# sourceMappingURL=Paragraph.vanilla.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Paragraph.vanilla.js","sources":["../../../components/Paragraph/Paragraph.vanilla.tsx"],"sourcesContent":["import { assignInlineVars } from '@vanilla-extract/dynamic';\nimport { RecipeVariants } from '@vanilla-extract/recipes';\nimport { ElementType, forwardRef } from 'react';\n\nimport { CSSProps, processCSSProp } from '../../styles/cssProps';\nimport {\n  PolymorphicComponent,\n  PolymorphicComponentProps,\n  PolymorphicRef,\n} from '../../styles/polymorphic';\nimport { useVanillaExtractTheme } from '../../styles/themeContext';\nimport { paragraphRecipe } from './Paragraph.vanilla.css';\n\ntype ParagraphRecipeVariants = RecipeVariants<typeof paragraphRecipe>;\n\ninterface ParagraphOwnProps extends Omit<ParagraphRecipeVariants, never>, CSSProps {}\n\nexport type ParagraphVanillaProps<C extends ElementType = 'p'> = PolymorphicComponentProps<\n  C,\n  ParagraphOwnProps\n>;\n\ntype ParagraphVanillaComponent = PolymorphicComponent<'p', ParagraphVanillaProps<ElementType>>;\n\nconst ParagraphVanillaComponentImpl = forwardRef(\n  <C extends ElementType = 'p'>(\n    { as, size, className, css, style, ...props }: ParagraphVanillaProps<C>,\n    ref?: PolymorphicRef<C>,\n  ) => {\n    const Component = as || 'p';\n\n    const { colors } = useVanillaExtractTheme();\n\n    const { style: cssStyles, vars } = processCSSProp(css, colors);\n\n    const mergedStyles = {\n      ...cssStyles,\n      ...style,\n      ...assignInlineVars(vars),\n    };\n\n    const recipeClass = paragraphRecipe({ size });\n\n    return (\n      <Component\n        ref={ref}\n        className={`${recipeClass} ${className || ''}`.trim()}\n        style={mergedStyles}\n        {...props}\n      />\n    );\n  },\n);\n\nParagraphVanillaComponentImpl.displayName = 'ParagraphVanilla';\n\nexport const ParagraphVanilla = ParagraphVanillaComponentImpl as ParagraphVanillaComponent;\n"],"names":[],"mappings":";;;;;;AAwBA,MAAM,gCAAgC;AAAA,EACpC,CACE,EAAE,IAAI,MAAM,WAAW,KAAK,OAAO,GAAG,MAAA,GACtC,QACG;AACH,UAAM,YAAY,MAAM;AAExB,UAAM,EAAE,OAAA,IAAW,uBAAA;AAEnB,UAAM,EAAE,OAAO,WAAW,SAAS,eAAe,KAAK,MAAM;AAE7D,UAAM,eAAe;AAAA,MACnB,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG,iBAAiB,IAAI;AAAA,IAAA;AAG1B,UAAM,cAAc,gBAAgB,EAAE,MAAM;AAE5C,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,WAAW,GAAG,WAAW,IAAI,aAAa,EAAE,GAAG,KAAA;AAAA,QAC/C,OAAO;AAAA,QACN,GAAG;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;AAEA,8BAA8B,cAAc;AAErC,MAAM,mBAAmB;"}