@traefik-labs/faency 12.2.1 → 12.2.2

package/dist/components/Dialog/Dialog.js

@@ -1,76 +1,71 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import * as DialogPrimitive from "@radix-ui/react-dialog";
-import { Cross1Icon } from "@radix-ui/react-icons";
-import React from "react";
 import { styled } from "../../stitches.config.js";
 import { elevationVariants } from "../Elevation/Elevation.js";
-import { overlayStyles } from "../Overlay.js";
-import { IconButton } from "../IconButton/IconButton.js";
 import { Card } from "../Card/Card.js";
-const DialogOverlay = styled(DialogPrimitive.Overlay, overlayStyles, {
-  position: "fixed",
-  top: 0,
-  right: 0,
-  bottom: 0,
-  left: 0
+import { IconButton } from "../IconButton/IconButton.js";
+import { overlayStyles } from "../Overlay.js";
+import { Cross1Icon } from "@radix-ui/react-icons";
+import React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+//#region components/Dialog/Dialog.tsx
+var DialogOverlay = styled(DialogPrimitive.Overlay, overlayStyles, {
+	position: "fixed",
+	top: 0,
+	right: 0,
+	bottom: 0,
+	left: 0
 });
 function Dialog({ children, ...props }) {
-  return /* @__PURE__ */ jsx(DialogPrimitive.Root, { ...props, children });
+	return /* @__PURE__ */ jsx(DialogPrimitive.Root, {
+		...props,
+		children
+	});
 }
-const StyledContent = styled(DialogPrimitive.Content, Card, {
-  position: "fixed",
-  top: "50%",
-  left: "50%",
-  transform: "translate(-50%, -50%)",
-  minWidth: 200,
-  maxHeight: "85vh",
-  padding: "$4",
-  marginTop: "-5vh",
-  backgroundColor: "$dialogBackground",
-  boxShadow: "inset 0 0 0 1px $colors$deepBlue4",
-  borderRadius: "$3",
-  // animation: `${fadeIn} 125ms linear, ${moveDown} 125ms cubic-bezier(0.22, 1, 0.36, 1)`,
-  willChange: "transform",
-  overflow: "auto",
-  "&::before": {
-    boxShadow: "none"
-  },
-  "&:focus": {
-    outline: "none"
-  },
-  variants: {
-    elevation: elevationVariants
-  },
-  defaultVariants: {
-    elevation: 5
-  }
+var StyledContent = styled(DialogPrimitive.Content, Card, {
+	position: "fixed",
+	top: "50%",
+	left: "50%",
+	transform: "translate(-50%, -50%)",
+	minWidth: 200,
+	maxHeight: "85vh",
+	padding: "$4",
+	marginTop: "-5vh",
+	backgroundColor: "$dialogBackground",
+	boxShadow: "inset 0 0 0 1px $colors$deepBlue4",
+	borderRadius: "$3",
+	willChange: "transform",
+	overflow: "auto",
+	"&::before": { boxShadow: "none" },
+	"&:focus": { outline: "none" },
+	variants: { elevation: elevationVariants },
+	defaultVariants: { elevation: 5 }
 });
-const StyledCloseButton = styled(DialogPrimitive.Close, {
-  position: "absolute",
-  top: "$2",
-  right: "$2",
-  cursor: "pointer"
+var StyledCloseButton = styled(DialogPrimitive.Close, {
+	position: "absolute",
+	top: "$2",
+	right: "$2",
+	cursor: "pointer"
 });
-const DialogCloseIconButton = React.forwardRef((props, forwardedRef) => /* @__PURE__ */ jsx(StyledCloseButton, { asChild: true, children: /* @__PURE__ */ jsx(IconButton, { ref: forwardedRef, css: { color: "$hiContrast" }, ...props, children: /* @__PURE__ */ jsx(Cross1Icon, {}) }) }));
-const DialogContent = React.forwardRef(({ children, ...props }, forwardedRef) => /* @__PURE__ */ jsxs(StyledContent, { ...props, ref: forwardedRef, children: [
-  children,
-  /* @__PURE__ */ jsx(DialogCloseIconButton, {})
-] }));
-const DialogClosePrimitive = DialogPrimitive.Close;
-const DialogDescription = DialogPrimitive.Description;
-const DialogPortal = DialogPrimitive.Portal;
-const DialogTitle = DialogPrimitive.Title;
-const DialogTrigger = DialogPrimitive.Trigger;
-export {
-  Dialog,
-  DialogCloseIconButton,
-  DialogClosePrimitive,
-  DialogContent,
-  DialogDescription,
-  DialogOverlay,
-  DialogPortal,
-  DialogTitle,
-  DialogTrigger,
-  StyledContent
-};
-//# sourceMappingURL=Dialog.js.map
+var DialogCloseIconButton = React.forwardRef((props, forwardedRef) => /* @__PURE__ */ jsx(StyledCloseButton, {
+	asChild: true,
+	children: /* @__PURE__ */ jsx(IconButton, {
+		ref: forwardedRef,
+		css: { color: "$hiContrast" },
+		...props,
+		children: /* @__PURE__ */ jsx(Cross1Icon, {})
+	})
+}));
+var DialogContent = React.forwardRef(({ children, ...props }, forwardedRef) => /* @__PURE__ */ jsxs(StyledContent, {
+	...props,
+	ref: forwardedRef,
+	children: [children, /* @__PURE__ */ jsx(DialogCloseIconButton, {})]
+}));
+var DialogClosePrimitive = DialogPrimitive.Close;
+var DialogDescription = DialogPrimitive.Description;
+var DialogPortal = DialogPrimitive.Portal;
+var DialogTitle = DialogPrimitive.Title;
+var DialogTrigger = DialogPrimitive.Trigger;
+//#endregion
+export { Dialog, DialogCloseIconButton, DialogClosePrimitive, DialogContent, DialogDescription, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, StyledContent };
+
+//# sourceMappingURL=Dialog.js.map

package/dist/components/Dialog/Dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.js","sources":["../../../components/Dialog/Dialog.tsx"],"sourcesContent":["import * as DialogPrimitive from '@radix-ui/react-dialog';\nimport { Cross1Icon } from '@radix-ui/react-icons';\nimport React, { ComponentProps } from 'react';\n\nimport { CSS, styled, VariantProps } from '../../stitches.config';\nimport { Card } from '../Card';\nimport { elevationVariants } from '../Elevation/Elevation';\nimport { IconButton } from '../IconButton';\nimport { overlayStyles } from '../Overlay';\n\ntype DialogProps = React.ComponentProps<typeof DialogPrimitive.Root> & {\n  children: React.ReactNode;\n};\n\nexport const DialogOverlay = styled(DialogPrimitive.Overlay, overlayStyles, {\n  position: 'fixed',\n  top: 0,\n  right: 0,\n  bottom: 0,\n  left: 0,\n});\n\nexport function Dialog({ children, ...props }: DialogProps) {\n  return <DialogPrimitive.Root {...props}>{children}</DialogPrimitive.Root>;\n}\n\nexport const StyledContent = styled(DialogPrimitive.Content, Card, {\n  position: 'fixed',\n  top: '50%',\n  left: '50%',\n  transform: 'translate(-50%, -50%)',\n  minWidth: 200,\n  maxHeight: '85vh',\n  padding: '$4',\n  marginTop: '-5vh',\n  backgroundColor: '$dialogBackground',\n  boxShadow: 'inset 0 0 0 1px $colors$deepBlue4',\n  borderRadius: '$3',\n  // animation: `${fadeIn} 125ms linear, ${moveDown} 125ms cubic-bezier(0.22, 1, 0.36, 1)`,\n  willChange: 'transform',\n  overflow: 'auto',\n\n  '&::before': {\n    boxShadow: 'none',\n  },\n\n  '&:focus': {\n    outline: 'none',\n  },\n\n  variants: {\n    elevation: elevationVariants,\n  },\n  defaultVariants: {\n    elevation: 5,\n  },\n});\n\nconst StyledCloseButton = styled(DialogPrimitive.Close, {\n  position: 'absolute',\n  top: '$2',\n  right: '$2',\n  cursor: 'pointer',\n});\n\ninterface DialogCloseButtonProps\n  extends VariantProps<typeof IconButton>,\n    ComponentProps<typeof IconButton> {}\nexport const DialogCloseIconButton = React.forwardRef<\n  React.ElementRef<typeof IconButton>,\n  DialogCloseButtonProps\n>((props, forwardedRef) => (\n  <StyledCloseButton asChild>\n    <IconButton ref={forwardedRef} css={{ color: '$hiContrast' }} {...props}>\n      <Cross1Icon />\n    </IconButton>\n  </StyledCloseButton>\n));\n\ntype DialogContentPrimitiveProps = React.ComponentProps<typeof DialogPrimitive.Content>;\ntype DialogContentProps = DialogContentPrimitiveProps &\n  VariantProps<typeof StyledContent> & { css?: CSS };\n\nexport const DialogContent = React.forwardRef<\n  React.ElementRef<typeof StyledContent>,\n  DialogContentProps\n>(({ children, ...props }, forwardedRef) => (\n  <StyledContent {...props} ref={forwardedRef}>\n    {children}\n    <DialogCloseIconButton />\n  </StyledContent>\n));\n\nexport const DialogClosePrimitive = DialogPrimitive.Close;\nexport const DialogDescription = DialogPrimitive.Description;\nexport const DialogPortal = DialogPrimitive.Portal;\nexport const DialogTitle = DialogPrimitive.Title;\nexport const DialogTrigger = DialogPrimitive.Trigger;\n"],"names":[],"mappings":";;;;;;;;;AAcO,MAAM,gBAAgB,OAAO,gBAAgB,SAAS,eAAe;AAAA,EAC1E,UAAU;AAAA,EACV,KAAK;AAAA,EACL,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,MAAM;AACR,CAAC;AAEM,SAAS,OAAO,EAAE,UAAU,GAAG,SAAsB;AAC1D,6BAAQ,gBAAgB,MAAhB,EAAsB,GAAG,OAAQ,UAAS;AACpD;AAEO,MAAM,gBAAgB,OAAO,gBAAgB,SAAS,MAAM;AAAA,EACjE,UAAU;AAAA,EACV,KAAK;AAAA,EACL,MAAM;AAAA,EACN,WAAW;AAAA,EACX,UAAU;AAAA,EACV,WAAW;AAAA,EACX,SAAS;AAAA,EACT,WAAW;AAAA,EACX,iBAAiB;AAAA,EACjB,WAAW;AAAA,EACX,cAAc;AAAA;AAAA,EAEd,YAAY;AAAA,EACZ,UAAU;AAAA,EAEV,aAAa;AAAA,IACX,WAAW;AAAA,EAAA;AAAA,EAGb,WAAW;AAAA,IACT,SAAS;AAAA,EAAA;AAAA,EAGX,UAAU;AAAA,IACR,WAAW;AAAA,EAAA;AAAA,EAEb,iBAAiB;AAAA,IACf,WAAW;AAAA,EAAA;AAEf,CAAC;AAED,MAAM,oBAAoB,OAAO,gBAAgB,OAAO;AAAA,EACtD,UAAU;AAAA,EACV,KAAK;AAAA,EACL,OAAO;AAAA,EACP,QAAQ;AACV,CAAC;AAKM,MAAM,wBAAwB,MAAM,WAGzC,CAAC,OAAO,iBACR,oBAAC,mBAAA,EAAkB,SAAO,MACxB,UAAA,oBAAC,YAAA,EAAW,KAAK,cAAc,KAAK,EAAE,OAAO,cAAA,GAAkB,GAAG,OAChE,UAAA,oBAAC,YAAA,CAAA,CAAW,EAAA,CACd,EAAA,CACF,CACD;AAMM,MAAM,gBAAgB,MAAM,WAGjC,CAAC,EAAE,UAAU,GAAG,MAAA,GAAS,iBACzB,qBAAC,eAAA,EAAe,GAAG,OAAO,KAAK,cAC5B,UAAA;AAAA,EAAA;AAAA,sBACA,uBAAA,CAAA,CAAsB;AAAA,GACzB,CACD;AAEM,MAAM,uBAAuB,gBAAgB;AAC7C,MAAM,oBAAoB,gBAAgB;AAC1C,MAAM,eAAe,gBAAgB;AACrC,MAAM,cAAc,gBAAgB;AACpC,MAAM,gBAAgB,gBAAgB;"}
+{"version":3,"file":"Dialog.js","names":[],"sources":["../../../components/Dialog/Dialog.tsx"],"sourcesContent":["import * as DialogPrimitive from '@radix-ui/react-dialog';\nimport { Cross1Icon } from '@radix-ui/react-icons';\nimport React, { ComponentProps } from 'react';\n\nimport { CSS, styled, VariantProps } from '../../stitches.config';\nimport { Card } from '../Card';\nimport { elevationVariants } from '../Elevation/Elevation';\nimport { IconButton } from '../IconButton';\nimport { overlayStyles } from '../Overlay';\n\ntype DialogProps = React.ComponentProps<typeof DialogPrimitive.Root> & {\n  children: React.ReactNode;\n};\n\nexport const DialogOverlay = styled(DialogPrimitive.Overlay, overlayStyles, {\n  position: 'fixed',\n  top: 0,\n  right: 0,\n  bottom: 0,\n  left: 0,\n});\n\nexport function Dialog({ children, ...props }: DialogProps) {\n  return <DialogPrimitive.Root {...props}>{children}</DialogPrimitive.Root>;\n}\n\nexport const StyledContent = styled(DialogPrimitive.Content, Card, {\n  position: 'fixed',\n  top: '50%',\n  left: '50%',\n  transform: 'translate(-50%, -50%)',\n  minWidth: 200,\n  maxHeight: '85vh',\n  padding: '$4',\n  marginTop: '-5vh',\n  backgroundColor: '$dialogBackground',\n  boxShadow: 'inset 0 0 0 1px $colors$deepBlue4',\n  borderRadius: '$3',\n  // animation: `${fadeIn} 125ms linear, ${moveDown} 125ms cubic-bezier(0.22, 1, 0.36, 1)`,\n  willChange: 'transform',\n  overflow: 'auto',\n\n  '&::before': {\n    boxShadow: 'none',\n  },\n\n  '&:focus': {\n    outline: 'none',\n  },\n\n  variants: {\n    elevation: elevationVariants,\n  },\n  defaultVariants: {\n    elevation: 5,\n  },\n});\n\nconst StyledCloseButton = styled(DialogPrimitive.Close, {\n  position: 'absolute',\n  top: '$2',\n  right: '$2',\n  cursor: 'pointer',\n});\n\ninterface DialogCloseButtonProps\n  extends VariantProps<typeof IconButton>,\n    ComponentProps<typeof IconButton> {}\nexport const DialogCloseIconButton = React.forwardRef<\n  React.ElementRef<typeof IconButton>,\n  DialogCloseButtonProps\n>((props, forwardedRef) => (\n  <StyledCloseButton asChild>\n    <IconButton ref={forwardedRef} css={{ color: '$hiContrast' }} {...props}>\n      <Cross1Icon />\n    </IconButton>\n  </StyledCloseButton>\n));\n\ntype DialogContentPrimitiveProps = React.ComponentProps<typeof DialogPrimitive.Content>;\ntype DialogContentProps = DialogContentPrimitiveProps &\n  VariantProps<typeof StyledContent> & { css?: CSS };\n\nexport const DialogContent = React.forwardRef<\n  React.ElementRef<typeof StyledContent>,\n  DialogContentProps\n>(({ children, ...props }, forwardedRef) => (\n  <StyledContent {...props} ref={forwardedRef}>\n    {children}\n    <DialogCloseIconButton />\n  </StyledContent>\n));\n\nexport const DialogClosePrimitive = DialogPrimitive.Close;\nexport const DialogDescription = DialogPrimitive.Description;\nexport const DialogPortal = DialogPrimitive.Portal;\nexport const DialogTitle = DialogPrimitive.Title;\nexport const DialogTrigger = DialogPrimitive.Trigger;\n"],"mappings":";;;;;;;;;;AAcA,IAAa,gBAAgB,OAAO,gBAAgB,SAAS,eAAe;CAC1E,UAAU;CACV,KAAK;CACL,OAAO;CACP,QAAQ;CACR,MAAM;CACP,CAAC;AAEF,SAAgB,OAAO,EAAE,UAAU,GAAG,SAAsB;AAC1D,QAAO,oBAAC,gBAAgB,MAAjB;EAAsB,GAAI;EAAQ;EAAgC,CAAA;;AAG3E,IAAa,gBAAgB,OAAO,gBAAgB,SAAS,MAAM;CACjE,UAAU;CACV,KAAK;CACL,MAAM;CACN,WAAW;CACX,UAAU;CACV,WAAW;CACX,SAAS;CACT,WAAW;CACX,iBAAiB;CACjB,WAAW;CACX,cAAc;CAEd,YAAY;CACZ,UAAU;CAEV,aAAa,EACX,WAAW,QACZ;CAED,WAAW,EACT,SAAS,QACV;CAED,UAAU,EACR,WAAW,mBACZ;CACD,iBAAiB,EACf,WAAW,GACZ;CACF,CAAC;AAEF,IAAM,oBAAoB,OAAO,gBAAgB,OAAO;CACtD,UAAU;CACV,KAAK;CACL,OAAO;CACP,QAAQ;CACT,CAAC;AAKF,IAAa,wBAAwB,MAAM,YAGxC,OAAO,iBACR,oBAAC,mBAAD;CAAmB,SAAA;WACjB,oBAAC,YAAD;EAAY,KAAK;EAAc,KAAK,EAAE,OAAO,eAAe;EAAE,GAAI;YAChE,oBAAC,YAAD,EAAc,CAAA;EACH,CAAA;CACK,CAAA,CACpB;AAMF,IAAa,gBAAgB,MAAM,YAGhC,EAAE,UAAU,GAAG,SAAS,iBACzB,qBAAC,eAAD;CAAe,GAAI;CAAO,KAAK;WAA/B,CACG,UACD,oBAAC,uBAAD,EAAyB,CAAA,CACX;GAChB;AAEF,IAAa,uBAAuB,gBAAgB;AACpD,IAAa,oBAAoB,gBAAgB;AACjD,IAAa,eAAe,gBAAgB;AAC5C,IAAa,cAAc,gBAAgB;AAC3C,IAAa,gBAAgB,gBAAgB"}

package/dist/components/Dialog/Dialog.themes.cjs

@@ -1,12 +1,15 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-exports.Theme = void 0;
-((Theme2) => {
-  Theme2.getLight = () => ({
-    dialogBackground: "$deepBlue2"
-  });
-  Theme2.getDark = () => ({
-    dialogBackground: "$deepBlue3"
-  });
-})(exports.Theme || (exports.Theme = {}));
-//# sourceMappingURL=Dialog.themes.cjs.map
+//#region components/Dialog/Dialog.themes.ts
+var Theme;
+(function(_Theme) {
+	_Theme.getLight = () => ({ dialogBackground: "$deepBlue2" });
+	_Theme.getDark = () => ({ dialogBackground: "$deepBlue3" });
+})(Theme || (Theme = {}));
+//#endregion
+Object.defineProperty(exports, "Theme", {
+	enumerable: true,
+	get: function() {
+		return Theme;
+	}
+});
+
+//# sourceMappingURL=Dialog.themes.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Dialog.themes.cjs","sources":["../../../components/Dialog/Dialog.themes.ts"],"sourcesContent":["import { Property } from '@stitches/react/types/css';\n\nimport { ColorInfo } from '../../utils/getPrimaryColorInfo';\n\nexport namespace Theme {\n  type Colors = {\n    dialogBackground: Property.Color;\n  };\n\n  type Factory = (primaryColor?: ColorInfo) => Colors;\n\n  export const getLight: Factory = () => ({\n    dialogBackground: '$deepBlue2',\n  });\n\n  export const getDark: Factory = () => ({\n    dialogBackground: '$deepBlue3',\n  });\n}\n"],"names":["Theme"],"mappings":";;AAIiBA,QAAAA,QAAAA;AAAAA,CAAV,CAAUA,WAAV;AAOQA,SAAA,WAAoB,OAAO;AAAA,IACtC,kBAAkB;AAAA,EAAA;AAGPA,SAAA,UAAmB,OAAO;AAAA,IACrC,kBAAkB;AAAA,EAAA;AACpB,GAbeA,QAAAA,UAAAA,gBAAA,CAAA,EAAA;"}
+{"version":3,"file":"Dialog.themes.cjs","names":[],"sources":["../../../components/Dialog/Dialog.themes.ts"],"sourcesContent":["import { Property } from '@stitches/react/types/css';\n\nimport { ColorInfo } from '../../utils/getPrimaryColorInfo';\n\nexport namespace Theme {\n  type Colors = {\n    dialogBackground: Property.Color;\n  };\n\n  type Factory = (primaryColor?: ColorInfo) => Colors;\n\n  export const getLight: Factory = () => ({\n    dialogBackground: '$deepBlue2',\n  });\n\n  export const getDark: Factory = () => ({\n    dialogBackground: '$deepBlue3',\n  });\n}\n"],"mappings":";AAIO,IAAA;;AAOQ,QAAA,kBAA2B,EACtC,kBAAkB,cACnB;AAEY,QAAA,iBAA0B,EACrC,kBAAkB,cACnB;yBACF"}

package/dist/components/Dialog/Dialog.themes.js

@@ -1,13 +1,10 @@
+//#region components/Dialog/Dialog.themes.ts
 var Theme;
-((Theme2) => {
-  Theme2.getLight = () => ({
-    dialogBackground: "$deepBlue2"
-  });
-  Theme2.getDark = () => ({
-    dialogBackground: "$deepBlue3"
-  });
+(function(_Theme) {
+	_Theme.getLight = () => ({ dialogBackground: "$deepBlue2" });
+	_Theme.getDark = () => ({ dialogBackground: "$deepBlue3" });
 })(Theme || (Theme = {}));
-export {
-  Theme
-};
-//# sourceMappingURL=Dialog.themes.js.map
+//#endregion
+export { Theme };
+
+//# sourceMappingURL=Dialog.themes.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Dialog.themes.js","sources":["../../../components/Dialog/Dialog.themes.ts"],"sourcesContent":["import { Property } from '@stitches/react/types/css';\n\nimport { ColorInfo } from '../../utils/getPrimaryColorInfo';\n\nexport namespace Theme {\n  type Colors = {\n    dialogBackground: Property.Color;\n  };\n\n  type Factory = (primaryColor?: ColorInfo) => Colors;\n\n  export const getLight: Factory = () => ({\n    dialogBackground: '$deepBlue2',\n  });\n\n  export const getDark: Factory = () => ({\n    dialogBackground: '$deepBlue3',\n  });\n}\n"],"names":["Theme"],"mappings":"AAIO,IAAU;AAAA,CAAV,CAAUA,WAAV;AAOQA,SAAA,WAAoB,OAAO;AAAA,IACtC,kBAAkB;AAAA,EAAA;AAGPA,SAAA,UAAmB,OAAO;AAAA,IACrC,kBAAkB;AAAA,EAAA;AACpB,GAbe,UAAA,QAAA,CAAA,EAAA;"}
+{"version":3,"file":"Dialog.themes.js","names":[],"sources":["../../../components/Dialog/Dialog.themes.ts"],"sourcesContent":["import { Property } from '@stitches/react/types/css';\n\nimport { ColorInfo } from '../../utils/getPrimaryColorInfo';\n\nexport namespace Theme {\n  type Colors = {\n    dialogBackground: Property.Color;\n  };\n\n  type Factory = (primaryColor?: ColorInfo) => Colors;\n\n  export const getLight: Factory = () => ({\n    dialogBackground: '$deepBlue2',\n  });\n\n  export const getDark: Factory = () => ({\n    dialogBackground: '$deepBlue3',\n  });\n}\n"],"mappings":";AAIO,IAAA;;AAOQ,QAAA,kBAA2B,EACtC,kBAAkB,cACnB;AAEY,QAAA,iBAA0B,EACrC,kBAAkB,cACnB;yBACF"}

package/dist/components/DropdownMenu/DropdownMenu.cjs

@@ -1,60 +1,65 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const DropdownMenuPrimitive = require("@radix-ui/react-dropdown-menu");
-const reactIcons = require("@radix-ui/react-icons");
-const React = require("react");
-const stitches_config = require("../../stitches.config.cjs");
-const styles = require("./styles.cjs");
-const Box = require("../Box/Box.cjs");
-const Panel = require("../Panel/Panel.cjs");
-const Flex = require("../Flex/Flex.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 DropdownMenuPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(DropdownMenuPrimitive);
-const DropdownMenu = DropdownMenuPrimitive__namespace.Root;
-const DropdownMenuTrigger = DropdownMenuPrimitive__namespace.Trigger;
-const DropdownMenuContent = stitches_config.styled(DropdownMenuPrimitive__namespace.Content, styles.menuCss, Panel.panelStyles);
-const DropdownMenuSeparator = stitches_config.styled(DropdownMenuPrimitive__namespace.Separator, styles.separatorCss);
-const DropdownMenuItem = stitches_config.styled(DropdownMenuPrimitive__namespace.Item, styles.itemCss);
-const StyledDropdownMenuRadioItem = stitches_config.styled(DropdownMenuPrimitive__namespace.RadioItem, styles.itemCss);
-const DropdownMenuRadioItem = React.forwardRef(({ children, ...props }, forwardedRef) => /* @__PURE__ */ jsxRuntime.jsxs(StyledDropdownMenuRadioItem, { ...props, ref: forwardedRef, children: [
-  /* @__PURE__ */ jsxRuntime.jsx(Box.Box, { as: "span", css: { position: "absolute", left: "$1" }, children: /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(Flex.Flex, { css: { width: "$3", height: "$3", alignItems: "center", justifyContent: "center" }, children: /* @__PURE__ */ jsxRuntime.jsx(
-    Box.Box,
-    {
-      css: {
-        width: "$1",
-        height: "$1",
-        backgroundColor: "currentColor",
-        borderRadius: "$round"
-      }
-    }
-  ) }) }) }),
-  children
-] }));
-const StyledDropdownMenuCheckboxItem = stitches_config.styled(DropdownMenuPrimitive__namespace.CheckboxItem, styles.itemCss);
-const DropdownMenuCheckboxItem = React.forwardRef(({ children, ...props }, forwardedRef) => /* @__PURE__ */ jsxRuntime.jsxs(StyledDropdownMenuCheckboxItem, { ...props, ref: forwardedRef, children: [
-  /* @__PURE__ */ jsxRuntime.jsx(Box.Box, { as: "span", css: { position: "absolute", left: "$1" }, children: /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(reactIcons.CheckIcon, {}) }) }),
-  children
-] }));
-const DropdownMenuLabel = stitches_config.styled(DropdownMenuPrimitive__namespace.Label, styles.labelCss);
-const DropdownMenuRadioGroup = stitches_config.styled(DropdownMenuPrimitive__namespace.RadioGroup, {});
-const DropdownMenuGroup = stitches_config.styled(DropdownMenuPrimitive__namespace.Group, {});
-const DropdownMenuPortal = DropdownMenuPrimitive__namespace.Portal;
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_stitches_config = require("../../stitches.config.cjs");
+const require_Box = require("../Box/Box.cjs");
+const require_Flex = require("../Flex/Flex.cjs");
+const require_Panel = require("../Panel/Panel.cjs");
+const require_styles = require("./styles.cjs");
+let _radix_ui_react_icons = require("@radix-ui/react-icons");
+let react = require("react");
+react = require_runtime.__toESM(react, 1);
+let react_jsx_runtime = require("react/jsx-runtime");
+let _radix_ui_react_dropdown_menu = require("@radix-ui/react-dropdown-menu");
+_radix_ui_react_dropdown_menu = require_runtime.__toESM(_radix_ui_react_dropdown_menu, 1);
+//#region components/DropdownMenu/DropdownMenu.tsx
+var DropdownMenu = _radix_ui_react_dropdown_menu.Root;
+var DropdownMenuTrigger = _radix_ui_react_dropdown_menu.Trigger;
+var DropdownMenuContent = require_stitches_config.styled(_radix_ui_react_dropdown_menu.Content, require_styles.menuCss, require_Panel.panelStyles);
+var DropdownMenuSeparator = require_stitches_config.styled(_radix_ui_react_dropdown_menu.Separator, require_styles.separatorCss);
+var DropdownMenuItem = require_stitches_config.styled(_radix_ui_react_dropdown_menu.Item, require_styles.itemCss);
+var StyledDropdownMenuRadioItem = require_stitches_config.styled(_radix_ui_react_dropdown_menu.RadioItem, require_styles.itemCss);
+var DropdownMenuRadioItem = react.default.forwardRef(({ children, ...props }, forwardedRef) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(StyledDropdownMenuRadioItem, {
+	...props,
+	ref: forwardedRef,
+	children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Box.Box, {
+		as: "span",
+		css: {
+			position: "absolute",
+			left: "$1"
+		},
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dropdown_menu.ItemIndicator, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Flex, {
+			css: {
+				width: "$3",
+				height: "$3",
+				alignItems: "center",
+				justifyContent: "center"
+			},
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Box.Box, { css: {
+				width: "$1",
+				height: "$1",
+				backgroundColor: "currentColor",
+				borderRadius: "$round"
+			} })
+		}) })
+	}), children]
+}));
+var StyledDropdownMenuCheckboxItem = require_stitches_config.styled(_radix_ui_react_dropdown_menu.CheckboxItem, require_styles.itemCss);
+var DropdownMenuCheckboxItem = react.default.forwardRef(({ children, ...props }, forwardedRef) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(StyledDropdownMenuCheckboxItem, {
+	...props,
+	ref: forwardedRef,
+	children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Box.Box, {
+		as: "span",
+		css: {
+			position: "absolute",
+			left: "$1"
+		},
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dropdown_menu.ItemIndicator, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_icons.CheckIcon, {}) })
+	}), children]
+}));
+var DropdownMenuLabel = require_stitches_config.styled(_radix_ui_react_dropdown_menu.Label, require_styles.labelCss);
+var DropdownMenuRadioGroup = require_stitches_config.styled(_radix_ui_react_dropdown_menu.RadioGroup, {});
+var DropdownMenuGroup = require_stitches_config.styled(_radix_ui_react_dropdown_menu.Group, {});
+var DropdownMenuPortal = _radix_ui_react_dropdown_menu.Portal;
+//#endregion
 exports.DropdownMenu = DropdownMenu;
 exports.DropdownMenuCheckboxItem = DropdownMenuCheckboxItem;
 exports.DropdownMenuContent = DropdownMenuContent;
