@traefik-labs/faency 12.0.7

package/dist/components/Navigation/Navigation.js

@@ -0,0 +1,173 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { styled, css } from "../../stitches.config.js";
+import { elevationVariants } from "../Elevation/Elevation.js";
+import { Flex } from "../Flex/Flex.js";
+const FlexWithOpacity = styled(Flex, {
+  opacity: 0.74,
+  variants: {
+    active: {
+      true: {
+        opacity: 1
+      }
+    }
+  }
+});
+const baseNavItemCss = css({
+  position: "relative",
+  display: "flex",
+  boxSizing: "border-box",
+  alignItems: "center",
+  backgroundColor: "$navButtonBg",
+  color: "$navButtonText",
+  border: "none",
+  minHeight: "$7",
+  width: "100%",
+  px: "$3",
+  py: "$2",
+  borderRadius: "$3",
+  cursor: "pointer",
+  fontFamily: "$rubik",
+  fontWeight: "$medium",
+  outline: "none",
+  fontSize: "$3",
+  mt: "$2",
+  "&::before": {
+    boxSizing: "border-box",
+    content: '""',
+    position: "absolute",
+    top: 0,
+    right: 0,
+    bottom: 0,
+    left: 0,
+    borderRadius: "$3"
+  },
+  "&::after": {
+    boxSizing: "border-box",
+    content: '""',
+    position: "absolute",
+    top: 0,
+    right: 0,
+    bottom: 0,
+    left: 0,
+    borderRadius: "$3"
+  },
+  [`&:focus > ${FlexWithOpacity}, &:hover > ${FlexWithOpacity}`]: {
+    opacity: 1
+  },
+  "&:focus": {
+    color: "$navButtonFocusText",
+    boxShadow: "inset 0 0 0 2px $colors$navButtonFocusBorder",
+    "&::before": {
+      backgroundColor: "$navButtonFocusBg"
+    },
+    "&::after": {
+      backgroundColor: "$navButtonFocusBg2",
+      opacity: 0.05
+    }
+  },
+  "@hover": {
+    "&:hover": {
+      color: "$navButtonHoverText",
+      "&::before": {
+        backgroundColor: "$navButtonHoverBg"
+      },
+      "&::after": {
+        backgroundColor: "$navButtonHoverBg2",
+        opacity: 0.05
+      }
+    }
+  },
+  "&:first-child": {
+    mt: 0
+  },
+  variants: {
+    active: {
+      true: {
+        color: "$navButtonActiveText",
+        "&::before": {
+          backgroundColor: "$navButtonActiveBg"
+        },
+        "&::after": {
+          backgroundColor: "$navButtonActiveBg2",
+          opacity: 0.05
+        },
+        "@hover": {
+          "&:hover": {
+            color: "$navButtonActiveText"
+          }
+        },
+        "&:focus": {
+          color: "$navButtonActiveText"
+        }
+      }
+    }
+  },
+  defaultVariants: {
+    active: false
+  }
+});
+const NavigationContainer = styled("div", {
+  display: "flex",
+  boxSizing: "border-box",
+  flexDirection: "column"
+});
+const NavigationDrawer = styled("nav", {
+  display: "flex",
+  boxSizing: "border-box",
+  padding: "$3",
+  maxWidth: "240px",
+  flexDirection: "column",
+  variants: {
+    elevation: elevationVariants,
+    fullWidth: {
+      true: {
+        px: 0,
+        "> *, > div > *,": {
+          borderRadius: 0,
+          "&::before": {
+            borderRadius: 0
+          },
+          "&::after": {
+            borderRadius: 0
+          },
+          "&:focus": {
+            border: "none",
+            boxShadow: "none"
+          }
+        }
+      }
+    }
+  },
+  defaultVariants: {
+    elevation: 1,
+    fullWidth: false
+  }
+});
+const StyledLink = styled("a", baseNavItemCss, {
+  textDecoration: "none"
+});
+const StyledButton = styled("button", baseNavItemCss);
+const NavigationItemWrapper = (props) => props.as === "a" ? /* @__PURE__ */ jsx(StyledLink, { ...props }) : /* @__PURE__ */ jsx(StyledButton, { type: "button", ...props });
+const NavigationItem = ({
+  startAdornment,
+  endAdornment,
+  children,
+  ...restProps
+}) => {
+  const hasStartAdornment = useMemo(() => Boolean(startAdornment), [startAdornment]);
+  const hasEndAdornment = useMemo(() => Boolean(endAdornment), [endAdornment]);
+  return /* @__PURE__ */ jsxs(NavigationItemWrapper, { ...restProps, children: [
+    hasStartAdornment && /* @__PURE__ */ jsx(FlexWithOpacity, { css: { pr: "$2", ml: "-$1" }, active: restProps.active, children: startAdornment }),
+    /* @__PURE__ */ jsx(FlexWithOpacity, { css: { flexGrow: 1 }, active: restProps.active, children }),
+    hasEndAdornment && /* @__PURE__ */ jsx(Flex, { css: { pl: "$2", mr: "-$1" }, children: endAdornment })
+  ] });
+};
+const NavigationLink = (props) => /* @__PURE__ */ jsx(NavigationItem, { as: "a", ...props });
+export {
+  NavigationContainer,
+  NavigationDrawer,
+  NavigationItem,
+  NavigationLink
+};
+//# sourceMappingURL=Navigation.js.map

