@traefik-labs/faency 12.2.1 → 12.2.3

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

@@ -1 +1 @@
-{"version":3,"file":"Card.vanilla.js","sources":["../../../components/Card/Card.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 { cardRecipe, interactiveCardRecipe } from './Card.vanilla.css';\n\ntype CardRecipeVariants = NonNullable<RecipeVariants<typeof cardRecipe>>;\n\ninterface CardOwnProps extends CSSProps {\n  elevation?: CardRecipeVariants['elevation'];\n  variant?: CardRecipeVariants['variant'];\n  active?: CardRecipeVariants['active'];\n  interactive?: boolean;\n}\n\nexport type CardVanillaProps<C extends ElementType = 'div'> = PolymorphicComponentProps<\n  C,\n  CardOwnProps\n>;\n\ntype CardVanillaComponent = PolymorphicComponent<'div', CardVanillaProps<ElementType>>;\n\nconst CardVanillaComponentImpl = forwardRef(\n  <C extends ElementType = 'div'>(\n    {\n      as,\n      className,\n      css,\n      style,\n      elevation,\n      variant,\n      active,\n      interactive,\n      ...props\n    }: CardVanillaProps<C>,\n    ref?: PolymorphicRef<C>,\n  ) => {\n    const Component = as || (interactive ? 'button' : 'div');\n    const { colors } = useVanillaExtractTheme();\n    const { style: cssStyles, vars } = processCSSProp(css, colors);\n    const mergedStyles = { ...cssStyles, ...style, ...assignInlineVars(vars) };\n\n    const recipe = interactive ? interactiveCardRecipe : cardRecipe;\n    const recipeClass = recipe({ elevation, variant, active });\n\n    const additionalProps = interactive && !as ? { tabIndex: 0 } : {};\n\n    return (\n      <Component\n        ref={ref}\n        className={`${recipeClass} ${className || ''}`.trim()}\n        style={mergedStyles}\n        {...additionalProps}\n        {...props}\n      />\n    );\n  },\n);\n\nCardVanillaComponentImpl.displayName = 'CardVanilla';\n\nexport const CardVanilla = CardVanillaComponentImpl as CardVanillaComponent;\n"],"names":[],"mappings":";;;;;;AA6BA,MAAM,2BAA2B;AAAA,EAC/B,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,GAEL,QACG;AACH,UAAM,YAAY,OAAO,cAAc,WAAW;AAClD,UAAM,EAAE,OAAA,IAAW,uBAAA;AACnB,UAAM,EAAE,OAAO,WAAW,SAAS,eAAe,KAAK,MAAM;AAC7D,UAAM,eAAe,EAAE,GAAG,WAAW,GAAG,OAAO,GAAG,iBAAiB,IAAI,EAAA;AAEvE,UAAM,SAAS,cAAc,wBAAwB;AACrD,UAAM,cAAc,OAAO,EAAE,WAAW,SAAS,QAAQ;AAEzD,UAAM,kBAAkB,eAAe,CAAC,KAAK,EAAE,UAAU,EAAA,IAAM,CAAA;AAE/D,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,WAAW,GAAG,WAAW,IAAI,aAAa,EAAE,GAAG,KAAA;AAAA,QAC/C,OAAO;AAAA,QACN,GAAG;AAAA,QACH,GAAG;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;AAEA,yBAAyB,cAAc;AAEhC,MAAM,cAAc;"}
+{"version":3,"file":"Card.vanilla.js","names":[],"sources":["../../../components/Card/Card.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 { cardRecipe, interactiveCardRecipe } from './Card.vanilla.css';\n\ntype CardRecipeVariants = NonNullable<RecipeVariants<typeof cardRecipe>>;\n\ninterface CardOwnProps extends CSSProps {\n  elevation?: CardRecipeVariants['elevation'];\n  variant?: CardRecipeVariants['variant'];\n  active?: CardRecipeVariants['active'];\n  interactive?: boolean;\n}\n\nexport type CardVanillaProps<C extends ElementType = 'div'> = PolymorphicComponentProps<\n  C,\n  CardOwnProps\n>;\n\ntype CardVanillaComponent = PolymorphicComponent<'div', CardVanillaProps<ElementType>>;\n\nconst CardVanillaComponentImpl = forwardRef(\n  <C extends ElementType = 'div'>(\n    {\n      as,\n      className,\n      css,\n      style,\n      elevation,\n      variant,\n      active,\n      interactive,\n      ...props\n    }: CardVanillaProps<C>,\n    ref?: PolymorphicRef<C>,\n  ) => {\n    const Component = as || (interactive ? 'button' : 'div');\n    const { colors } = useVanillaExtractTheme();\n    const { style: cssStyles, vars } = processCSSProp(css, colors);\n    const mergedStyles = { ...cssStyles, ...style, ...assignInlineVars(vars) };\n\n    const recipe = interactive ? interactiveCardRecipe : cardRecipe;\n    const recipeClass = recipe({ elevation, variant, active });\n\n    const additionalProps = interactive && !as ? { tabIndex: 0 } : {};\n\n    return (\n      <Component\n        ref={ref}\n        className={`${recipeClass} ${className || ''}`.trim()}\n        style={mergedStyles}\n        {...additionalProps}\n        {...props}\n      />\n    );\n  },\n);\n\nCardVanillaComponentImpl.displayName = 'CardVanilla';\n\nexport const CardVanilla = CardVanillaComponentImpl as CardVanillaComponent;\n"],"mappings":";;;;;;;AA6BA,IAAM,2BAA2B,YAE7B,EACE,IACA,WACA,KACA,OACA,WACA,SACA,QACA,aACA,GAAG,SAEL,QACG;CACH,MAAM,YAAY,OAAO,cAAc,WAAW;CAClD,MAAM,EAAE,WAAW,wBAAwB;CAC3C,MAAM,EAAE,OAAO,WAAW,SAAS,eAAe,KAAK,OAAO;CAC9D,MAAM,eAAe;EAAE,GAAG;EAAW,GAAG;EAAO,GAAG,iBAAiB,KAAK;EAAE;CAG1E,MAAM,eADS,cAAc,wBAAwB,YAC1B;EAAE;EAAW;EAAS;EAAQ,CAAC;CAE1D,MAAM,kBAAkB,eAAe,CAAC,KAAK,EAAE,UAAU,GAAG,GAAG,EAAE;AAEjE,QACE,oBAAC,WAAD;EACO;EACL,WAAW,GAAG,YAAY,GAAG,aAAa,KAAK,MAAM;EACrD,OAAO;EACP,GAAI;EACJ,GAAI;EACJ,CAAA;EAGP;AAED,yBAAyB,cAAc;AAEvC,IAAa,cAAc"}

package/dist/components/Checkbox/Checkbox.cjs