@@ -66,4 +71,5 @@ exports.DropdownMenuRadioGroup = DropdownMenuRadioGroup;
 exports.DropdownMenuRadioItem = DropdownMenuRadioItem;
 exports.DropdownMenuSeparator = DropdownMenuSeparator;
 exports.DropdownMenuTrigger = DropdownMenuTrigger;
-//# sourceMappingURL=DropdownMenu.cjs.map
+
+//# sourceMappingURL=DropdownMenu.cjs.map

package/dist/components/DropdownMenu/DropdownMenu.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenu.cjs","sources":["../../../components/DropdownMenu/DropdownMenu.tsx"],"sourcesContent":["import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';\nimport { CheckIcon } from '@radix-ui/react-icons';\nimport React from 'react';\n\nimport { CSS, styled } from '../../stitches.config';\nimport { Box } from '../Box';\nimport { Flex } from '../Flex';\nimport { panelStyles } from '../Panel';\nimport { itemCss, labelCss, menuCss, separatorCss } from './styles';\n\nexport const DropdownMenu = DropdownMenuPrimitive.Root;\nexport const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;\nexport const DropdownMenuContent = styled(DropdownMenuPrimitive.Content, menuCss, panelStyles);\nexport const DropdownMenuSeparator = styled(DropdownMenuPrimitive.Separator, separatorCss);\nexport const DropdownMenuItem = styled(DropdownMenuPrimitive.Item, itemCss);\n\nconst StyledDropdownMenuRadioItem = styled(DropdownMenuPrimitive.RadioItem, itemCss);\n\ntype DialogMenuRadioItemPrimitiveProps = Omit<\n  React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>,\n  'as'\n>;\ntype DialogMenuRadioItemProps = DialogMenuRadioItemPrimitiveProps & { css?: CSS };\n\nexport const DropdownMenuRadioItem = React.forwardRef<\n  React.ElementRef<typeof StyledDropdownMenuRadioItem>,\n  DialogMenuRadioItemProps\n>(({ children, ...props }, forwardedRef) => (\n  <StyledDropdownMenuRadioItem {...props} ref={forwardedRef}>\n    <Box as=\"span\" css={{ position: 'absolute', left: '$1' }}>\n      <DropdownMenuPrimitive.ItemIndicator>\n        <Flex css={{ width: '$3', height: '$3', alignItems: 'center', justifyContent: 'center' }}>\n          <Box\n            css={{\n              width: '$1',\n              height: '$1',\n              backgroundColor: 'currentColor',\n              borderRadius: '$round',\n            }}\n          />\n        </Flex>\n      </DropdownMenuPrimitive.ItemIndicator>\n    </Box>\n    {children}\n  </StyledDropdownMenuRadioItem>\n));\n\nconst StyledDropdownMenuCheckboxItem = styled(DropdownMenuPrimitive.CheckboxItem, itemCss);\n\ntype DialogMenuCheckboxItemPrimitiveProps = Omit<\n  React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>,\n  'as'\n>;\ntype DialogMenuCheckboxItemProps = DialogMenuCheckboxItemPrimitiveProps & { css?: CSS };\n\nexport const DropdownMenuCheckboxItem = React.forwardRef<\n  React.ElementRef<typeof StyledDropdownMenuCheckboxItem>,\n  DialogMenuCheckboxItemProps\n>(({ children, ...props }, forwardedRef) => (\n  <StyledDropdownMenuCheckboxItem {...props} ref={forwardedRef}>\n    <Box as=\"span\" css={{ position: 'absolute', left: '$1' }}>\n      <DropdownMenuPrimitive.ItemIndicator>\n        <CheckIcon />\n      </DropdownMenuPrimitive.ItemIndicator>\n    </Box>\n    {children}\n  </StyledDropdownMenuCheckboxItem>\n));\n\nexport const DropdownMenuLabel = styled(DropdownMenuPrimitive.Label, labelCss);\nexport const DropdownMenuRadioGroup = styled(DropdownMenuPrimitive.RadioGroup, {});\nexport const DropdownMenuGroup = styled(DropdownMenuPrimitive.Group, {});\nexport const DropdownMenuPortal = DropdownMenuPrimitive.Portal;\n"],"names":["DropdownMenuPrimitive","styled","menuCss","panelStyles","separatorCss","itemCss","jsxs","jsx","Box","Flex","CheckIcon","labelCss"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUO,MAAM,eAAeA,iCAAsB;AAC3C,MAAM,sBAAsBA,iCAAsB;AAClD,MAAM,sBAAsBC,gBAAAA,OAAOD,iCAAsB,SAASE,OAAAA,SAASC,MAAAA,WAAW;AACtF,MAAM,wBAAwBF,gBAAAA,OAAOD,iCAAsB,WAAWI,OAAAA,YAAY;AAClF,MAAM,mBAAmBH,gBAAAA,OAAOD,iCAAsB,MAAMK,OAAAA,OAAO;AAE1E,MAAM,8BAA8BJ,gBAAAA,OAAOD,iCAAsB,WAAWK,OAAAA,OAAO;AAQ5E,MAAM,wBAAwB,MAAM,WAGzC,CAAC,EAAE,UAAU,GAAG,MAAA,GAAS,iBACzBC,2BAAAA,KAAC,6BAAA,EAA6B,GAAG,OAAO,KAAK,cAC3C,UAAA;AAAA,EAAAC,2BAAAA,IAACC,IAAAA,KAAA,EAAI,IAAG,QAAO,KAAK,EAAE,UAAU,YAAY,MAAM,KAAA,GAChD,UAAAD,2BAAAA,IAACP,iCAAsB,eAAtB,EACC,UAAAO,2BAAAA,IAACE,KAAAA,MAAA,EAAK,KAAK,EAAE,OAAO,MAAM,QAAQ,MAAM,YAAY,UAAU,gBAAgB,SAAA,GAC5E,UAAAF,2BAAAA;AAAAA,IAACC,IAAAA;AAAAA,IAAA;AAAA,MACC,KAAK;AAAA,QACH,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,iBAAiB;AAAA,QACjB,cAAc;AAAA,MAAA;AAAA,IAChB;AAAA,EAAA,EACF,CACF,GACF,GACF;AAAA,EACC;AAAA,GACH,CACD;AAED,MAAM,iCAAiCP,gBAAAA,OAAOD,iCAAsB,cAAcK,OAAAA,OAAO;AAQlF,MAAM,2BAA2B,MAAM,WAG5C,CAAC,EAAE,UAAU,GAAG,MAAA,GAAS,iBACzBC,2BAAAA,KAAC,gCAAA,EAAgC,GAAG,OAAO,KAAK,cAC9C,UAAA;AAAA,EAAAC,+BAACC,IAAAA,OAAI,IAAG,QAAO,KAAK,EAAE,UAAU,YAAY,MAAM,KAAA,GAChD,yCAACR,iCAAsB,eAAtB,EACC,UAAAO,2BAAAA,IAACG,sBAAA,CAAA,CAAU,GACb,GACF;AAAA,EACC;AAAA,GACH,CACD;AAEM,MAAM,oBAAoBT,gBAAAA,OAAOD,iCAAsB,OAAOW,OAAAA,QAAQ;AACtE,MAAM,yBAAyBV,gBAAAA,OAAOD,iCAAsB,YAAY,CAAA,CAAE;AAC1E,MAAM,oBAAoBC,gBAAAA,OAAOD,iCAAsB,OAAO,CAAA,CAAE;AAChE,MAAM,qBAAqBA,iCAAsB;;;;;;;;;;;;"}
+{"version":3,"file":"DropdownMenu.cjs","names":[],"sources":["../../../components/DropdownMenu/DropdownMenu.tsx"],"sourcesContent":["import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';\nimport { CheckIcon } from '@radix-ui/react-icons';\nimport React from 'react';\n\nimport { CSS, styled } from '../../stitches.config';\nimport { Box } from '../Box';\nimport { Flex } from '../Flex';\nimport { panelStyles } from '../Panel';\nimport { itemCss, labelCss, menuCss, separatorCss } from './styles';\n\nexport const DropdownMenu = DropdownMenuPrimitive.Root;\nexport const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;\nexport const DropdownMenuContent = styled(DropdownMenuPrimitive.Content, menuCss, panelStyles);\nexport const DropdownMenuSeparator = styled(DropdownMenuPrimitive.Separator, separatorCss);\nexport const DropdownMenuItem = styled(DropdownMenuPrimitive.Item, itemCss);\n\nconst StyledDropdownMenuRadioItem = styled(DropdownMenuPrimitive.RadioItem, itemCss);\n\ntype DialogMenuRadioItemPrimitiveProps = Omit<\n  React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>,\n  'as'\n>;\ntype DialogMenuRadioItemProps = DialogMenuRadioItemPrimitiveProps & { css?: CSS };\n\nexport const DropdownMenuRadioItem = React.forwardRef<\n  React.ElementRef<typeof StyledDropdownMenuRadioItem>,\n  DialogMenuRadioItemProps\n>(({ children, ...props }, forwardedRef) => (\n  <StyledDropdownMenuRadioItem {...props} ref={forwardedRef}>\n    <Box as=\"span\" css={{ position: 'absolute', left: '$1' }}>\n      <DropdownMenuPrimitive.ItemIndicator>\n        <Flex css={{ width: '$3', height: '$3', alignItems: 'center', justifyContent: 'center' }}>\n          <Box\n            css={{\n              width: '$1',\n              height: '$1',\n              backgroundColor: 'currentColor',\n              borderRadius: '$round',\n            }}\n          />\n        </Flex>\n      </DropdownMenuPrimitive.ItemIndicator>\n    </Box>\n    {children}\n  </StyledDropdownMenuRadioItem>\n));\n\nconst StyledDropdownMenuCheckboxItem = styled(DropdownMenuPrimitive.CheckboxItem, itemCss);\n\ntype DialogMenuCheckboxItemPrimitiveProps = Omit<\n  React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>,\n  'as'\n>;\ntype DialogMenuCheckboxItemProps = DialogMenuCheckboxItemPrimitiveProps & { css?: CSS };\n\nexport const DropdownMenuCheckboxItem = React.forwardRef<\n  React.ElementRef<typeof StyledDropdownMenuCheckboxItem>,\n  DialogMenuCheckboxItemProps\n>(({ children, ...props }, forwardedRef) => (\n  <StyledDropdownMenuCheckboxItem {...props} ref={forwardedRef}>\n    <Box as=\"span\" css={{ position: 'absolute', left: '$1' }}>\n      <DropdownMenuPrimitive.ItemIndicator>\n        <CheckIcon />\n      </DropdownMenuPrimitive.ItemIndicator>\n    </Box>\n    {children}\n  </StyledDropdownMenuCheckboxItem>\n));\n\nexport const DropdownMenuLabel = styled(DropdownMenuPrimitive.Label, labelCss);\nexport const DropdownMenuRadioGroup = styled(DropdownMenuPrimitive.RadioGroup, {});\nexport const DropdownMenuGroup = styled(DropdownMenuPrimitive.Group, {});\nexport const DropdownMenuPortal = DropdownMenuPrimitive.Portal;\n"],"mappings":";;;;;;;;;;;;;AAUA,IAAa,eAAe,8BAAsB;AAClD,IAAa,sBAAsB,8BAAsB;AACzD,IAAa,sBAAsB,wBAAA,OAAO,8BAAsB,SAAS,eAAA,SAAS,cAAA,YAAY;AAC9F,IAAa,wBAAwB,wBAAA,OAAO,8BAAsB,WAAW,eAAA,aAAa;AAC1F,IAAa,mBAAmB,wBAAA,OAAO,8BAAsB,MAAM,eAAA,QAAQ;AAE3E,IAAM,8BAA8B,wBAAA,OAAO,8BAAsB,WAAW,eAAA,QAAQ;AAQpF,IAAa,wBAAwB,MAAA,QAAM,YAGxC,EAAE,UAAU,GAAG,SAAS,iBACzB,iBAAA,GAAA,kBAAA,MAAC,6BAAD;CAA6B,GAAI;CAAO,KAAK;WAA7C,CACE,iBAAA,GAAA,kBAAA,KAAC,YAAA,KAAD;EAAK,IAAG;EAAO,KAAK;GAAE,UAAU;GAAY,MAAM;GAAM;YACtD,iBAAA,GAAA,kBAAA,KAAC,8BAAsB,eAAvB,EAAA,UACE,iBAAA,GAAA,kBAAA,KAAC,aAAA,MAAD;GAAM,KAAK;IAAE,OAAO;IAAM,QAAQ;IAAM,YAAY;IAAU,gBAAgB;IAAU;aACtF,iBAAA,GAAA,kBAAA,KAAC,YAAA,KAAD,EACE,KAAK;IACH,OAAO;IACP,QAAQ;IACR,iBAAiB;IACjB,cAAc;IACf,EACD,CAAA;GACG,CAAA,EAC6B,CAAA;EAClC,CAAA,EACL,SAC2B;GAC9B;AAEF,IAAM,iCAAiC,wBAAA,OAAO,8BAAsB,cAAc,eAAA,QAAQ;AAQ1F,IAAa,2BAA2B,MAAA,QAAM,YAG3C,EAAE,UAAU,GAAG,SAAS,iBACzB,iBAAA,GAAA,kBAAA,MAAC,gCAAD;CAAgC,GAAI;CAAO,KAAK;WAAhD,CACE,iBAAA,GAAA,kBAAA,KAAC,YAAA,KAAD;EAAK,IAAG;EAAO,KAAK;GAAE,UAAU;GAAY,MAAM;GAAM;YACtD,iBAAA,GAAA,kBAAA,KAAC,8BAAsB,eAAvB,EAAA,UACE,iBAAA,GAAA,kBAAA,KAAC,sBAAA,WAAD,EAAa,CAAA,EACuB,CAAA;EAClC,CAAA,EACL,SAC8B;GACjC;AAEF,IAAa,oBAAoB,wBAAA,OAAO,8BAAsB,OAAO,eAAA,SAAS;AAC9E,IAAa,yBAAyB,wBAAA,OAAO,8BAAsB,YAAY,EAAE,CAAC;AAClF,IAAa,oBAAoB,wBAAA,OAAO,8BAAsB,OAAO,EAAE,CAAC;AACxE,IAAa,qBAAqB,8BAAsB"}