package/dist/components/Navigation/Navigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Navigation.js","sources":["../../../components/Navigation/Navigation.tsx"],"sourcesContent":["import React, { ReactNode, useMemo } from 'react';\n\nimport { CSS, css, styled, VariantProps } from '../../stitches.config';\nimport { elevationVariants } from '../Elevation';\nimport { Flex } from '../Flex';\n\nconst FlexWithOpacity = styled(Flex, {\n  opacity: 0.74,\n\n  variants: {\n    active: {\n      true: {\n        opacity: 1,\n      },\n    },\n  },\n});\n\nconst baseNavItemCss = css({\n  position: 'relative',\n  display: 'flex',\n  boxSizing: 'border-box',\n  alignItems: 'center',\n  backgroundColor: '$navButtonBg',\n  color: '$navButtonText',\n  border: 'none',\n  minHeight: '$7',\n  width: '100%',\n  px: '$3',\n  py: '$2',\n  borderRadius: '$3',\n  cursor: 'pointer',\n  fontFamily: '$rubik',\n  fontWeight: '$medium',\n  outline: 'none',\n  fontSize: '$3',\n  mt: '$2',\n\n  '&::before': {\n    boxSizing: 'border-box',\n    content: '\"\"',\n    position: 'absolute',\n    top: 0,\n    right: 0,\n    bottom: 0,\n    left: 0,\n    borderRadius: '$3',\n  },\n  '&::after': {\n    boxSizing: 'border-box',\n    content: '\"\"',\n    position: 'absolute',\n    top: 0,\n    right: 0,\n    bottom: 0,\n    left: 0,\n    borderRadius: '$3',\n  },\n\n  [`&:focus > ${FlexWithOpacity}, &:hover > ${FlexWithOpacity}`]: {\n    opacity: 1,\n  },\n\n  '&:focus': {\n    color: '$navButtonFocusText',\n    boxShadow: 'inset 0 0 0 2px $colors$navButtonFocusBorder',\n\n    '&::before': {\n      backgroundColor: '$navButtonFocusBg',\n    },\n    '&::after': {\n      backgroundColor: '$navButtonFocusBg2',\n      opacity: 0.05,\n    },\n  },\n\n  '@hover': {\n    '&:hover': {\n      color: '$navButtonHoverText',\n\n      '&::before': {\n        backgroundColor: '$navButtonHoverBg',\n      },\n      '&::after': {\n        backgroundColor: '$navButtonHoverBg2',\n        opacity: 0.05,\n      },\n    },\n  },\n\n  '&:first-child': {\n    mt: 0,\n  },\n\n  variants: {\n    active: {\n      true: {\n        color: '$navButtonActiveText',\n\n        '&::before': {\n          backgroundColor: '$navButtonActiveBg',\n        },\n        '&::after': {\n          backgroundColor: '$navButtonActiveBg2',\n          opacity: 0.05,\n        },\n\n        '@hover': {\n          '&:hover': {\n            color: '$navButtonActiveText',\n          },\n        },\n\n        '&:focus': {\n          color: '$navButtonActiveText',\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    active: false,\n  },\n});\n\nexport const NavigationContainer = styled('div', {\n  display: 'flex',\n  boxSizing: 'border-box',\n  flexDirection: 'column',\n});\n\nexport type NavigationContainerVariants = VariantProps<typeof NavigationContainer>;\nexport type NavigationContainerProps = NavigationContainerVariants & NonNullable<unknown>;\n\nexport const NavigationDrawer = styled('nav', {\n  display: 'flex',\n  boxSizing: 'border-box',\n  padding: '$3',\n  maxWidth: '240px',\n  flexDirection: 'column',\n  variants: {\n    elevation: elevationVariants,\n    fullWidth: {\n      true: {\n        px: 0,\n        '> *, > div > *,': {\n          borderRadius: 0,\n\n          '&::before': {\n            borderRadius: 0,\n          },\n\n          '&::after': {\n            borderRadius: 0,\n          },\n\n          '&:focus': {\n            border: 'none',\n            boxShadow: 'none',\n          },\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    elevation: 1,\n    fullWidth: false,\n  },\n});\n\nexport type NavigationDrawerVariants = VariantProps<typeof NavigationDrawer>;\nexport type NavigationDrawerProps = NavigationDrawerVariants & NonNullable<unknown>;\n\nconst StyledLink = styled('a', baseNavItemCss, {\n  textDecoration: 'none',\n});\n\ntype StyledLinkProps = VariantProps<typeof StyledLink> & React.ComponentProps<typeof StyledLink>;\n\nconst StyledButton = styled('button', baseNavItemCss);\n\ntype StyledButtonProps = VariantProps<typeof StyledButton> &\n  React.ComponentProps<typeof StyledButton>;\ninterface NavigationItemBaseProps {\n  css?: CSS;\n  startAdornment?: ReactNode;\n  endAdornment?: ReactNode;\n  children?: ReactNode;\n  active?: boolean;\n}\n\ntype NavigationItemButtonProps = NavigationItemBaseProps &\n  StyledButtonProps & {\n    as?: 'button';\n  };\ntype NavigationItemLinkProps = NavigationItemBaseProps &\n  StyledLinkProps &\n  React.AnchorHTMLAttributes<HTMLAnchorElement> & {\n    as: 'a';\n  };\n\nexport type NavigationItemProps = NavigationItemButtonProps | NavigationItemLinkProps;\n\nconst NavigationItemWrapper = (props: NavigationItemProps): JSX.Element =>\n  props.as === 'a' ? <StyledLink {...props} /> : <StyledButton type=\"button\" {...props} />;\n\nexport const NavigationItem = ({\n  startAdornment,\n  endAdornment,\n  children,\n  ...restProps\n}: NavigationItemProps): JSX.Element => {\n  const hasStartAdornment = useMemo(() => Boolean(startAdornment), [startAdornment]);\n  const hasEndAdornment = useMemo(() => Boolean(endAdornment), [endAdornment]);\n\n  return (\n    <NavigationItemWrapper {...restProps}>\n      {hasStartAdornment && (\n        <FlexWithOpacity css={{ pr: '$2', ml: '-$1' }} active={restProps.active}>\n          {startAdornment}\n        </FlexWithOpacity>\n      )}\n      <FlexWithOpacity css={{ flexGrow: 1 }} active={restProps.active}>\n        {children}\n      </FlexWithOpacity>\n      {hasEndAdornment && <Flex css={{ pl: '$2', mr: '-$1' }}>{endAdornment}</Flex>}\n    </NavigationItemWrapper>\n  );\n};\n\nexport type NavigationItemVariants = VariantProps<typeof NavigationItem>;\n\nexport const NavigationLink = (props: Omit<NavigationItemLinkProps, 'as'>) => (\n  <NavigationItem as=\"a\" {...props} />\n);\n\nexport type NavigationLinkVariants = VariantProps<typeof NavigationLink>;\n\nexport type NavigationLinkProps = NavigationLinkVariants & NonNullable<unknown>;\n"],"names":[],"mappings":"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"}

package/dist/components/Navigation/Navigation.themes.cjs

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const tinycolor = require("tinycolor2");
+exports.Theme = void 0;
+((Theme2) => {
+  Theme2.getLight = (primaryColor) => ({
+    navButtonBg: "transparent",
+    navButtonHoverBg: tinycolor("black").setAlpha(0.04).toHslString(),
+    navButtonHoverBg2: "transparent",
+    navButtonFocusBg: tinycolor("white").setAlpha(0.15).toHslString(),
+    navButtonFocusBg2: "$primary",
+    navButtonFocusBorder: primaryColor.helpers.pickScale(8),
+    navButtonActiveBg: tinycolor("black").setAlpha(0.04).toHslString(),
+    navButtonActiveBg2: "transparent",
+    navButtonText: tinycolor("black").setAlpha(0.54).toHslString(),
+    navButtonHoverText: "black",
+    navButtonFocusText: "black",
+    navButtonActiveText: "$primary"
+  });
+  Theme2.getDark = (primaryColor) => ({
+    navButtonBg: "transparent",
+    navButtonHoverBg: tinycolor("white").setAlpha(0.05).toHslString(),
+    navButtonHoverBg2: "$primary",
+    navButtonFocusBg: tinycolor("white").setAlpha(0.15).toHslString(),
+    navButtonFocusBg2: "$primary",
+    navButtonFocusBorder: primaryColor.helpers.pickScale(11),
+    navButtonActiveBg: tinycolor("white").setAlpha(0.05).toHslString(),
+    navButtonActiveBg2: "$primary",
+    navButtonText: "white",
+    navButtonHoverText: "white",
+    navButtonFocusText: "white",
+    navButtonActiveText: "$primary"
+  });
+})(exports.Theme || (exports.Theme = {}));
+//# sourceMappingURL=Navigation.themes.cjs.map

package/dist/components/Navigation/Navigation.themes.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Navigation.themes.cjs","sources":["../../../components/Navigation/Navigation.themes.ts"],"sourcesContent":["import { Property } from '@stitches/react/types/css';\nimport tinycolor from 'tinycolor2';\n\nimport { ColorInfo } from '../../utils/getPrimaryColorInfo';\nexport namespace Theme {\n  type Colors = {\n    navButtonBg: Property.Color;\n    navButtonHoverBg: Property.Color;\n    navButtonHoverBg2: Property.Color;\n    navButtonFocusBg: Property.Color;\n    navButtonFocusBg2: Property.Color;\n    navButtonFocusBorder: Property.Color;\n    navButtonText: Property.Color;\n    navButtonHoverText: Property.Color;\n    navButtonActiveText: Property.Color;\n    navButtonFocusText: Property.Color;\n  };\n\n  type Factory = (primaryColor: ColorInfo) => Colors;\n\n  export const getLight: Factory = (primaryColor) => ({\n    navButtonBg: 'transparent',\n    navButtonHoverBg: tinycolor('black').setAlpha(0.04).toHslString(),\n    navButtonHoverBg2: 'transparent',\n    navButtonFocusBg: tinycolor('white').setAlpha(0.15).toHslString(),\n    navButtonFocusBg2: '$primary',\n    navButtonFocusBorder: primaryColor.helpers.pickScale(8),\n    navButtonActiveBg: tinycolor('black').setAlpha(0.04).toHslString(),\n    navButtonActiveBg2: 'transparent',\n    navButtonText: tinycolor('black').setAlpha(0.54).toHslString(),\n    navButtonHoverText: 'black',\n    navButtonFocusText: 'black',\n    navButtonActiveText: '$primary',\n  });\n\n  export const getDark: Factory = (primaryColor) => ({\n    navButtonBg: 'transparent',\n    navButtonHoverBg: tinycolor('white').setAlpha(0.05).toHslString(),\n    navButtonHoverBg2: '$primary',\n    navButtonFocusBg: tinycolor('white').setAlpha(0.15).toHslString(),\n    navButtonFocusBg2: '$primary',\n    navButtonFocusBorder: primaryColor.helpers.pickScale(11),\n    navButtonActiveBg: tinycolor('white').setAlpha(0.05).toHslString(),\n    navButtonActiveBg2: '$primary',\n    navButtonText: 'white',\n    navButtonHoverText: 'white',\n    navButtonFocusText: 'white',\n    navButtonActiveText: '$primary',\n  });\n}\n"],"names":["Theme"],"mappings":";;;AAIiBA,QAAAA,QAAAA;AAAAA,CAAV,CAAUA,WAAV;AAgBQA,SAAA,WAAoB,CAAC,kBAAkB;AAAA,IAClD,aAAa;AAAA,IACb,kBAAkB,UAAU,OAAO,EAAE,SAAS,IAAI,EAAE,YAAA;AAAA,IACpD,mBAAmB;AAAA,IACnB,kBAAkB,UAAU,OAAO,EAAE,SAAS,IAAI,EAAE,YAAA;AAAA,IACpD,mBAAmB;AAAA,IACnB,sBAAsB,aAAa,QAAQ,UAAU,CAAC;AAAA,IACtD,mBAAmB,UAAU,OAAO,EAAE,SAAS,IAAI,EAAE,YAAA;AAAA,IACrD,oBAAoB;AAAA,IACpB,eAAe,UAAU,OAAO,EAAE,SAAS,IAAI,EAAE,YAAA;AAAA,IACjD,oBAAoB;AAAA,IACpB,oBAAoB;AAAA,IACpB,qBAAqB;AAAA,EAAA;AAGVA,SAAA,UAAmB,CAAC,kBAAkB;AAAA,IACjD,aAAa;AAAA,IACb,kBAAkB,UAAU,OAAO,EAAE,SAAS,IAAI,EAAE,YAAA;AAAA,IACpD,mBAAmB;AAAA,IACnB,kBAAkB,UAAU,OAAO,EAAE,SAAS,IAAI,EAAE,YAAA;AAAA,IACpD,mBAAmB;AAAA,IACnB,sBAAsB,aAAa,QAAQ,UAAU,EAAE;AAAA,IACvD,mBAAmB,UAAU,OAAO,EAAE,SAAS,IAAI,EAAE,YAAA;AAAA,IACrD,oBAAoB;AAAA,IACpB,eAAe;AAAA,IACf,oBAAoB;AAAA,IACpB,oBAAoB;AAAA,IACpB,qBAAqB;AAAA,EAAA;AACvB,GA5CeA,QAAAA,UAAAA,gBAAA,CAAA,EAAA;"}

package/dist/components/Navigation/Navigation.themes.js

@@ -0,0 +1,36 @@
+import tinycolor from "tinycolor2";
+var Theme;
+((Theme2) => {
+  Theme2.getLight = (primaryColor) => ({
+    navButtonBg: "transparent",
+    navButtonHoverBg: tinycolor("black").setAlpha(0.04).toHslString(),
+    navButtonHoverBg2: "transparent",
+    navButtonFocusBg: tinycolor("white").setAlpha(0.15).toHslString(),
+    navButtonFocusBg2: "$primary",
+    navButtonFocusBorder: primaryColor.helpers.pickScale(8),
+    navButtonActiveBg: tinycolor("black").setAlpha(0.04).toHslString(),
+    navButtonActiveBg2: "transparent",
+    navButtonText: tinycolor("black").setAlpha(0.54).toHslString(),
+    navButtonHoverText: "black",
+    navButtonFocusText: "black",
+    navButtonActiveText: "$primary"
+  });
+  Theme2.getDark = (primaryColor) => ({
+    navButtonBg: "transparent",
+    navButtonHoverBg: tinycolor("white").setAlpha(0.05).toHslString(),
+    navButtonHoverBg2: "$primary",
+    navButtonFocusBg: tinycolor("white").setAlpha(0.15).toHslString(),
+    navButtonFocusBg2: "$primary",
+    navButtonFocusBorder: primaryColor.helpers.pickScale(11),
+    navButtonActiveBg: tinycolor("white").setAlpha(0.05).toHslString(),
+    navButtonActiveBg2: "$primary",
+    navButtonText: "white",
+    navButtonHoverText: "white",
+    navButtonFocusText: "white",
+    navButtonActiveText: "$primary"
+  });
+})(Theme || (Theme = {}));
+export {
+  Theme
+};
+//# sourceMappingURL=Navigation.themes.js.map

package/dist/components/Navigation/Navigation.themes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Navigation.themes.js","sources":["../../../components/Navigation/Navigation.themes.ts"],"sourcesContent":["import { Property } from '@stitches/react/types/css';\nimport tinycolor from 'tinycolor2';\n\nimport { ColorInfo } from '../../utils/getPrimaryColorInfo';\nexport namespace Theme {\n  type Colors = {\n    navButtonBg: Property.Color;\n    navButtonHoverBg: Property.Color;\n    navButtonHoverBg2: Property.Color;\n    navButtonFocusBg: Property.Color;\n    navButtonFocusBg2: Property.Color;\n    navButtonFocusBorder: Property.Color;\n    navButtonText: Property.Color;\n    navButtonHoverText: Property.Color;\n    navButtonActiveText: Property.Color;\n    navButtonFocusText: Property.Color;\n  };\n\n  type Factory = (primaryColor: ColorInfo) => Colors;\n\n  export const getLight: Factory = (primaryColor) => ({\n    navButtonBg: 'transparent',\n    navButtonHoverBg: tinycolor('black').setAlpha(0.04).toHslString(),\n    navButtonHoverBg2: 'transparent',\n    navButtonFocusBg: tinycolor('white').setAlpha(0.15).toHslString(),\n    navButtonFocusBg2: '$primary',\n    navButtonFocusBorder: primaryColor.helpers.pickScale(8),\n    navButtonActiveBg: tinycolor('black').setAlpha(0.04).toHslString(),\n    navButtonActiveBg2: 'transparent',\n    navButtonText: tinycolor('black').setAlpha(0.54).toHslString(),\n    navButtonHoverText: 'black',\n    navButtonFocusText: 'black',\n    navButtonActiveText: '$primary',\n  });\n\n  export const getDark: Factory = (primaryColor) => ({\n    navButtonBg: 'transparent',\n    navButtonHoverBg: tinycolor('white').setAlpha(0.05).toHslString(),\n    navButtonHoverBg2: '$primary',\n    navButtonFocusBg: tinycolor('white').setAlpha(0.15).toHslString(),\n    navButtonFocusBg2: '$primary',\n    navButtonFocusBorder: primaryColor.helpers.pickScale(11),\n    navButtonActiveBg: tinycolor('white').setAlpha(0.05).toHslString(),\n    navButtonActiveBg2: '$primary',\n    navButtonText: 'white',\n    navButtonHoverText: 'white',\n    navButtonFocusText: 'white',\n    navButtonActiveText: '$primary',\n  });\n}\n"],"names":["Theme"],"mappings":";AAIO,IAAU;AAAA,CAAV,CAAUA,WAAV;AAgBQA,SAAA,WAAoB,CAAC,kBAAkB;AAAA,IAClD,aAAa;AAAA,IACb,kBAAkB,UAAU,OAAO,EAAE,SAAS,IAAI,EAAE,YAAA;AAAA,IACpD,mBAAmB;AAAA,IACnB,kBAAkB,UAAU,OAAO,EAAE,SAAS,IAAI,EAAE,YAAA;AAAA,IACpD,mBAAmB;AAAA,IACnB,sBAAsB,aAAa,QAAQ,UAAU,CAAC;AAAA,IACtD,mBAAmB,UAAU,OAAO,EAAE,SAAS,IAAI,EAAE,YAAA;AAAA,IACrD,oBAAoB;AAAA,IACpB,eAAe,UAAU,OAAO,EAAE,SAAS,IAAI,EAAE,YAAA;AAAA,IACjD,oBAAoB;AAAA,IACpB,oBAAoB;AAAA,IACpB,qBAAqB;AAAA,EAAA;AAGVA,SAAA,UAAmB,CAAC,kBAAkB;AAAA,IACjD,aAAa;AAAA,IACb,kBAAkB,UAAU,OAAO,EAAE,SAAS,IAAI,EAAE,YAAA;AAAA,IACpD,mBAAmB;AAAA,IACnB,kBAAkB,UAAU,OAAO,EAAE,SAAS,IAAI,EAAE,YAAA;AAAA,IACpD,mBAAmB;AAAA,IACnB,sBAAsB,aAAa,QAAQ,UAAU,EAAE;AAAA,IACvD,mBAAmB,UAAU,OAAO,EAAE,SAAS,IAAI,EAAE,YAAA;AAAA,IACrD,oBAAoB;AAAA,IACpB,eAAe;AAAA,IACf,oBAAoB;AAAA,IACpB,oBAAoB;AAAA,IACpB,qBAAqB;AAAA,EAAA;AACvB,GA5Ce,UAAA,QAAA,CAAA,EAAA;"}

package/dist/components/NavigationMenu/NavigationMenu.cjs

@@ -0,0 +1,73 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const NavigationMenuPrimitive = require("@radix-ui/react-navigation-menu");
+const React = require("react");
+const stitches_config = require("../../stitches.config.cjs");
+const Panel = require("../Panel/Panel.cjs");
+const Elevation = require("../Elevation/Elevation.cjs");
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const NavigationMenuPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(NavigationMenuPrimitive);
+const StyledRoot = stitches_config.styled(NavigationMenuPrimitive__namespace.Root, {
+  ul: {
+    m: 0,
+    p: 0,
+    listStyleType: "none",
+    li: {
+      position: "relative",
+      display: "inline"
+    }
+  }
+});
+const NavigationMenu = React.forwardRef(({ children, ...props }, fowardedRef) => /* @__PURE__ */ jsxRuntime.jsx(StyledRoot, { ...props, ref: fowardedRef, children }));
+const StyledContent = stitches_config.styled(NavigationMenuPrimitive__namespace.Content, Panel.panelStyles, {
+  position: "absolute",
+  left: 0,
+  zIndex: 1,
+  p: "$2",
+  color: "$hiContrast",
+  "&:focus": {
+    outline: "none"
+  },
+  variants: {
+    elevation: Elevation.elevationVariants
+  },
+  defaultVariants: {
+    elevation: 2
+  }
+});
+const NavigationMenuContent = React.forwardRef(({ children, elevation, ...props }, fowardedRef) => /* @__PURE__ */ jsxRuntime.jsx(StyledContent, { elevation, ...props, ref: fowardedRef, children }));
+const StyledTrigger = stitches_config.styled(NavigationMenuPrimitive__namespace.Trigger, {
+  backgroundColor: "transparent",
+  border: "none"
+});
+const NavigationMenuTrigger = ({ children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(StyledTrigger, { ...props, children });
+const NavigationMenuIndicator = NavigationMenuPrimitive__namespace.Indicator;
+const NavigationMenuItem = NavigationMenuPrimitive__namespace.Item;
+const NavigationMenuLink = NavigationMenuPrimitive__namespace.Link;
+const NavigationMenuList = NavigationMenuPrimitive__namespace.List;
+const NavigationMenuViewport = NavigationMenuPrimitive__namespace.Viewport;
+exports.NavigationMenu = NavigationMenu;
+exports.NavigationMenuContent = NavigationMenuContent;
+exports.NavigationMenuIndicator = NavigationMenuIndicator;
+exports.NavigationMenuItem = NavigationMenuItem;
+exports.NavigationMenuLink = NavigationMenuLink;
+exports.NavigationMenuList = NavigationMenuList;
+exports.NavigationMenuTrigger = NavigationMenuTrigger;
+exports.NavigationMenuViewport = NavigationMenuViewport;
+//# sourceMappingURL=NavigationMenu.cjs.map

package/dist/components/NavigationMenu/NavigationMenu.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationMenu.cjs","sources":["../../../components/NavigationMenu/NavigationMenu.tsx"],"sourcesContent":["import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';\nimport React from 'react';\n\nimport { CSS, styled, VariantProps } from '../../stitches.config';\nimport { elevationVariants } from '../Elevation';\nimport { panelStyles } from '../Panel';\n\n// #region Root\n\nconst StyledRoot = styled(NavigationMenuPrimitive.Root, {\n  ul: {\n    m: 0,\n    p: 0,\n    listStyleType: 'none',\n    li: {\n      position: 'relative',\n      display: 'inline',\n    },\n  },\n});\n\nexport type NavigationMenuProps = React.ComponentProps<typeof NavigationMenuPrimitive.Root> & {\n  children: React.ReactNode;\n  css?: CSS;\n};\n\nexport type NavigationMenuVariants = VariantProps<typeof NavigationMenu>;\n\nexport const NavigationMenu = React.forwardRef<\n  React.ElementRef<typeof StyledRoot>,\n  NavigationMenuProps\n>(({ children, ...props }, fowardedRef) => (\n  <StyledRoot {...props} ref={fowardedRef}>\n    {children}\n  </StyledRoot>\n));\n\n// #endregion Root\n\n// #region Content\n\nconst StyledContent = styled(NavigationMenuPrimitive.Content, panelStyles, {\n  position: 'absolute',\n  left: 0,\n  zIndex: 1,\n  p: '$2',\n  color: '$hiContrast',\n  '&:focus': {\n    outline: 'none',\n  },\n  variants: {\n    elevation: elevationVariants,\n  },\n  defaultVariants: {\n    elevation: 2,\n  },\n});\n\ntype NavigationMenuPrimitiveContentProps = Omit<\n  React.ComponentProps<typeof NavigationMenuPrimitive.Content>,\n  'as'\n>;\n\nexport type NavigationMenuContentProps = NavigationMenuPrimitiveContentProps &\n  VariantProps<typeof StyledContent> & {\n    css?: CSS;\n  };\n\nexport const NavigationMenuContent = React.forwardRef<\n  React.ElementRef<typeof StyledContent>,\n  NavigationMenuContentProps\n>(({ children, elevation, ...props }, fowardedRef) => (\n  <StyledContent elevation={elevation} {...props} ref={fowardedRef}>\n    {children}\n  </StyledContent>\n));\n\n// #endregion Content\n\n// #region Trigger\n\nconst StyledTrigger = styled(NavigationMenuPrimitive.Trigger, {\n  backgroundColor: 'transparent',\n  border: 'none',\n});\n\nexport type NavigationMenuTriggerProps = React.ComponentProps<\n  typeof NavigationMenuPrimitive.Trigger\n> &\n  VariantProps<typeof StyledContent> & {\n    css?: CSS;\n  };\n\nexport const NavigationMenuTrigger = ({ children, ...props }: NavigationMenuTriggerProps) => (\n  <StyledTrigger {...props}>{children}</StyledTrigger>\n);\n\n// #endregion Trigger\n\nexport const NavigationMenuIndicator = NavigationMenuPrimitive.Indicator;\nexport const NavigationMenuItem = NavigationMenuPrimitive.Item;\nexport const NavigationMenuLink = NavigationMenuPrimitive.Link;\nexport const NavigationMenuList = NavigationMenuPrimitive.List;\nexport const NavigationMenuViewport = NavigationMenuPrimitive.Viewport;\n"],"names":["styled","NavigationMenuPrimitive","panelStyles","elevationVariants","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AASA,MAAM,aAAaA,gBAAAA,OAAOC,mCAAwB,MAAM;AAAA,EACtD,IAAI;AAAA,IACF,GAAG;AAAA,IACH,GAAG;AAAA,IACH,eAAe;AAAA,IACf,IAAI;AAAA,MACF,UAAU;AAAA,MACV,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ,CAAC;AASM,MAAM,iBAAiB,MAAM,WAGlC,CAAC,EAAE,UAAU,GAAG,SAAS,+CACxB,YAAA,EAAY,GAAG,OAAO,KAAK,aACzB,UACH,CACD;AAMD,MAAM,gBAAgBD,gBAAAA,OAAOC,mCAAwB,SAASC,MAAAA,aAAa;AAAA,EACzE,UAAU;AAAA,EACV,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,GAAG;AAAA,EACH,OAAO;AAAA,EACP,WAAW;AAAA,IACT,SAAS;AAAA,EAAA;AAAA,EAEX,UAAU;AAAA,IACR,WAAWC,UAAAA;AAAAA,EAAA;AAAA,EAEb,iBAAiB;AAAA,IACf,WAAW;AAAA,EAAA;AAEf,CAAC;AAYM,MAAM,wBAAwB,MAAM,WAGzC,CAAC,EAAE,UAAU,WAAW,GAAG,SAAS,gBACpCC,2BAAAA,IAAC,iBAAc,WAAuB,GAAG,OAAO,KAAK,aAClD,UACH,CACD;AAMD,MAAM,gBAAgBJ,gBAAAA,OAAOC,mCAAwB,SAAS;AAAA,EAC5D,iBAAiB;AAAA,EACjB,QAAQ;AACV,CAAC;AASM,MAAM,wBAAwB,CAAC,EAAE,UAAU,GAAG,MAAA,MACnDG,2BAAAA,IAAC,eAAA,EAAe,GAAG,OAAQ,SAAA,CAAS;AAK/B,MAAM,0BAA0BH,mCAAwB;AACxD,MAAM,qBAAqBA,mCAAwB;AACnD,MAAM,qBAAqBA,mCAAwB;AACnD,MAAM,qBAAqBA,mCAAwB;AACnD,MAAM,yBAAyBA,mCAAwB;;;;;;;;;"}

package/dist/components/NavigationMenu/NavigationMenu.js

@@ -0,0 +1,56 @@
+import { jsx } from "react/jsx-runtime";
+import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
+import React from "react";
+import { styled } from "../../stitches.config.js";
+import { panelStyles } from "../Panel/Panel.js";
+import { elevationVariants } from "../Elevation/Elevation.js";
+const StyledRoot = styled(NavigationMenuPrimitive.Root, {
+  ul: {
+    m: 0,
+    p: 0,
+    listStyleType: "none",
+    li: {
+      position: "relative",
+      display: "inline"
+    }
+  }
+});
+const NavigationMenu = React.forwardRef(({ children, ...props }, fowardedRef) => /* @__PURE__ */ jsx(StyledRoot, { ...props, ref: fowardedRef, children }));
+const StyledContent = styled(NavigationMenuPrimitive.Content, panelStyles, {
+  position: "absolute",
+  left: 0,
+  zIndex: 1,
+  p: "$2",
+  color: "$hiContrast",
+  "&:focus": {
+    outline: "none"
+  },
+  variants: {
+    elevation: elevationVariants
+  },
+  defaultVariants: {
+    elevation: 2
+  }
+});
+const NavigationMenuContent = React.forwardRef(({ children, elevation, ...props }, fowardedRef) => /* @__PURE__ */ jsx(StyledContent, { elevation, ...props, ref: fowardedRef, children }));
+const StyledTrigger = styled(NavigationMenuPrimitive.Trigger, {
+  backgroundColor: "transparent",
+  border: "none"
+});
+const NavigationMenuTrigger = ({ children, ...props }) => /* @__PURE__ */ jsx(StyledTrigger, { ...props, children });
+const NavigationMenuIndicator = NavigationMenuPrimitive.Indicator;
+const NavigationMenuItem = NavigationMenuPrimitive.Item;
+const NavigationMenuLink = NavigationMenuPrimitive.Link;
+const NavigationMenuList = NavigationMenuPrimitive.List;
+const NavigationMenuViewport = NavigationMenuPrimitive.Viewport;
+export {
+  NavigationMenu,
+  NavigationMenuContent,
+  NavigationMenuIndicator,
+  NavigationMenuItem,
+  NavigationMenuLink,
+  NavigationMenuList,
+  NavigationMenuTrigger,
+  NavigationMenuViewport
+};
+//# sourceMappingURL=NavigationMenu.js.map

package/dist/components/NavigationMenu/NavigationMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationMenu.js","sources":["../../../components/NavigationMenu/NavigationMenu.tsx"],"sourcesContent":["import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';\nimport React from 'react';\n\nimport { CSS, styled, VariantProps } from '../../stitches.config';\nimport { elevationVariants } from '../Elevation';\nimport { panelStyles } from '../Panel';\n\n// #region Root\n\nconst StyledRoot = styled(NavigationMenuPrimitive.Root, {\n  ul: {\n    m: 0,\n    p: 0,\n    listStyleType: 'none',\n    li: {\n      position: 'relative',\n      display: 'inline',\n    },\n  },\n});\n\nexport type NavigationMenuProps = React.ComponentProps<typeof NavigationMenuPrimitive.Root> & {\n  children: React.ReactNode;\n  css?: CSS;\n};\n\nexport type NavigationMenuVariants = VariantProps<typeof NavigationMenu>;\n\nexport const NavigationMenu = React.forwardRef<\n  React.ElementRef<typeof StyledRoot>,\n  NavigationMenuProps\n>(({ children, ...props }, fowardedRef) => (\n  <StyledRoot {...props} ref={fowardedRef}>\n    {children}\n  </StyledRoot>\n));\n\n// #endregion Root\n\n// #region Content\n\nconst StyledContent = styled(NavigationMenuPrimitive.Content, panelStyles, {\n  position: 'absolute',\n  left: 0,\n  zIndex: 1,\n  p: '$2',\n  color: '$hiContrast',\n  '&:focus': {\n    outline: 'none',\n  },\n  variants: {\n    elevation: elevationVariants,\n  },\n  defaultVariants: {\n    elevation: 2,\n  },\n});\n\ntype NavigationMenuPrimitiveContentProps = Omit<\n  React.ComponentProps<typeof NavigationMenuPrimitive.Content>,\n  'as'\n>;\n\nexport type NavigationMenuContentProps = NavigationMenuPrimitiveContentProps &\n  VariantProps<typeof StyledContent> & {\n    css?: CSS;\n  };\n\nexport const NavigationMenuContent = React.forwardRef<\n  React.ElementRef<typeof StyledContent>,\n  NavigationMenuContentProps\n>(({ children, elevation, ...props }, fowardedRef) => (\n  <StyledContent elevation={elevation} {...props} ref={fowardedRef}>\n    {children}\n  </StyledContent>\n));\n\n// #endregion Content\n\n// #region Trigger\n\nconst StyledTrigger = styled(NavigationMenuPrimitive.Trigger, {\n  backgroundColor: 'transparent',\n  border: 'none',\n});\n\nexport type NavigationMenuTriggerProps = React.ComponentProps<\n  typeof NavigationMenuPrimitive.Trigger\n> &\n  VariantProps<typeof StyledContent> & {\n    css?: CSS;\n  };\n\nexport const NavigationMenuTrigger = ({ children, ...props }: NavigationMenuTriggerProps) => (\n  <StyledTrigger {...props}>{children}</StyledTrigger>\n);\n\n// #endregion Trigger\n\nexport const NavigationMenuIndicator = NavigationMenuPrimitive.Indicator;\nexport const NavigationMenuItem = NavigationMenuPrimitive.Item;\nexport const NavigationMenuLink = NavigationMenuPrimitive.Link;\nexport const NavigationMenuList = NavigationMenuPrimitive.List;\nexport const NavigationMenuViewport = NavigationMenuPrimitive.Viewport;\n"],"names":[],"mappings":";;;;;;AASA,MAAM,aAAa,OAAO,wBAAwB,MAAM;AAAA,EACtD,IAAI;AAAA,IACF,GAAG;AAAA,IACH,GAAG;AAAA,IACH,eAAe;AAAA,IACf,IAAI;AAAA,MACF,UAAU;AAAA,MACV,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ,CAAC;AASM,MAAM,iBAAiB,MAAM,WAGlC,CAAC,EAAE,UAAU,GAAG,SAAS,oCACxB,YAAA,EAAY,GAAG,OAAO,KAAK,aACzB,UACH,CACD;AAMD,MAAM,gBAAgB,OAAO,wBAAwB,SAAS,aAAa;AAAA,EACzE,UAAU;AAAA,EACV,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,GAAG;AAAA,EACH,OAAO;AAAA,EACP,WAAW;AAAA,IACT,SAAS;AAAA,EAAA;AAAA,EAEX,UAAU;AAAA,IACR,WAAW;AAAA,EAAA;AAAA,EAEb,iBAAiB;AAAA,IACf,WAAW;AAAA,EAAA;AAEf,CAAC;AAYM,MAAM,wBAAwB,MAAM,WAGzC,CAAC,EAAE,UAAU,WAAW,GAAG,SAAS,gBACpC,oBAAC,iBAAc,WAAuB,GAAG,OAAO,KAAK,aAClD,UACH,CACD;AAMD,MAAM,gBAAgB,OAAO,wBAAwB,SAAS;AAAA,EAC5D,iBAAiB;AAAA,EACjB,QAAQ;AACV,CAAC;AASM,MAAM,wBAAwB,CAAC,EAAE,UAAU,GAAG,MAAA,MACnD,oBAAC,eAAA,EAAe,GAAG,OAAQ,SAAA,CAAS;AAK/B,MAAM,0BAA0B,wBAAwB;AACxD,MAAM,qBAAqB,wBAAwB;AACnD,MAAM,qBAAqB,wBAAwB;AACnD,MAAM,qBAAqB,wBAAwB;AACnD,MAAM,yBAAyB,wBAAwB;"}

package/dist/components/NavigationTree/NavigationTreeContainer.cjs

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const reactIcons = require("@radix-ui/react-icons");
+const React = require("react");
+const Navigation = require("../Navigation/Navigation.cjs");
+const NavigationTreeContainer = ({
+  children,
+  defaultCollapseIcon = /* @__PURE__ */ jsxRuntime.jsx(reactIcons.ChevronDownIcon, {}),
+  defaultExpandIcon = /* @__PURE__ */ jsxRuntime.jsx(reactIcons.ChevronRightIcon, {}),
+  fullWidth = false,
+  ...props
+}) => {
+  const renderChildren = React.Children.map(children, (child) => {
+    return React.cloneElement(child, {
+      defaultCollapseIcon,
+      defaultExpandIcon,
+      fullWidth
+    });
+  });
+  return /* @__PURE__ */ jsxRuntime.jsx(Navigation.NavigationContainer, { ...props, children: renderChildren });
+};
+exports.NavigationTreeContainer = NavigationTreeContainer;
+//# sourceMappingURL=NavigationTreeContainer.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationTreeContainer.cjs","sources":["../../../components/NavigationTree/NavigationTreeContainer.tsx"],"sourcesContent":["import { ChevronDownIcon, ChevronRightIcon } from '@radix-ui/react-icons';\nimport React from 'react';\n\nimport { CSS } from '../../stitches.config';\nimport { NavigationContainer, NavigationContainerProps } from '../Navigation';\n\nexport interface NavigationTreeProps {\n  children: React.ReactNode;\n  defaultExpandIcon?: React.ReactNode;\n  defaultCollapseIcon?: React.ReactNode;\n  css?: CSS;\n  fullWidth?: boolean;\n}\n\nexport const NavigationTreeContainer = ({\n  children,\n  defaultCollapseIcon = <ChevronDownIcon />,\n  defaultExpandIcon = <ChevronRightIcon />,\n  fullWidth = false,\n  ...props\n}: NavigationTreeProps & NavigationContainerProps) => {\n  const renderChildren = React.Children.map(children, (child) => {\n    return React.cloneElement(child as React.ReactElement, {\n      defaultCollapseIcon,\n      defaultExpandIcon,\n      fullWidth,\n    });\n  });\n\n  return <NavigationContainer {...props}>{renderChildren}</NavigationContainer>;\n};\n"],"names":["ChevronDownIcon","ChevronRightIcon","jsx","NavigationContainer"],"mappings":";;;;;;AAcO,MAAM,0BAA0B,CAAC;AAAA,EACtC;AAAA,EACA,qDAAuBA,WAAAA,iBAAA,EAAgB;AAAA,EACvC,mDAAqBC,WAAAA,kBAAA,EAAiB;AAAA,EACtC,YAAY;AAAA,EACZ,GAAG;AACL,MAAsD;AACpD,QAAM,iBAAiB,MAAM,SAAS,IAAI,UAAU,CAAC,UAAU;AAC7D,WAAO,MAAM,aAAa,OAA6B;AAAA,MACrD;AAAA,MACA;AAAA,MACA;AAAA,IAAA,CACD;AAAA,EACH,CAAC;AAED,SAAOC,2BAAAA,IAACC,WAAAA,qBAAA,EAAqB,GAAG,OAAQ,UAAA,gBAAe;AACzD;;"}

package/dist/components/NavigationTree/NavigationTreeContainer.js

@@ -0,0 +1,24 @@
+import { jsx } from "react/jsx-runtime";
+import { ChevronDownIcon, ChevronRightIcon } from "@radix-ui/react-icons";
+import React from "react";
+import { NavigationContainer } from "../Navigation/Navigation.js";
+const NavigationTreeContainer = ({
+  children,
+  defaultCollapseIcon = /* @__PURE__ */ jsx(ChevronDownIcon, {}),
+  defaultExpandIcon = /* @__PURE__ */ jsx(ChevronRightIcon, {}),
+  fullWidth = false,
+  ...props
+}) => {
+  const renderChildren = React.Children.map(children, (child) => {
+    return React.cloneElement(child, {
+      defaultCollapseIcon,
+      defaultExpandIcon,
+      fullWidth
+    });
+  });
+  return /* @__PURE__ */ jsx(NavigationContainer, { ...props, children: renderChildren });
+};
+export {
+  NavigationTreeContainer
+};
+//# sourceMappingURL=NavigationTreeContainer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationTreeContainer.js","sources":["../../../components/NavigationTree/NavigationTreeContainer.tsx"],"sourcesContent":["import { ChevronDownIcon, ChevronRightIcon } from '@radix-ui/react-icons';\nimport React from 'react';\n\nimport { CSS } from '../../stitches.config';\nimport { NavigationContainer, NavigationContainerProps } from '../Navigation';\n\nexport interface NavigationTreeProps {\n  children: React.ReactNode;\n  defaultExpandIcon?: React.ReactNode;\n  defaultCollapseIcon?: React.ReactNode;\n  css?: CSS;\n  fullWidth?: boolean;\n}\n\nexport const NavigationTreeContainer = ({\n  children,\n  defaultCollapseIcon = <ChevronDownIcon />,\n  defaultExpandIcon = <ChevronRightIcon />,\n  fullWidth = false,\n  ...props\n}: NavigationTreeProps & NavigationContainerProps) => {\n  const renderChildren = React.Children.map(children, (child) => {\n    return React.cloneElement(child as React.ReactElement, {\n      defaultCollapseIcon,\n      defaultExpandIcon,\n      fullWidth,\n    });\n  });\n\n  return <NavigationContainer {...props}>{renderChildren}</NavigationContainer>;\n};\n"],"names":[],"mappings":";;;;AAcO,MAAM,0BAA0B,CAAC;AAAA,EACtC;AAAA,EACA,0CAAuB,iBAAA,EAAgB;AAAA,EACvC,wCAAqB,kBAAA,EAAiB;AAAA,EACtC,YAAY;AAAA,EACZ,GAAG;AACL,MAAsD;AACpD,QAAM,iBAAiB,MAAM,SAAS,IAAI,UAAU,CAAC,UAAU;AAC7D,WAAO,MAAM,aAAa,OAA6B;AAAA,MACrD;AAAA,MACA;AAAA,MACA;AAAA,IAAA,CACD;AAAA,EACH,CAAC;AAED,SAAO,oBAAC,qBAAA,EAAqB,GAAG,OAAQ,UAAA,gBAAe;AACzD;"}

package/dist/components/NavigationTree/NavigationTreeDrawer.cjs

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const Navigation = require("../Navigation/Navigation.cjs");
+const NavigationTreeDrawer = ({
+  children,
+  fullWidth = false,
+  ...props
+}) => {
+  const renderChildren = React.Children.map(children, (child) => {
+    return React.cloneElement(child, {
+      fullWidth
+    });
+  });
+  return /* @__PURE__ */ jsxRuntime.jsx(Navigation.NavigationDrawer, { fullWidth, ...props, children: renderChildren });
+};
+exports.NavigationTreeDrawer = NavigationTreeDrawer;
+//# sourceMappingURL=NavigationTreeDrawer.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationTreeDrawer.cjs","sources":["../../../components/NavigationTree/NavigationTreeDrawer.tsx"],"sourcesContent":["import React from 'react';\n\nimport { CSS } from '../../stitches.config';\nimport { NavigationDrawer, NavigationDrawerProps } from '../Navigation';\n\nexport interface NavigationTreeDrawerProps {\n  children: React.ReactNode;\n  css?: CSS;\n  fullWidth?: boolean;\n}\n\nexport const NavigationTreeDrawer = ({\n  children,\n  fullWidth = false,\n  ...props\n}: NavigationTreeDrawerProps & NavigationDrawerProps) => {\n  const renderChildren = React.Children.map(children, (child) => {\n    return React.cloneElement(child as React.ReactElement, {\n      fullWidth,\n    });\n  });\n\n  return (\n    <NavigationDrawer fullWidth={fullWidth} {...props}>\n      {renderChildren}\n    </NavigationDrawer>\n  );\n};\n"],"names":["jsx","NavigationDrawer"],"mappings":";;;;;AAWO,MAAM,uBAAuB,CAAC;AAAA,EACnC;AAAA,EACA,YAAY;AAAA,EACZ,GAAG;AACL,MAAyD;AACvD,QAAM,iBAAiB,MAAM,SAAS,IAAI,UAAU,CAAC,UAAU;AAC7D,WAAO,MAAM,aAAa,OAA6B;AAAA,MACrD;AAAA,IAAA,CACD;AAAA,EACH,CAAC;AAED,SACEA,2BAAAA,IAACC,WAAAA,kBAAA,EAAiB,WAAuB,GAAG,OACzC,UAAA,gBACH;AAEJ;;"}

package/dist/components/NavigationTree/NavigationTreeDrawer.js

@@ -0,0 +1,19 @@
+import { jsx } from "react/jsx-runtime";
+import React from "react";
+import { NavigationDrawer } from "../Navigation/Navigation.js";
+const NavigationTreeDrawer = ({
+  children,
+  fullWidth = false,
+  ...props
+}) => {
+  const renderChildren = React.Children.map(children, (child) => {
+    return React.cloneElement(child, {
+      fullWidth
+    });
+  });
+  return /* @__PURE__ */ jsx(NavigationDrawer, { fullWidth, ...props, children: renderChildren });
+};
+export {
+  NavigationTreeDrawer
+};
+//# sourceMappingURL=NavigationTreeDrawer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationTreeDrawer.js","sources":["../../../components/NavigationTree/NavigationTreeDrawer.tsx"],"sourcesContent":["import React from 'react';\n\nimport { CSS } from '../../stitches.config';\nimport { NavigationDrawer, NavigationDrawerProps } from '../Navigation';\n\nexport interface NavigationTreeDrawerProps {\n  children: React.ReactNode;\n  css?: CSS;\n  fullWidth?: boolean;\n}\n\nexport const NavigationTreeDrawer = ({\n  children,\n  fullWidth = false,\n  ...props\n}: NavigationTreeDrawerProps & NavigationDrawerProps) => {\n  const renderChildren = React.Children.map(children, (child) => {\n    return React.cloneElement(child as React.ReactElement, {\n      fullWidth,\n    });\n  });\n\n  return (\n    <NavigationDrawer fullWidth={fullWidth} {...props}>\n      {renderChildren}\n    </NavigationDrawer>\n  );\n};\n"],"names":[],"mappings":";;;AAWO,MAAM,uBAAuB,CAAC;AAAA,EACnC;AAAA,EACA,YAAY;AAAA,EACZ,GAAG;AACL,MAAyD;AACvD,QAAM,iBAAiB,MAAM,SAAS,IAAI,UAAU,CAAC,UAAU;AAC7D,WAAO,MAAM,aAAa,OAA6B;AAAA,MACrD;AAAA,IAAA,CACD;AAAA,EACH,CAAC;AAED,SACE,oBAAC,kBAAA,EAAiB,WAAuB,GAAG,OACzC,UAAA,gBACH;AAEJ;"}