@@ -1,115 +1,87 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const CheckboxPrimitive = require("@radix-ui/react-checkbox");
-const reactIcons = require("@radix-ui/react-icons");
-const React = require("react");
-const stitches_config = require("../../stitches.config.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 CheckboxPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(CheckboxPrimitive);
-const StyledIndicator = stitches_config.styled(CheckboxPrimitive__namespace.Indicator, {
-  alignItems: "center",
-  display: "flex",
-  height: "100%",
-  justifyContent: "center",
-  width: "100%"
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_stitches_config = require("../../stitches.config.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_checkbox = require("@radix-ui/react-checkbox");
+_radix_ui_react_checkbox = require_runtime.__toESM(_radix_ui_react_checkbox, 1);
+//#region components/Checkbox/Checkbox.tsx
+var StyledIndicator = require_stitches_config.styled(_radix_ui_react_checkbox.Indicator, {
+	alignItems: "center",
+	display: "flex",
+	height: "100%",
+	justifyContent: "center",
+	width: "100%"
 });
-const StyledCheckbox = stitches_config.styled(CheckboxPrimitive__namespace.Root, {
-  all: "unset",
-  border: "none",
-  boxSizing: "border-box",
-  userSelect: "none",
-  "&::before": {
-    boxSizing: "border-box"
-  },
-  "&::after": {
-    boxSizing: "border-box"
-  },
-  alignItems: "center",
-  appearance: "none",
-  display: "inline-flex",
-  justifyContent: "center",
-  lineHeight: "1",
-  margin: "0",
-  outline: "none",
-  padding: "0",
-  WebkitTapHighlightColor: "rgba(0,0,0,0)",
-  overflow: "hidden",
-  "&[data-state=checked]": {
-    backgroundColor: "$checkboxCheckedBg",
-    boxShadow: "inset 0 0 0 1px transparent",
-    color: "$checkboxCheckedIcon",
-    "@hover": {
-      "&:hover": {
-        backgroundColor: "$checkboxCheckedHoverBg"
-      }
-    }
-  },
-  "&[data-state=unchecked]": {
-    backgroundColor: "$checkboxBg",
-    boxShadow: "inset 0 0 0 1px $colors$checkboxBorder",
-    color: "$checkboxIcon",
-    "@hover": {
-      "&:hover": {
-        backgroundColor: "$checkboxHoverBg",
-        boxShadow: "inset 0 0 0 1px $colors$checkboxHoverBorder"
-      }
-    }
-  },
-  "&:focus": {
-    outline: "none",
-    boxShadow: "inset 0 0 0 1px $colors$checkboxFocusBorder"
-  },
-  "&:disabled": {
-    pointerEvents: "none",
-    backgroundColor: "$checkboxDisabledBg",
-    boxShadow: "inset 0 0 0 1px $colors$checkboxDisabledBorder",
-    "&::placeholder": {
-      color: "$checkboxDisabledText"
-    },
-    [`& ${StyledIndicator}`]: {
-      "&::after": {
-        backgroundColor: "$checkboxIndicatorDisabledBg"
-      }
-    }
-  },
-  variants: {
-    size: {
-      medium: {
-        width: 18,
-        height: 18,
-        borderRadius: "$2"
-      },
-      large: {
-        width: "$5",
-        height: "$5",
-        borderRadius: "$3"
-      }
-    }
-  },
-  defaultVariants: {
-    size: "medium"
-  }
+var StyledCheckbox = require_stitches_config.styled(_radix_ui_react_checkbox.Root, {
+	all: "unset",
+	border: "none",
+	boxSizing: "border-box",
+	userSelect: "none",
+	"&::before": { boxSizing: "border-box" },
+	"&::after": { boxSizing: "border-box" },
+	alignItems: "center",
+	appearance: "none",
+	display: "inline-flex",
+	justifyContent: "center",
+	lineHeight: "1",
+	margin: "0",
+	outline: "none",
+	padding: "0",
+	WebkitTapHighlightColor: "rgba(0,0,0,0)",
+	overflow: "hidden",
+	"&[data-state=checked]": {
+		backgroundColor: "$checkboxCheckedBg",
+		boxShadow: "inset 0 0 0 1px transparent",
+		color: "$checkboxCheckedIcon",
+		"@hover": { "&:hover": { backgroundColor: "$checkboxCheckedHoverBg" } }
+	},
+	"&[data-state=unchecked]": {
+		backgroundColor: "$checkboxBg",
+		boxShadow: "inset 0 0 0 1px $colors$checkboxBorder",
+		color: "$checkboxIcon",
+		"@hover": { "&:hover": {
+			backgroundColor: "$checkboxHoverBg",
+			boxShadow: "inset 0 0 0 1px $colors$checkboxHoverBorder"
+		} }
+	},
+	"&:focus": {
+		outline: "none",
+		boxShadow: "inset 0 0 0 1px $colors$checkboxFocusBorder"
+	},
+	"&:disabled": {
+		pointerEvents: "none",
+		backgroundColor: "$checkboxDisabledBg",
+		boxShadow: "inset 0 0 0 1px $colors$checkboxDisabledBorder",
+		"&::placeholder": { color: "$checkboxDisabledText" },
+		[`& ${StyledIndicator}`]: { "&::after": { backgroundColor: "$checkboxIndicatorDisabledBg" } }
+	},
+	variants: { size: {
+		medium: {
+			width: 18,
+			height: 18,
+			borderRadius: "$2"
+		},
+		large: {
+			width: "$5",
+			height: "$5",
+			borderRadius: "$3"
+		}
+	} },
+	defaultVariants: { size: "medium" }
 });
-const Checkbox = React.forwardRef(
-  (props, forwardedRef) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(StyledCheckbox, { ...props, ref: forwardedRef, children: /* @__PURE__ */ jsxRuntime.jsx(StyledIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(reactIcons.CheckIcon, { height: 40, width: 40 }) }) });
-  }
-);
+var Checkbox = react.default.forwardRef((props, forwardedRef) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StyledCheckbox, {
+		...props,
+		ref: forwardedRef,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StyledIndicator, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_icons.CheckIcon, {
+			height: 40,
+			width: 40
+		}) })
+	});
+});
+//#endregion
 exports.Checkbox = Checkbox;
-//# sourceMappingURL=Checkbox.cjs.map
+
+//# sourceMappingURL=Checkbox.cjs.map

