@traefik-labs/faency 12.2.0 → 12.2.2

package/dist/components/NavigationTree/NavigationTreeItem.cjs

@@ -1,105 +1,79 @@
-"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
-      }
-    )
-  ] });
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_Box = require("../Box/Box.cjs");
+const require_Flex = require("../Flex/Flex.cjs");
+const require_Text = require("../Text/Text.cjs");
+const require_Navigation = require("../Navigation/Navigation.cjs");
+const require_NavigationTreeContainer = require("./NavigationTreeContainer.cjs");
+let react = require("react");
+react = require_runtime.__toESM(react, 1);
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region components/NavigationTree/NavigationTreeItem.tsx
+var NavigationTreeItem = ({ label, subtitle, children, onClick, defaultExpanded = false, defaultCollapseIcon, defaultExpandIcon, customCollapseIcon, customExpandIcon, nestedChildrenLevel = 1, fullWidth = false, ...props }) => {
+	const [isExpanded, setIsExpanded] = (0, react.useState)(defaultExpanded);
+	const isExpandable = (0, react.useMemo)(() => react.default.Children.count(children) > 0, [children]);
+	const hasStartAdornment = (0, react.useMemo)(() => !!props.startAdornment, [props.startAdornment]);
+	const usedStartAdornment = (0, react.useMemo)(() => hasStartAdornment ? props.startAdornment : isExpandable ? isExpanded ? customCollapseIcon || defaultCollapseIcon : customExpandIcon || defaultExpandIcon : null, [
+		hasStartAdornment,
+		isExpandable,
+		isExpanded,
+		defaultCollapseIcon,
+		defaultExpandIcon,
+		customCollapseIcon,
+		customExpandIcon,
+		props.startAdornment
+	]);
+	const childCss = (0, react.useMemo)(() => {
+		if (!isExpandable) return null;
+		return {
+			pl: "$4",
+			"> div > *": { "&::before, &::after": { left: fullWidth ? `calc(${nestedChildrenLevel} * -20px)` : 0 } }
+		};
+	}, [isExpandable, nestedChildrenLevel]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Box.Box, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Navigation.NavigationItem, {
+		css: {
+			width: "100%",
+			...(0, react.useMemo)(() => {
+				if (!isExpandable) return {};
+				return { "&:focus": {
+					boxShadow: "none",
+					"&::before": { background: "none" },
+					"&::after": { background: "none" }
+				} };
+			}, [isExpandable])
+		},
+		...props,
+		startAdornment: usedStartAdornment,
+		onClick: isExpandable ? () => setIsExpanded(!isExpanded) : onClick,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Flex.Flex, {
+			direction: "column",
+			align: "start",
+			gap: 1,
+			css: {
+				ml: isExpandable || hasStartAdornment ? 0 : "$4",
+				color: "inherit",
+				width: "100%"
+			},
+			children: [typeof label === "string" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Text.Text, {
+				css: { color: "inherit" },
+				children: label
+			}) : label, subtitle && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Text.Text, {
+				variant: "subtle",
+				css: {
+					fontSize: "$3",
+					opacity: .8
+				},
+				children: subtitle
+			})]
+		})
+	}), isExpanded && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_NavigationTreeContainer.NavigationTreeContainer, {
+		defaultCollapseIcon,
+		defaultExpandIcon,
+		fullWidth,
+		css: childCss,
+		children
+	})] });
 };
+//#endregion
 exports.NavigationTreeItem = NavigationTreeItem;
-//# sourceMappingURL=NavigationTreeItem.cjs.map
+
+//# sourceMappingURL=NavigationTreeItem.cjs.map

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