package/dist/components/DropdownMenu/DropdownMenu.js

@@ -1,52 +1,62 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
-import { CheckIcon } from "@radix-ui/react-icons";
-import React from "react";
 import { styled } from "../../stitches.config.js";
-import { menuCss, itemCss, labelCss, separatorCss } from "./styles.js";
 import { Box } from "../Box/Box.js";
-import { panelStyles } from "../Panel/Panel.js";
 import { Flex } from "../Flex/Flex.js";
-const DropdownMenu = DropdownMenuPrimitive.Root;
-const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
-const DropdownMenuContent = styled(DropdownMenuPrimitive.Content, menuCss, panelStyles);
-const DropdownMenuSeparator = styled(DropdownMenuPrimitive.Separator, separatorCss);
-const DropdownMenuItem = styled(DropdownMenuPrimitive.Item, itemCss);
-const StyledDropdownMenuRadioItem = styled(DropdownMenuPrimitive.RadioItem, itemCss);
-const DropdownMenuRadioItem = React.forwardRef(({ children, ...props }, forwardedRef) => /* @__PURE__ */ jsxs(StyledDropdownMenuRadioItem, { ...props, ref: forwardedRef, children: [
-  /* @__PURE__ */ jsx(Box, { as: "span", css: { position: "absolute", left: "$1" }, children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Flex, { css: { width: "$3", height: "$3", alignItems: "center", justifyContent: "center" }, children: /* @__PURE__ */ jsx(
-    Box,
-    {
-      css: {
-        width: "$1",
-        height: "$1",
-        backgroundColor: "currentColor",
-        borderRadius: "$round"
-      }
-    }
-  ) }) }) }),
-  children
-] }));
-const StyledDropdownMenuCheckboxItem = styled(DropdownMenuPrimitive.CheckboxItem, itemCss);
-const DropdownMenuCheckboxItem = React.forwardRef(({ children, ...props }, forwardedRef) => /* @__PURE__ */ jsxs(StyledDropdownMenuCheckboxItem, { ...props, ref: forwardedRef, children: [
-  /* @__PURE__ */ jsx(Box, { as: "span", css: { position: "absolute", left: "$1" }, children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, {}) }) }),
-  children
-] }));
-const DropdownMenuLabel = styled(DropdownMenuPrimitive.Label, labelCss);
-const DropdownMenuRadioGroup = styled(DropdownMenuPrimitive.RadioGroup, {});
-const DropdownMenuGroup = styled(DropdownMenuPrimitive.Group, {});
-const DropdownMenuPortal = DropdownMenuPrimitive.Portal;
-export {
-  DropdownMenu,
-  DropdownMenuCheckboxItem,
-  DropdownMenuContent,
-  DropdownMenuGroup,
-  DropdownMenuItem,
-  DropdownMenuLabel,
-  DropdownMenuPortal,
-  DropdownMenuRadioGroup,
-  DropdownMenuRadioItem,
-  DropdownMenuSeparator,
-  DropdownMenuTrigger
-};
-//# sourceMappingURL=DropdownMenu.js.map
+import { panelStyles } from "../Panel/Panel.js";
+import { itemCss, labelCss, menuCss, separatorCss } from "./styles.js";
+import { CheckIcon } from "@radix-ui/react-icons";
+import React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+//#region components/DropdownMenu/DropdownMenu.tsx
+var DropdownMenu = DropdownMenuPrimitive.Root;
+var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
+var DropdownMenuContent = styled(DropdownMenuPrimitive.Content, menuCss, panelStyles);
+var DropdownMenuSeparator = styled(DropdownMenuPrimitive.Separator, separatorCss);
+var DropdownMenuItem = styled(DropdownMenuPrimitive.Item, itemCss);
+var StyledDropdownMenuRadioItem = styled(DropdownMenuPrimitive.RadioItem, itemCss);
+var DropdownMenuRadioItem = React.forwardRef(({ children, ...props }, forwardedRef) => /* @__PURE__ */ jsxs(StyledDropdownMenuRadioItem, {
+	...props,
+	ref: forwardedRef,
+	children: [/* @__PURE__ */ jsx(Box, {
+		as: "span",
+		css: {
+			position: "absolute",
+			left: "$1"
+		},
+		children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Flex, {
+			css: {
+				width: "$3",
+				height: "$3",
+				alignItems: "center",
+				justifyContent: "center"
+			},
+			children: /* @__PURE__ */ jsx(Box, { css: {
+				width: "$1",
+				height: "$1",
+				backgroundColor: "currentColor",
+				borderRadius: "$round"
+			} })
+		}) })
+	}), children]
+}));
+var StyledDropdownMenuCheckboxItem = styled(DropdownMenuPrimitive.CheckboxItem, itemCss);
+var DropdownMenuCheckboxItem = React.forwardRef(({ children, ...props }, forwardedRef) => /* @__PURE__ */ jsxs(StyledDropdownMenuCheckboxItem, {
+	...props,
+	ref: forwardedRef,
+	children: [/* @__PURE__ */ jsx(Box, {
+		as: "span",
+		css: {
+			position: "absolute",
+			left: "$1"
+		},
+		children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, {}) })
+	}), children]
+}));
+var DropdownMenuLabel = styled(DropdownMenuPrimitive.Label, labelCss);
+var DropdownMenuRadioGroup = styled(DropdownMenuPrimitive.RadioGroup, {});
+var DropdownMenuGroup = styled(DropdownMenuPrimitive.Group, {});
+var DropdownMenuPortal = DropdownMenuPrimitive.Portal;
+//#endregion
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuTrigger };
+
+//# sourceMappingURL=DropdownMenu.js.map