package/dist/components/Checkbox/Checkbox.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.cjs","sources":["../../../components/Checkbox/Checkbox.tsx"],"sourcesContent":["import * as CheckboxPrimitive from '@radix-ui/react-checkbox';\nimport { CheckIcon } from '@radix-ui/react-icons';\nimport React from 'react';\n\nimport { CSS, styled, VariantProps } from '../../stitches.config';\n\nconst StyledIndicator = styled(CheckboxPrimitive.Indicator, {\n  alignItems: 'center',\n  display: 'flex',\n  height: '100%',\n  justifyContent: 'center',\n  width: '100%',\n});\n\nconst StyledCheckbox = styled(CheckboxPrimitive.Root, {\n  all: 'unset',\n  border: 'none',\n  boxSizing: 'border-box',\n  userSelect: 'none',\n  '&::before': {\n    boxSizing: 'border-box',\n  },\n  '&::after': {\n    boxSizing: 'border-box',\n  },\n\n  alignItems: 'center',\n  appearance: 'none',\n  display: 'inline-flex',\n  justifyContent: 'center',\n  lineHeight: '1',\n  margin: '0',\n  outline: 'none',\n  padding: '0',\n  WebkitTapHighlightColor: 'rgba(0,0,0,0)',\n  overflow: 'hidden',\n\n  '&[data-state=checked]': {\n    backgroundColor: '$checkboxCheckedBg',\n    boxShadow: 'inset 0 0 0 1px transparent',\n    color: '$checkboxCheckedIcon',\n\n    '@hover': {\n      '&:hover': {\n        backgroundColor: '$checkboxCheckedHoverBg',\n      },\n    },\n  },\n\n  '&[data-state=unchecked]': {\n    backgroundColor: '$checkboxBg',\n    boxShadow: 'inset 0 0 0 1px $colors$checkboxBorder',\n    color: '$checkboxIcon',\n\n    '@hover': {\n      '&:hover': {\n        backgroundColor: '$checkboxHoverBg',\n        boxShadow: 'inset 0 0 0 1px $colors$checkboxHoverBorder',\n      },\n    },\n  },\n\n  '&:focus': {\n    outline: 'none',\n    boxShadow: 'inset 0 0 0 1px $colors$checkboxFocusBorder',\n  },\n\n  '&:disabled': {\n    pointerEvents: 'none',\n    backgroundColor: '$checkboxDisabledBg',\n    boxShadow: 'inset 0 0 0 1px $colors$checkboxDisabledBorder',\n    '&::placeholder': {\n      color: '$checkboxDisabledText',\n    },\n\n    [`& ${StyledIndicator}`]: {\n      '&::after': {\n        backgroundColor: '$checkboxIndicatorDisabledBg',\n      },\n    },\n  },\n\n  variants: {\n    size: {\n      medium: {\n        width: 18,\n        height: 18,\n        borderRadius: '$2',\n      },\n      large: {\n        width: '$5',\n        height: '$5',\n        borderRadius: '$3',\n      },\n    },\n  },\n  defaultVariants: {\n    size: 'medium',\n  },\n});\n\ntype CheckboxPrimitiveProps = Omit<React.ComponentProps<typeof CheckboxPrimitive.Root>, 'as'>;\nexport type CheckboxVariants = VariantProps<typeof StyledCheckbox>;\nexport type CheckboxProps = CheckboxPrimitiveProps & CheckboxVariants & { css?: CSS };\n\nexport const Checkbox = React.forwardRef<React.ElementRef<typeof StyledCheckbox>, CheckboxProps>(\n  (props, forwardedRef) => {\n    return (\n      <StyledCheckbox {...props} ref={forwardedRef}>\n        <StyledIndicator>\n          <CheckIcon height={40} width={40} />\n        </StyledIndicator>\n      </StyledCheckbox>\n    );\n  }\n);\n"],"names":["styled","CheckboxPrimitive","jsx","CheckIcon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAMA,MAAM,kBAAkBA,gBAAAA,OAAOC,6BAAkB,WAAW;AAAA,EAC1D,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,gBAAgB;AAAA,EAChB,OAAO;AACT,CAAC;AAED,MAAM,iBAAiBD,gBAAAA,OAAOC,6BAAkB,MAAM;AAAA,EACpD,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,aAAa;AAAA,IACX,WAAW;AAAA,EAAA;AAAA,EAEb,YAAY;AAAA,IACV,WAAW;AAAA,EAAA;AAAA,EAGb,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,gBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,SAAS;AAAA,EACT,yBAAyB;AAAA,EACzB,UAAU;AAAA,EAEV,yBAAyB;AAAA,IACvB,iBAAiB;AAAA,IACjB,WAAW;AAAA,IACX,OAAO;AAAA,IAEP,UAAU;AAAA,MACR,WAAW;AAAA,QACT,iBAAiB;AAAA,MAAA;AAAA,IACnB;AAAA,EACF;AAAA,EAGF,2BAA2B;AAAA,IACzB,iBAAiB;AAAA,IACjB,WAAW;AAAA,IACX,OAAO;AAAA,IAEP,UAAU;AAAA,MACR,WAAW;AAAA,QACT,iBAAiB;AAAA,QACjB,WAAW;AAAA,MAAA;AAAA,IACb;AAAA,EACF;AAAA,EAGF,WAAW;AAAA,IACT,SAAS;AAAA,IACT,WAAW;AAAA,EAAA;AAAA,EAGb,cAAc;AAAA,IACZ,eAAe;AAAA,IACf,iBAAiB;AAAA,IACjB,WAAW;AAAA,IACX,kBAAkB;AAAA,MAChB,OAAO;AAAA,IAAA;AAAA,IAGT,CAAC,KAAK,eAAe,EAAE,GAAG;AAAA,MACxB,YAAY;AAAA,QACV,iBAAiB;AAAA,MAAA;AAAA,IACnB;AAAA,EACF;AAAA,EAGF,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,QAAQ;AAAA,QACN,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,cAAc;AAAA,MAAA;AAAA,MAEhB,OAAO;AAAA,QACL,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,cAAc;AAAA,MAAA;AAAA,IAChB;AAAA,EACF;AAAA,EAEF,iBAAiB;AAAA,IACf,MAAM;AAAA,EAAA;AAEV,CAAC;AAMM,MAAM,WAAW,MAAM;AAAA,EAC5B,CAAC,OAAO,iBAAiB;AACvB,WACEC,2BAAAA,IAAC,gBAAA,EAAgB,GAAG,OAAO,KAAK,cAC9B,UAAAA,2BAAAA,IAAC,iBAAA,EACC,UAAAA,2BAAAA,IAACC,wBAAU,QAAQ,IAAI,OAAO,GAAA,CAAI,GACpC,GACF;AAAA,EAEJ;AACF;;"}
+{"version":3,"file":"Checkbox.cjs","names":[],"sources":["../../../components/Checkbox/Checkbox.tsx"],"sourcesContent":["import * as CheckboxPrimitive from '@radix-ui/react-checkbox';\nimport { CheckIcon } from '@radix-ui/react-icons';\nimport React from 'react';\n\nimport { CSS, styled, VariantProps } from '../../stitches.config';\n\nconst StyledIndicator = styled(CheckboxPrimitive.Indicator, {\n  alignItems: 'center',\n  display: 'flex',\n  height: '100%',\n  justifyContent: 'center',\n  width: '100%',\n});\n\nconst StyledCheckbox = styled(CheckboxPrimitive.Root, {\n  all: 'unset',\n  border: 'none',\n  boxSizing: 'border-box',\n  userSelect: 'none',\n  '&::before': {\n    boxSizing: 'border-box',\n  },\n  '&::after': {\n    boxSizing: 'border-box',\n  },\n\n  alignItems: 'center',\n  appearance: 'none',\n  display: 'inline-flex',\n  justifyContent: 'center',\n  lineHeight: '1',\n  margin: '0',\n  outline: 'none',\n  padding: '0',\n  WebkitTapHighlightColor: 'rgba(0,0,0,0)',\n  overflow: 'hidden',\n\n  '&[data-state=checked]': {\n    backgroundColor: '$checkboxCheckedBg',\n    boxShadow: 'inset 0 0 0 1px transparent',\n    color: '$checkboxCheckedIcon',\n\n    '@hover': {\n      '&:hover': {\n        backgroundColor: '$checkboxCheckedHoverBg',\n      },\n    },\n  },\n\n  '&[data-state=unchecked]': {\n    backgroundColor: '$checkboxBg',\n    boxShadow: 'inset 0 0 0 1px $colors$checkboxBorder',\n    color: '$checkboxIcon',\n\n    '@hover': {\n      '&:hover': {\n        backgroundColor: '$checkboxHoverBg',\n        boxShadow: 'inset 0 0 0 1px $colors$checkboxHoverBorder',\n      },\n    },\n  },\n\n  '&:focus': {\n    outline: 'none',\n    boxShadow: 'inset 0 0 0 1px $colors$checkboxFocusBorder',\n  },\n\n  '&:disabled': {\n    pointerEvents: 'none',\n    backgroundColor: '$checkboxDisabledBg',\n    boxShadow: 'inset 0 0 0 1px $colors$checkboxDisabledBorder',\n    '&::placeholder': {\n      color: '$checkboxDisabledText',\n    },\n\n    [`& ${StyledIndicator}`]: {\n      '&::after': {\n        backgroundColor: '$checkboxIndicatorDisabledBg',\n      },\n    },\n  },\n\n  variants: {\n    size: {\n      medium: {\n        width: 18,\n        height: 18,\n        borderRadius: '$2',\n      },\n      large: {\n        width: '$5',\n        height: '$5',\n        borderRadius: '$3',\n      },\n    },\n  },\n  defaultVariants: {\n    size: 'medium',\n  },\n});\n\ntype CheckboxPrimitiveProps = Omit<React.ComponentProps<typeof CheckboxPrimitive.Root>, 'as'>;\nexport type CheckboxVariants = VariantProps<typeof StyledCheckbox>;\nexport type CheckboxProps = CheckboxPrimitiveProps & CheckboxVariants & { css?: CSS };\n\nexport const Checkbox = React.forwardRef<React.ElementRef<typeof StyledCheckbox>, CheckboxProps>(\n  (props, forwardedRef) => {\n    return (\n      <StyledCheckbox {...props} ref={forwardedRef}>\n        <StyledIndicator>\n          <CheckIcon height={40} width={40} />\n        </StyledIndicator>\n      </StyledCheckbox>\n    );\n  }\n);\n"],"mappings":";;;;;;;;;AAMA,IAAM,kBAAkB,wBAAA,OAAO,yBAAkB,WAAW;CAC1D,YAAY;CACZ,SAAS;CACT,QAAQ;CACR,gBAAgB;CAChB,OAAO;CACR,CAAC;AAEF,IAAM,iBAAiB,wBAAA,OAAO,yBAAkB,MAAM;CACpD,KAAK;CACL,QAAQ;CACR,WAAW;CACX,YAAY;CACZ,aAAa,EACX,WAAW,cACZ;CACD,YAAY,EACV,WAAW,cACZ;CAED,YAAY;CACZ,YAAY;CACZ,SAAS;CACT,gBAAgB;CAChB,YAAY;CACZ,QAAQ;CACR,SAAS;CACT,SAAS;CACT,yBAAyB;CACzB,UAAU;CAEV,yBAAyB;EACvB,iBAAiB;EACjB,WAAW;EACX,OAAO;EAEP,UAAU,EACR,WAAW,EACT,iBAAiB,2BAClB,EACF;EACF;CAED,2BAA2B;EACzB,iBAAiB;EACjB,WAAW;EACX,OAAO;EAEP,UAAU,EACR,WAAW;GACT,iBAAiB;GACjB,WAAW;GACZ,EACF;EACF;CAED,WAAW;EACT,SAAS;EACT,WAAW;EACZ;CAED,cAAc;EACZ,eAAe;EACf,iBAAiB;EACjB,WAAW;EACX,kBAAkB,EAChB,OAAO,yBACR;GAEA,KAAK,oBAAoB,EACxB,YAAY,EACV,iBAAiB,gCAClB,EACF;EACF;CAED,UAAU,EACR,MAAM;EACJ,QAAQ;GACN,OAAO;GACP,QAAQ;GACR,cAAc;GACf;EACD,OAAO;GACL,OAAO;GACP,QAAQ;GACR,cAAc;GACf;EACF,EACF;CACD,iBAAiB,EACf,MAAM,UACP;CACF,CAAC;AAMF,IAAa,WAAW,MAAA,QAAM,YAC3B,OAAO,iBAAiB;AACvB,QACE,iBAAA,GAAA,kBAAA,KAAC,gBAAD;EAAgB,GAAI;EAAO,KAAK;YAC9B,iBAAA,GAAA,kBAAA,KAAC,iBAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,KAAC,sBAAA,WAAD;GAAW,QAAQ;GAAI,OAAO;GAAM,CAAA,EACpB,CAAA;EACH,CAAA;EAGtB"}