@@ -1 +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;;"}
+{"version":3,"file":"NavigationTreeItem.cjs","names":[],"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"],"mappings":";;;;;;;;;;AAuBA,IAAa,sBAAsB,EACjC,OACA,UACA,UACA,SACA,kBAAkB,OAClB,qBACA,mBACA,oBACA,kBACA,sBAAsB,GACtB,YAAY,OACZ,GAAG,YACgD;CACnD,MAAM,CAAC,YAAY,kBAAA,GAAA,MAAA,UAA0B,gBAAgB;CAC7D,MAAM,gBAAA,GAAA,MAAA,eAA6B,MAAA,QAAM,SAAS,MAAM,SAAS,GAAG,GAAG,CAAC,SAAS,CAAC;CAClF,MAAM,qBAAA,GAAA,MAAA,eAAkC,CAAC,CAAC,MAAM,gBAAgB,CAAC,MAAM,eAAe,CAAC;CACvF,MAAM,sBAAA,GAAA,MAAA,eAEF,oBACI,MAAM,iBACN,eACE,aACE,sBAAsB,sBACtB,oBAAoB,oBACtB,MACR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,MAAM;EACP,CACF;CAED,MAAM,YAAA,GAAA,MAAA,eAAyB;AAC7B,MAAI,CAAC,aAAc,QAAO;AAE1B,SAAO;GACL,IAAI;GACJ,aAAa,EACX,uBAAuB,EACrB,MAAM,YAAY,QAAQ,oBAAoB,aAAa,GAC5D,EACF;GACF;IAEA,CAAC,cAAc,oBAAoB,CAAC;AAmBvC,QACE,iBAAA,GAAA,kBAAA,MAAC,YAAA,KAAD,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,KAAC,mBAAA,gBAAD;EACE,KAAK;GAAE,OAAO;GAAQ,IAAA,GAAA,MAAA,eApBK;AAC/B,QAAI,CAAC,aAAc,QAAO,EAAE;AAE5B,WAAO,EACL,WAAW;KACT,WAAW;KAEX,aAAa,EACX,YAAY,QACb;KACD,YAAY,EACV,YAAY,QACb;KACF,EACF;MACA,CAAC,aAAa,CAAC;GAKyB;EACrC,GAAI;EACJ,gBAAgB;EAChB,SAAS,qBAAqB,cAAc,CAAC,WAAW,GAAG;YAE3D,iBAAA,GAAA,kBAAA,MAAC,aAAA,MAAD;GACE,WAAU;GACV,OAAM;GACN,KAAK;GACL,KAAK;IACH,IAAI,gBAAgB,oBAAoB,IAAI;IAC5C,OAAO;IACP,OAAO;IACR;aARH,CAUG,OAAO,UAAU,WAAW,iBAAA,GAAA,kBAAA,KAAC,aAAA,MAAD;IAAM,KAAK,EAAE,OAAO,WAAW;cAAG;IAAa,CAAA,GAAG,OAC9E,YACC,iBAAA,GAAA,kBAAA,KAAC,aAAA,MAAD;IAAM,SAAQ;IAAS,KAAK;KAAE,UAAU;KAAM,SAAS;KAAK;cACzD;IACI,CAAA,CAEJ;;EACQ,CAAA,EAChB,cACC,iBAAA,GAAA,kBAAA,KAAC,gCAAA,yBAAD;EACuB;EACF;EACR;EACX,KAAK;EAEJ;EACuB,CAAA,CAExB,EAAA,CAAA"}

package/dist/components/NavigationTree/NavigationTreeItem.js

@@ -1,105 +1,77 @@
-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
+import { NavigationItem } from "../Navigation/Navigation.js";
+import { NavigationTreeContainer } from "./NavigationTreeContainer.js";
+import React, { useMemo, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region components/NavigationTree/NavigationTreeItem.tsx
+var 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]);
+	return /* @__PURE__ */ jsxs(Box, { children: [/* @__PURE__ */ jsx(NavigationItem, {
+		css: {
+			width: "100%",
+			...useMemo(() => {
+				if (!isExpandable) return {};
+				return { "&:focus": {
+					boxShadow: "none",
+					"&::before": { background: "none" },
+					"&::after": { background: "none" }
+				} };
+			}, [isExpandable])
+		},
+		...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: .8
+				},
+				children: subtitle
+			})]
+		})
+	}), isExpanded && /* @__PURE__ */ jsx(NavigationTreeContainer, {
+		defaultCollapseIcon,
+		defaultExpandIcon,
+		fullWidth,
+		css: childCss,
+		children
+	})] });
 };
