@traefik-labs/faency 12.2.1 → 12.2.2

package/dist/components/Switch/Switch.cjs

@@ -1,116 +1,84 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const SwitchPrimitive = require("@radix-ui/react-switch");
-const React = require("react");
-const stitches_config = require("../../stitches.config.cjs");
-const Elevation = require("../Elevation/Elevation.cjs");
-function _interopNamespaceDefault(e) {
-  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
-  if (e) {
-    for (const k in e) {
-      if (k !== "default") {
-        const d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: () => e[k]
-        });
-      }
-    }
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-const SwitchPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(SwitchPrimitive);
-const THUMB_DIAMETER = 14;
-const LARGE_RATIO = 1.5;
-const THUMB_GAP = 2;
-const ROOT_WIDTH = 32;
-const ROOT_HEIGHT = 18;
-const StyledThumb = stitches_config.styled(SwitchPrimitive__namespace.Thumb, {
-  position: "absolute",
-  left: 0,
-  width: THUMB_DIAMETER,
-  height: THUMB_DIAMETER,
-  backgroundColor: "$switchThumb",
-  borderRadius: "$round",
-  boxShadow: "rgba(0, 0, 0, 0.3) 0px 0px 1px, rgba(0, 0, 0, 0.2) 0px 1px 2px;",
-  transition: "transform 100ms cubic-bezier(0.22, 1, 0.36, 1)",
-  transform: `translateX(${THUMB_GAP}px)`,
-  willChange: "transform",
-  '&[data-state="checked"]': {
-    transform: `translateX(${ROOT_WIDTH - THUMB_GAP - THUMB_DIAMETER}px)`
-  }
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_stitches_config = require("../../stitches.config.cjs");
+const require_Elevation = require("../Elevation/Elevation.cjs");
+let react = require("react");
+react = require_runtime.__toESM(react, 1);
+let react_jsx_runtime = require("react/jsx-runtime");
+let _radix_ui_react_switch = require("@radix-ui/react-switch");
+_radix_ui_react_switch = require_runtime.__toESM(_radix_ui_react_switch, 1);
+//#region components/Switch/Switch.tsx
+var THUMB_DIAMETER = 14;
+var LARGE_RATIO = 1.5;
+var THUMB_GAP = 2;
+var ROOT_WIDTH = 32;
+var ROOT_HEIGHT = 18;
+var StyledThumb = require_stitches_config.styled(_radix_ui_react_switch.Thumb, {
+	position: "absolute",
+	left: 0,
+	width: THUMB_DIAMETER,
+	height: THUMB_DIAMETER,
+	backgroundColor: "$switchThumb",
+	borderRadius: "$round",
+	boxShadow: "rgba(0, 0, 0, 0.3) 0px 0px 1px, rgba(0, 0, 0, 0.2) 0px 1px 2px;",
+	transition: "transform 100ms cubic-bezier(0.22, 1, 0.36, 1)",
+	transform: `translateX(${THUMB_GAP}px)`,
+	willChange: "transform",
+	"&[data-state=\"checked\"]": { transform: `translateX(${ROOT_WIDTH - THUMB_GAP - THUMB_DIAMETER}px)` }
 });
-const StyledSwitch = stitches_config.styled(SwitchPrimitive__namespace.Root, {
-  all: "unset",
-  boxSizing: "border-box",
-  userSelect: "none",
-  "&::before": {
-    boxSizing: "border-box"
-  },
-  "&::after": {
-    boxSizing: "border-box"
-  },
-  // Reset
-  alignItems: "center",
-  display: "inline-flex",
-  justifyContent: "center",
-  lineHeight: "1",
-  margin: "0",
-  outline: "none",
-  WebkitTapHighlightColor: "rgba(0,0,0,0)",
-  backgroundColor: "$switchBackground",
-  borderRadius: "$pill",
-  position: "relative",
-  "@hover": {
-    "&:hover": {
-      cursor: "pointer",
-      [`& ${StyledThumb}`]: {
-        ...Elevation.elevationVariants[1]
-      }
-    }
-  },
-  "&:focus": {
-    outline: "2px solid $switchFocusBorder",
-    [`& ${StyledThumb}`]: {
-      ...Elevation.elevationVariants[2]
-    }
-  },
-  "&:disabled": {
-    pointerEvents: "none",
-    opacity: 0.38
-  },
-  '&[data-state="checked"]': {
-    backgroundColor: "$switchActiveBackground"
-  },
-  variants: {
-    size: {
-      "1": {
-        width: ROOT_WIDTH,
-        height: ROOT_HEIGHT,
-        m: "$2"
-      },
-      "2": {
-        width: ROOT_WIDTH * LARGE_RATIO,
-        height: ROOT_HEIGHT * LARGE_RATIO,
-        [`& ${StyledThumb}`]: {
-          width: THUMB_DIAMETER * LARGE_RATIO,
-          height: THUMB_DIAMETER * LARGE_RATIO,
-          transform: `translateX(${LARGE_RATIO * THUMB_GAP})`,
-          '&[data-state="checked"]': {
-            transform: `translateX(${LARGE_RATIO * (ROOT_WIDTH - THUMB_GAP - THUMB_DIAMETER)}px)`
-          }
-        }
-      }
-    }
-  },
-  defaultVariants: {
-    size: "1"
-  }
+var StyledSwitch = require_stitches_config.styled(_radix_ui_react_switch.Root, {
+	all: "unset",
+	boxSizing: "border-box",
+	userSelect: "none",
+	"&::before": { boxSizing: "border-box" },
+	"&::after": { boxSizing: "border-box" },
+	alignItems: "center",
+	display: "inline-flex",
+	justifyContent: "center",
+	lineHeight: "1",
+	margin: "0",
+	outline: "none",
+	WebkitTapHighlightColor: "rgba(0,0,0,0)",
+	backgroundColor: "$switchBackground",
+	borderRadius: "$pill",
+	position: "relative",
+	"@hover": { "&:hover": {
+		cursor: "pointer",
+		[`& ${StyledThumb}`]: { ...require_Elevation.elevationVariants[1] }
+	} },
+	"&:focus": {
+		outline: "2px solid $switchFocusBorder",
+		[`& ${StyledThumb}`]: { ...require_Elevation.elevationVariants[2] }
+	},
+	"&:disabled": {
+		pointerEvents: "none",
+		opacity: .38
+	},
+	"&[data-state=\"checked\"]": { backgroundColor: "$switchActiveBackground" },
+	variants: { size: {
+		"1": {
+			width: ROOT_WIDTH,
+			height: ROOT_HEIGHT,
+			m: "$2"
+		},
+		"2": {
+			width: ROOT_WIDTH * LARGE_RATIO,
+			height: ROOT_HEIGHT * LARGE_RATIO,
+			[`& ${StyledThumb}`]: {
+				width: THUMB_DIAMETER * LARGE_RATIO,
+				height: THUMB_DIAMETER * LARGE_RATIO,
+				transform: `translateX(${LARGE_RATIO * THUMB_GAP})`,
+				"&[data-state=\"checked\"]": { transform: `translateX(${LARGE_RATIO * (ROOT_WIDTH - THUMB_GAP - THUMB_DIAMETER)}px)` }
+			}
+		}
+	} },
+	defaultVariants: { size: "1" }
 });
-const Switch = React.forwardRef(
-  (props, forwardedRef) => /* @__PURE__ */ jsxRuntime.jsx(StyledSwitch, { ...props, ref: forwardedRef, children: /* @__PURE__ */ jsxRuntime.jsx(StyledThumb, {}) })
-);
+var Switch = react.default.forwardRef((props, forwardedRef) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StyledSwitch, {
+	...props,
+	ref: forwardedRef,
+	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StyledThumb, {})
+}));
+//#endregion
 exports.Switch = Switch;
-//# sourceMappingURL=Switch.cjs.map
+
+//# sourceMappingURL=Switch.cjs.map

package/dist/components/Switch/Switch.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.cjs","sources":["../../../components/Switch/Switch.tsx"],"sourcesContent":["import * as SwitchPrimitive from '@radix-ui/react-switch';\nimport React from 'react';\n\nimport { CSS, styled, VariantProps } from '../../stitches.config';\nimport { elevationVariants } from '../Elevation';\n\n// CONSTANTS\nconst THUMB_DIAMETER = 14; // @FIXME: shouldn't this size be part of theme ?\nconst LARGE_RATIO = 1.5;\nconst THUMB_GAP = 2; // Gap between thumb and background\nconst ROOT_WIDTH = 32;\nconst ROOT_HEIGHT = 18;\n\n// COMPONENTS\nconst StyledThumb = styled(SwitchPrimitive.Thumb, {\n  position: 'absolute',\n  left: 0,\n  width: THUMB_DIAMETER,\n  height: THUMB_DIAMETER,\n  backgroundColor: '$switchThumb',\n  borderRadius: '$round',\n  boxShadow: 'rgba(0, 0, 0, 0.3) 0px 0px 1px, rgba(0, 0, 0, 0.2) 0px 1px 2px;',\n  transition: 'transform 100ms cubic-bezier(0.22, 1, 0.36, 1)',\n  transform: `translateX(${THUMB_GAP}px)`,\n  willChange: 'transform',\n\n  '&[data-state=\"checked\"]': {\n    transform: `translateX(${ROOT_WIDTH - THUMB_GAP - THUMB_DIAMETER}px)`,\n  },\n});\n\nconst StyledSwitch = styled(SwitchPrimitive.Root, {\n  all: 'unset',\n  boxSizing: 'border-box',\n  userSelect: 'none',\n  '&::before': {\n    boxSizing: 'border-box',\n  },\n  '&::after': {\n    boxSizing: 'border-box',\n  },\n\n  // Reset\n  alignItems: 'center',\n  display: 'inline-flex',\n  justifyContent: 'center',\n  lineHeight: '1',\n  margin: '0',\n  outline: 'none',\n  WebkitTapHighlightColor: 'rgba(0,0,0,0)',\n\n  backgroundColor: '$switchBackground',\n  borderRadius: '$pill',\n  position: 'relative',\n  '@hover': {\n    '&:hover': {\n      cursor: 'pointer',\n      [`& ${StyledThumb}`]: {\n        ...elevationVariants[1],\n      },\n    },\n  },\n  '&:focus': {\n    outline: '2px solid $switchFocusBorder',\n    [`& ${StyledThumb}`]: {\n      ...elevationVariants[2],\n    },\n  },\n  '&:disabled': {\n    pointerEvents: 'none',\n    opacity: 0.38,\n  },\n  '&[data-state=\"checked\"]': {\n    backgroundColor: '$switchActiveBackground',\n  },\n\n  variants: {\n    size: {\n      '1': {\n        width: ROOT_WIDTH,\n        height: ROOT_HEIGHT,\n        m: '$2',\n      },\n      '2': {\n        width: ROOT_WIDTH * LARGE_RATIO,\n        height: ROOT_HEIGHT * LARGE_RATIO,\n        [`& ${StyledThumb}`]: {\n          width: THUMB_DIAMETER * LARGE_RATIO,\n          height: THUMB_DIAMETER * LARGE_RATIO,\n          transform: `translateX(${LARGE_RATIO * THUMB_GAP})`,\n\n          '&[data-state=\"checked\"]': {\n            transform: `translateX(${LARGE_RATIO * (ROOT_WIDTH - THUMB_GAP - THUMB_DIAMETER)}px)`,\n          },\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    size: '1',\n  },\n});\n\nexport type SwitchVariants = VariantProps<typeof StyledSwitch>;\ntype SwitchPrimitiveProps = Omit<React.ComponentProps<typeof SwitchPrimitive.Root>, 'as'>;\nexport type SwitchProps = SwitchPrimitiveProps & SwitchVariants & { css?: CSS };\n\nexport const Switch = React.forwardRef<React.ElementRef<typeof StyledSwitch>, SwitchProps>(\n  (props, forwardedRef) => (\n    <StyledSwitch {...props} ref={forwardedRef}>\n      <StyledThumb />\n    </StyledSwitch>\n  )\n);\n"],"names":["styled","SwitchPrimitive","elevationVariants","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAOA,MAAM,iBAAiB;AACvB,MAAM,cAAc;AACpB,MAAM,YAAY;AAClB,MAAM,aAAa;AACnB,MAAM,cAAc;AAGpB,MAAM,cAAcA,gBAAAA,OAAOC,2BAAgB,OAAO;AAAA,EAChD,UAAU;AAAA,EACV,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,iBAAiB;AAAA,EACjB,cAAc;AAAA,EACd,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,WAAW,cAAc,SAAS;AAAA,EAClC,YAAY;AAAA,EAEZ,2BAA2B;AAAA,IACzB,WAAW,cAAc,aAAa,YAAY,cAAc;AAAA,EAAA;AAEpE,CAAC;AAED,MAAM,eAAeD,gBAAAA,OAAOC,2BAAgB,MAAM;AAAA,EAChD,KAAK;AAAA,EACL,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,aAAa;AAAA,IACX,WAAW;AAAA,EAAA;AAAA,EAEb,YAAY;AAAA,IACV,WAAW;AAAA,EAAA;AAAA;AAAA,EAIb,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,gBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,yBAAyB;AAAA,EAEzB,iBAAiB;AAAA,EACjB,cAAc;AAAA,EACd,UAAU;AAAA,EACV,UAAU;AAAA,IACR,WAAW;AAAA,MACT,QAAQ;AAAA,MACR,CAAC,KAAK,WAAW,EAAE,GAAG;AAAA,QACpB,GAAGC,UAAAA,kBAAkB,CAAC;AAAA,MAAA;AAAA,IACxB;AAAA,EACF;AAAA,EAEF,WAAW;AAAA,IACT,SAAS;AAAA,IACT,CAAC,KAAK,WAAW,EAAE,GAAG;AAAA,MACpB,GAAGA,UAAAA,kBAAkB,CAAC;AAAA,IAAA;AAAA,EACxB;AAAA,EAEF,cAAc;AAAA,IACZ,eAAe;AAAA,IACf,SAAS;AAAA,EAAA;AAAA,EAEX,2BAA2B;AAAA,IACzB,iBAAiB;AAAA,EAAA;AAAA,EAGnB,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,KAAK;AAAA,QACH,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,GAAG;AAAA,MAAA;AAAA,MAEL,KAAK;AAAA,QACH,OAAO,aAAa;AAAA,QACpB,QAAQ,cAAc;AAAA,QACtB,CAAC,KAAK,WAAW,EAAE,GAAG;AAAA,UACpB,OAAO,iBAAiB;AAAA,UACxB,QAAQ,iBAAiB;AAAA,UACzB,WAAW,cAAc,cAAc,SAAS;AAAA,UAEhD,2BAA2B;AAAA,YACzB,WAAW,cAAc,eAAe,aAAa,YAAY,eAAe;AAAA,UAAA;AAAA,QAClF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EAEF,iBAAiB;AAAA,IACf,MAAM;AAAA,EAAA;AAEV,CAAC;AAMM,MAAM,SAAS,MAAM;AAAA,EAC1B,CAAC,OAAO,iBACNC,+BAAC,cAAA,EAAc,GAAG,OAAO,KAAK,cAC5B,UAAAA,2BAAAA,IAAC,aAAA,CAAA,CAAY,EAAA,CACf;AAEJ;;"}
+{"version":3,"file":"Switch.cjs","names":[],"sources":["../../../components/Switch/Switch.tsx"],"sourcesContent":["import * as SwitchPrimitive from '@radix-ui/react-switch';\nimport React from 'react';\n\nimport { CSS, styled, VariantProps } from '../../stitches.config';\nimport { elevationVariants } from '../Elevation';\n\n// CONSTANTS\nconst THUMB_DIAMETER = 14; // @FIXME: shouldn't this size be part of theme ?\nconst LARGE_RATIO = 1.5;\nconst THUMB_GAP = 2; // Gap between thumb and background\nconst ROOT_WIDTH = 32;\nconst ROOT_HEIGHT = 18;\n\n// COMPONENTS\nconst StyledThumb = styled(SwitchPrimitive.Thumb, {\n  position: 'absolute',\n  left: 0,\n  width: THUMB_DIAMETER,\n  height: THUMB_DIAMETER,\n  backgroundColor: '$switchThumb',\n  borderRadius: '$round',\n  boxShadow: 'rgba(0, 0, 0, 0.3) 0px 0px 1px, rgba(0, 0, 0, 0.2) 0px 1px 2px;',\n  transition: 'transform 100ms cubic-bezier(0.22, 1, 0.36, 1)',\n  transform: `translateX(${THUMB_GAP}px)`,\n  willChange: 'transform',\n\n  '&[data-state=\"checked\"]': {\n    transform: `translateX(${ROOT_WIDTH - THUMB_GAP - THUMB_DIAMETER}px)`,\n  },\n});\n\nconst StyledSwitch = styled(SwitchPrimitive.Root, {\n  all: 'unset',\n  boxSizing: 'border-box',\n  userSelect: 'none',\n  '&::before': {\n    boxSizing: 'border-box',\n  },\n  '&::after': {\n    boxSizing: 'border-box',\n  },\n\n  // Reset\n  alignItems: 'center',\n  display: 'inline-flex',\n  justifyContent: 'center',\n  lineHeight: '1',\n  margin: '0',\n  outline: 'none',\n  WebkitTapHighlightColor: 'rgba(0,0,0,0)',\n\n  backgroundColor: '$switchBackground',\n  borderRadius: '$pill',\n  position: 'relative',\n  '@hover': {\n    '&:hover': {\n      cursor: 'pointer',\n      [`& ${StyledThumb}`]: {\n        ...elevationVariants[1],\n      },\n    },\n  },\n  '&:focus': {\n    outline: '2px solid $switchFocusBorder',\n    [`& ${StyledThumb}`]: {\n      ...elevationVariants[2],\n    },\n  },\n  '&:disabled': {\n    pointerEvents: 'none',\n    opacity: 0.38,\n  },\n  '&[data-state=\"checked\"]': {\n    backgroundColor: '$switchActiveBackground',\n  },\n\n  variants: {\n    size: {\n      '1': {\n        width: ROOT_WIDTH,\n        height: ROOT_HEIGHT,\n        m: '$2',\n      },\n      '2': {\n        width: ROOT_WIDTH * LARGE_RATIO,\n        height: ROOT_HEIGHT * LARGE_RATIO,\n        [`& ${StyledThumb}`]: {\n          width: THUMB_DIAMETER * LARGE_RATIO,\n          height: THUMB_DIAMETER * LARGE_RATIO,\n          transform: `translateX(${LARGE_RATIO * THUMB_GAP})`,\n\n          '&[data-state=\"checked\"]': {\n            transform: `translateX(${LARGE_RATIO * (ROOT_WIDTH - THUMB_GAP - THUMB_DIAMETER)}px)`,\n          },\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    size: '1',\n  },\n});\n\nexport type SwitchVariants = VariantProps<typeof StyledSwitch>;\ntype SwitchPrimitiveProps = Omit<React.ComponentProps<typeof SwitchPrimitive.Root>, 'as'>;\nexport type SwitchProps = SwitchPrimitiveProps & SwitchVariants & { css?: CSS };\n\nexport const Switch = React.forwardRef<React.ElementRef<typeof StyledSwitch>, SwitchProps>(\n  (props, forwardedRef) => (\n    <StyledSwitch {...props} ref={forwardedRef}>\n      <StyledThumb />\n    </StyledSwitch>\n  )\n);\n"],"mappings":";;;;;;;;;AAOA,IAAM,iBAAiB;AACvB,IAAM,cAAc;AACpB,IAAM,YAAY;AAClB,IAAM,aAAa;AACnB,IAAM,cAAc;AAGpB,IAAM,cAAc,wBAAA,OAAO,uBAAgB,OAAO;CAChD,UAAU;CACV,MAAM;CACN,OAAO;CACP,QAAQ;CACR,iBAAiB;CACjB,cAAc;CACd,WAAW;CACX,YAAY;CACZ,WAAW,cAAc,UAAU;CACnC,YAAY;CAEZ,6BAA2B,EACzB,WAAW,cAAc,aAAa,YAAY,eAAe,MAClE;CACF,CAAC;AAEF,IAAM,eAAe,wBAAA,OAAO,uBAAgB,MAAM;CAChD,KAAK;CACL,WAAW;CACX,YAAY;CACZ,aAAa,EACX,WAAW,cACZ;CACD,YAAY,EACV,WAAW,cACZ;CAGD,YAAY;CACZ,SAAS;CACT,gBAAgB;CAChB,YAAY;CACZ,QAAQ;CACR,SAAS;CACT,yBAAyB;CAEzB,iBAAiB;CACjB,cAAc;CACd,UAAU;CACV,UAAU,EACR,WAAW;EACT,QAAQ;GACP,KAAK,gBAAgB,EACpB,GAAG,kBAAA,kBAAkB,IACtB;EACF,EACF;CACD,WAAW;EACT,SAAS;GACR,KAAK,gBAAgB,EACpB,GAAG,kBAAA,kBAAkB,IACtB;EACF;CACD,cAAc;EACZ,eAAe;EACf,SAAS;EACV;CACD,6BAA2B,EACzB,iBAAiB,2BAClB;CAED,UAAU,EACR,MAAM;EACJ,KAAK;GACH,OAAO;GACP,QAAQ;GACR,GAAG;GACJ;EACD,KAAK;GACH,OAAO,aAAa;GACpB,QAAQ,cAAc;IACrB,KAAK,gBAAgB;IACpB,OAAO,iBAAiB;IACxB,QAAQ,iBAAiB;IACzB,WAAW,cAAc,cAAc,UAAU;IAEjD,6BAA2B,EACzB,WAAW,cAAc,eAAe,aAAa,YAAY,gBAAgB,MAClF;IACF;GACF;EACF,EACF;CACD,iBAAiB,EACf,MAAM,KACP;CACF,CAAC;AAMF,IAAa,SAAS,MAAA,QAAM,YACzB,OAAO,iBACN,iBAAA,GAAA,kBAAA,KAAC,cAAD;CAAc,GAAI;CAAO,KAAK;WAC5B,iBAAA,GAAA,kBAAA,KAAC,aAAD,EAAe,CAAA;CACF,CAAA,CAElB"}

package/dist/components/Switch/Switch.js

@@ -1,99 +1,81 @@
-import { jsx } from "react/jsx-runtime";
-import * as SwitchPrimitive from "@radix-ui/react-switch";
-import React from "react";
 import { styled } from "../../stitches.config.js";
 import { elevationVariants } from "../Elevation/Elevation.js";
-const THUMB_DIAMETER = 14;
-const LARGE_RATIO = 1.5;
-const THUMB_GAP = 2;
-const ROOT_WIDTH = 32;
-const ROOT_HEIGHT = 18;
-const StyledThumb = styled(SwitchPrimitive.Thumb, {
-  position: "absolute",
-  left: 0,
-  width: THUMB_DIAMETER,
-  height: THUMB_DIAMETER,
-  backgroundColor: "$switchThumb",
-  borderRadius: "$round",
-  boxShadow: "rgba(0, 0, 0, 0.3) 0px 0px 1px, rgba(0, 0, 0, 0.2) 0px 1px 2px;",
-  transition: "transform 100ms cubic-bezier(0.22, 1, 0.36, 1)",
-  transform: `translateX(${THUMB_GAP}px)`,
-  willChange: "transform",
-  '&[data-state="checked"]': {
-    transform: `translateX(${ROOT_WIDTH - THUMB_GAP - THUMB_DIAMETER}px)`
-  }
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+import * as SwitchPrimitive from "@radix-ui/react-switch";
+//#region components/Switch/Switch.tsx
+var THUMB_DIAMETER = 14;
+var LARGE_RATIO = 1.5;
+var THUMB_GAP = 2;
+var ROOT_WIDTH = 32;
+var ROOT_HEIGHT = 18;
+var StyledThumb = styled(SwitchPrimitive.Thumb, {
+	position: "absolute",
+	left: 0,
+	width: THUMB_DIAMETER,
+	height: THUMB_DIAMETER,
+	backgroundColor: "$switchThumb",
+	borderRadius: "$round",
+	boxShadow: "rgba(0, 0, 0, 0.3) 0px 0px 1px, rgba(0, 0, 0, 0.2) 0px 1px 2px;",
+	transition: "transform 100ms cubic-bezier(0.22, 1, 0.36, 1)",
+	transform: `translateX(${THUMB_GAP}px)`,
+	willChange: "transform",
+	"&[data-state=\"checked\"]": { transform: `translateX(${ROOT_WIDTH - THUMB_GAP - THUMB_DIAMETER}px)` }
 });
-const StyledSwitch = styled(SwitchPrimitive.Root, {
-  all: "unset",
-  boxSizing: "border-box",
-  userSelect: "none",
-  "&::before": {
-    boxSizing: "border-box"
-  },
-  "&::after": {
-    boxSizing: "border-box"
-  },
-  // Reset
-  alignItems: "center",
-  display: "inline-flex",
-  justifyContent: "center",
-  lineHeight: "1",
-  margin: "0",
-  outline: "none",
-  WebkitTapHighlightColor: "rgba(0,0,0,0)",
-  backgroundColor: "$switchBackground",
-  borderRadius: "$pill",
-  position: "relative",
-  "@hover": {
-    "&:hover": {
-      cursor: "pointer",
-      [`& ${StyledThumb}`]: {
-        ...elevationVariants[1]
-      }
-    }
-  },
-  "&:focus": {
-    outline: "2px solid $switchFocusBorder",
-    [`& ${StyledThumb}`]: {
-      ...elevationVariants[2]
-    }
-  },
-  "&:disabled": {
-    pointerEvents: "none",
-    opacity: 0.38
-  },
-  '&[data-state="checked"]': {
-    backgroundColor: "$switchActiveBackground"
-  },
-  variants: {
-    size: {
-      "1": {
-        width: ROOT_WIDTH,
-        height: ROOT_HEIGHT,
-        m: "$2"
-      },
-      "2": {
-        width: ROOT_WIDTH * LARGE_RATIO,
-        height: ROOT_HEIGHT * LARGE_RATIO,
-        [`& ${StyledThumb}`]: {
-          width: THUMB_DIAMETER * LARGE_RATIO,
-          height: THUMB_DIAMETER * LARGE_RATIO,
-          transform: `translateX(${LARGE_RATIO * THUMB_GAP})`,
-          '&[data-state="checked"]': {
-            transform: `translateX(${LARGE_RATIO * (ROOT_WIDTH - THUMB_GAP - THUMB_DIAMETER)}px)`
-          }
-        }
-      }
-    }
-  },
-  defaultVariants: {
-    size: "1"
-  }
+var StyledSwitch = styled(SwitchPrimitive.Root, {
+	all: "unset",
+	boxSizing: "border-box",
+	userSelect: "none",
+	"&::before": { boxSizing: "border-box" },
+	"&::after": { boxSizing: "border-box" },
+	alignItems: "center",
+	display: "inline-flex",
+	justifyContent: "center",
+	lineHeight: "1",
+	margin: "0",
+	outline: "none",
+	WebkitTapHighlightColor: "rgba(0,0,0,0)",
+	backgroundColor: "$switchBackground",
+	borderRadius: "$pill",
+	position: "relative",
+	"@hover": { "&:hover": {
+		cursor: "pointer",
+		[`& ${StyledThumb}`]: { ...elevationVariants[1] }
+	} },
+	"&:focus": {
+		outline: "2px solid $switchFocusBorder",
+		[`& ${StyledThumb}`]: { ...elevationVariants[2] }
+	},
+	"&:disabled": {
+		pointerEvents: "none",
+		opacity: .38
+	},
+	"&[data-state=\"checked\"]": { backgroundColor: "$switchActiveBackground" },
+	variants: { size: {
+		"1": {
+			width: ROOT_WIDTH,
+			height: ROOT_HEIGHT,
+			m: "$2"
+		},
+		"2": {
+			width: ROOT_WIDTH * LARGE_RATIO,
+			height: ROOT_HEIGHT * LARGE_RATIO,
+			[`& ${StyledThumb}`]: {
+				width: THUMB_DIAMETER * LARGE_RATIO,
+				height: THUMB_DIAMETER * LARGE_RATIO,
+				transform: `translateX(${LARGE_RATIO * THUMB_GAP})`,
+				"&[data-state=\"checked\"]": { transform: `translateX(${LARGE_RATIO * (ROOT_WIDTH - THUMB_GAP - THUMB_DIAMETER)}px)` }
+			}
+		}
+	} },
+	defaultVariants: { size: "1" }
 });
-const Switch = React.forwardRef(
-  (props, forwardedRef) => /* @__PURE__ */ jsx(StyledSwitch, { ...props, ref: forwardedRef, children: /* @__PURE__ */ jsx(StyledThumb, {}) })
-);
-export {
-  Switch
-};
-//# sourceMappingURL=Switch.js.map
+var Switch = React.forwardRef((props, forwardedRef) => /* @__PURE__ */ jsx(StyledSwitch, {
+	...props,
+	ref: forwardedRef,
+	children: /* @__PURE__ */ jsx(StyledThumb, {})
+}));
+//#endregion
+export { Switch };
+
+//# sourceMappingURL=Switch.js.map

package/dist/components/Switch/Switch.js.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.js","sources":["../../../components/Switch/Switch.tsx"],"sourcesContent":["import * as SwitchPrimitive from '@radix-ui/react-switch';\nimport React from 'react';\n\nimport { CSS, styled, VariantProps } from '../../stitches.config';\nimport { elevationVariants } from '../Elevation';\n\n// CONSTANTS\nconst THUMB_DIAMETER = 14; // @FIXME: shouldn't this size be part of theme ?\nconst LARGE_RATIO = 1.5;\nconst THUMB_GAP = 2; // Gap between thumb and background\nconst ROOT_WIDTH = 32;\nconst ROOT_HEIGHT = 18;\n\n// COMPONENTS\nconst StyledThumb = styled(SwitchPrimitive.Thumb, {\n  position: 'absolute',\n  left: 0,\n  width: THUMB_DIAMETER,\n  height: THUMB_DIAMETER,\n  backgroundColor: '$switchThumb',\n  borderRadius: '$round',\n  boxShadow: 'rgba(0, 0, 0, 0.3) 0px 0px 1px, rgba(0, 0, 0, 0.2) 0px 1px 2px;',\n  transition: 'transform 100ms cubic-bezier(0.22, 1, 0.36, 1)',\n  transform: `translateX(${THUMB_GAP}px)`,\n  willChange: 'transform',\n\n  '&[data-state=\"checked\"]': {\n    transform: `translateX(${ROOT_WIDTH - THUMB_GAP - THUMB_DIAMETER}px)`,\n  },\n});\n\nconst StyledSwitch = styled(SwitchPrimitive.Root, {\n  all: 'unset',\n  boxSizing: 'border-box',\n  userSelect: 'none',\n  '&::before': {\n    boxSizing: 'border-box',\n  },\n  '&::after': {\n    boxSizing: 'border-box',\n  },\n\n  // Reset\n  alignItems: 'center',\n  display: 'inline-flex',\n  justifyContent: 'center',\n  lineHeight: '1',\n  margin: '0',\n  outline: 'none',\n  WebkitTapHighlightColor: 'rgba(0,0,0,0)',\n\n  backgroundColor: '$switchBackground',\n  borderRadius: '$pill',\n  position: 'relative',\n  '@hover': {\n    '&:hover': {\n      cursor: 'pointer',\n      [`& ${StyledThumb}`]: {\n        ...elevationVariants[1],\n      },\n    },\n  },\n  '&:focus': {\n    outline: '2px solid $switchFocusBorder',\n    [`& ${StyledThumb}`]: {\n      ...elevationVariants[2],\n    },\n  },\n  '&:disabled': {\n    pointerEvents: 'none',\n    opacity: 0.38,\n  },\n  '&[data-state=\"checked\"]': {\n    backgroundColor: '$switchActiveBackground',\n  },\n\n  variants: {\n    size: {\n      '1': {\n        width: ROOT_WIDTH,\n        height: ROOT_HEIGHT,\n        m: '$2',\n      },\n      '2': {\n        width: ROOT_WIDTH * LARGE_RATIO,\n        height: ROOT_HEIGHT * LARGE_RATIO,\n        [`& ${StyledThumb}`]: {\n          width: THUMB_DIAMETER * LARGE_RATIO,\n          height: THUMB_DIAMETER * LARGE_RATIO,\n          transform: `translateX(${LARGE_RATIO * THUMB_GAP})`,\n\n          '&[data-state=\"checked\"]': {\n            transform: `translateX(${LARGE_RATIO * (ROOT_WIDTH - THUMB_GAP - THUMB_DIAMETER)}px)`,\n          },\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    size: '1',\n  },\n});\n\nexport type SwitchVariants = VariantProps<typeof StyledSwitch>;\ntype SwitchPrimitiveProps = Omit<React.ComponentProps<typeof SwitchPrimitive.Root>, 'as'>;\nexport type SwitchProps = SwitchPrimitiveProps & SwitchVariants & { css?: CSS };\n\nexport const Switch = React.forwardRef<React.ElementRef<typeof StyledSwitch>, SwitchProps>(\n  (props, forwardedRef) => (\n    <StyledSwitch {...props} ref={forwardedRef}>\n      <StyledThumb />\n    </StyledSwitch>\n  )\n);\n"],"names":[],"mappings":";;;;;AAOA,MAAM,iBAAiB;AACvB,MAAM,cAAc;AACpB,MAAM,YAAY;AAClB,MAAM,aAAa;AACnB,MAAM,cAAc;AAGpB,MAAM,cAAc,OAAO,gBAAgB,OAAO;AAAA,EAChD,UAAU;AAAA,EACV,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,iBAAiB;AAAA,EACjB,cAAc;AAAA,EACd,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,WAAW,cAAc,SAAS;AAAA,EAClC,YAAY;AAAA,EAEZ,2BAA2B;AAAA,IACzB,WAAW,cAAc,aAAa,YAAY,cAAc;AAAA,EAAA;AAEpE,CAAC;AAED,MAAM,eAAe,OAAO,gBAAgB,MAAM;AAAA,EAChD,KAAK;AAAA,EACL,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,aAAa;AAAA,IACX,WAAW;AAAA,EAAA;AAAA,EAEb,YAAY;AAAA,IACV,WAAW;AAAA,EAAA;AAAA;AAAA,EAIb,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,gBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,yBAAyB;AAAA,EAEzB,iBAAiB;AAAA,EACjB,cAAc;AAAA,EACd,UAAU;AAAA,EACV,UAAU;AAAA,IACR,WAAW;AAAA,MACT,QAAQ;AAAA,MACR,CAAC,KAAK,WAAW,EAAE,GAAG;AAAA,QACpB,GAAG,kBAAkB,CAAC;AAAA,MAAA;AAAA,IACxB;AAAA,EACF;AAAA,EAEF,WAAW;AAAA,IACT,SAAS;AAAA,IACT,CAAC,KAAK,WAAW,EAAE,GAAG;AAAA,MACpB,GAAG,kBAAkB,CAAC;AAAA,IAAA;AAAA,EACxB;AAAA,EAEF,cAAc;AAAA,IACZ,eAAe;AAAA,IACf,SAAS;AAAA,EAAA;AAAA,EAEX,2BAA2B;AAAA,IACzB,iBAAiB;AAAA,EAAA;AAAA,EAGnB,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,KAAK;AAAA,QACH,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,GAAG;AAAA,MAAA;AAAA,MAEL,KAAK;AAAA,QACH,OAAO,aAAa;AAAA,QACpB,QAAQ,cAAc;AAAA,QACtB,CAAC,KAAK,WAAW,EAAE,GAAG;AAAA,UACpB,OAAO,iBAAiB;AAAA,UACxB,QAAQ,iBAAiB;AAAA,UACzB,WAAW,cAAc,cAAc,SAAS;AAAA,UAEhD,2BAA2B;AAAA,YACzB,WAAW,cAAc,eAAe,aAAa,YAAY,eAAe;AAAA,UAAA;AAAA,QAClF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EAEF,iBAAiB;AAAA,IACf,MAAM;AAAA,EAAA;AAEV,CAAC;AAMM,MAAM,SAAS,MAAM;AAAA,EAC1B,CAAC,OAAO,iBACN,oBAAC,cAAA,EAAc,GAAG,OAAO,KAAK,cAC5B,UAAA,oBAAC,aAAA,CAAA,CAAY,EAAA,CACf;AAEJ;"}
+{"version":3,"file":"Switch.js","names":[],"sources":["../../../components/Switch/Switch.tsx"],"sourcesContent":["import * as SwitchPrimitive from '@radix-ui/react-switch';\nimport React from 'react';\n\nimport { CSS, styled, VariantProps } from '../../stitches.config';\nimport { elevationVariants } from '../Elevation';\n\n// CONSTANTS\nconst THUMB_DIAMETER = 14; // @FIXME: shouldn't this size be part of theme ?\nconst LARGE_RATIO = 1.5;\nconst THUMB_GAP = 2; // Gap between thumb and background\nconst ROOT_WIDTH = 32;\nconst ROOT_HEIGHT = 18;\n\n// COMPONENTS\nconst StyledThumb = styled(SwitchPrimitive.Thumb, {\n  position: 'absolute',\n  left: 0,\n  width: THUMB_DIAMETER,\n  height: THUMB_DIAMETER,\n  backgroundColor: '$switchThumb',\n  borderRadius: '$round',\n  boxShadow: 'rgba(0, 0, 0, 0.3) 0px 0px 1px, rgba(0, 0, 0, 0.2) 0px 1px 2px;',\n  transition: 'transform 100ms cubic-bezier(0.22, 1, 0.36, 1)',\n  transform: `translateX(${THUMB_GAP}px)`,\n  willChange: 'transform',\n\n  '&[data-state=\"checked\"]': {\n    transform: `translateX(${ROOT_WIDTH - THUMB_GAP - THUMB_DIAMETER}px)`,\n  },\n});\n\nconst StyledSwitch = styled(SwitchPrimitive.Root, {\n  all: 'unset',\n  boxSizing: 'border-box',\n  userSelect: 'none',\n  '&::before': {\n    boxSizing: 'border-box',\n  },\n  '&::after': {\n    boxSizing: 'border-box',\n  },\n\n  // Reset\n  alignItems: 'center',\n  display: 'inline-flex',\n  justifyContent: 'center',\n  lineHeight: '1',\n  margin: '0',\n  outline: 'none',\n  WebkitTapHighlightColor: 'rgba(0,0,0,0)',\n\n  backgroundColor: '$switchBackground',\n  borderRadius: '$pill',\n  position: 'relative',\n  '@hover': {\n    '&:hover': {\n      cursor: 'pointer',\n      [`& ${StyledThumb}`]: {\n        ...elevationVariants[1],\n      },\n    },\n  },\n  '&:focus': {\n    outline: '2px solid $switchFocusBorder',\n    [`& ${StyledThumb}`]: {\n      ...elevationVariants[2],\n    },\n  },\n  '&:disabled': {\n    pointerEvents: 'none',\n    opacity: 0.38,\n  },\n  '&[data-state=\"checked\"]': {\n    backgroundColor: '$switchActiveBackground',\n  },\n\n  variants: {\n    size: {\n      '1': {\n        width: ROOT_WIDTH,\n        height: ROOT_HEIGHT,\n        m: '$2',\n      },\n      '2': {\n        width: ROOT_WIDTH * LARGE_RATIO,\n        height: ROOT_HEIGHT * LARGE_RATIO,\n        [`& ${StyledThumb}`]: {\n          width: THUMB_DIAMETER * LARGE_RATIO,\n          height: THUMB_DIAMETER * LARGE_RATIO,\n          transform: `translateX(${LARGE_RATIO * THUMB_GAP})`,\n\n          '&[data-state=\"checked\"]': {\n            transform: `translateX(${LARGE_RATIO * (ROOT_WIDTH - THUMB_GAP - THUMB_DIAMETER)}px)`,\n          },\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    size: '1',\n  },\n});\n\nexport type SwitchVariants = VariantProps<typeof StyledSwitch>;\ntype SwitchPrimitiveProps = Omit<React.ComponentProps<typeof SwitchPrimitive.Root>, 'as'>;\nexport type SwitchProps = SwitchPrimitiveProps & SwitchVariants & { css?: CSS };\n\nexport const Switch = React.forwardRef<React.ElementRef<typeof StyledSwitch>, SwitchProps>(\n  (props, forwardedRef) => (\n    <StyledSwitch {...props} ref={forwardedRef}>\n      <StyledThumb />\n    </StyledSwitch>\n  )\n);\n"],"mappings":";;;;;;AAOA,IAAM,iBAAiB;AACvB,IAAM,cAAc;AACpB,IAAM,YAAY;AAClB,IAAM,aAAa;AACnB,IAAM,cAAc;AAGpB,IAAM,cAAc,OAAO,gBAAgB,OAAO;CAChD,UAAU;CACV,MAAM;CACN,OAAO;CACP,QAAQ;CACR,iBAAiB;CACjB,cAAc;CACd,WAAW;CACX,YAAY;CACZ,WAAW,cAAc,UAAU;CACnC,YAAY;CAEZ,6BAA2B,EACzB,WAAW,cAAc,aAAa,YAAY,eAAe,MAClE;CACF,CAAC;AAEF,IAAM,eAAe,OAAO,gBAAgB,MAAM;CAChD,KAAK;CACL,WAAW;CACX,YAAY;CACZ,aAAa,EACX,WAAW,cACZ;CACD,YAAY,EACV,WAAW,cACZ;CAGD,YAAY;CACZ,SAAS;CACT,gBAAgB;CAChB,YAAY;CACZ,QAAQ;CACR,SAAS;CACT,yBAAyB;CAEzB,iBAAiB;CACjB,cAAc;CACd,UAAU;CACV,UAAU,EACR,WAAW;EACT,QAAQ;GACP,KAAK,gBAAgB,EACpB,GAAG,kBAAkB,IACtB;EACF,EACF;CACD,WAAW;EACT,SAAS;GACR,KAAK,gBAAgB,EACpB,GAAG,kBAAkB,IACtB;EACF;CACD,cAAc;EACZ,eAAe;EACf,SAAS;EACV;CACD,6BAA2B,EACzB,iBAAiB,2BAClB;CAED,UAAU,EACR,MAAM;EACJ,KAAK;GACH,OAAO;GACP,QAAQ;GACR,GAAG;GACJ;EACD,KAAK;GACH,OAAO,aAAa;GACpB,QAAQ,cAAc;IACrB,KAAK,gBAAgB;IACpB,OAAO,iBAAiB;IACxB,QAAQ,iBAAiB;IACzB,WAAW,cAAc,cAAc,UAAU;IAEjD,6BAA2B,EACzB,WAAW,cAAc,eAAe,aAAa,YAAY,gBAAgB,MAClF;IACF;GACF;EACF,EACF;CACD,iBAAiB,EACf,MAAM,KACP;CACF,CAAC;AAMF,IAAa,SAAS,MAAM,YACzB,OAAO,iBACN,oBAAC,cAAD;CAAc,GAAI;CAAO,KAAK;WAC5B,oBAAC,aAAD,EAAe,CAAA;CACF,CAAA,CAElB"}

package/dist/components/Switch/Switch.themes.cjs

@@ -1,19 +1,28 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const tinycolor = require("tinycolor2");
-exports.Theme = void 0;
-((Theme2) => {
-  Theme2.getLight = (primaryColor) => ({
-    switchBackground: tinycolor("black").setAlpha(0.2).toHslString(),
-    switchActiveBackground: "$primary",
-    switchFocusBorder: primaryColor.helpers.pickScale(8),
-    switchThumb: tinycolor("white").setAlpha(0.87).toHslString()
-  });
-  Theme2.getDark = (primaryColor) => ({
-    switchBackground: tinycolor("white").setAlpha(0.2).toHslString(),
-    switchActiveBackground: "$primary",
-    switchFocusBorder: primaryColor.helpers.pickScale(11),
-    switchThumb: tinycolor("black").setAlpha(0.87).toHslString()
-  });
-})(exports.Theme || (exports.Theme = {}));
-//# sourceMappingURL=Switch.themes.cjs.map
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+let tinycolor2 = require("tinycolor2");
+tinycolor2 = require_runtime.__toESM(tinycolor2, 1);
+//#region components/Switch/Switch.themes.ts
+var Theme;
+(function(_Theme) {
+	_Theme.getLight = (primaryColor) => ({
+		switchBackground: (0, tinycolor2.default)("black").setAlpha(.2).toHslString(),
+		switchActiveBackground: "$primary",
+		switchFocusBorder: primaryColor.helpers.pickScale(8),
+		switchThumb: (0, tinycolor2.default)("white").setAlpha(.87).toHslString()
+	});
+	_Theme.getDark = (primaryColor) => ({
+		switchBackground: (0, tinycolor2.default)("white").setAlpha(.2).toHslString(),
+		switchActiveBackground: "$primary",
+		switchFocusBorder: primaryColor.helpers.pickScale(11),
+		switchThumb: (0, tinycolor2.default)("black").setAlpha(.87).toHslString()
+	});
+})(Theme || (Theme = {}));
+//#endregion
+Object.defineProperty(exports, "Theme", {
+	enumerable: true,
+	get: function() {
+		return Theme;
+	}
+});
+
+//# sourceMappingURL=Switch.themes.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Switch.themes.cjs","sources":["../../../components/Switch/Switch.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    switchBackground: Property.Color;\n    switchActiveBackground: Property.Color;\n    switchFocusBorder: Property.Color;\n    switchThumb: Property.Color;\n  };\n\n  type Factory = (primaryColor: ColorInfo) => Colors;\n\n  export const getLight: Factory = (primaryColor) => ({\n    switchBackground: tinycolor('black').setAlpha(0.2).toHslString(),\n    switchActiveBackground: '$primary',\n    switchFocusBorder: primaryColor.helpers.pickScale(8),\n    switchThumb: tinycolor('white').setAlpha(0.87).toHslString(),\n  });\n\n  export const getDark: Factory = (primaryColor) => ({\n    switchBackground: tinycolor('white').setAlpha(0.2).toHslString(),\n    switchActiveBackground: '$primary',\n    switchFocusBorder: primaryColor.helpers.pickScale(11),\n    switchThumb: tinycolor('black').setAlpha(0.87).toHslString(),\n  });\n}\n"],"names":["Theme"],"mappings":";;;AAKiBA,QAAAA,QAAAA;AAAAA,CAAV,CAAUA,WAAV;AAUQA,SAAA,WAAoB,CAAC,kBAAkB;AAAA,IAClD,kBAAkB,UAAU,OAAO,EAAE,SAAS,GAAG,EAAE,YAAA;AAAA,IACnD,wBAAwB;AAAA,IACxB,mBAAmB,aAAa,QAAQ,UAAU,CAAC;AAAA,IACnD,aAAa,UAAU,OAAO,EAAE,SAAS,IAAI,EAAE,YAAA;AAAA,EAAY;AAGhDA,SAAA,UAAmB,CAAC,kBAAkB;AAAA,IACjD,kBAAkB,UAAU,OAAO,EAAE,SAAS,GAAG,EAAE,YAAA;AAAA,IACnD,wBAAwB;AAAA,IACxB,mBAAmB,aAAa,QAAQ,UAAU,EAAE;AAAA,IACpD,aAAa,UAAU,OAAO,EAAE,SAAS,IAAI,EAAE,YAAA;AAAA,EAAY;AAC7D,GAtBeA,QAAAA,UAAAA,gBAAA,CAAA,EAAA;"}
+{"version":3,"file":"Switch.themes.cjs","names":[],"sources":["../../../components/Switch/Switch.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    switchBackground: Property.Color;\n    switchActiveBackground: Property.Color;\n    switchFocusBorder: Property.Color;\n    switchThumb: Property.Color;\n  };\n\n  type Factory = (primaryColor: ColorInfo) => Colors;\n\n  export const getLight: Factory = (primaryColor) => ({\n    switchBackground: tinycolor('black').setAlpha(0.2).toHslString(),\n    switchActiveBackground: '$primary',\n    switchFocusBorder: primaryColor.helpers.pickScale(8),\n    switchThumb: tinycolor('white').setAlpha(0.87).toHslString(),\n  });\n\n  export const getDark: Factory = (primaryColor) => ({\n    switchBackground: tinycolor('white').setAlpha(0.2).toHslString(),\n    switchActiveBackground: '$primary',\n    switchFocusBorder: primaryColor.helpers.pickScale(11),\n    switchThumb: tinycolor('black').setAlpha(0.87).toHslString(),\n  });\n}\n"],"mappings":";;;;AAKO,IAAA;;AAUQ,QAAA,YAAqB,kBAAkB;EAClD,mBAAA,GAAA,WAAA,SAA4B,QAAQ,CAAC,SAAS,GAAI,CAAC,aAAa;EAChE,wBAAwB;EACxB,mBAAmB,aAAa,QAAQ,UAAU,EAAE;EACpD,cAAA,GAAA,WAAA,SAAuB,QAAQ,CAAC,SAAS,IAAK,CAAC,aAAa;EAC7D;AAEY,QAAA,WAAoB,kBAAkB;EACjD,mBAAA,GAAA,WAAA,SAA4B,QAAQ,CAAC,SAAS,GAAI,CAAC,aAAa;EAChE,wBAAwB;EACxB,mBAAmB,aAAa,QAAQ,UAAU,GAAG;EACrD,cAAA,GAAA,WAAA,SAAuB,QAAQ,CAAC,SAAS,IAAK,CAAC,aAAa;EAC7D;yBACF"}

package/dist/components/Switch/Switch.themes.js

@@ -1,20 +1,21 @@
 import tinycolor from "tinycolor2";
+//#region components/Switch/Switch.themes.ts
 var Theme;
-((Theme2) => {
-  Theme2.getLight = (primaryColor) => ({
-    switchBackground: tinycolor("black").setAlpha(0.2).toHslString(),
-    switchActiveBackground: "$primary",
-    switchFocusBorder: primaryColor.helpers.pickScale(8),
-    switchThumb: tinycolor("white").setAlpha(0.87).toHslString()
-  });
-  Theme2.getDark = (primaryColor) => ({
-    switchBackground: tinycolor("white").setAlpha(0.2).toHslString(),
-    switchActiveBackground: "$primary",
-    switchFocusBorder: primaryColor.helpers.pickScale(11),
-    switchThumb: tinycolor("black").setAlpha(0.87).toHslString()
-  });
+(function(_Theme) {
+	_Theme.getLight = (primaryColor) => ({
+		switchBackground: tinycolor("black").setAlpha(.2).toHslString(),
+		switchActiveBackground: "$primary",
+		switchFocusBorder: primaryColor.helpers.pickScale(8),
+		switchThumb: tinycolor("white").setAlpha(.87).toHslString()
+	});
+	_Theme.getDark = (primaryColor) => ({
+		switchBackground: tinycolor("white").setAlpha(.2).toHslString(),
+		switchActiveBackground: "$primary",
+		switchFocusBorder: primaryColor.helpers.pickScale(11),
+		switchThumb: tinycolor("black").setAlpha(.87).toHslString()
+	});
 })(Theme || (Theme = {}));
-export {
-  Theme
-};
-//# sourceMappingURL=Switch.themes.js.map
+//#endregion
+export { Theme };
+
+//# sourceMappingURL=Switch.themes.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Switch.themes.js","sources":["../../../components/Switch/Switch.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    switchBackground: Property.Color;\n    switchActiveBackground: Property.Color;\n    switchFocusBorder: Property.Color;\n    switchThumb: Property.Color;\n  };\n\n  type Factory = (primaryColor: ColorInfo) => Colors;\n\n  export const getLight: Factory = (primaryColor) => ({\n    switchBackground: tinycolor('black').setAlpha(0.2).toHslString(),\n    switchActiveBackground: '$primary',\n    switchFocusBorder: primaryColor.helpers.pickScale(8),\n    switchThumb: tinycolor('white').setAlpha(0.87).toHslString(),\n  });\n\n  export const getDark: Factory = (primaryColor) => ({\n    switchBackground: tinycolor('white').setAlpha(0.2).toHslString(),\n    switchActiveBackground: '$primary',\n    switchFocusBorder: primaryColor.helpers.pickScale(11),\n    switchThumb: tinycolor('black').setAlpha(0.87).toHslString(),\n  });\n}\n"],"names":["Theme"],"mappings":";AAKO,IAAU;AAAA,CAAV,CAAUA,WAAV;AAUQA,SAAA,WAAoB,CAAC,kBAAkB;AAAA,IAClD,kBAAkB,UAAU,OAAO,EAAE,SAAS,GAAG,EAAE,YAAA;AAAA,IACnD,wBAAwB;AAAA,IACxB,mBAAmB,aAAa,QAAQ,UAAU,CAAC;AAAA,IACnD,aAAa,UAAU,OAAO,EAAE,SAAS,IAAI,EAAE,YAAA;AAAA,EAAY;AAGhDA,SAAA,UAAmB,CAAC,kBAAkB;AAAA,IACjD,kBAAkB,UAAU,OAAO,EAAE,SAAS,GAAG,EAAE,YAAA;AAAA,IACnD,wBAAwB;AAAA,IACxB,mBAAmB,aAAa,QAAQ,UAAU,EAAE;AAAA,IACpD,aAAa,UAAU,OAAO,EAAE,SAAS,IAAI,EAAE,YAAA;AAAA,EAAY;AAC7D,GAtBe,UAAA,QAAA,CAAA,EAAA;"}
+{"version":3,"file":"Switch.themes.js","names":[],"sources":["../../../components/Switch/Switch.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    switchBackground: Property.Color;\n    switchActiveBackground: Property.Color;\n    switchFocusBorder: Property.Color;\n    switchThumb: Property.Color;\n  };\n\n  type Factory = (primaryColor: ColorInfo) => Colors;\n\n  export const getLight: Factory = (primaryColor) => ({\n    switchBackground: tinycolor('black').setAlpha(0.2).toHslString(),\n    switchActiveBackground: '$primary',\n    switchFocusBorder: primaryColor.helpers.pickScale(8),\n    switchThumb: tinycolor('white').setAlpha(0.87).toHslString(),\n  });\n\n  export const getDark: Factory = (primaryColor) => ({\n    switchBackground: tinycolor('white').setAlpha(0.2).toHslString(),\n    switchActiveBackground: '$primary',\n    switchFocusBorder: primaryColor.helpers.pickScale(11),\n    switchThumb: tinycolor('black').setAlpha(0.87).toHslString(),\n  });\n}\n"],"mappings":";;AAKO,IAAA;;AAUQ,QAAA,YAAqB,kBAAkB;EAClD,kBAAkB,UAAU,QAAQ,CAAC,SAAS,GAAI,CAAC,aAAa;EAChE,wBAAwB;EACxB,mBAAmB,aAAa,QAAQ,UAAU,EAAE;EACpD,aAAa,UAAU,QAAQ,CAAC,SAAS,IAAK,CAAC,aAAa;EAC7D;AAEY,QAAA,WAAoB,kBAAkB;EACjD,kBAAkB,UAAU,QAAQ,CAAC,SAAS,GAAI,CAAC,aAAa;EAChE,wBAAwB;EACxB,mBAAmB,aAAa,QAAQ,UAAU,GAAG;EACrD,aAAa,UAAU,QAAQ,CAAC,SAAS,IAAK,CAAC,aAAa;EAC7D;yBACF"}