package/dist/components/Checkbox/Checkbox.js

@@ -1,98 +1,84 @@
-import { jsx } from "react/jsx-runtime";
-import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
+import { styled } from "../../stitches.config.js";
 import { CheckIcon } from "@radix-ui/react-icons";
 import React from "react";
-import { styled } from "../../stitches.config.js";
-const StyledIndicator = styled(CheckboxPrimitive.Indicator, {
-  alignItems: "center",
-  display: "flex",
-  height: "100%",
-  justifyContent: "center",
-  width: "100%"
+import { jsx } from "react/jsx-runtime";
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
+//#region components/Checkbox/Checkbox.tsx
+var StyledIndicator = styled(CheckboxPrimitive.Indicator, {
+	alignItems: "center",
+	display: "flex",
+	height: "100%",
+	justifyContent: "center",
+	width: "100%"
+});
+var StyledCheckbox = styled(CheckboxPrimitive.Root, {
+	all: "unset",
+	border: "none",
+	boxSizing: "border-box",
+	userSelect: "none",
+	"&::before": { boxSizing: "border-box" },
+	"&::after": { boxSizing: "border-box" },
+	alignItems: "center",
+	appearance: "none",
+	display: "inline-flex",
+	justifyContent: "center",
+	lineHeight: "1",
+	margin: "0",
+	outline: "none",
+	padding: "0",
+	WebkitTapHighlightColor: "rgba(0,0,0,0)",
+	overflow: "hidden",
+	"&[data-state=checked]": {
+		backgroundColor: "$checkboxCheckedBg",
+		boxShadow: "inset 0 0 0 1px transparent",
+		color: "$checkboxCheckedIcon",
+		"@hover": { "&:hover": { backgroundColor: "$checkboxCheckedHoverBg" } }
+	},
+	"&[data-state=unchecked]": {
+		backgroundColor: "$checkboxBg",
+		boxShadow: "inset 0 0 0 1px $colors$checkboxBorder",
+		color: "$checkboxIcon",
+		"@hover": { "&:hover": {
+			backgroundColor: "$checkboxHoverBg",
+			boxShadow: "inset 0 0 0 1px $colors$checkboxHoverBorder"
+		} }
+	},
+	"&:focus": {
+		outline: "none",
+		boxShadow: "inset 0 0 0 1px $colors$checkboxFocusBorder"
+	},
+	"&:disabled": {
+		pointerEvents: "none",
+		backgroundColor: "$checkboxDisabledBg",
+		boxShadow: "inset 0 0 0 1px $colors$checkboxDisabledBorder",
+		"&::placeholder": { color: "$checkboxDisabledText" },
+		[`& ${StyledIndicator}`]: { "&::after": { backgroundColor: "$checkboxIndicatorDisabledBg" } }
+	},
+	variants: { size: {
+		medium: {
+			width: 18,
+			height: 18,
+			borderRadius: "$2"
+		},
+		large: {
+			width: "$5",
+			height: "$5",
+			borderRadius: "$3"
+		}
+	} },
+	defaultVariants: { size: "medium" }
 });
-const StyledCheckbox = styled(CheckboxPrimitive.Root, {
-  all: "unset",
-  border: "none",
-  boxSizing: "border-box",
-  userSelect: "none",
-  "&::before": {
-    boxSizing: "border-box"
-  },
-  "&::after": {
-    boxSizing: "border-box"
-  },
-  alignItems: "center",
-  appearance: "none",
-  display: "inline-flex",
-  justifyContent: "center",
-  lineHeight: "1",
-  margin: "0",
-  outline: "none",
-  padding: "0",
-  WebkitTapHighlightColor: "rgba(0,0,0,0)",
-  overflow: "hidden",
-  "&[data-state=checked]": {
-    backgroundColor: "$checkboxCheckedBg",
-    boxShadow: "inset 0 0 0 1px transparent",
-    color: "$checkboxCheckedIcon",
-    "@hover": {
-      "&:hover": {
-        backgroundColor: "$checkboxCheckedHoverBg"
-      }
-    }
-  },
-  "&[data-state=unchecked]": {
-    backgroundColor: "$checkboxBg",
-    boxShadow: "inset 0 0 0 1px $colors$checkboxBorder",
-    color: "$checkboxIcon",
-    "@hover": {
-      "&:hover": {
-        backgroundColor: "$checkboxHoverBg",
-        boxShadow: "inset 0 0 0 1px $colors$checkboxHoverBorder"
-      }
-    }
-  },
-  "&:focus": {
-    outline: "none",
-    boxShadow: "inset 0 0 0 1px $colors$checkboxFocusBorder"
-  },
-  "&:disabled": {
-    pointerEvents: "none",
-    backgroundColor: "$checkboxDisabledBg",
-    boxShadow: "inset 0 0 0 1px $colors$checkboxDisabledBorder",
-    "&::placeholder": {
-      color: "$checkboxDisabledText"
-    },
-    [`& ${StyledIndicator}`]: {
-      "&::after": {
-        backgroundColor: "$checkboxIndicatorDisabledBg"
-      }
-    }
-  },
-  variants: {
-    size: {
-      medium: {
-        width: 18,
-        height: 18,
-        borderRadius: "$2"
-      },
-      large: {
-        width: "$5",
-        height: "$5",
-        borderRadius: "$3"
-      }
-    }
-  },
-  defaultVariants: {
-    size: "medium"
-  }
+var Checkbox = React.forwardRef((props, forwardedRef) => {
+	return /* @__PURE__ */ jsx(StyledCheckbox, {
+		...props,
+		ref: forwardedRef,
+		children: /* @__PURE__ */ jsx(StyledIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, {
+			height: 40,
+			width: 40
+		}) })
+	});
 });
-const Checkbox = React.forwardRef(
-  (props, forwardedRef) => {
-    return /* @__PURE__ */ jsx(StyledCheckbox, { ...props, ref: forwardedRef, children: /* @__PURE__ */ jsx(StyledIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, { height: 40, width: 40 }) }) });
-  }
-);
-export {
-  Checkbox
-};
-//# sourceMappingURL=Checkbox.js.map
+//#endregion
+export { Checkbox };
+
+//# sourceMappingURL=Checkbox.js.map