package/dist/components/DropdownMenu/DropdownMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenu.js","sources":["../../../components/DropdownMenu/DropdownMenu.tsx"],"sourcesContent":["import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';\nimport { CheckIcon } from '@radix-ui/react-icons';\nimport React from 'react';\n\nimport { CSS, styled } from '../../stitches.config';\nimport { Box } from '../Box';\nimport { Flex } from '../Flex';\nimport { panelStyles } from '../Panel';\nimport { itemCss, labelCss, menuCss, separatorCss } from './styles';\n\nexport const DropdownMenu = DropdownMenuPrimitive.Root;\nexport const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;\nexport const DropdownMenuContent = styled(DropdownMenuPrimitive.Content, menuCss, panelStyles);\nexport const DropdownMenuSeparator = styled(DropdownMenuPrimitive.Separator, separatorCss);\nexport const DropdownMenuItem = styled(DropdownMenuPrimitive.Item, itemCss);\n\nconst StyledDropdownMenuRadioItem = styled(DropdownMenuPrimitive.RadioItem, itemCss);\n\ntype DialogMenuRadioItemPrimitiveProps = Omit<\n  React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>,\n  'as'\n>;\ntype DialogMenuRadioItemProps = DialogMenuRadioItemPrimitiveProps & { css?: CSS };\n\nexport const DropdownMenuRadioItem = React.forwardRef<\n  React.ElementRef<typeof StyledDropdownMenuRadioItem>,\n  DialogMenuRadioItemProps\n>(({ children, ...props }, forwardedRef) => (\n  <StyledDropdownMenuRadioItem {...props} ref={forwardedRef}>\n    <Box as=\"span\" css={{ position: 'absolute', left: '$1' }}>\n      <DropdownMenuPrimitive.ItemIndicator>\n        <Flex css={{ width: '$3', height: '$3', alignItems: 'center', justifyContent: 'center' }}>\n          <Box\n            css={{\n              width: '$1',\n              height: '$1',\n              backgroundColor: 'currentColor',\n              borderRadius: '$round',\n            }}\n          />\n        </Flex>\n      </DropdownMenuPrimitive.ItemIndicator>\n    </Box>\n    {children}\n  </StyledDropdownMenuRadioItem>\n));\n\nconst StyledDropdownMenuCheckboxItem = styled(DropdownMenuPrimitive.CheckboxItem, itemCss);\n\ntype DialogMenuCheckboxItemPrimitiveProps = Omit<\n  React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>,\n  'as'\n>;\ntype DialogMenuCheckboxItemProps = DialogMenuCheckboxItemPrimitiveProps & { css?: CSS };\n\nexport const DropdownMenuCheckboxItem = React.forwardRef<\n  React.ElementRef<typeof StyledDropdownMenuCheckboxItem>,\n  DialogMenuCheckboxItemProps\n>(({ children, ...props }, forwardedRef) => (\n  <StyledDropdownMenuCheckboxItem {...props} ref={forwardedRef}>\n    <Box as=\"span\" css={{ position: 'absolute', left: '$1' }}>\n      <DropdownMenuPrimitive.ItemIndicator>\n        <CheckIcon />\n      </DropdownMenuPrimitive.ItemIndicator>\n    </Box>\n    {children}\n  </StyledDropdownMenuCheckboxItem>\n));\n\nexport const DropdownMenuLabel = styled(DropdownMenuPrimitive.Label, labelCss);\nexport const DropdownMenuRadioGroup = styled(DropdownMenuPrimitive.RadioGroup, {});\nexport const DropdownMenuGroup = styled(DropdownMenuPrimitive.Group, {});\nexport const DropdownMenuPortal = DropdownMenuPrimitive.Portal;\n"],"names":[],"mappings":";;;;;;;;;AAUO,MAAM,eAAe,sBAAsB;AAC3C,MAAM,sBAAsB,sBAAsB;AAClD,MAAM,sBAAsB,OAAO,sBAAsB,SAAS,SAAS,WAAW;AACtF,MAAM,wBAAwB,OAAO,sBAAsB,WAAW,YAAY;AAClF,MAAM,mBAAmB,OAAO,sBAAsB,MAAM,OAAO;AAE1E,MAAM,8BAA8B,OAAO,sBAAsB,WAAW,OAAO;AAQ5E,MAAM,wBAAwB,MAAM,WAGzC,CAAC,EAAE,UAAU,GAAG,MAAA,GAAS,iBACzB,qBAAC,6BAAA,EAA6B,GAAG,OAAO,KAAK,cAC3C,UAAA;AAAA,EAAA,oBAAC,KAAA,EAAI,IAAG,QAAO,KAAK,EAAE,UAAU,YAAY,MAAM,KAAA,GAChD,UAAA,oBAAC,sBAAsB,eAAtB,EACC,UAAA,oBAAC,MAAA,EAAK,KAAK,EAAE,OAAO,MAAM,QAAQ,MAAM,YAAY,UAAU,gBAAgB,SAAA,GAC5E,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAK;AAAA,QACH,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,iBAAiB;AAAA,QACjB,cAAc;AAAA,MAAA;AAAA,IAChB;AAAA,EAAA,EACF,CACF,GACF,GACF;AAAA,EACC;AAAA,GACH,CACD;AAED,MAAM,iCAAiC,OAAO,sBAAsB,cAAc,OAAO;AAQlF,MAAM,2BAA2B,MAAM,WAG5C,CAAC,EAAE,UAAU,GAAG,MAAA,GAAS,iBACzB,qBAAC,gCAAA,EAAgC,GAAG,OAAO,KAAK,cAC9C,UAAA;AAAA,EAAA,oBAAC,OAAI,IAAG,QAAO,KAAK,EAAE,UAAU,YAAY,MAAM,KAAA,GAChD,8BAAC,sBAAsB,eAAtB,EACC,UAAA,oBAAC,WAAA,CAAA,CAAU,GACb,GACF;AAAA,EACC;AAAA,GACH,CACD;AAEM,MAAM,oBAAoB,OAAO,sBAAsB,OAAO,QAAQ;AACtE,MAAM,yBAAyB,OAAO,sBAAsB,YAAY,CAAA,CAAE;AAC1E,MAAM,oBAAoB,OAAO,sBAAsB,OAAO,CAAA,CAAE;AAChE,MAAM,qBAAqB,sBAAsB;"}
+{"version":3,"file":"DropdownMenu.js","names":[],"sources":["../../../components/DropdownMenu/DropdownMenu.tsx"],"sourcesContent":["import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';\nimport { CheckIcon } from '@radix-ui/react-icons';\nimport React from 'react';\n\nimport { CSS, styled } from '../../stitches.config';\nimport { Box } from '../Box';\nimport { Flex } from '../Flex';\nimport { panelStyles } from '../Panel';\nimport { itemCss, labelCss, menuCss, separatorCss } from './styles';\n\nexport const DropdownMenu = DropdownMenuPrimitive.Root;\nexport const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;\nexport const DropdownMenuContent = styled(DropdownMenuPrimitive.Content, menuCss, panelStyles);\nexport const DropdownMenuSeparator = styled(DropdownMenuPrimitive.Separator, separatorCss);\nexport const DropdownMenuItem = styled(DropdownMenuPrimitive.Item, itemCss);\n\nconst StyledDropdownMenuRadioItem = styled(DropdownMenuPrimitive.RadioItem, itemCss);\n\ntype DialogMenuRadioItemPrimitiveProps = Omit<\n  React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>,\n  'as'\n>;\ntype DialogMenuRadioItemProps = DialogMenuRadioItemPrimitiveProps & { css?: CSS };\n\nexport const DropdownMenuRadioItem = React.forwardRef<\n  React.ElementRef<typeof StyledDropdownMenuRadioItem>,\n  DialogMenuRadioItemProps\n>(({ children, ...props }, forwardedRef) => (\n  <StyledDropdownMenuRadioItem {...props} ref={forwardedRef}>\n    <Box as=\"span\" css={{ position: 'absolute', left: '$1' }}>\n      <DropdownMenuPrimitive.ItemIndicator>\n        <Flex css={{ width: '$3', height: '$3', alignItems: 'center', justifyContent: 'center' }}>\n          <Box\n            css={{\n              width: '$1',\n              height: '$1',\n              backgroundColor: 'currentColor',\n              borderRadius: '$round',\n            }}\n          />\n        </Flex>\n      </DropdownMenuPrimitive.ItemIndicator>\n    </Box>\n    {children}\n  </StyledDropdownMenuRadioItem>\n));\n\nconst StyledDropdownMenuCheckboxItem = styled(DropdownMenuPrimitive.CheckboxItem, itemCss);\n\ntype DialogMenuCheckboxItemPrimitiveProps = Omit<\n  React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>,\n  'as'\n>;\ntype DialogMenuCheckboxItemProps = DialogMenuCheckboxItemPrimitiveProps & { css?: CSS };\n\nexport const DropdownMenuCheckboxItem = React.forwardRef<\n  React.ElementRef<typeof StyledDropdownMenuCheckboxItem>,\n  DialogMenuCheckboxItemProps\n>(({ children, ...props }, forwardedRef) => (\n  <StyledDropdownMenuCheckboxItem {...props} ref={forwardedRef}>\n    <Box as=\"span\" css={{ position: 'absolute', left: '$1' }}>\n      <DropdownMenuPrimitive.ItemIndicator>\n        <CheckIcon />\n      </DropdownMenuPrimitive.ItemIndicator>\n    </Box>\n    {children}\n  </StyledDropdownMenuCheckboxItem>\n));\n\nexport const DropdownMenuLabel = styled(DropdownMenuPrimitive.Label, labelCss);\nexport const DropdownMenuRadioGroup = styled(DropdownMenuPrimitive.RadioGroup, {});\nexport const DropdownMenuGroup = styled(DropdownMenuPrimitive.Group, {});\nexport const DropdownMenuPortal = DropdownMenuPrimitive.Portal;\n"],"mappings":";;;;;;;;;;AAUA,IAAa,eAAe,sBAAsB;AAClD,IAAa,sBAAsB,sBAAsB;AACzD,IAAa,sBAAsB,OAAO,sBAAsB,SAAS,SAAS,YAAY;AAC9F,IAAa,wBAAwB,OAAO,sBAAsB,WAAW,aAAa;AAC1F,IAAa,mBAAmB,OAAO,sBAAsB,MAAM,QAAQ;AAE3E,IAAM,8BAA8B,OAAO,sBAAsB,WAAW,QAAQ;AAQpF,IAAa,wBAAwB,MAAM,YAGxC,EAAE,UAAU,GAAG,SAAS,iBACzB,qBAAC,6BAAD;CAA6B,GAAI;CAAO,KAAK;WAA7C,CACE,oBAAC,KAAD;EAAK,IAAG;EAAO,KAAK;GAAE,UAAU;GAAY,MAAM;GAAM;YACtD,oBAAC,sBAAsB,eAAvB,EAAA,UACE,oBAAC,MAAD;GAAM,KAAK;IAAE,OAAO;IAAM,QAAQ;IAAM,YAAY;IAAU,gBAAgB;IAAU;aACtF,oBAAC,KAAD,EACE,KAAK;IACH,OAAO;IACP,QAAQ;IACR,iBAAiB;IACjB,cAAc;IACf,EACD,CAAA;GACG,CAAA,EAC6B,CAAA;EAClC,CAAA,EACL,SAC2B;GAC9B;AAEF,IAAM,iCAAiC,OAAO,sBAAsB,cAAc,QAAQ;AAQ1F,IAAa,2BAA2B,MAAM,YAG3C,EAAE,UAAU,GAAG,SAAS,iBACzB,qBAAC,gCAAD;CAAgC,GAAI;CAAO,KAAK;WAAhD,CACE,oBAAC,KAAD;EAAK,IAAG;EAAO,KAAK;GAAE,UAAU;GAAY,MAAM;GAAM;YACtD,oBAAC,sBAAsB,eAAvB,EAAA,UACE,oBAAC,WAAD,EAAa,CAAA,EACuB,CAAA;EAClC,CAAA,EACL,SAC8B;GACjC;AAEF,IAAa,oBAAoB,OAAO,sBAAsB,OAAO,SAAS;AAC9E,IAAa,yBAAyB,OAAO,sBAAsB,YAAY,EAAE,CAAC;AAClF,IAAa,oBAAoB,OAAO,sBAAsB,OAAO,EAAE,CAAC;AACxE,IAAa,qBAAqB,sBAAsB"}