-//# sourceMappingURL=NavigationTreeItem.js.map
+//#endregion
+export { NavigationTreeItem };
+
+//# sourceMappingURL=NavigationTreeItem.js.map

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

@@ -1 +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;"}
+{"version":3,"file":"NavigationTreeItem.js","names":[],"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"],"mappings":";;;;;;;;AAuBA,IAAa,sBAAsB,EACjC,OACA,UACA,UACA,SACA,kBAAkB,OAClB,qBACA,mBACA,oBACA,kBACA,sBAAsB,GACtB,YAAY,OACZ,GAAG,YACgD;CACnD,MAAM,CAAC,YAAY,iBAAiB,SAAS,gBAAgB;CAC7D,MAAM,eAAe,cAAc,MAAM,SAAS,MAAM,SAAS,GAAG,GAAG,CAAC,SAAS,CAAC;CAClF,MAAM,oBAAoB,cAAc,CAAC,CAAC,MAAM,gBAAgB,CAAC,MAAM,eAAe,CAAC;CACvF,MAAM,qBAAqB,cAEvB,oBACI,MAAM,iBACN,eACE,aACE,sBAAsB,sBACtB,oBAAoB,oBACtB,MACR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,MAAM;EACP,CACF;CAED,MAAM,WAAW,cAAc;AAC7B,MAAI,CAAC,aAAc,QAAO;AAE1B,SAAO;GACL,IAAI;GACJ,aAAa,EACX,uBAAuB,EACrB,MAAM,YAAY,QAAQ,oBAAoB,aAAa,GAC5D,EACF;GACF;IAEA,CAAC,cAAc,oBAAoB,CAAC;AAmBvC,QACE,qBAAC,KAAD,EAAA,UAAA,CACE,oBAAC,gBAAD;EACE,KAAK;GAAE,OAAO;GAAQ,GApBT,cAAc;AAC/B,QAAI,CAAC,aAAc,QAAO,EAAE;AAE5B,WAAO,EACL,WAAW;KACT,WAAW;KAEX,aAAa,EACX,YAAY,QACb;KACD,YAAY,EACV,YAAY,QACb;KACF,EACF;MACA,CAAC,aAAa,CAAC;GAKyB;EACrC,GAAI;EACJ,gBAAgB;EAChB,SAAS,qBAAqB,cAAc,CAAC,WAAW,GAAG;YAE3D,qBAAC,MAAD;GACE,WAAU;GACV,OAAM;GACN,KAAK;GACL,KAAK;IACH,IAAI,gBAAgB,oBAAoB,IAAI;IAC5C,OAAO;IACP,OAAO;IACR;aARH,CAUG,OAAO,UAAU,WAAW,oBAAC,MAAD;IAAM,KAAK,EAAE,OAAO,WAAW;cAAG;IAAa,CAAA,GAAG,OAC9E,YACC,oBAAC,MAAD;IAAM,SAAQ;IAAS,KAAK;KAAE,UAAU;KAAM,SAAS;KAAK;cACzD;IACI,CAAA,CAEJ;;EACQ,CAAA,EAChB,cACC,oBAAC,yBAAD;EACuB;EACF;EACR;EACX,KAAK;EAEJ;EACuB,CAAA,CAExB,EAAA,CAAA"}

package/dist/components/Overlay.cjs

@@ -1,10 +1,9 @@
-"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);
+const require_stitches_config = require("../stitches.config.cjs");
+//#region components/Overlay.tsx
+var overlayStyles = { backgroundColor: "hsla(0, 0%, 0%, 0.7)" };
+var Overlay = require_stitches_config.styled("div", overlayStyles);
+//#endregion
 exports.Overlay = Overlay;
 exports.overlayStyles = overlayStyles;
-//# sourceMappingURL=Overlay.cjs.map
+
+//# sourceMappingURL=Overlay.cjs.map

package/dist/components/Overlay.cjs.map