package/dist/components/Checkbox/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sources":["../../../components/Checkbox/Checkbox.tsx"],"sourcesContent":["import * as CheckboxPrimitive from '@radix-ui/react-checkbox';\nimport { CheckIcon } from '@radix-ui/react-icons';\nimport React from 'react';\n\nimport { CSS, styled, VariantProps } from '../../stitches.config';\n\nconst StyledIndicator = styled(CheckboxPrimitive.Indicator, {\n  alignItems: 'center',\n  display: 'flex',\n  height: '100%',\n  justifyContent: 'center',\n  width: '100%',\n});\n\nconst StyledCheckbox = styled(CheckboxPrimitive.Root, {\n  all: 'unset',\n  border: 'none',\n  boxSizing: 'border-box',\n  userSelect: 'none',\n  '&::before': {\n    boxSizing: 'border-box',\n  },\n  '&::after': {\n    boxSizing: 'border-box',\n  },\n\n  alignItems: 'center',\n  appearance: 'none',\n  display: 'inline-flex',\n  justifyContent: 'center',\n  lineHeight: '1',\n  margin: '0',\n  outline: 'none',\n  padding: '0',\n  WebkitTapHighlightColor: 'rgba(0,0,0,0)',\n  overflow: 'hidden',\n\n  '&[data-state=checked]': {\n    backgroundColor: '$checkboxCheckedBg',\n    boxShadow: 'inset 0 0 0 1px transparent',\n    color: '$checkboxCheckedIcon',\n\n    '@hover': {\n      '&:hover': {\n        backgroundColor: '$checkboxCheckedHoverBg',\n      },\n    },\n  },\n\n  '&[data-state=unchecked]': {\n    backgroundColor: '$checkboxBg',\n    boxShadow: 'inset 0 0 0 1px $colors$checkboxBorder',\n    color: '$checkboxIcon',\n\n    '@hover': {\n      '&:hover': {\n        backgroundColor: '$checkboxHoverBg',\n        boxShadow: 'inset 0 0 0 1px $colors$checkboxHoverBorder',\n      },\n    },\n  },\n\n  '&:focus': {\n    outline: 'none',\n    boxShadow: 'inset 0 0 0 1px $colors$checkboxFocusBorder',\n  },\n\n  '&:disabled': {\n    pointerEvents: 'none',\n    backgroundColor: '$checkboxDisabledBg',\n    boxShadow: 'inset 0 0 0 1px $colors$checkboxDisabledBorder',\n    '&::placeholder': {\n      color: '$checkboxDisabledText',\n    },\n\n    [`& ${StyledIndicator}`]: {\n      '&::after': {\n        backgroundColor: '$checkboxIndicatorDisabledBg',\n      },\n    },\n  },\n\n  variants: {\n    size: {\n      medium: {\n        width: 18,\n        height: 18,\n        borderRadius: '$2',\n      },\n      large: {\n        width: '$5',\n        height: '$5',\n        borderRadius: '$3',\n      },\n    },\n  },\n  defaultVariants: {\n    size: 'medium',\n  },\n});\n\ntype CheckboxPrimitiveProps = Omit<React.ComponentProps<typeof CheckboxPrimitive.Root>, 'as'>;\nexport type CheckboxVariants = VariantProps<typeof StyledCheckbox>;\nexport type CheckboxProps = CheckboxPrimitiveProps & CheckboxVariants & { css?: CSS };\n\nexport const Checkbox = React.forwardRef<React.ElementRef<typeof StyledCheckbox>, CheckboxProps>(\n  (props, forwardedRef) => {\n    return (\n      <StyledCheckbox {...props} ref={forwardedRef}>\n        <StyledIndicator>\n          <CheckIcon height={40} width={40} />\n        </StyledIndicator>\n      </StyledCheckbox>\n    );\n  }\n);\n"],"names":[],"mappings":";;;;;AAMA,MAAM,kBAAkB,OAAO,kBAAkB,WAAW;AAAA,EAC1D,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,gBAAgB;AAAA,EAChB,OAAO;AACT,CAAC;AAED,MAAM,iBAAiB,OAAO,kBAAkB,MAAM;AAAA,EACpD,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,aAAa;AAAA,IACX,WAAW;AAAA,EAAA;AAAA,EAEb,YAAY;AAAA,IACV,WAAW;AAAA,EAAA;AAAA,EAGb,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,gBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,SAAS;AAAA,EACT,yBAAyB;AAAA,EACzB,UAAU;AAAA,EAEV,yBAAyB;AAAA,IACvB,iBAAiB;AAAA,IACjB,WAAW;AAAA,IACX,OAAO;AAAA,IAEP,UAAU;AAAA,MACR,WAAW;AAAA,QACT,iBAAiB;AAAA,MAAA;AAAA,IACnB;AAAA,EACF;AAAA,EAGF,2BAA2B;AAAA,IACzB,iBAAiB;AAAA,IACjB,WAAW;AAAA,IACX,OAAO;AAAA,IAEP,UAAU;AAAA,MACR,WAAW;AAAA,QACT,iBAAiB;AAAA,QACjB,WAAW;AAAA,MAAA;AAAA,IACb;AAAA,EACF;AAAA,EAGF,WAAW;AAAA,IACT,SAAS;AAAA,IACT,WAAW;AAAA,EAAA;AAAA,EAGb,cAAc;AAAA,IACZ,eAAe;AAAA,IACf,iBAAiB;AAAA,IACjB,WAAW;AAAA,IACX,kBAAkB;AAAA,MAChB,OAAO;AAAA,IAAA;AAAA,IAGT,CAAC,KAAK,eAAe,EAAE,GAAG;AAAA,MACxB,YAAY;AAAA,QACV,iBAAiB;AAAA,MAAA;AAAA,IACnB;AAAA,EACF;AAAA,EAGF,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,QAAQ;AAAA,QACN,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,cAAc;AAAA,MAAA;AAAA,MAEhB,OAAO;AAAA,QACL,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,cAAc;AAAA,MAAA;AAAA,IAChB;AAAA,EACF;AAAA,EAEF,iBAAiB;AAAA,IACf,MAAM;AAAA,EAAA;AAEV,CAAC;AAMM,MAAM,WAAW,MAAM;AAAA,EAC5B,CAAC,OAAO,iBAAiB;AACvB,WACE,oBAAC,gBAAA,EAAgB,GAAG,OAAO,KAAK,cAC9B,UAAA,oBAAC,iBAAA,EACC,UAAA,oBAAC,aAAU,QAAQ,IAAI,OAAO,GAAA,CAAI,GACpC,GACF;AAAA,EAEJ;AACF;"}
+{"version":3,"file":"Checkbox.js","names":[],"sources":["../../../components/Checkbox/Checkbox.tsx"],"sourcesContent":["import * as CheckboxPrimitive from '@radix-ui/react-checkbox';\nimport { CheckIcon } from '@radix-ui/react-icons';\nimport React from 'react';\n\nimport { CSS, styled, VariantProps } from '../../stitches.config';\n\nconst StyledIndicator = styled(CheckboxPrimitive.Indicator, {\n  alignItems: 'center',\n  display: 'flex',\n  height: '100%',\n  justifyContent: 'center',\n  width: '100%',\n});\n\nconst StyledCheckbox = styled(CheckboxPrimitive.Root, {\n  all: 'unset',\n  border: 'none',\n  boxSizing: 'border-box',\n  userSelect: 'none',\n  '&::before': {\n    boxSizing: 'border-box',\n  },\n  '&::after': {\n    boxSizing: 'border-box',\n  },\n\n  alignItems: 'center',\n  appearance: 'none',\n  display: 'inline-flex',\n  justifyContent: 'center',\n  lineHeight: '1',\n  margin: '0',\n  outline: 'none',\n  padding: '0',\n  WebkitTapHighlightColor: 'rgba(0,0,0,0)',\n  overflow: 'hidden',\n\n  '&[data-state=checked]': {\n    backgroundColor: '$checkboxCheckedBg',\n    boxShadow: 'inset 0 0 0 1px transparent',\n    color: '$checkboxCheckedIcon',\n\n    '@hover': {\n      '&:hover': {\n        backgroundColor: '$checkboxCheckedHoverBg',\n      },\n    },\n  },\n\n  '&[data-state=unchecked]': {\n    backgroundColor: '$checkboxBg',\n    boxShadow: 'inset 0 0 0 1px $colors$checkboxBorder',\n    color: '$checkboxIcon',\n\n    '@hover': {\n      '&:hover': {\n        backgroundColor: '$checkboxHoverBg',\n        boxShadow: 'inset 0 0 0 1px $colors$checkboxHoverBorder',\n      },\n    },\n  },\n\n  '&:focus': {\n    outline: 'none',\n    boxShadow: 'inset 0 0 0 1px $colors$checkboxFocusBorder',\n  },\n\n  '&:disabled': {\n    pointerEvents: 'none',\n    backgroundColor: '$checkboxDisabledBg',\n    boxShadow: 'inset 0 0 0 1px $colors$checkboxDisabledBorder',\n    '&::placeholder': {\n      color: '$checkboxDisabledText',\n    },\n\n    [`& ${StyledIndicator}`]: {\n      '&::after': {\n        backgroundColor: '$checkboxIndicatorDisabledBg',\n      },\n    },\n  },\n\n  variants: {\n    size: {\n      medium: {\n        width: 18,\n        height: 18,\n        borderRadius: '$2',\n      },\n      large: {\n        width: '$5',\n        height: '$5',\n        borderRadius: '$3',\n      },\n    },\n  },\n  defaultVariants: {\n    size: 'medium',\n  },\n});\n\ntype CheckboxPrimitiveProps = Omit<React.ComponentProps<typeof CheckboxPrimitive.Root>, 'as'>;\nexport type CheckboxVariants = VariantProps<typeof StyledCheckbox>;\nexport type CheckboxProps = CheckboxPrimitiveProps & CheckboxVariants & { css?: CSS };\n\nexport const Checkbox = React.forwardRef<React.ElementRef<typeof StyledCheckbox>, CheckboxProps>(\n  (props, forwardedRef) => {\n    return (\n      <StyledCheckbox {...props} ref={forwardedRef}>\n        <StyledIndicator>\n          <CheckIcon height={40} width={40} />\n        </StyledIndicator>\n      </StyledCheckbox>\n    );\n  }\n);\n"],"mappings":";;;;;;AAMA,IAAM,kBAAkB,OAAO,kBAAkB,WAAW;CAC1D,YAAY;CACZ,SAAS;CACT,QAAQ;CACR,gBAAgB;CAChB,OAAO;CACR,CAAC;AAEF,IAAM,iBAAiB,OAAO,kBAAkB,MAAM;CACpD,KAAK;CACL,QAAQ;CACR,WAAW;CACX,YAAY;CACZ,aAAa,EACX,WAAW,cACZ;CACD,YAAY,EACV,WAAW,cACZ;CAED,YAAY;CACZ,YAAY;CACZ,SAAS;CACT,gBAAgB;CAChB,YAAY;CACZ,QAAQ;CACR,SAAS;CACT,SAAS;CACT,yBAAyB;CACzB,UAAU;CAEV,yBAAyB;EACvB,iBAAiB;EACjB,WAAW;EACX,OAAO;EAEP,UAAU,EACR,WAAW,EACT,iBAAiB,2BAClB,EACF;EACF;CAED,2BAA2B;EACzB,iBAAiB;EACjB,WAAW;EACX,OAAO;EAEP,UAAU,EACR,WAAW;GACT,iBAAiB;GACjB,WAAW;GACZ,EACF;EACF;CAED,WAAW;EACT,SAAS;EACT,WAAW;EACZ;CAED,cAAc;EACZ,eAAe;EACf,iBAAiB;EACjB,WAAW;EACX,kBAAkB,EAChB,OAAO,yBACR;GAEA,KAAK,oBAAoB,EACxB,YAAY,EACV,iBAAiB,gCAClB,EACF;EACF;CAED,UAAU,EACR,MAAM;EACJ,QAAQ;GACN,OAAO;GACP,QAAQ;GACR,cAAc;GACf;EACD,OAAO;GACL,OAAO;GACP,QAAQ;GACR,cAAc;GACf;EACF,EACF;CACD,iBAAiB,EACf,MAAM,UACP;CACF,CAAC;AAMF,IAAa,WAAW,MAAM,YAC3B,OAAO,iBAAiB;AACvB,QACE,oBAAC,gBAAD;EAAgB,GAAI;EAAO,KAAK;YAC9B,oBAAC,iBAAD,EAAA,UACE,oBAAC,WAAD;GAAW,QAAQ;GAAI,OAAO;GAAM,CAAA,EACpB,CAAA;EACH,CAAA;EAGtB"}

