@traefik-labs/faency 12.3.9 → 13.0.0

package/dist/components/DateTimePickerInput/DateTimePickerInput.js

@@ -7,7 +7,7 @@ import React, { useMemo, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { format, parse } from "date-fns";
 import { FloatingArrow, FloatingFocusManager, arrow, autoUpdate, flip, offset, shift, useClick, useDismiss, useFloating, useInteractions, useRole } from "@floating-ui/react";
-//#region components/DateTimePickerInput/DateTimePickerInput.tsx
+// components/DateTimePickerInput/DateTimePickerInput.tsx
 var StyledWrapper = styled("div", {
 	display: "flex",
 	position: "relative",
@@ -57,24 +57,28 @@ var DateTimePickerInput = React.forwardRef(({ inputCSS, inputProps, onChange, pi
 	const formatStr = "yyyy-MM-dd'T'HH:mm";
 	const arrowRef = useRef(null);
 	const [inputValue, setInputValue] = useState("");
-	const [selectedDates, onDatesChange] = useState([]);
+	const [selectedDates, setSelectedDates] = useState([]);
 	const [isPickerOpen, setIsPickerOpen] = useState(false);
+	const middleware = useMemo(() => [
+		offset(10),
+		flip(),
+		shift(),
+		arrow({ element: arrowRef })
+	], []);
 	const { refs, floatingStyles, context } = useFloating({
 		open: isPickerOpen,
 		onOpenChange: setIsPickerOpen,
 		placement: pickerPlacement,
-		middleware: useMemo(() => [
-			offset(10),
-			flip(),
-			shift(),
-			arrow({ element: arrowRef })
-		], []),
+		middleware,
 		whileElementsMounted: autoUpdate
 	});
+	const click = useClick(context);
+	const dismiss = useDismiss(context);
+	const role = useRole(context);
 	const { getReferenceProps, getFloatingProps } = useInteractions([
-		useClick(context),
-		useDismiss(context),
-		useRole(context)
+		click,
+		dismiss,
+		role
 	]);
 	const { onClick: onFirefoxPatchClick } = getReferenceProps();
 	return /* @__PURE__ */ jsxs(StyledWrapper, {
@@ -93,7 +97,7 @@ var DateTimePickerInput = React.forwardRef(({ inputCSS, inputProps, onChange, pi
 					setInputValue(value);
 					try {
 						const newDates = value.split(",").map((d) => parse(d.trim(), formatStr, /* @__PURE__ */ new Date()));
-						onDatesChange(newDates);
+						setSelectedDates(newDates);
 						if (onChange) onChange(newDates);
 					} catch (err) {}
 				},
@@ -117,7 +121,7 @@ var DateTimePickerInput = React.forwardRef(({ inputCSS, inputProps, onChange, pi
 						...pickerProps,
 						css: pickerCSS,
 						onDatesChange: (d) => {
-							onDatesChange(d);
+							setSelectedDates(d);
 							setInputValue(d.map((date) => format(date, formatStr)).join(", "));
 							if (onChange) onChange(d);
 						},
@@ -136,7 +140,6 @@ var DateTimePickerInput = React.forwardRef(({ inputCSS, inputProps, onChange, pi
 		]
 	});
 });
-//#endregion
 export { DateTimePickerInput };
 
 //# sourceMappingURL=DateTimePickerInput.js.map

package/dist/components/DateTimePickerInput/DateTimePickerInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateTimePickerInput.js","names":[],"sources":["../../../components/DateTimePickerInput/DateTimePickerInput.tsx"],"sourcesContent":["import {\n  arrow,\n  autoUpdate,\n  flip,\n  FloatingArrow,\n  FloatingFocusManager,\n  offset,\n  Placement,\n  shift,\n  useClick,\n  useDismiss,\n  useFloating,\n  useInteractions,\n  useRole,\n} from '@floating-ui/react';\nimport { CalendarIcon } from '@radix-ui/react-icons';\nimport { DPUserConfig } from '@rehookify/datepicker';\nimport { format, parse } from 'date-fns';\nimport React, { MouseEventHandler, Ref, useMemo, useRef, useState } from 'react';\n\nimport { CSS, styled, VariantProps } from '../../stitches.config';\nimport { Card } from '../Card';\nimport { DateTimePicker } from '../DateTimePicker';\nimport { Input, InputHandle } from '../Input';\n\nconst StyledWrapper = styled('div', {\n  display: 'flex',\n  position: 'relative',\n  width: '100%',\n\n  '& .firefox-patch': {\n    display: 'none',\n  },\n\n  '@supports (-moz-appearance: none)': {\n    '& .firefox-patch': {\n      display: 'block',\n      width: '20px',\n      height: '20px',\n      position: 'absolute',\n      right: '17px',\n      top: '6px',\n      background: '$inputBg',\n\n      '&::before': {\n        boxSizing: 'border-box',\n        content: '\"\"',\n        position: 'absolute',\n        inset: 0,\n        pointerEvents: 'none',\n      },\n      '&::after': {\n        boxSizing: 'border-box',\n        content: '\"\"',\n        position: 'absolute',\n        inset: 0,\n        pointerEvents: 'none',\n      },\n\n      '&:focus-visible': {\n        '&::before': {\n          backgroundColor: '$inputFocusBg',\n        },\n        '&::after': {\n          backgroundColor: '$primary',\n          opacity: 0.15,\n        },\n      },\n    },\n\n    '@hover': {\n      '&:hover .firefox-patch': {\n        '&::before': {\n          backgroundColor: '$inputHoverBg',\n        },\n        '&::after': {\n          backgroundColor: '$primary',\n          opacity: 0.05,\n        },\n      },\n    },\n  },\n});\n\nexport type DateTimePickerInputProps = Omit<DPUserConfig, 'onDatesChange' | 'selectedDates'> & {\n  inputCSS?: CSS;\n  inputProps?: Omit<typeof Input, 'css' | 'onChange' | 'ref' | 'value'>;\n  onChange?: (d: Date[]) => void;\n  pickerCSS?: CSS;\n  pickerPlacement?: Placement;\n  showDatePresets?: boolean;\n  showTimePicker?: boolean;\n};\n\nexport type DateTimePickerInputVariants = VariantProps<DateTimePickerInputProps>;\n\nexport const DateTimePickerInput = React.forwardRef<\n  React.ElementRef<typeof StyledWrapper>,\n  DateTimePickerInputProps\n>(\n  (\n    {\n      inputCSS,\n      inputProps,\n      onChange,\n      pickerCSS,\n      pickerPlacement,\n      showDatePresets,\n      showTimePicker,\n      ...pickerProps\n    },\n    fowardedRef,\n  ) => {\n    const formatStr = \"yyyy-MM-dd'T'HH:mm\";\n\n    const arrowRef = useRef(null);\n\n    const [inputValue, setInputValue] = useState<string>('');\n    const [selectedDates, onDatesChange] = useState<Date[]>([]);\n    const [isPickerOpen, setIsPickerOpen] = useState(false);\n\n    const middleware = useMemo(\n      () => [\n        offset(10),\n        flip(),\n        shift(),\n        // arrowRef is passed to floating-ui which handles it correctly\n        arrow({ element: arrowRef }),\n      ],\n      [],\n    );\n\n    const { refs, floatingStyles, context } = useFloating({\n      open: isPickerOpen,\n      onOpenChange: setIsPickerOpen,\n      placement: pickerPlacement,\n      middleware,\n      whileElementsMounted: autoUpdate,\n    });\n\n    const click = useClick(context);\n    const dismiss = useDismiss(context);\n    const role = useRole(context);\n\n    const { getReferenceProps, getFloatingProps } = useInteractions([click, dismiss, role]);\n    const { onClick: onFirefoxPatchClick } = getReferenceProps();\n\n    return (\n      <StyledWrapper ref={fowardedRef}>\n        <Input\n          startAdornment={<CalendarIcon />}\n          {...getReferenceProps()}\n          {...inputProps}\n          css={{ '& input::-webkit-calendar-picker-indicator': { display: 'none' }, ...inputCSS }}\n          onChange={(evt) => {\n            const value = evt.currentTarget.value;\n            setInputValue(value);\n            try {\n              const newDates = (value as string)\n                .split(',')\n                .map((d) => parse(d.trim(), formatStr, new Date()));\n              onDatesChange(newDates);\n              if (onChange) onChange(newDates);\n              // eslint-disable-next-line @typescript-eslint/no-unused-vars\n            } catch (err) {\n              // empty\n            }\n          }}\n          ref={refs.setReference as Ref<InputHandle>}\n          type=\"datetime-local\"\n          value={inputValue}\n        />\n        <div\n          className=\"firefox-patch\"\n          onClick={onFirefoxPatchClick as MouseEventHandler<HTMLDivElement>}\n        />\n        {isPickerOpen && (\n          <FloatingFocusManager context={context} initialFocus={-1} modal={false}>\n            {/* refs.setFloating is a stable callback ref from floating-ui */}\n            <div ref={refs.setFloating} style={floatingStyles} {...getFloatingProps()}>\n              <Card>\n                <DateTimePicker\n                  {...pickerProps}\n                  css={pickerCSS}\n                  onDatesChange={(d) => {\n                    onDatesChange(d);\n                    setInputValue(d.map((date) => format(date, formatStr)).join(', '));\n                    if (onChange) onChange(d);\n                  }}\n                  onFastTravelClick={() => setIsPickerOpen(false)}\n                  onTimeButtonClick={() => setIsPickerOpen(false)}\n                  selectedDates={selectedDates}\n                  showDatePresets={showDatePresets}\n                  showTimePicker={showTimePicker}\n                />\n              </Card>\n              <FloatingArrow ref={arrowRef} context={context} fill=\"var(--colors-01dp)\" />\n            </div>\n          </FloatingFocusManager>\n        )}\n      </StyledWrapper>\n    );\n  },\n);\n"],"mappings":"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"}
+{"version":3,"file":"DateTimePickerInput.js","names":[],"sources":["../../../components/DateTimePickerInput/DateTimePickerInput.tsx"],"sourcesContent":["import {\n  arrow,\n  autoUpdate,\n  flip,\n  FloatingArrow,\n  FloatingFocusManager,\n  offset,\n  Placement,\n  shift,\n  useClick,\n  useDismiss,\n  useFloating,\n  useInteractions,\n  useRole,\n} from '@floating-ui/react';\nimport { CalendarIcon } from '@radix-ui/react-icons';\nimport { DPUserConfig } from '@rehookify/datepicker';\nimport { format, parse } from 'date-fns';\nimport React, { MouseEventHandler, Ref, useMemo, useRef, useState } from 'react';\n\nimport { CSS, styled, VariantProps } from '../../stitches.config';\nimport { Card } from '../Card';\nimport { DateTimePicker } from '../DateTimePicker';\nimport { Input, InputHandle } from '../Input';\n\nconst StyledWrapper = styled('div', {\n  display: 'flex',\n  position: 'relative',\n  width: '100%',\n\n  '& .firefox-patch': {\n    display: 'none',\n  },\n\n  '@supports (-moz-appearance: none)': {\n    '& .firefox-patch': {\n      display: 'block',\n      width: '20px',\n      height: '20px',\n      position: 'absolute',\n      right: '17px',\n      top: '6px',\n      background: '$inputBg',\n\n      '&::before': {\n        boxSizing: 'border-box',\n        content: '\"\"',\n        position: 'absolute',\n        inset: 0,\n        pointerEvents: 'none',\n      },\n      '&::after': {\n        boxSizing: 'border-box',\n        content: '\"\"',\n        position: 'absolute',\n        inset: 0,\n        pointerEvents: 'none',\n      },\n\n      '&:focus-visible': {\n        '&::before': {\n          backgroundColor: '$inputFocusBg',\n        },\n        '&::after': {\n          backgroundColor: '$primary',\n          opacity: 0.15,\n        },\n      },\n    },\n\n    '@hover': {\n      '&:hover .firefox-patch': {\n        '&::before': {\n          backgroundColor: '$inputHoverBg',\n        },\n        '&::after': {\n          backgroundColor: '$primary',\n          opacity: 0.05,\n        },\n      },\n    },\n  },\n});\n\nexport type DateTimePickerInputProps = Omit<DPUserConfig, 'onDatesChange' | 'selectedDates'> & {\n  inputCSS?: CSS;\n  inputProps?: Omit<typeof Input, 'css' | 'onChange' | 'ref' | 'value'>;\n  onChange?: (d: Date[]) => void;\n  pickerCSS?: CSS;\n  pickerPlacement?: Placement;\n  showDatePresets?: boolean;\n  showTimePicker?: boolean;\n};\n\nexport type DateTimePickerInputVariants = VariantProps<DateTimePickerInputProps>;\n\nexport const DateTimePickerInput = React.forwardRef<\n  React.ElementRef<typeof StyledWrapper>,\n  DateTimePickerInputProps\n>(\n  (\n    {\n      inputCSS,\n      inputProps,\n      onChange,\n      pickerCSS,\n      pickerPlacement,\n      showDatePresets,\n      showTimePicker,\n      ...pickerProps\n    },\n    fowardedRef,\n  ) => {\n    const formatStr = \"yyyy-MM-dd'T'HH:mm\";\n\n    const arrowRef = useRef(null);\n\n    const [inputValue, setInputValue] = useState<string>('');\n    const [selectedDates, setSelectedDates] = useState<Date[]>([]);\n    const [isPickerOpen, setIsPickerOpen] = useState(false);\n\n    const middleware = useMemo(\n      () => [\n        offset(10),\n        flip(),\n        shift(),\n        // arrowRef is passed to floating-ui which handles it correctly\n        arrow({ element: arrowRef }),\n      ],\n      [],\n    );\n\n    const { refs, floatingStyles, context } = useFloating({\n      open: isPickerOpen,\n      onOpenChange: setIsPickerOpen,\n      placement: pickerPlacement,\n      middleware,\n      whileElementsMounted: autoUpdate,\n    });\n\n    const click = useClick(context);\n    const dismiss = useDismiss(context);\n    const role = useRole(context);\n\n    const { getReferenceProps, getFloatingProps } = useInteractions([click, dismiss, role]);\n    const { onClick: onFirefoxPatchClick } = getReferenceProps();\n\n    return (\n      <StyledWrapper ref={fowardedRef}>\n        <Input\n          startAdornment={<CalendarIcon />}\n          {...getReferenceProps()}\n          {...inputProps}\n          css={{ '& input::-webkit-calendar-picker-indicator': { display: 'none' }, ...inputCSS }}\n          onChange={(evt) => {\n            const value = evt.currentTarget.value;\n            setInputValue(value);\n            try {\n              const newDates = (value as string)\n                .split(',')\n                .map((d) => parse(d.trim(), formatStr, new Date()));\n              setSelectedDates(newDates);\n              if (onChange) onChange(newDates);\n              // eslint-disable-next-line @typescript-eslint/no-unused-vars\n            } catch (err) {\n              // empty\n            }\n          }}\n          ref={refs.setReference as Ref<InputHandle>}\n          type=\"datetime-local\"\n          value={inputValue}\n        />\n        <div\n          className=\"firefox-patch\"\n          onClick={onFirefoxPatchClick as MouseEventHandler<HTMLDivElement>}\n        />\n        {isPickerOpen && (\n          <FloatingFocusManager context={context} initialFocus={-1} modal={false}>\n            {/* refs.setFloating is a stable callback ref from floating-ui */}\n            <div ref={refs.setFloating} style={floatingStyles} {...getFloatingProps()}>\n              <Card>\n                <DateTimePicker\n                  {...pickerProps}\n                  css={pickerCSS}\n                  onDatesChange={(d) => {\n                    setSelectedDates(d);\n                    setInputValue(d.map((date) => format(date, formatStr)).join(', '));\n                    if (onChange) onChange(d);\n                  }}\n                  onFastTravelClick={() => setIsPickerOpen(false)}\n                  onTimeButtonClick={() => setIsPickerOpen(false)}\n                  selectedDates={selectedDates}\n                  showDatePresets={showDatePresets}\n                  showTimePicker={showTimePicker}\n                />\n              </Card>\n              <FloatingArrow ref={arrowRef} context={context} fill=\"var(--colors-01dp)\" />\n            </div>\n          </FloatingFocusManager>\n        )}\n      </StyledWrapper>\n    );\n  },\n);\n"],"mappings":"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"}

package/dist/components/Dialog/Dialog.cjs

@@ -10,7 +10,7 @@ react = require_runtime.__toESM(react, 1);
 let react_jsx_runtime = require("react/jsx-runtime");
 let _radix_ui_react_dialog = require("@radix-ui/react-dialog");
 _radix_ui_react_dialog = require_runtime.__toESM(_radix_ui_react_dialog, 1);
-//#region components/Dialog/Dialog.tsx
+// components/Dialog/Dialog.tsx
 var DialogOverlay = require_stitches_config.styled(_radix_ui_react_dialog.Overlay, require_Overlay.overlayStyles, {
 	position: "fixed",
 	top: 0,
@@ -68,7 +68,6 @@ var DialogDescription = _radix_ui_react_dialog.Description;
 var DialogPortal = _radix_ui_react_dialog.Portal;
 var DialogTitle = _radix_ui_react_dialog.Title;
 var DialogTrigger = _radix_ui_react_dialog.Trigger;
-//#endregion
 exports.Dialog = Dialog;
 exports.DialogCloseIconButton = DialogCloseIconButton;
 exports.DialogClosePrimitive = DialogClosePrimitive;

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

@@ -1 +1 @@
-{"version":3,"file":"Dialog.cjs","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,wBAAA,OAAO,uBAAgB,SAAS,gBAAA,eAAe;CAC1E,UAAU;CACV,KAAK;CACL,OAAO;CACP,QAAQ;CACR,MAAM;AACR,CAAC;AAED,SAAgB,OAAO,EAAE,UAAU,GAAG,SAAsB;CAC1D,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAAC,uBAAgB,MAAjB;EAAsB,GAAI;EAAQ;CAA+B,CAAA;AAC1E;AAEA,IAAa,gBAAgB,wBAAA,OAAO,uBAAgB,SAAS,aAAA,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,OACb;CAEA,WAAW,EACT,SAAS,OACX;CAEA,UAAU,EACR,WAAW,kBAAA,kBACb;CACA,iBAAiB,EACf,WAAW,EACb;AACF,CAAC;AAED,IAAM,oBAAoB,wBAAA,OAAO,uBAAgB,OAAO;CACtD,UAAU;CACV,KAAK;CACL,OAAO;CACP,QAAQ;AACV,CAAC;AAKD,IAAa,wBAAwB,MAAA,QAAM,YAGxC,OAAO,iBACR,iBAAA,GAAA,kBAAA,IAAA,CAAC,mBAAD;CAAmB,SAAA;WACjB,iBAAA,GAAA,kBAAA,IAAA,CAAC,mBAAA,YAAD;EAAY,KAAK;EAAc,KAAK,EAAE,OAAO,cAAc;EAAG,GAAI;YAChE,iBAAA,GAAA,kBAAA,IAAA,CAAC,sBAAA,YAAD,CAAa,CAAA;CACH,CAAA;AACK,CAAA,CACpB;AAMD,IAAa,gBAAgB,MAAA,QAAM,YAGhC,EAAE,UAAU,GAAG,SAAS,iBACzB,iBAAA,GAAA,kBAAA,KAAA,CAAC,eAAD;CAAe,GAAI;CAAO,KAAK;WAA/B,CACG,UACD,iBAAA,GAAA,kBAAA,IAAA,CAAC,uBAAD,CAAwB,CAAA,CACX;EAChB;AAED,IAAa,uBAAuB,uBAAgB;AACpD,IAAa,oBAAoB,uBAAgB;AACjD,IAAa,eAAe,uBAAgB;AAC5C,IAAa,cAAc,uBAAgB;AAC3C,IAAa,gBAAgB,uBAAgB"}
+{"version":3,"file":"Dialog.cjs","names":["styled","DialogPrimitive","overlayStyles","Card","elevationVariants","React","IconButton","Cross1Icon"],"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,gBAAgBA,wBAAAA,OAAOC,uBAAgB,SAASC,gBAAAA,eAAe;CAC1E,UAAU;CACV,KAAK;CACL,OAAO;CACP,QAAQ;CACR,MAAM;AACR,CAAC;AAED,SAAgB,OAAO,EAAE,UAAU,GAAG,SAAsB;CAC1D,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACD,uBAAgB,MAAjB;EAAsB,GAAI;EAAQ;CAA+B,CAAA;AAC1E;AAEA,IAAa,gBAAgBD,wBAAAA,OAAOC,uBAAgB,SAASE,aAAAA,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,OACb;CAEA,WAAW,EACT,SAAS,OACX;CAEA,UAAU,EACR,WAAWC,kBAAAA,kBACb;CACA,iBAAiB,EACf,WAAW,EACb;AACF,CAAC;AAED,IAAM,oBAAoBJ,wBAAAA,OAAOC,uBAAgB,OAAO;CACtD,UAAU;CACV,KAAK;CACL,OAAO;CACP,QAAQ;AACV,CAAC;AAKD,IAAa,wBAAwBI,MAAAA,QAAM,YAGxC,OAAO,iBACR,iBAAA,GAAA,kBAAA,IAAA,CAAC,mBAAD;CAAmB,SAAA;CACjB,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,mBAAAA,YAAD;EAAY,KAAK;EAAc,KAAK,EAAE,OAAO,cAAc;EAAG,GAAI;EAChE,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,sBAAAA,YAAD,CAAa,CAAA;CACH,CAAA;AACK,CAAA,CACpB;AAMD,IAAa,gBAAgBF,MAAAA,QAAM,YAGhC,EAAE,UAAU,GAAG,SAAS,iBACzB,iBAAA,GAAA,kBAAA,KAAA,CAAC,eAAD;CAAe,GAAI;CAAO,KAAK;CAA/B,UAAA,CACG,UACD,iBAAA,GAAA,kBAAA,IAAA,CAAC,uBAAD,CAAwB,CAAA,CACX;AAChB,CAAA,CAAA;AAED,IAAa,uBAAuBJ,uBAAgB;AACpD,IAAa,oBAAoBA,uBAAgB;AACjD,IAAa,eAAeA,uBAAgB;AAC5C,IAAa,cAAcA,uBAAgB;AAC3C,IAAa,gBAAgBA,uBAAgB"}

package/dist/components/Dialog/Dialog.js

@@ -7,7 +7,7 @@ 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
+// components/Dialog/Dialog.tsx
 var DialogOverlay = styled(DialogPrimitive.Overlay, overlayStyles, {
 	position: "fixed",
 	top: 0,
@@ -65,7 +65,6 @@ 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","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;AACR,CAAC;AAED,SAAgB,OAAO,EAAE,UAAU,GAAG,SAAsB;CAC1D,OAAO,oBAAC,gBAAgB,MAAjB;EAAsB,GAAI;EAAQ;CAA+B,CAAA;AAC1E;AAEA,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,OACb;CAEA,WAAW,EACT,SAAS,OACX;CAEA,UAAU,EACR,WAAW,kBACb;CACA,iBAAiB,EACf,WAAW,EACb;AACF,CAAC;AAED,IAAM,oBAAoB,OAAO,gBAAgB,OAAO;CACtD,UAAU;CACV,KAAK;CACL,OAAO;CACP,QAAQ;AACV,CAAC;AAKD,IAAa,wBAAwB,MAAM,YAGxC,OAAO,iBACR,oBAAC,mBAAD;CAAmB,SAAA;WACjB,oBAAC,YAAD;EAAY,KAAK;EAAc,KAAK,EAAE,OAAO,cAAc;EAAG,GAAI;YAChE,oBAAC,YAAD,CAAa,CAAA;CACH,CAAA;AACK,CAAA,CACpB;AAMD,IAAa,gBAAgB,MAAM,YAGhC,EAAE,UAAU,GAAG,SAAS,iBACzB,qBAAC,eAAD;CAAe,GAAI;CAAO,KAAK;WAA/B,CACG,UACD,oBAAC,uBAAD,CAAwB,CAAA,CACX;EAChB;AAED,IAAa,uBAAuB,gBAAgB;AACpD,IAAa,oBAAoB,gBAAgB;AACjD,IAAa,eAAe,gBAAgB;AAC5C,IAAa,cAAc,gBAAgB;AAC3C,IAAa,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;AACR,CAAC;AAED,SAAgB,OAAO,EAAE,UAAU,GAAG,SAAsB;CAC1D,OAAO,oBAAC,gBAAgB,MAAjB;EAAsB,GAAI;EAAQ;CAA+B,CAAA;AAC1E;AAEA,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,OACb;CAEA,WAAW,EACT,SAAS,OACX;CAEA,UAAU,EACR,WAAW,kBACb;CACA,iBAAiB,EACf,WAAW,EACb;AACF,CAAC;AAED,IAAM,oBAAoB,OAAO,gBAAgB,OAAO;CACtD,UAAU;CACV,KAAK;CACL,OAAO;CACP,QAAQ;AACV,CAAC;AAKD,IAAa,wBAAwB,MAAM,YAGxC,OAAO,iBACR,oBAAC,mBAAD;CAAmB,SAAA;CACjB,UAAA,oBAAC,YAAD;EAAY,KAAK;EAAc,KAAK,EAAE,OAAO,cAAc;EAAG,GAAI;EAChE,UAAA,oBAAC,YAAD,CAAa,CAAA;CACH,CAAA;AACK,CAAA,CACpB;AAMD,IAAa,gBAAgB,MAAM,YAGhC,EAAE,UAAU,GAAG,SAAS,iBACzB,qBAAC,eAAD;CAAe,GAAI;CAAO,KAAK;CAA/B,UAAA,CACG,UACD,oBAAC,uBAAD,CAAwB,CAAA,CACX;AAChB,CAAA,CAAA;AAED,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,10 +1,9 @@
-//#region components/Dialog/Dialog.themes.ts
+// 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() {

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

@@ -1 +1 @@
-{"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;;CAOQ,OAAA,kBAA2B,EACtC,kBAAkB,aACpB;CAEa,OAAA,iBAA0B,EACrC,kBAAkB,aACpB;GACD,UAAA,QAAA,CAAA,EAAD"}
+{"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,IAAU;CAAV,SAAA,QAAA;CAOQ,OAAA,kBAA2B,EACtC,kBAAkB,aACpB;CAEa,OAAA,iBAA0B,EACrC,kBAAkB,aACpB;AACD,EAAA,CAAA,UAAA,QAAA,CAAA,EAAD"}

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

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

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

@@ -1 +1 @@
-{"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;;CAOQ,OAAA,kBAA2B,EACtC,kBAAkB,aACpB;CAEa,OAAA,iBAA0B,EACrC,kBAAkB,aACpB;GACD,UAAA,QAAA,CAAA,EAAD"}
+{"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,IAAU;CAAV,SAAA,QAAA;CAOQ,OAAA,kBAA2B,EACtC,kBAAkB,aACpB;CAEa,OAAA,iBAA0B,EACrC,kBAAkB,aACpB;AACD,EAAA,CAAA,UAAA,QAAA,CAAA,EAAD"}

package/dist/components/DropdownMenu/DropdownMenu.cjs

@@ -10,7 +10,7 @@ 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
+// 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);
@@ -59,7 +59,6 @@ var DropdownMenuLabel = require_stitches_config.styled(_radix_ui_react_dropdown_
 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;

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

@@ -1 +1 @@
-{"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,WAAW;AAC7F,IAAa,wBAAwB,wBAAA,OAAO,8BAAsB,WAAW,eAAA,YAAY;AACzF,IAAa,mBAAmB,wBAAA,OAAO,8BAAsB,MAAM,eAAA,OAAO;AAE1E,IAAM,8BAA8B,wBAAA,OAAO,8BAAsB,WAAW,eAAA,OAAO;AAQnF,IAAa,wBAAwB,MAAA,QAAM,YAGxC,EAAE,UAAU,GAAG,SAAS,iBACzB,iBAAA,GAAA,kBAAA,KAAA,CAAC,6BAAD;CAA6B,GAAI;CAAO,KAAK;WAA7C,CACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,YAAA,KAAD;EAAK,IAAG;EAAO,KAAK;GAAE,UAAU;GAAY,MAAM;EAAK;YACrD,iBAAA,GAAA,kBAAA,IAAA,CAAC,8BAAsB,eAAvB,EAAA,UACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,aAAA,MAAD;GAAM,KAAK;IAAE,OAAO;IAAM,QAAQ;IAAM,YAAY;IAAU,gBAAgB;GAAS;aACrF,iBAAA,GAAA,kBAAA,IAAA,CAAC,YAAA,KAAD,EACE,KAAK;IACH,OAAO;IACP,QAAQ;IACR,iBAAiB;IACjB,cAAc;GAChB,EACD,CAAA;EACG,CAAA,EAC6B,CAAA;CAClC,CAAA,GACJ,QAC0B;EAC9B;AAED,IAAM,iCAAiC,wBAAA,OAAO,8BAAsB,cAAc,eAAA,OAAO;AAQzF,IAAa,2BAA2B,MAAA,QAAM,YAG3C,EAAE,UAAU,GAAG,SAAS,iBACzB,iBAAA,GAAA,kBAAA,KAAA,CAAC,gCAAD;CAAgC,GAAI;CAAO,KAAK;WAAhD,CACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,YAAA,KAAD;EAAK,IAAG;EAAO,KAAK;GAAE,UAAU;GAAY,MAAM;EAAK;YACrD,iBAAA,GAAA,kBAAA,IAAA,CAAC,8BAAsB,eAAvB,EAAA,UACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,sBAAA,WAAD,CAAY,CAAA,EACuB,CAAA;CAClC,CAAA,GACJ,QAC6B;EACjC;AAED,IAAa,oBAAoB,wBAAA,OAAO,8BAAsB,OAAO,eAAA,QAAQ;AAC7E,IAAa,yBAAyB,wBAAA,OAAO,8BAAsB,YAAY,CAAC,CAAC;AACjF,IAAa,oBAAoB,wBAAA,OAAO,8BAAsB,OAAO,CAAC,CAAC;AACvE,IAAa,qBAAqB,8BAAsB"}
+{"version":3,"file":"DropdownMenu.cjs","names":["DropdownMenuPrimitive","styled","menuCss","panelStyles","separatorCss","itemCss","React","Box","Flex","CheckIcon","labelCss"],"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,eAAeA,8BAAsB;AAClD,IAAa,sBAAsBA,8BAAsB;AACzD,IAAa,sBAAsBC,wBAAAA,OAAOD,8BAAsB,SAASE,eAAAA,SAASC,cAAAA,WAAW;AAC7F,IAAa,wBAAwBF,wBAAAA,OAAOD,8BAAsB,WAAWI,eAAAA,YAAY;AACzF,IAAa,mBAAmBH,wBAAAA,OAAOD,8BAAsB,MAAMK,eAAAA,OAAO;AAE1E,IAAM,8BAA8BJ,wBAAAA,OAAOD,8BAAsB,WAAWK,eAAAA,OAAO;AAQnF,IAAa,wBAAwBC,MAAAA,QAAM,YAGxC,EAAE,UAAU,GAAG,SAAS,iBACzB,iBAAA,GAAA,kBAAA,KAAA,CAAC,6BAAD;CAA6B,GAAI;CAAO,KAAK;CAA7C,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,YAAAA,KAAD;EAAK,IAAG;EAAO,KAAK;GAAE,UAAU;GAAY,MAAM;EAAK;EACrD,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACP,8BAAsB,eAAvB,EAAA,UACE,iBAAA,GAAA,kBAAA,IAAA,CAACQ,aAAAA,MAAD;GAAM,KAAK;IAAE,OAAO;IAAM,QAAQ;IAAM,YAAY;IAAU,gBAAgB;GAAS;GACrF,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACD,YAAAA,KAAD,EACE,KAAK;IACH,OAAO;IACP,QAAQ;IACR,iBAAiB;IACjB,cAAc;GAChB,EACD,CAAA;EACG,CAAA,EAC6B,CAAA;CAClC,CAAA,GACJ,QAC0B;AAC9B,CAAA,CAAA;AAED,IAAM,iCAAiCN,wBAAAA,OAAOD,8BAAsB,cAAcK,eAAAA,OAAO;AAQzF,IAAa,2BAA2BC,MAAAA,QAAM,YAG3C,EAAE,UAAU,GAAG,SAAS,iBACzB,iBAAA,GAAA,kBAAA,KAAA,CAAC,gCAAD;CAAgC,GAAI;CAAO,KAAK;CAAhD,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,YAAAA,KAAD;EAAK,IAAG;EAAO,KAAK;GAAE,UAAU;GAAY,MAAM;EAAK;EACrD,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACP,8BAAsB,eAAvB,EAAA,UACE,iBAAA,GAAA,kBAAA,IAAA,CAACS,sBAAAA,WAAD,CAAY,CAAA,EACuB,CAAA;CAClC,CAAA,GACJ,QAC6B;AACjC,CAAA,CAAA;AAED,IAAa,oBAAoBR,wBAAAA,OAAOD,8BAAsB,OAAOU,eAAAA,QAAQ;AAC7E,IAAa,yBAAyBT,wBAAAA,OAAOD,8BAAsB,YAAY,CAAC,CAAC;AACjF,IAAa,oBAAoBC,wBAAAA,OAAOD,8BAAsB,OAAO,CAAC,CAAC;AACvE,IAAa,qBAAqBA,8BAAsB"}

package/dist/components/DropdownMenu/DropdownMenu.js

@@ -7,7 +7,7 @@ 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
+// components/DropdownMenu/DropdownMenu.tsx
 var DropdownMenu = DropdownMenuPrimitive.Root;
 var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
 var DropdownMenuContent = styled(DropdownMenuPrimitive.Content, menuCss, panelStyles);
@@ -56,7 +56,6 @@ 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","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,WAAW;AAC7F,IAAa,wBAAwB,OAAO,sBAAsB,WAAW,YAAY;AACzF,IAAa,mBAAmB,OAAO,sBAAsB,MAAM,OAAO;AAE1E,IAAM,8BAA8B,OAAO,sBAAsB,WAAW,OAAO;AAQnF,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;EAAK;YACrD,oBAAC,sBAAsB,eAAvB,EAAA,UACE,oBAAC,MAAD;GAAM,KAAK;IAAE,OAAO;IAAM,QAAQ;IAAM,YAAY;IAAU,gBAAgB;GAAS;aACrF,oBAAC,KAAD,EACE,KAAK;IACH,OAAO;IACP,QAAQ;IACR,iBAAiB;IACjB,cAAc;GAChB,EACD,CAAA;EACG,CAAA,EAC6B,CAAA;CAClC,CAAA,GACJ,QAC0B;EAC9B;AAED,IAAM,iCAAiC,OAAO,sBAAsB,cAAc,OAAO;AAQzF,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;EAAK;YACrD,oBAAC,sBAAsB,eAAvB,EAAA,UACE,oBAAC,WAAD,CAAY,CAAA,EACuB,CAAA;CAClC,CAAA,GACJ,QAC6B;EACjC;AAED,IAAa,oBAAoB,OAAO,sBAAsB,OAAO,QAAQ;AAC7E,IAAa,yBAAyB,OAAO,sBAAsB,YAAY,CAAC,CAAC;AACjF,IAAa,oBAAoB,OAAO,sBAAsB,OAAO,CAAC,CAAC;AACvE,IAAa,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,WAAW;AAC7F,IAAa,wBAAwB,OAAO,sBAAsB,WAAW,YAAY;AACzF,IAAa,mBAAmB,OAAO,sBAAsB,MAAM,OAAO;AAE1E,IAAM,8BAA8B,OAAO,sBAAsB,WAAW,OAAO;AAQnF,IAAa,wBAAwB,MAAM,YAGxC,EAAE,UAAU,GAAG,SAAS,iBACzB,qBAAC,6BAAD;CAA6B,GAAI;CAAO,KAAK;CAA7C,UAAA,CACE,oBAAC,KAAD;EAAK,IAAG;EAAO,KAAK;GAAE,UAAU;GAAY,MAAM;EAAK;EACrD,UAAA,oBAAC,sBAAsB,eAAvB,EAAA,UACE,oBAAC,MAAD;GAAM,KAAK;IAAE,OAAO;IAAM,QAAQ;IAAM,YAAY;IAAU,gBAAgB;GAAS;GACrF,UAAA,oBAAC,KAAD,EACE,KAAK;IACH,OAAO;IACP,QAAQ;IACR,iBAAiB;IACjB,cAAc;GAChB,EACD,CAAA;EACG,CAAA,EAC6B,CAAA;CAClC,CAAA,GACJ,QAC0B;AAC9B,CAAA,CAAA;AAED,IAAM,iCAAiC,OAAO,sBAAsB,cAAc,OAAO;AAQzF,IAAa,2BAA2B,MAAM,YAG3C,EAAE,UAAU,GAAG,SAAS,iBACzB,qBAAC,gCAAD;CAAgC,GAAI;CAAO,KAAK;CAAhD,UAAA,CACE,oBAAC,KAAD;EAAK,IAAG;EAAO,KAAK;GAAE,UAAU;GAAY,MAAM;EAAK;EACrD,UAAA,oBAAC,sBAAsB,eAAvB,EAAA,UACE,oBAAC,WAAD,CAAY,CAAA,EACuB,CAAA;CAClC,CAAA,GACJ,QAC6B;AACjC,CAAA,CAAA;AAED,IAAa,oBAAoB,OAAO,sBAAsB,OAAO,QAAQ;AAC7E,IAAa,yBAAyB,OAAO,sBAAsB,YAAY,CAAC,CAAC;AACjF,IAAa,oBAAoB,OAAO,sBAAsB,OAAO,CAAC,CAAC;AACvE,IAAa,qBAAqB,sBAAsB"}

package/dist/components/DropdownMenu/styles.cjs

@@ -1,6 +1,6 @@
 const require_stitches_config = require("../../stitches.config.cjs");
 const require_Elevation = require("../Elevation/Elevation.cjs");
-//#region components/DropdownMenu/styles.ts
+// components/DropdownMenu/styles.ts
 var baseItemCss = require_stitches_config.css({
 	display: "flex",
 	alignItems: "center",
@@ -38,7 +38,6 @@ var separatorCss = require_stitches_config.css({
 	my: "$1",
 	backgroundColor: "$slate6"
 });
-//#endregion
 exports.baseItemCss = baseItemCss;
 exports.itemCss = itemCss;
 exports.labelCss = labelCss;

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

@@ -1 +1 @@
-{"version":3,"file":"styles.cjs","names":[],"sources":["../../../components/DropdownMenu/styles.ts"],"sourcesContent":["import { css } from '../../stitches.config';\nimport { elevationVariants } from '../Elevation';\n\nexport const baseItemCss = css({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'space-between',\n  fontFamily: '$rubik',\n  fontSize: '$1',\n  fontVariantNumeric: 'tabular-nums',\n  lineHeight: '1',\n  cursor: 'default',\n  userSelect: 'none',\n  whiteSpace: 'nowrap',\n  height: '$5',\n  px: '$5',\n});\n\nexport const itemCss = css(baseItemCss, {\n  position: 'relative',\n  color: '$hiContrast',\n\n  '&:focus': {\n    outline: 'none',\n    backgroundColor: '$blue9',\n    color: 'white',\n  },\n\n  '&[data-disabled]': {\n    color: '$slate9',\n  },\n});\n\nexport const labelCss = css(baseItemCss, {\n  color: '$slate11',\n});\n\nexport const menuCss = css({\n  boxSizing: 'border-box',\n  minWidth: 120,\n  py: '$1',\n  variants: {\n    elevation: elevationVariants,\n  },\n  defaultVariants: {\n    elevation: 2,\n  },\n});\n\nexport const separatorCss = css({\n  height: 1,\n  my: '$1',\n  backgroundColor: '$slate6',\n});\n"],"mappings":";;;AAGA,IAAa,cAAc,wBAAA,IAAI;CAC7B,SAAS;CACT,YAAY;CACZ,gBAAgB;CAChB,YAAY;CACZ,UAAU;CACV,oBAAoB;CACpB,YAAY;CACZ,QAAQ;CACR,YAAY;CACZ,YAAY;CACZ,QAAQ;CACR,IAAI;AACN,CAAC;AAED,IAAa,UAAU,wBAAA,IAAI,aAAa;CACtC,UAAU;CACV,OAAO;CAEP,WAAW;EACT,SAAS;EACT,iBAAiB;EACjB,OAAO;CACT;CAEA,oBAAoB,EAClB,OAAO,UACT;AACF,CAAC;AAED,IAAa,WAAW,wBAAA,IAAI,aAAa,EACvC,OAAO,WACT,CAAC;AAED,IAAa,UAAU,wBAAA,IAAI;CACzB,WAAW;CACX,UAAU;CACV,IAAI;CACJ,UAAU,EACR,WAAW,kBAAA,kBACb;CACA,iBAAiB,EACf,WAAW,EACb;AACF,CAAC;AAED,IAAa,eAAe,wBAAA,IAAI;CAC9B,QAAQ;CACR,IAAI;CACJ,iBAAiB;AACnB,CAAC"}
+{"version":3,"file":"styles.cjs","names":["css","elevationVariants"],"sources":["../../../components/DropdownMenu/styles.ts"],"sourcesContent":["import { css } from '../../stitches.config';\nimport { elevationVariants } from '../Elevation';\n\nexport const baseItemCss = css({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'space-between',\n  fontFamily: '$rubik',\n  fontSize: '$1',\n  fontVariantNumeric: 'tabular-nums',\n  lineHeight: '1',\n  cursor: 'default',\n  userSelect: 'none',\n  whiteSpace: 'nowrap',\n  height: '$5',\n  px: '$5',\n});\n\nexport const itemCss = css(baseItemCss, {\n  position: 'relative',\n  color: '$hiContrast',\n\n  '&:focus': {\n    outline: 'none',\n    backgroundColor: '$blue9',\n    color: 'white',\n  },\n\n  '&[data-disabled]': {\n    color: '$slate9',\n  },\n});\n\nexport const labelCss = css(baseItemCss, {\n  color: '$slate11',\n});\n\nexport const menuCss = css({\n  boxSizing: 'border-box',\n  minWidth: 120,\n  py: '$1',\n  variants: {\n    elevation: elevationVariants,\n  },\n  defaultVariants: {\n    elevation: 2,\n  },\n});\n\nexport const separatorCss = css({\n  height: 1,\n  my: '$1',\n  backgroundColor: '$slate6',\n});\n"],"mappings":";;;AAGA,IAAa,cAAcA,wBAAAA,IAAI;CAC7B,SAAS;CACT,YAAY;CACZ,gBAAgB;CAChB,YAAY;CACZ,UAAU;CACV,oBAAoB;CACpB,YAAY;CACZ,QAAQ;CACR,YAAY;CACZ,YAAY;CACZ,QAAQ;CACR,IAAI;AACN,CAAC;AAED,IAAa,UAAUA,wBAAAA,IAAI,aAAa;CACtC,UAAU;CACV,OAAO;CAEP,WAAW;EACT,SAAS;EACT,iBAAiB;EACjB,OAAO;CACT;CAEA,oBAAoB,EAClB,OAAO,UACT;AACF,CAAC;AAED,IAAa,WAAWA,wBAAAA,IAAI,aAAa,EACvC,OAAO,WACT,CAAC;AAED,IAAa,UAAUA,wBAAAA,IAAI;CACzB,WAAW;CACX,UAAU;CACV,IAAI;CACJ,UAAU,EACR,WAAWC,kBAAAA,kBACb;CACA,iBAAiB,EACf,WAAW,EACb;AACF,CAAC;AAED,IAAa,eAAeD,wBAAAA,IAAI;CAC9B,QAAQ;CACR,IAAI;CACJ,iBAAiB;AACnB,CAAC"}

package/dist/components/DropdownMenu/styles.js

@@ -1,6 +1,6 @@
 import { css } from "../../stitches.config.js";
 import { elevationVariants } from "../Elevation/Elevation.js";
-//#region components/DropdownMenu/styles.ts
+// components/DropdownMenu/styles.ts
 var baseItemCss = css({
 	display: "flex",
 	alignItems: "center",
@@ -38,7 +38,6 @@ var separatorCss = css({
 	my: "$1",
 	backgroundColor: "$slate6"
 });
-//#endregion
 export { baseItemCss, itemCss, labelCss, menuCss, separatorCss };
 
 //# sourceMappingURL=styles.js.map

package/dist/components/Elevation/Elevation.cjs

@@ -1,5 +1,5 @@
 const require_stitches_config = require("../../stitches.config.cjs");
-//#region components/Elevation/Elevation.tsx
+// components/Elevation/Elevation.tsx
 var elevationVariants = {
 	0: { boxShadow: "none" },
 	1: {
@@ -28,7 +28,6 @@ var Elevation = require_stitches_config.styled("div", {
 	variants: { variant: elevationVariants },
 	defaultVariants: { variant: 1 }
 });
-//#endregion
 exports.Elevation = Elevation;
 exports.elevationVariants = elevationVariants;
 

package/dist/components/Elevation/Elevation.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Elevation.cjs","names":[],"sources":["../../../components/Elevation/Elevation.tsx"],"sourcesContent":["import { CSS, styled } from '../../stitches.config';\n\ntype ElevationVariant = Record<number, CSS>;\n\nexport const elevationVariants: ElevationVariant = {\n  0: {\n    boxShadow: 'none',\n  },\n  1: {\n    bc: '$01dp',\n    boxShadow:\n      '0 1px 5px 0 hsla(0, 0%, 0%, 0.2), 0 3px 1px -2px hsla(0, 0%, 0%, 0.12), 0 2px 2px 0 hsla(0, 0%, 0%, 0.14)',\n  },\n  2: {\n    bc: '$02dp',\n    boxShadow:\n      '0 2px 4px -1px hsla(0, 0%, 0%, 0.2), 0 1px 10px 0 hsla(0, 0%, 0%, 0.12), 0 4px 5px 0 hsla(0, 0%, 0%, 0.14)',\n  },\n  3: {\n    bc: '$03dp',\n    boxShadow:\n      '0 3px 5px -1px hsla(0, 0%, 0%, 0.2), 0 1px 18px 0 hsla(0, 0%, 0%, 0.12), 0 6px 10px 0 hsla(0, 0%, 0%, 0.14)',\n  },\n  4: {\n    bc: '$04dp',\n    boxShadow:\n      '0 7px 8px -4px hsla(0, 0%, 0%, 0.2), 0 5px 22px 4px hsla(0, 0%, 0%, 0.12), 0 12px 17px 2px hsla(0, 0%, 0%, 0.14)',\n  },\n  5: {\n    bc: '$05dp',\n    boxShadow:\n      '0 11px 15px -7px hsla(0, 0%, 0%, 0.2), 0 9px 46px 8px hsla(0, 0%, 0%, 0.12), 0 24px 38px 3px hsla(0, 0%, 0%, 0.14)',\n  },\n};\n\nexport const Elevation = styled('div', {\n  display: 'inline-block',\n\n  variants: {\n    variant: elevationVariants,\n  },\n  defaultVariants: {\n    variant: 1,\n  },\n});\n"],"mappings":";;AAIA,IAAa,oBAAsC;CACjD,GAAG,EACD,WAAW,OACb;CACA,GAAG;EACD,IAAI;EACJ,WACE;CACJ;CACA,GAAG;EACD,IAAI;EACJ,WACE;CACJ;CACA,GAAG;EACD,IAAI;EACJ,WACE;CACJ;CACA,GAAG;EACD,IAAI;EACJ,WACE;CACJ;CACA,GAAG;EACD,IAAI;EACJ,WACE;CACJ;AACF;AAEA,IAAa,YAAY,wBAAA,OAAO,OAAO;CACrC,SAAS;CAET,UAAU,EACR,SAAS,kBACX;CACA,iBAAiB,EACf,SAAS,EACX;AACF,CAAC"}
+{"version":3,"file":"Elevation.cjs","names":["styled"],"sources":["../../../components/Elevation/Elevation.tsx"],"sourcesContent":["import { CSS, styled } from '../../stitches.config';\n\ntype ElevationVariant = Record<number, CSS>;\n\nexport const elevationVariants: ElevationVariant = {\n  0: {\n    boxShadow: 'none',\n  },\n  1: {\n    bc: '$01dp',\n    boxShadow:\n      '0 1px 5px 0 hsla(0, 0%, 0%, 0.2), 0 3px 1px -2px hsla(0, 0%, 0%, 0.12), 0 2px 2px 0 hsla(0, 0%, 0%, 0.14)',\n  },\n  2: {\n    bc: '$02dp',\n    boxShadow:\n      '0 2px 4px -1px hsla(0, 0%, 0%, 0.2), 0 1px 10px 0 hsla(0, 0%, 0%, 0.12), 0 4px 5px 0 hsla(0, 0%, 0%, 0.14)',\n  },\n  3: {\n    bc: '$03dp',\n    boxShadow:\n      '0 3px 5px -1px hsla(0, 0%, 0%, 0.2), 0 1px 18px 0 hsla(0, 0%, 0%, 0.12), 0 6px 10px 0 hsla(0, 0%, 0%, 0.14)',\n  },\n  4: {\n    bc: '$04dp',\n    boxShadow:\n      '0 7px 8px -4px hsla(0, 0%, 0%, 0.2), 0 5px 22px 4px hsla(0, 0%, 0%, 0.12), 0 12px 17px 2px hsla(0, 0%, 0%, 0.14)',\n  },\n  5: {\n    bc: '$05dp',\n    boxShadow:\n      '0 11px 15px -7px hsla(0, 0%, 0%, 0.2), 0 9px 46px 8px hsla(0, 0%, 0%, 0.12), 0 24px 38px 3px hsla(0, 0%, 0%, 0.14)',\n  },\n};\n\nexport const Elevation = styled('div', {\n  display: 'inline-block',\n\n  variants: {\n    variant: elevationVariants,\n  },\n  defaultVariants: {\n    variant: 1,\n  },\n});\n"],"mappings":";;AAIA,IAAa,oBAAsC;CACjD,GAAG,EACD,WAAW,OACb;CACA,GAAG;EACD,IAAI;EACJ,WACE;CACJ;CACA,GAAG;EACD,IAAI;EACJ,WACE;CACJ;CACA,GAAG;EACD,IAAI;EACJ,WACE;CACJ;CACA,GAAG;EACD,IAAI;EACJ,WACE;CACJ;CACA,GAAG;EACD,IAAI;EACJ,WACE;CACJ;AACF;AAEA,IAAa,YAAYA,wBAAAA,OAAO,OAAO;CACrC,SAAS;CAET,UAAU,EACR,SAAS,kBACX;CACA,iBAAiB,EACf,SAAS,EACX;AACF,CAAC"}

package/dist/components/Elevation/Elevation.js

@@ -1,5 +1,5 @@
 import { styled } from "../../stitches.config.js";
-//#region components/Elevation/Elevation.tsx
+// components/Elevation/Elevation.tsx
 var elevationVariants = {
 	0: { boxShadow: "none" },
 	1: {
@@ -28,7 +28,6 @@ var Elevation = styled("div", {
 	variants: { variant: elevationVariants },
 	defaultVariants: { variant: 1 }
 });
-//#endregion
 export { Elevation, elevationVariants };
 
 //# sourceMappingURL=Elevation.js.map

package/dist/components/Elevation/Elevation.vanilla.cjs

@@ -4,7 +4,7 @@ const require_Elevation_vanilla_css = require("./Elevation.vanilla.css.cjs");
 let react = require("react");
 let _vanilla_extract_dynamic = require("@vanilla-extract/dynamic");
 let react_jsx_runtime = require("react/jsx-runtime");
-//#region components/Elevation/Elevation.vanilla.tsx
+// components/Elevation/Elevation.vanilla.tsx
 var ElevationVanillaComponentImpl = (0, react.forwardRef)(({ as, className, css, style, variant, ...props }, ref) => {
 	const Component = as || "div";
 	const { colors } = require_themeContext.useVanillaExtractTheme();
@@ -14,16 +14,16 @@ var ElevationVanillaComponentImpl = (0, react.forwardRef)(({ as, className, css,
 		...style,
 		...(0, _vanilla_extract_dynamic.assignInlineVars)(vars)
 	};
+	const recipeClass = require_Elevation_vanilla_css.elevationRecipe({ variant });
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Component, {
 		ref,
-		className: `${require_Elevation_vanilla_css.elevationRecipe({ variant })} ${className || ""}`.trim(),
+		className: `${recipeClass} ${className || ""}`.trim(),
 		style: mergedStyles,
 		...props
 	});
 });
 ElevationVanillaComponentImpl.displayName = "ElevationVanilla";
 var ElevationVanilla = ElevationVanillaComponentImpl;
-//#endregion
 exports.ElevationVanilla = ElevationVanilla;
 
 //# sourceMappingURL=Elevation.vanilla.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Elevation.vanilla.cjs","names":[],"sources":["../../../components/Elevation/Elevation.vanilla.tsx"],"sourcesContent":["import { assignInlineVars } from '@vanilla-extract/dynamic';\nimport { RecipeVariants } from '@vanilla-extract/recipes';\nimport { ElementType, forwardRef } from 'react';\n\nimport { CSSProps, processCSSProp } from '../../styles/cssProps';\nimport {\n  PolymorphicComponent,\n  PolymorphicComponentProps,\n  PolymorphicRef,\n} from '../../styles/polymorphic';\nimport { useVanillaExtractTheme } from '../../styles/themeContext';\nimport { elevationRecipe } from './Elevation.vanilla.css';\n\ntype ElevationRecipeVariants = NonNullable<RecipeVariants<typeof elevationRecipe>>;\n\ninterface ElevationOwnProps extends CSSProps {\n  variant?: ElevationRecipeVariants['variant'];\n}\n\nexport type ElevationVanillaProps<C extends ElementType = 'div'> = PolymorphicComponentProps<\n  C,\n  ElevationOwnProps\n>;\n\ntype ElevationVanillaComponent = PolymorphicComponent<'div', ElevationVanillaProps<ElementType>>;\n\nconst ElevationVanillaComponentImpl = forwardRef(\n  <C extends ElementType = 'div'>(\n    { as, className, css, style, variant, ...props }: ElevationVanillaProps<C>,\n    ref?: PolymorphicRef<C>,\n  ) => {\n    const Component = as || 'div';\n    const { colors } = useVanillaExtractTheme();\n    const { style: cssStyles, vars } = processCSSProp(css, colors);\n    const mergedStyles = { ...cssStyles, ...style, ...assignInlineVars(vars) };\n    const recipeClass = elevationRecipe({ variant });\n\n    return (\n      <Component\n        ref={ref}\n        className={`${recipeClass} ${className || ''}`.trim()}\n        style={mergedStyles}\n        {...props}\n      />\n    );\n  },\n);\n\nElevationVanillaComponentImpl.displayName = 'ElevationVanilla';\n\nexport const ElevationVanilla = ElevationVanillaComponentImpl as ElevationVanillaComponent;\n"],"mappings":";;;;;;;AA0BA,IAAM,iCAAA,GAAA,MAAA,WAAA,EAEF,EAAE,IAAI,WAAW,KAAK,OAAO,SAAS,GAAG,SACzC,QACG;CACH,MAAM,YAAY,MAAM;CACxB,MAAM,EAAE,WAAW,qBAAA,uBAAuB;CAC1C,MAAM,EAAE,OAAO,WAAW,SAAS,iBAAA,eAAe,KAAK,MAAM;CAC7D,MAAM,eAAe;EAAE,GAAG;EAAW,GAAG;EAAO,IAAA,GAAA,yBAAA,iBAAA,CAAoB,IAAI;CAAE;CAGzE,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,WAAD;EACO;EACL,WAAW,GALK,8BAAA,gBAAgB,EAAE,QAAQ,CAK5B,EAAY,GAAG,aAAa,KAAK,KAAK;EACpD,OAAO;EACP,GAAI;CACL,CAAA;AAEL,CACF;AAEA,8BAA8B,cAAc;AAE5C,IAAa,mBAAmB"}
+{"version":3,"file":"Elevation.vanilla.cjs","names":["forwardRef","useVanillaExtractTheme","processCSSProp","assignInlineVars","elevationRecipe"],"sources":["../../../components/Elevation/Elevation.vanilla.tsx"],"sourcesContent":["import { assignInlineVars } from '@vanilla-extract/dynamic';\nimport { RecipeVariants } from '@vanilla-extract/recipes';\nimport { ElementType, forwardRef } from 'react';\n\nimport { CSSProps, processCSSProp } from '../../styles/cssProps';\nimport {\n  PolymorphicComponent,\n  PolymorphicComponentProps,\n  PolymorphicRef,\n} from '../../styles/polymorphic';\nimport { useVanillaExtractTheme } from '../../styles/themeContext';\nimport { elevationRecipe } from './Elevation.vanilla.css';\n\ntype ElevationRecipeVariants = NonNullable<RecipeVariants<typeof elevationRecipe>>;\n\ninterface ElevationOwnProps extends CSSProps {\n  variant?: ElevationRecipeVariants['variant'];\n}\n\nexport type ElevationVanillaProps<C extends ElementType = 'div'> = PolymorphicComponentProps<\n  C,\n  ElevationOwnProps\n>;\n\ntype ElevationVanillaComponent = PolymorphicComponent<'div', ElevationVanillaProps<ElementType>>;\n\nconst ElevationVanillaComponentImpl = forwardRef(\n  <C extends ElementType = 'div'>(\n    { as, className, css, style, variant, ...props }: ElevationVanillaProps<C>,\n    ref?: PolymorphicRef<C>,\n  ) => {\n    const Component = as || 'div';\n    const { colors } = useVanillaExtractTheme();\n    const { style: cssStyles, vars } = processCSSProp(css, colors);\n    const mergedStyles = { ...cssStyles, ...style, ...assignInlineVars(vars) };\n    const recipeClass = elevationRecipe({ variant });\n\n    return (\n      <Component\n        ref={ref}\n        className={`${recipeClass} ${className || ''}`.trim()}\n        style={mergedStyles}\n        {...props}\n      />\n    );\n  },\n);\n\nElevationVanillaComponentImpl.displayName = 'ElevationVanilla';\n\nexport const ElevationVanilla = ElevationVanillaComponentImpl as ElevationVanillaComponent;\n"],"mappings":";;;;;;;AA0BA,IAAM,iCAAA,GAAgCA,MAAAA,WAAAA,EAElC,EAAE,IAAI,WAAW,KAAK,OAAO,SAAS,GAAG,SACzC,QACG;CACH,MAAM,YAAY,MAAM;CACxB,MAAM,EAAE,WAAWC,qBAAAA,uBAAuB;CAC1C,MAAM,EAAE,OAAO,WAAW,SAASC,iBAAAA,eAAe,KAAK,MAAM;CAC7D,MAAM,eAAe;EAAE,GAAG;EAAW,GAAG;EAAO,IAAA,GAAGC,yBAAAA,iBAAAA,CAAiB,IAAI;CAAE;CACzE,MAAM,cAAcC,8BAAAA,gBAAgB,EAAE,QAAQ,CAAC;CAE/C,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,WAAD;EACO;EACL,WAAW,GAAG,YAAY,GAAG,aAAa,KAAK,KAAK;EACpD,OAAO;EACP,GAAI;CACL,CAAA;AAEL,CACF;AAEA,8BAA8B,cAAc;AAE5C,IAAa,mBAAmB"}

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

@@ -1,5 +1,5 @@
 ;/* empty css                                       */
-//#region components/Elevation/Elevation.vanilla.css.ts
+// components/Elevation/Elevation.vanilla.css.ts
 var elevationRecipe = (0, require("@vanilla-extract/recipes/createRuntimeFn").createRuntimeFn)({
 	defaultClassName: "s9g6zx1 s9g6zx0",
 	variantClassNames: { variant: {
@@ -13,7 +13,6 @@ var elevationRecipe = (0, require("@vanilla-extract/recipes/createRuntimeFn").cr
 	defaultVariants: { variant: 1 },
 	compoundVariants: []
 });
-//#endregion
 exports.elevationRecipe = elevationRecipe;
 
 //# sourceMappingURL=Elevation.vanilla.css.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Elevation.vanilla.css.cjs","names":[],"sources":["../../../components/Elevation/Elevation.vanilla.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\nimport { recipe } from '@vanilla-extract/recipes';\n\nimport { tokens } from '../../styles/tokens.css';\n\nconst elevationBase = style({\n  display: 'inline-block',\n});\n\nexport const elevationRecipe = recipe({\n  base: elevationBase,\n\n  variants: {\n    variant: {\n      0: {\n        boxShadow: 'none',\n      },\n      1: {\n        backgroundColor: tokens.colors['01dp'],\n        boxShadow:\n          '0 1px 5px 0 hsla(0, 0%, 0%, 0.2), 0 3px 1px -2px hsla(0, 0%, 0%, 0.12), 0 2px 2px 0 hsla(0, 0%, 0%, 0.14)',\n      },\n      2: {\n        backgroundColor: tokens.colors['02dp'],\n        boxShadow:\n          '0 2px 4px -1px hsla(0, 0%, 0%, 0.2), 0 1px 10px 0 hsla(0, 0%, 0%, 0.12), 0 4px 5px 0 hsla(0, 0%, 0%, 0.14)',\n      },\n      3: {\n        backgroundColor: tokens.colors['03dp'],\n        boxShadow:\n          '0 3px 5px -1px hsla(0, 0%, 0%, 0.2), 0 1px 18px 0 hsla(0, 0%, 0%, 0.12), 0 6px 10px 0 hsla(0, 0%, 0%, 0.14)',\n      },\n      4: {\n        backgroundColor: tokens.colors['04dp'],\n        boxShadow:\n          '0 7px 8px -4px hsla(0, 0%, 0%, 0.2), 0 5px 22px 4px hsla(0, 0%, 0%, 0.12), 0 12px 17px 2px hsla(0, 0%, 0%, 0.14)',\n      },\n      5: {\n        backgroundColor: tokens.colors['05dp'],\n        boxShadow:\n          '0 11px 15px -7px hsla(0, 0%, 0%, 0.2), 0 9px 46px 8px hsla(0, 0%, 0%, 0.12), 0 24px 38px 3px hsla(0, 0%, 0%, 0.14)',\n      },\n    },\n  },\n\n  defaultVariants: {\n    variant: 1,\n  },\n});\n"],"mappings":""}
+{"version":3,"file":"Elevation.vanilla.css.cjs","names":["_7a468"],"sources":["../../../components/Elevation/Elevation.vanilla.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\nimport { recipe } from '@vanilla-extract/recipes';\n\nimport { tokens } from '../../styles/tokens.css';\n\nconst elevationBase = style({\n  display: 'inline-block',\n});\n\nexport const elevationRecipe = recipe({\n  base: elevationBase,\n\n  variants: {\n    variant: {\n      0: {\n        boxShadow: 'none',\n      },\n      1: {\n        backgroundColor: tokens.colors['01dp'],\n        boxShadow:\n          '0 1px 5px 0 hsla(0, 0%, 0%, 0.2), 0 3px 1px -2px hsla(0, 0%, 0%, 0.12), 0 2px 2px 0 hsla(0, 0%, 0%, 0.14)',\n      },\n      2: {\n        backgroundColor: tokens.colors['02dp'],\n        boxShadow:\n          '0 2px 4px -1px hsla(0, 0%, 0%, 0.2), 0 1px 10px 0 hsla(0, 0%, 0%, 0.12), 0 4px 5px 0 hsla(0, 0%, 0%, 0.14)',\n      },\n      3: {\n        backgroundColor: tokens.colors['03dp'],\n        boxShadow:\n          '0 3px 5px -1px hsla(0, 0%, 0%, 0.2), 0 1px 18px 0 hsla(0, 0%, 0%, 0.12), 0 6px 10px 0 hsla(0, 0%, 0%, 0.14)',\n      },\n      4: {\n        backgroundColor: tokens.colors['04dp'],\n        boxShadow:\n          '0 7px 8px -4px hsla(0, 0%, 0%, 0.2), 0 5px 22px 4px hsla(0, 0%, 0%, 0.12), 0 12px 17px 2px hsla(0, 0%, 0%, 0.14)',\n      },\n      5: {\n        backgroundColor: tokens.colors['05dp'],\n        boxShadow:\n          '0 11px 15px -7px hsla(0, 0%, 0%, 0.2), 0 9px 46px 8px hsla(0, 0%, 0%, 0.12), 0 24px 38px 3px hsla(0, 0%, 0%, 0.14)',\n      },\n    },\n  },\n\n  defaultVariants: {\n    variant: 1,\n  },\n});\n"],"mappings":""}

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

@@ -1,6 +1,6 @@
 /* empty css                                     */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
-//#region components/Elevation/Elevation.vanilla.css.ts
+// components/Elevation/Elevation.vanilla.css.ts
 var elevationRecipe = createRuntimeFn({
 	defaultClassName: "s9g6zx1 s9g6zx0",
 	variantClassNames: { variant: {
@@ -14,7 +14,6 @@ var elevationRecipe = createRuntimeFn({
 	defaultVariants: { variant: 1 },
 	compoundVariants: []
 });
-//#endregion
 export { elevationRecipe };
 
 //# sourceMappingURL=Elevation.vanilla.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Elevation.vanilla.css.js","names":[],"sources":["../../../components/Elevation/Elevation.vanilla.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\nimport { recipe } from '@vanilla-extract/recipes';\n\nimport { tokens } from '../../styles/tokens.css';\n\nconst elevationBase = style({\n  display: 'inline-block',\n});\n\nexport const elevationRecipe = recipe({\n  base: elevationBase,\n\n  variants: {\n    variant: {\n      0: {\n        boxShadow: 'none',\n      },\n      1: {\n        backgroundColor: tokens.colors['01dp'],\n        boxShadow:\n          '0 1px 5px 0 hsla(0, 0%, 0%, 0.2), 0 3px 1px -2px hsla(0, 0%, 0%, 0.12), 0 2px 2px 0 hsla(0, 0%, 0%, 0.14)',\n      },\n      2: {\n        backgroundColor: tokens.colors['02dp'],\n        boxShadow:\n          '0 2px 4px -1px hsla(0, 0%, 0%, 0.2), 0 1px 10px 0 hsla(0, 0%, 0%, 0.12), 0 4px 5px 0 hsla(0, 0%, 0%, 0.14)',\n      },\n      3: {\n        backgroundColor: tokens.colors['03dp'],\n        boxShadow:\n          '0 3px 5px -1px hsla(0, 0%, 0%, 0.2), 0 1px 18px 0 hsla(0, 0%, 0%, 0.12), 0 6px 10px 0 hsla(0, 0%, 0%, 0.14)',\n      },\n      4: {\n        backgroundColor: tokens.colors['04dp'],\n        boxShadow:\n          '0 7px 8px -4px hsla(0, 0%, 0%, 0.2), 0 5px 22px 4px hsla(0, 0%, 0%, 0.12), 0 12px 17px 2px hsla(0, 0%, 0%, 0.14)',\n      },\n      5: {\n        backgroundColor: tokens.colors['05dp'],\n        boxShadow:\n          '0 11px 15px -7px hsla(0, 0%, 0%, 0.2), 0 9px 46px 8px hsla(0, 0%, 0%, 0.12), 0 24px 38px 3px hsla(0, 0%, 0%, 0.14)',\n      },\n    },\n  },\n\n  defaultVariants: {\n    variant: 1,\n  },\n});\n"],"mappings":""}
+{"version":3,"file":"Elevation.vanilla.css.js","names":["_7a468"],"sources":["../../../components/Elevation/Elevation.vanilla.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\nimport { recipe } from '@vanilla-extract/recipes';\n\nimport { tokens } from '../../styles/tokens.css';\n\nconst elevationBase = style({\n  display: 'inline-block',\n});\n\nexport const elevationRecipe = recipe({\n  base: elevationBase,\n\n  variants: {\n    variant: {\n      0: {\n        boxShadow: 'none',\n      },\n      1: {\n        backgroundColor: tokens.colors['01dp'],\n        boxShadow:\n          '0 1px 5px 0 hsla(0, 0%, 0%, 0.2), 0 3px 1px -2px hsla(0, 0%, 0%, 0.12), 0 2px 2px 0 hsla(0, 0%, 0%, 0.14)',\n      },\n      2: {\n        backgroundColor: tokens.colors['02dp'],\n        boxShadow:\n          '0 2px 4px -1px hsla(0, 0%, 0%, 0.2), 0 1px 10px 0 hsla(0, 0%, 0%, 0.12), 0 4px 5px 0 hsla(0, 0%, 0%, 0.14)',\n      },\n      3: {\n        backgroundColor: tokens.colors['03dp'],\n        boxShadow:\n          '0 3px 5px -1px hsla(0, 0%, 0%, 0.2), 0 1px 18px 0 hsla(0, 0%, 0%, 0.12), 0 6px 10px 0 hsla(0, 0%, 0%, 0.14)',\n      },\n      4: {\n        backgroundColor: tokens.colors['04dp'],\n        boxShadow:\n          '0 7px 8px -4px hsla(0, 0%, 0%, 0.2), 0 5px 22px 4px hsla(0, 0%, 0%, 0.12), 0 12px 17px 2px hsla(0, 0%, 0%, 0.14)',\n      },\n      5: {\n        backgroundColor: tokens.colors['05dp'],\n        boxShadow:\n          '0 11px 15px -7px hsla(0, 0%, 0%, 0.2), 0 9px 46px 8px hsla(0, 0%, 0%, 0.12), 0 24px 38px 3px hsla(0, 0%, 0%, 0.14)',\n      },\n    },\n  },\n\n  defaultVariants: {\n    variant: 1,\n  },\n});\n"],"mappings":""}

package/dist/components/Elevation/Elevation.vanilla.js

@@ -4,7 +4,7 @@ import { elevationRecipe } from "./Elevation.vanilla.css.js";
 import { forwardRef } from "react";
 import { assignInlineVars } from "@vanilla-extract/dynamic";
 import { jsx } from "react/jsx-runtime";
-//#region components/Elevation/Elevation.vanilla.tsx
+// components/Elevation/Elevation.vanilla.tsx
 var ElevationVanillaComponentImpl = forwardRef(({ as, className, css, style, variant, ...props }, ref) => {
 	const Component = as || "div";
 	const { colors } = useVanillaExtractTheme();
@@ -14,16 +14,16 @@ var ElevationVanillaComponentImpl = forwardRef(({ as, className, css, style, var
 		...style,
 		...assignInlineVars(vars)
 	};
+	const recipeClass = elevationRecipe({ variant });
 	return /* @__PURE__ */ jsx(Component, {
 		ref,
-		className: `${elevationRecipe({ variant })} ${className || ""}`.trim(),
+		className: `${recipeClass} ${className || ""}`.trim(),
 		style: mergedStyles,
 		...props
 	});
 });
 ElevationVanillaComponentImpl.displayName = "ElevationVanilla";
 var ElevationVanilla = ElevationVanillaComponentImpl;
-//#endregion
 export { ElevationVanilla };
 
 //# sourceMappingURL=Elevation.vanilla.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Elevation.vanilla.js","names":[],"sources":["../../../components/Elevation/Elevation.vanilla.tsx"],"sourcesContent":["import { assignInlineVars } from '@vanilla-extract/dynamic';\nimport { RecipeVariants } from '@vanilla-extract/recipes';\nimport { ElementType, forwardRef } from 'react';\n\nimport { CSSProps, processCSSProp } from '../../styles/cssProps';\nimport {\n  PolymorphicComponent,\n  PolymorphicComponentProps,\n  PolymorphicRef,\n} from '../../styles/polymorphic';\nimport { useVanillaExtractTheme } from '../../styles/themeContext';\nimport { elevationRecipe } from './Elevation.vanilla.css';\n\ntype ElevationRecipeVariants = NonNullable<RecipeVariants<typeof elevationRecipe>>;\n\ninterface ElevationOwnProps extends CSSProps {\n  variant?: ElevationRecipeVariants['variant'];\n}\n\nexport type ElevationVanillaProps<C extends ElementType = 'div'> = PolymorphicComponentProps<\n  C,\n  ElevationOwnProps\n>;\n\ntype ElevationVanillaComponent = PolymorphicComponent<'div', ElevationVanillaProps<ElementType>>;\n\nconst ElevationVanillaComponentImpl = forwardRef(\n  <C extends ElementType = 'div'>(\n    { as, className, css, style, variant, ...props }: ElevationVanillaProps<C>,\n    ref?: PolymorphicRef<C>,\n  ) => {\n    const Component = as || 'div';\n    const { colors } = useVanillaExtractTheme();\n    const { style: cssStyles, vars } = processCSSProp(css, colors);\n    const mergedStyles = { ...cssStyles, ...style, ...assignInlineVars(vars) };\n    const recipeClass = elevationRecipe({ variant });\n\n    return (\n      <Component\n        ref={ref}\n        className={`${recipeClass} ${className || ''}`.trim()}\n        style={mergedStyles}\n        {...props}\n      />\n    );\n  },\n);\n\nElevationVanillaComponentImpl.displayName = 'ElevationVanilla';\n\nexport const ElevationVanilla = ElevationVanillaComponentImpl as ElevationVanillaComponent;\n"],"mappings":";;;;;;;AA0BA,IAAM,gCAAgC,YAElC,EAAE,IAAI,WAAW,KAAK,OAAO,SAAS,GAAG,SACzC,QACG;CACH,MAAM,YAAY,MAAM;CACxB,MAAM,EAAE,WAAW,uBAAuB;CAC1C,MAAM,EAAE,OAAO,WAAW,SAAS,eAAe,KAAK,MAAM;CAC7D,MAAM,eAAe;EAAE,GAAG;EAAW,GAAG;EAAO,GAAG,iBAAiB,IAAI;CAAE;CAGzE,OACE,oBAAC,WAAD;EACO;EACL,WAAW,GALK,gBAAgB,EAAE,QAAQ,CAK5B,EAAY,GAAG,aAAa,KAAK,KAAK;EACpD,OAAO;EACP,GAAI;CACL,CAAA;AAEL,CACF;AAEA,8BAA8B,cAAc;AAE5C,IAAa,mBAAmB"}
+{"version":3,"file":"Elevation.vanilla.js","names":[],"sources":["../../../components/Elevation/Elevation.vanilla.tsx"],"sourcesContent":["import { assignInlineVars } from '@vanilla-extract/dynamic';\nimport { RecipeVariants } from '@vanilla-extract/recipes';\nimport { ElementType, forwardRef } from 'react';\n\nimport { CSSProps, processCSSProp } from '../../styles/cssProps';\nimport {\n  PolymorphicComponent,\n  PolymorphicComponentProps,\n  PolymorphicRef,\n} from '../../styles/polymorphic';\nimport { useVanillaExtractTheme } from '../../styles/themeContext';\nimport { elevationRecipe } from './Elevation.vanilla.css';\n\ntype ElevationRecipeVariants = NonNullable<RecipeVariants<typeof elevationRecipe>>;\n\ninterface ElevationOwnProps extends CSSProps {\n  variant?: ElevationRecipeVariants['variant'];\n}\n\nexport type ElevationVanillaProps<C extends ElementType = 'div'> = PolymorphicComponentProps<\n  C,\n  ElevationOwnProps\n>;\n\ntype ElevationVanillaComponent = PolymorphicComponent<'div', ElevationVanillaProps<ElementType>>;\n\nconst ElevationVanillaComponentImpl = forwardRef(\n  <C extends ElementType = 'div'>(\n    { as, className, css, style, variant, ...props }: ElevationVanillaProps<C>,\n    ref?: PolymorphicRef<C>,\n  ) => {\n    const Component = as || 'div';\n    const { colors } = useVanillaExtractTheme();\n    const { style: cssStyles, vars } = processCSSProp(css, colors);\n    const mergedStyles = { ...cssStyles, ...style, ...assignInlineVars(vars) };\n    const recipeClass = elevationRecipe({ variant });\n\n    return (\n      <Component\n        ref={ref}\n        className={`${recipeClass} ${className || ''}`.trim()}\n        style={mergedStyles}\n        {...props}\n      />\n    );\n  },\n);\n\nElevationVanillaComponentImpl.displayName = 'ElevationVanilla';\n\nexport const ElevationVanilla = ElevationVanillaComponentImpl as ElevationVanillaComponent;\n"],"mappings":";;;;;;;AA0BA,IAAM,gCAAgC,YAElC,EAAE,IAAI,WAAW,KAAK,OAAO,SAAS,GAAG,SACzC,QACG;CACH,MAAM,YAAY,MAAM;CACxB,MAAM,EAAE,WAAW,uBAAuB;CAC1C,MAAM,EAAE,OAAO,WAAW,SAAS,eAAe,KAAK,MAAM;CAC7D,MAAM,eAAe;EAAE,GAAG;EAAW,GAAG;EAAO,GAAG,iBAAiB,IAAI;CAAE;CACzE,MAAM,cAAc,gBAAgB,EAAE,QAAQ,CAAC;CAE/C,OACE,oBAAC,WAAD;EACO;EACL,WAAW,GAAG,YAAY,GAAG,aAAa,KAAK,KAAK;EACpD,OAAO;EACP,GAAI;CACL,CAAA;AAEL,CACF;AAEA,8BAA8B,cAAc;AAE5C,IAAa,mBAAmB"}

package/dist/components/FaencyProvider.cjs

@@ -4,9 +4,8 @@ let react = require("react");
 react = require_runtime.__toESM(react, 1);
 let react_jsx_runtime = require("react/jsx-runtime");
 let _radix_ui_react_tooltip = require("@radix-ui/react-tooltip");
-//#region components/FaencyProvider.tsx
+// components/FaencyProvider.tsx
 var FaencyProvider = ({ children }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_tooltip.Provider, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_colorSchemeContext.ColorSchemeProvider, { children }) });
-//#endregion
 exports.FaencyProvider = FaencyProvider;
 
 //# sourceMappingURL=FaencyProvider.cjs.map

package/dist/components/FaencyProvider.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"FaencyProvider.cjs","names":[],"sources":["../../components/FaencyProvider.tsx"],"sourcesContent":["import { Provider as TooltipProvider } from '@radix-ui/react-tooltip';\nimport React from 'react';\n\nimport { ColorSchemeProvider } from './colorSchemeContext';\n\ninterface FaencyProviderProps {\n  children?: React.ReactNode;\n}\n\nexport const FaencyProvider = ({ children }: FaencyProviderProps) => (\n  <TooltipProvider>\n    <ColorSchemeProvider>{children}</ColorSchemeProvider>\n  </TooltipProvider>\n);\n"],"mappings":";;;;;;;AASA,IAAa,kBAAkB,EAAE,eAC/B,iBAAA,GAAA,kBAAA,IAAA,CAAC,wBAAA,UAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,2BAAA,qBAAD,EAAsB,SAA8B,CAAA,EACrC,CAAA"}
+{"version":3,"file":"FaencyProvider.cjs","names":["TooltipProvider","ColorSchemeProvider"],"sources":["../../components/FaencyProvider.tsx"],"sourcesContent":["import { Provider as TooltipProvider } from '@radix-ui/react-tooltip';\nimport React from 'react';\n\nimport { ColorSchemeProvider } from './colorSchemeContext';\n\ninterface FaencyProviderProps {\n  children?: React.ReactNode;\n}\n\nexport const FaencyProvider = ({ children }: FaencyProviderProps) => (\n  <TooltipProvider>\n    <ColorSchemeProvider>{children}</ColorSchemeProvider>\n  </TooltipProvider>\n);\n"],"mappings":";;;;;;;AASA,IAAa,kBAAkB,EAAE,eAC/B,iBAAA,GAAA,kBAAA,IAAA,CAACA,wBAAAA,UAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,2BAAAA,qBAAD,EAAsB,SAA8B,CAAA,EACrC,CAAA"}