@@ -1 +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;;;"}
+{"version":3,"file":"Overlay.cjs","names":[],"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"],"mappings":";;AAEA,IAAa,gBAAqB,EAChC,iBAAiB,wBAClB;AAED,IAAa,UAAU,wBAAA,OAAO,OAAO,cAAc"}

package/dist/components/Overlay.js

@@ -1,10 +1,8 @@
 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
+//#region components/Overlay.tsx
+var overlayStyles = { backgroundColor: "hsla(0, 0%, 0%, 0.7)" };
+var Overlay = styled("div", overlayStyles);
+//#endregion
+export { Overlay, overlayStyles };
+
+//# sourceMappingURL=Overlay.js.map

package/dist/components/Overlay.js.map

@@ -1 +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;"}
+{"version":3,"file":"Overlay.js","names":[],"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"],"mappings":";;AAEA,IAAa,gBAAqB,EAChC,iBAAiB,wBAClB;AAED,IAAa,UAAU,OAAO,OAAO,cAAc"}

package/dist/components/Panel/Panel.cjs

@@ -1,12 +1,13 @@
-"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 require_stitches_config = require("../../stitches.config.cjs");
+//#region components/Panel/Panel.tsx
+var 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);
+var Panel = require_stitches_config.styled("div", panelStyles);
+//#endregion
 exports.Panel = Panel;
 exports.panelStyles = panelStyles;
-//# sourceMappingURL=Panel.cjs.map
+
+//# sourceMappingURL=Panel.cjs.map

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

@@ -1 +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;;;"}
+{"version":3,"file":"Panel.cjs","names":[],"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"],"mappings":";;AAEA,IAAa,cAAmB;CAC9B,iBAAiB;CACjB,cAAc;CACd,WAAW;CACZ;AAED,IAAa,QAAQ,wBAAA,OAAO,OAAO,YAAY"}

package/dist/components/Panel/Panel.js

@@ -1,12 +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"
+//#region components/Panel/Panel.tsx
+var 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
+var Panel = styled("div", panelStyles);
+//#endregion
+export { Panel, panelStyles };
+
+//# sourceMappingURL=Panel.js.map

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

@@ -1 +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;"}
+{"version":3,"file":"Panel.js","names":[],"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"],"mappings":";;AAEA,IAAa,cAAmB;CAC9B,iBAAiB;CACjB,cAAc;CACd,WAAW;CACZ;AAED,IAAa,QAAQ,OAAO,OAAO,YAAY"}

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

@@ -1,11 +1,8 @@
-"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)"
-};
+//#region components/Panel/Panel.theme.ts
+var panelLightTheme = { panelShadowLight: "rgba(0, 0, 0, 0.1)" };
+var panelDarkTheme = { panelShadowLight: "rgba(0, 0, 0, 0.3)" };
+//#endregion
 exports.panelDarkTheme = panelDarkTheme;
 exports.panelLightTheme = panelLightTheme;
-//# sourceMappingURL=Panel.theme.cjs.map
+
+//# sourceMappingURL=Panel.theme.cjs.map

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

@@ -1 +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;;;"}
+{"version":3,"file":"Panel.theme.cjs","names":[],"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"],"mappings":";AAEA,IAAa,kBAAkB,EAC7B,kBAAkB,sBACnB;AAED,IAAa,iBAAiB,EAC5B,kBAAkB,sBACnB"}

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

@@ -1,11 +1,7 @@
-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
+//#region components/Panel/Panel.theme.ts
+var panelLightTheme = { panelShadowLight: "rgba(0, 0, 0, 0.1)" };
+var panelDarkTheme = { panelShadowLight: "rgba(0, 0, 0, 0.3)" };
+//#endregion
+export { panelDarkTheme, panelLightTheme };
+
+//# sourceMappingURL=Panel.theme.js.map

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

@@ -1 +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;"}
+{"version":3,"file":"Panel.theme.js","names":[],"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"],"mappings":";AAEA,IAAa,kBAAkB,EAC7B,kBAAkB,sBACnB;AAED,IAAa,iBAAiB,EAC5B,kBAAkB,sBACnB"}