package/dist/components/Checkbox/Checkbox.themes.cjs

@@ -1,35 +1,44 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const tinycolor = require("tinycolor2");
-exports.Theme = void 0;
-((Theme2) => {
-  Theme2.getLight = (primaryColor) => ({
-    checkboxIcon: "$deepBlue11",
-    checkboxBg: "transparent",
-    checkboxBorder: "$slate8",
-    checkboxCheckedBg: "$primary",
-    checkboxCheckedIcon: "white",
-    checkboxCheckedHoverBg: tinycolor(primaryColor.value).darken().toHslString(),
-    checkboxHoverBg: "transparent",
-    checkboxHoverBorder: "$primary",
-    checkboxFocusBorder: "$primary",
-    checkboxDisabledBg: "$deepBlue3",
-    checkboxDisabledBorder: "$deepBlue5",
-    checkboxIndicatorDisabledBg: tinycolor(primaryColor.value).setAlpha(0.6).toHslString()
-  });
-  Theme2.getDark = (primaryColor) => ({
-    checkboxIcon: "$deepBlue1",
-    checkboxBg: "transparent",
-    checkboxCheckedBg: "$primary",
-    checkboxBorder: "$slate9",
-    checkboxCheckedIcon: "$deepBlue1",
-    checkboxCheckedHoverBg: tinycolor(primaryColor.value).lighten(10).toHslString(),
-    checkboxHoverBg: "$deepBlue3",
-    checkboxHoverBorder: "$primary",
-    checkboxFocusBorder: "$primary",
-    checkboxDisabledBg: tinycolor(primaryColor.value).setAlpha(0.6).toHslString(),
-    checkboxDisabledBorder: "transparent",
-    checkboxIndicatorDisabledBg: "$deepBlue1"
-  });
-})(exports.Theme || (exports.Theme = {}));
-//# sourceMappingURL=Checkbox.themes.cjs.map
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+let tinycolor2 = require("tinycolor2");
+tinycolor2 = require_runtime.__toESM(tinycolor2, 1);
+//#region components/Checkbox/Checkbox.themes.ts
+var Theme;
+(function(_Theme) {
+	_Theme.getLight = (primaryColor) => ({
+		checkboxIcon: "$deepBlue11",
+		checkboxBg: "transparent",
+		checkboxBorder: "$slate8",
+		checkboxCheckedBg: "$primary",
+		checkboxCheckedIcon: "white",
+		checkboxCheckedHoverBg: (0, tinycolor2.default)(primaryColor.value).darken().toHslString(),
+		checkboxHoverBg: "transparent",
+		checkboxHoverBorder: "$primary",
+		checkboxFocusBorder: "$primary",
+		checkboxDisabledBg: "$deepBlue3",
+		checkboxDisabledBorder: "$deepBlue5",
+		checkboxIndicatorDisabledBg: (0, tinycolor2.default)(primaryColor.value).setAlpha(.6).toHslString()
+	});
+	_Theme.getDark = (primaryColor) => ({
+		checkboxIcon: "$deepBlue1",
+		checkboxBg: "transparent",
+		checkboxCheckedBg: "$primary",
+		checkboxBorder: "$slate9",
+		checkboxCheckedIcon: "$deepBlue1",
+		checkboxCheckedHoverBg: (0, tinycolor2.default)(primaryColor.value).lighten(10).toHslString(),
+		checkboxHoverBg: "$deepBlue3",
+		checkboxHoverBorder: "$primary",
+		checkboxFocusBorder: "$primary",
+		checkboxDisabledBg: (0, tinycolor2.default)(primaryColor.value).setAlpha(.6).toHslString(),
+		checkboxDisabledBorder: "transparent",
+		checkboxIndicatorDisabledBg: "$deepBlue1"
+	});
+})(Theme || (Theme = {}));
+//#endregion
+Object.defineProperty(exports, "Theme", {
+	enumerable: true,
+	get: function() {
+		return Theme;
+	}
+});
+
+//# sourceMappingURL=Checkbox.themes.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.themes.cjs","sources":["../../../components/Checkbox/Checkbox.themes.ts"],"sourcesContent":["import { Property } from '@stitches/react/types/css';\nimport tinycolor from 'tinycolor2';\n\nimport { ColorInfo } from '../../utils/getPrimaryColorInfo';\n\nexport namespace Theme {\n  type Colors = {\n    checkboxIcon: Property.Color;\n    checkboxBg: Property.Color;\n    checkboxCheckedBg: Property.Color;\n    checkboxBorder: Property.Color;\n    checkboxCheckedIcon: Property.Color;\n    checkboxCheckedHoverBg: Property.Color;\n    checkboxHoverBg: Property.Color;\n    checkboxHoverBorder: Property.Color;\n    checkboxFocusBorder: Property.Color;\n    checkboxDisabledBg: Property.Color;\n    checkboxDisabledBorder: Property.Color;\n    checkboxIndicatorDisabledBg: Property.Color;\n  };\n\n  type Factory = (primaryColor: ColorInfo) => Colors;\n\n  export const getLight: Factory = (primaryColor) => ({\n    checkboxIcon: '$deepBlue11',\n    checkboxBg: 'transparent',\n    checkboxBorder: '$slate8',\n    checkboxCheckedBg: '$primary',\n    checkboxCheckedIcon: 'white',\n    checkboxCheckedHoverBg: tinycolor(primaryColor.value).darken().toHslString(),\n    checkboxHoverBg: 'transparent',\n    checkboxHoverBorder: '$primary',\n    checkboxFocusBorder: '$primary',\n    checkboxDisabledBg: '$deepBlue3',\n    checkboxDisabledBorder: '$deepBlue5',\n    checkboxIndicatorDisabledBg: tinycolor(primaryColor.value).setAlpha(0.6).toHslString(),\n  });\n\n  export const getDark: Factory = (primaryColor) => ({\n    checkboxIcon: '$deepBlue1',\n    checkboxBg: 'transparent',\n    checkboxCheckedBg: '$primary',\n    checkboxBorder: '$slate9',\n    checkboxCheckedIcon: '$deepBlue1',\n    checkboxCheckedHoverBg: tinycolor(primaryColor.value).lighten(10).toHslString(),\n    checkboxHoverBg: '$deepBlue3',\n    checkboxHoverBorder: '$primary',\n    checkboxFocusBorder: '$primary',\n    checkboxDisabledBg: tinycolor(primaryColor.value).setAlpha(0.6).toHslString(),\n    checkboxDisabledBorder: 'transparent',\n    checkboxIndicatorDisabledBg: '$deepBlue1',\n  });\n}\n"],"names":["Theme"],"mappings":";;;AAKiBA,QAAAA,QAAAA;AAAAA,CAAV,CAAUA,WAAV;AAkBQA,SAAA,WAAoB,CAAC,kBAAkB;AAAA,IAClD,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,gBAAgB;AAAA,IAChB,mBAAmB;AAAA,IACnB,qBAAqB;AAAA,IACrB,wBAAwB,UAAU,aAAa,KAAK,EAAE,OAAA,EAAS,YAAA;AAAA,IAC/D,iBAAiB;AAAA,IACjB,qBAAqB;AAAA,IACrB,qBAAqB;AAAA,IACrB,oBAAoB;AAAA,IACpB,wBAAwB;AAAA,IACxB,6BAA6B,UAAU,aAAa,KAAK,EAAE,SAAS,GAAG,EAAE,YAAA;AAAA,EAAY;AAG1EA,SAAA,UAAmB,CAAC,kBAAkB;AAAA,IACjD,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,mBAAmB;AAAA,IACnB,gBAAgB;AAAA,IAChB,qBAAqB;AAAA,IACrB,wBAAwB,UAAU,aAAa,KAAK,EAAE,QAAQ,EAAE,EAAE,YAAA;AAAA,IAClE,iBAAiB;AAAA,IACjB,qBAAqB;AAAA,IACrB,qBAAqB;AAAA,IACrB,oBAAoB,UAAU,aAAa,KAAK,EAAE,SAAS,GAAG,EAAE,YAAA;AAAA,IAChE,wBAAwB;AAAA,IACxB,6BAA6B;AAAA,EAAA;AAC/B,GA9CeA,QAAAA,UAAAA,gBAAA,CAAA,EAAA;"}
+{"version":3,"file":"Checkbox.themes.cjs","names":[],"sources":["../../../components/Checkbox/Checkbox.themes.ts"],"sourcesContent":["import { Property } from '@stitches/react/types/css';\nimport tinycolor from 'tinycolor2';\n\nimport { ColorInfo } from '../../utils/getPrimaryColorInfo';\n\nexport namespace Theme {\n  type Colors = {\n    checkboxIcon: Property.Color;\n    checkboxBg: Property.Color;\n    checkboxCheckedBg: Property.Color;\n    checkboxBorder: Property.Color;\n    checkboxCheckedIcon: Property.Color;\n    checkboxCheckedHoverBg: Property.Color;\n    checkboxHoverBg: Property.Color;\n    checkboxHoverBorder: Property.Color;\n    checkboxFocusBorder: Property.Color;\n    checkboxDisabledBg: Property.Color;\n    checkboxDisabledBorder: Property.Color;\n    checkboxIndicatorDisabledBg: Property.Color;\n  };\n\n  type Factory = (primaryColor: ColorInfo) => Colors;\n\n  export const getLight: Factory = (primaryColor) => ({\n    checkboxIcon: '$deepBlue11',\n    checkboxBg: 'transparent',\n    checkboxBorder: '$slate8',\n    checkboxCheckedBg: '$primary',\n    checkboxCheckedIcon: 'white',\n    checkboxCheckedHoverBg: tinycolor(primaryColor.value).darken().toHslString(),\n    checkboxHoverBg: 'transparent',\n    checkboxHoverBorder: '$primary',\n    checkboxFocusBorder: '$primary',\n    checkboxDisabledBg: '$deepBlue3',\n    checkboxDisabledBorder: '$deepBlue5',\n    checkboxIndicatorDisabledBg: tinycolor(primaryColor.value).setAlpha(0.6).toHslString(),\n  });\n\n  export const getDark: Factory = (primaryColor) => ({\n    checkboxIcon: '$deepBlue1',\n    checkboxBg: 'transparent',\n    checkboxCheckedBg: '$primary',\n    checkboxBorder: '$slate9',\n    checkboxCheckedIcon: '$deepBlue1',\n    checkboxCheckedHoverBg: tinycolor(primaryColor.value).lighten(10).toHslString(),\n    checkboxHoverBg: '$deepBlue3',\n    checkboxHoverBorder: '$primary',\n    checkboxFocusBorder: '$primary',\n    checkboxDisabledBg: tinycolor(primaryColor.value).setAlpha(0.6).toHslString(),\n    checkboxDisabledBorder: 'transparent',\n    checkboxIndicatorDisabledBg: '$deepBlue1',\n  });\n}\n"],"mappings":";;;;AAKO,IAAA;;AAkBQ,QAAA,YAAqB,kBAAkB;EAClD,cAAc;EACd,YAAY;EACZ,gBAAgB;EAChB,mBAAmB;EACnB,qBAAqB;EACrB,yBAAA,GAAA,WAAA,SAAkC,aAAa,MAAM,CAAC,QAAQ,CAAC,aAAa;EAC5E,iBAAiB;EACjB,qBAAqB;EACrB,qBAAqB;EACrB,oBAAoB;EACpB,wBAAwB;EACxB,8BAAA,GAAA,WAAA,SAAuC,aAAa,MAAM,CAAC,SAAS,GAAI,CAAC,aAAa;EACvF;AAEY,QAAA,WAAoB,kBAAkB;EACjD,cAAc;EACd,YAAY;EACZ,mBAAmB;EACnB,gBAAgB;EAChB,qBAAqB;EACrB,yBAAA,GAAA,WAAA,SAAkC,aAAa,MAAM,CAAC,QAAQ,GAAG,CAAC,aAAa;EAC/E,iBAAiB;EACjB,qBAAqB;EACrB,qBAAqB;EACrB,qBAAA,GAAA,WAAA,SAA8B,aAAa,MAAM,CAAC,SAAS,GAAI,CAAC,aAAa;EAC7E,wBAAwB;EACxB,6BAA6B;EAC9B;yBACF"}

package/dist/components/Checkbox/Checkbox.themes.js

@@ -1,36 +1,37 @@
 import tinycolor from "tinycolor2";
+//#region components/Checkbox/Checkbox.themes.ts
 var Theme;
-((Theme2) => {
-  Theme2.getLight = (primaryColor) => ({
-    checkboxIcon: "$deepBlue11",
-    checkboxBg: "transparent",
-    checkboxBorder: "$slate8",
-    checkboxCheckedBg: "$primary",
-    checkboxCheckedIcon: "white",
-    checkboxCheckedHoverBg: tinycolor(primaryColor.value).darken().toHslString(),
-    checkboxHoverBg: "transparent",
-    checkboxHoverBorder: "$primary",
-    checkboxFocusBorder: "$primary",
-    checkboxDisabledBg: "$deepBlue3",
-    checkboxDisabledBorder: "$deepBlue5",
-    checkboxIndicatorDisabledBg: tinycolor(primaryColor.value).setAlpha(0.6).toHslString()
-  });
-  Theme2.getDark = (primaryColor) => ({
-    checkboxIcon: "$deepBlue1",
-    checkboxBg: "transparent",
-    checkboxCheckedBg: "$primary",
-    checkboxBorder: "$slate9",
-    checkboxCheckedIcon: "$deepBlue1",
-    checkboxCheckedHoverBg: tinycolor(primaryColor.value).lighten(10).toHslString(),
-    checkboxHoverBg: "$deepBlue3",
-    checkboxHoverBorder: "$primary",
-    checkboxFocusBorder: "$primary",
-    checkboxDisabledBg: tinycolor(primaryColor.value).setAlpha(0.6).toHslString(),
-    checkboxDisabledBorder: "transparent",
-    checkboxIndicatorDisabledBg: "$deepBlue1"
-  });
+(function(_Theme) {
+	_Theme.getLight = (primaryColor) => ({
+		checkboxIcon: "$deepBlue11",
+		checkboxBg: "transparent",
+		checkboxBorder: "$slate8",
+		checkboxCheckedBg: "$primary",
+		checkboxCheckedIcon: "white",
+		checkboxCheckedHoverBg: tinycolor(primaryColor.value).darken().toHslString(),
+		checkboxHoverBg: "transparent",
+		checkboxHoverBorder: "$primary",
+		checkboxFocusBorder: "$primary",
+		checkboxDisabledBg: "$deepBlue3",
+		checkboxDisabledBorder: "$deepBlue5",
+		checkboxIndicatorDisabledBg: tinycolor(primaryColor.value).setAlpha(.6).toHslString()
+	});
+	_Theme.getDark = (primaryColor) => ({
+		checkboxIcon: "$deepBlue1",
+		checkboxBg: "transparent",
+		checkboxCheckedBg: "$primary",
+		checkboxBorder: "$slate9",
+		checkboxCheckedIcon: "$deepBlue1",
+		checkboxCheckedHoverBg: tinycolor(primaryColor.value).lighten(10).toHslString(),
+		checkboxHoverBg: "$deepBlue3",
+		checkboxHoverBorder: "$primary",
+		checkboxFocusBorder: "$primary",
+		checkboxDisabledBg: tinycolor(primaryColor.value).setAlpha(.6).toHslString(),
+		checkboxDisabledBorder: "transparent",
+		checkboxIndicatorDisabledBg: "$deepBlue1"
+	});
 })(Theme || (Theme = {}));
-export {
-  Theme
-};
-//# sourceMappingURL=Checkbox.themes.js.map
+//#endregion
+export { Theme };
+
+//# sourceMappingURL=Checkbox.themes.js.map