@traefik-labs/faency 12.2.1 → 12.2.2

package/dist/components/ButtonSwitch/ButtonSwitch.cjs

@@ -1,81 +1,57 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const ToggleGroupPrimitive = require("@radix-ui/react-toggle-group");
-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 ToggleGroupPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(ToggleGroupPrimitive);
-const ButtonSwitchContainer = stitches_config.styled(ToggleGroupPrimitive__namespace.Root, {
-  display: "inline-flex",
-  bc: "$buttonSwitchContainerBg",
-  borderRadius: "$3",
-  p: "3px",
-  gap: "$1"
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_stitches_config = require("../../stitches.config.cjs");
+let _radix_ui_react_toggle_group = require("@radix-ui/react-toggle-group");
+_radix_ui_react_toggle_group = require_runtime.__toESM(_radix_ui_react_toggle_group, 1);
+//#region components/ButtonSwitch/ButtonSwitch.tsx
+var ButtonSwitchContainer = require_stitches_config.styled(_radix_ui_react_toggle_group.Root, {
+	display: "inline-flex",
+	bc: "$buttonSwitchContainerBg",
+	borderRadius: "$3",
+	p: "3px",
+	gap: "$1"
 });
-const ButtonSwitchItem = stitches_config.styled(ToggleGroupPrimitive__namespace.Item, {
-  display: "inline-flex",
-  bc: "$buttonSwitchOffBg",
-  c: "$buttonSwitchOffColor",
-  p: "$1",
-  width: "$10",
-  justifyContent: "center",
-  fontWeight: 600,
-  border: "none",
-  position: "relative",
-  "&::before": {
-    boxSizing: "border-box",
-    content: '""',
-    position: "absolute",
-    inset: 0,
-    borderRadius: "$3"
-  },
-  "&::after": {
-    boxSizing: "border-box",
-    content: '""',
-    position: "absolute",
-    inset: 0,
-    borderRadius: "$3"
-  },
-  "&:focus-visible": {
-    borderRadius: "$3",
-    "&::before": {
-      backgroundColor: "rgba(255, 255, 255, 0.15)"
-    },
-    "&::after": {
-      opacity: 0.15
-    }
-  },
-  "@hover": {
-    "&:hover": {
-      cursor: "pointer",
-      "&::before": {
-        backgroundColor: "rgba(255, 255, 255, 0.15)"
-      },
-      "&::after": {
-        opacity: 0.05
-      }
-    }
-  },
-  "&[data-state=on]": {
-    bc: "$buttonSwitchActiveBg",
-    c: "$buttonSwitchActiveColor",
-    borderRadius: "$3"
-  }
+var ButtonSwitchItem = require_stitches_config.styled(_radix_ui_react_toggle_group.Item, {
+	display: "inline-flex",
+	bc: "$buttonSwitchOffBg",
+	c: "$buttonSwitchOffColor",
+	p: "$1",
+	width: "$10",
+	justifyContent: "center",
+	fontWeight: 600,
+	border: "none",
+	position: "relative",
+	"&::before": {
+		boxSizing: "border-box",
+		content: "\"\"",
+		position: "absolute",
+		inset: 0,
+		borderRadius: "$3"
+	},
+	"&::after": {
+		boxSizing: "border-box",
+		content: "\"\"",
+		position: "absolute",
+		inset: 0,
+		borderRadius: "$3"
+	},
+	"&:focus-visible": {
+		borderRadius: "$3",
+		"&::before": { backgroundColor: "rgba(255, 255, 255, 0.15)" },
+		"&::after": { opacity: .15 }
+	},
+	"@hover": { "&:hover": {
+		cursor: "pointer",
+		"&::before": { backgroundColor: "rgba(255, 255, 255, 0.15)" },
+		"&::after": { opacity: .05 }
+	} },
+	"&[data-state=on]": {
+		bc: "$buttonSwitchActiveBg",
+		c: "$buttonSwitchActiveColor",
+		borderRadius: "$3"
+	}
 });
+//#endregion
 exports.ButtonSwitchContainer = ButtonSwitchContainer;
 exports.ButtonSwitchItem = ButtonSwitchItem;
-//# sourceMappingURL=ButtonSwitch.cjs.map
+
+//# sourceMappingURL=ButtonSwitch.cjs.map

package/dist/components/ButtonSwitch/ButtonSwitch.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonSwitch.cjs","sources":["../../../components/ButtonSwitch/ButtonSwitch.tsx"],"sourcesContent":["import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';\n\nimport { styled } from '../../stitches.config';\n\nexport const ButtonSwitchContainer = styled(ToggleGroupPrimitive.Root, {\n  display: 'inline-flex',\n  bc: '$buttonSwitchContainerBg',\n  borderRadius: '$3',\n  p: '3px',\n  gap: '$1',\n});\n\nexport const ButtonSwitchItem = styled(ToggleGroupPrimitive.Item, {\n  display: 'inline-flex',\n  bc: '$buttonSwitchOffBg',\n  c: '$buttonSwitchOffColor',\n  p: '$1',\n  width: '$10',\n  justifyContent: 'center',\n  fontWeight: 600,\n  border: 'none',\n  position: 'relative',\n\n  '&::before': {\n    boxSizing: 'border-box',\n    content: '\"\"',\n    position: 'absolute',\n    inset: 0,\n    borderRadius: '$3',\n  },\n  '&::after': {\n    boxSizing: 'border-box',\n    content: '\"\"',\n    position: 'absolute',\n    inset: 0,\n    borderRadius: '$3',\n  },\n\n  '&:focus-visible': {\n    borderRadius: '$3',\n    '&::before': {\n      backgroundColor: 'rgba(255, 255, 255, 0.15)',\n    },\n    '&::after': {\n      opacity: 0.15,\n    },\n  },\n\n  '@hover': {\n    '&:hover': {\n      cursor: 'pointer',\n      '&::before': {\n        backgroundColor: 'rgba(255, 255, 255, 0.15)',\n      },\n      '&::after': {\n        opacity: 0.05,\n      },\n    },\n  },\n\n  '&[data-state=on]': {\n    bc: '$buttonSwitchActiveBg',\n    c: '$buttonSwitchActiveColor',\n    borderRadius: '$3',\n  },\n});\n"],"names":["styled","ToggleGroupPrimitive"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAIO,MAAM,wBAAwBA,gBAAAA,OAAOC,gCAAqB,MAAM;AAAA,EACrE,SAAS;AAAA,EACT,IAAI;AAAA,EACJ,cAAc;AAAA,EACd,GAAG;AAAA,EACH,KAAK;AACP,CAAC;AAEM,MAAM,mBAAmBD,gBAAAA,OAAOC,gCAAqB,MAAM;AAAA,EAChE,SAAS;AAAA,EACT,IAAI;AAAA,EACJ,GAAG;AAAA,EACH,GAAG;AAAA,EACH,OAAO;AAAA,EACP,gBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,UAAU;AAAA,EAEV,aAAa;AAAA,IACX,WAAW;AAAA,IACX,SAAS;AAAA,IACT,UAAU;AAAA,IACV,OAAO;AAAA,IACP,cAAc;AAAA,EAAA;AAAA,EAEhB,YAAY;AAAA,IACV,WAAW;AAAA,IACX,SAAS;AAAA,IACT,UAAU;AAAA,IACV,OAAO;AAAA,IACP,cAAc;AAAA,EAAA;AAAA,EAGhB,mBAAmB;AAAA,IACjB,cAAc;AAAA,IACd,aAAa;AAAA,MACX,iBAAiB;AAAA,IAAA;AAAA,IAEnB,YAAY;AAAA,MACV,SAAS;AAAA,IAAA;AAAA,EACX;AAAA,EAGF,UAAU;AAAA,IACR,WAAW;AAAA,MACT,QAAQ;AAAA,MACR,aAAa;AAAA,QACX,iBAAiB;AAAA,MAAA;AAAA,MAEnB,YAAY;AAAA,QACV,SAAS;AAAA,MAAA;AAAA,IACX;AAAA,EACF;AAAA,EAGF,oBAAoB;AAAA,IAClB,IAAI;AAAA,IACJ,GAAG;AAAA,IACH,cAAc;AAAA,EAAA;AAElB,CAAC;;;"}
+{"version":3,"file":"ButtonSwitch.cjs","names":[],"sources":["../../../components/ButtonSwitch/ButtonSwitch.tsx"],"sourcesContent":["import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';\n\nimport { styled } from '../../stitches.config';\n\nexport const ButtonSwitchContainer = styled(ToggleGroupPrimitive.Root, {\n  display: 'inline-flex',\n  bc: '$buttonSwitchContainerBg',\n  borderRadius: '$3',\n  p: '3px',\n  gap: '$1',\n});\n\nexport const ButtonSwitchItem = styled(ToggleGroupPrimitive.Item, {\n  display: 'inline-flex',\n  bc: '$buttonSwitchOffBg',\n  c: '$buttonSwitchOffColor',\n  p: '$1',\n  width: '$10',\n  justifyContent: 'center',\n  fontWeight: 600,\n  border: 'none',\n  position: 'relative',\n\n  '&::before': {\n    boxSizing: 'border-box',\n    content: '\"\"',\n    position: 'absolute',\n    inset: 0,\n    borderRadius: '$3',\n  },\n  '&::after': {\n    boxSizing: 'border-box',\n    content: '\"\"',\n    position: 'absolute',\n    inset: 0,\n    borderRadius: '$3',\n  },\n\n  '&:focus-visible': {\n    borderRadius: '$3',\n    '&::before': {\n      backgroundColor: 'rgba(255, 255, 255, 0.15)',\n    },\n    '&::after': {\n      opacity: 0.15,\n    },\n  },\n\n  '@hover': {\n    '&:hover': {\n      cursor: 'pointer',\n      '&::before': {\n        backgroundColor: 'rgba(255, 255, 255, 0.15)',\n      },\n      '&::after': {\n        opacity: 0.05,\n      },\n    },\n  },\n\n  '&[data-state=on]': {\n    bc: '$buttonSwitchActiveBg',\n    c: '$buttonSwitchActiveColor',\n    borderRadius: '$3',\n  },\n});\n"],"mappings":";;;;;AAIA,IAAa,wBAAwB,wBAAA,OAAO,6BAAqB,MAAM;CACrE,SAAS;CACT,IAAI;CACJ,cAAc;CACd,GAAG;CACH,KAAK;CACN,CAAC;AAEF,IAAa,mBAAmB,wBAAA,OAAO,6BAAqB,MAAM;CAChE,SAAS;CACT,IAAI;CACJ,GAAG;CACH,GAAG;CACH,OAAO;CACP,gBAAgB;CAChB,YAAY;CACZ,QAAQ;CACR,UAAU;CAEV,aAAa;EACX,WAAW;EACX,SAAS;EACT,UAAU;EACV,OAAO;EACP,cAAc;EACf;CACD,YAAY;EACV,WAAW;EACX,SAAS;EACT,UAAU;EACV,OAAO;EACP,cAAc;EACf;CAED,mBAAmB;EACjB,cAAc;EACd,aAAa,EACX,iBAAiB,6BAClB;EACD,YAAY,EACV,SAAS,KACV;EACF;CAED,UAAU,EACR,WAAW;EACT,QAAQ;EACR,aAAa,EACX,iBAAiB,6BAClB;EACD,YAAY,EACV,SAAS,KACV;EACF,EACF;CAED,oBAAoB;EAClB,IAAI;EACJ,GAAG;EACH,cAAc;EACf;CACF,CAAC"}

package/dist/components/ButtonSwitch/ButtonSwitch.js

@@ -1,64 +1,54 @@
-import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
 import { styled } from "../../stitches.config.js";
-const ButtonSwitchContainer = styled(ToggleGroupPrimitive.Root, {
-  display: "inline-flex",
-  bc: "$buttonSwitchContainerBg",
-  borderRadius: "$3",
-  p: "3px",
-  gap: "$1"
+import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
+//#region components/ButtonSwitch/ButtonSwitch.tsx
+var ButtonSwitchContainer = styled(ToggleGroupPrimitive.Root, {
+	display: "inline-flex",
+	bc: "$buttonSwitchContainerBg",
+	borderRadius: "$3",
+	p: "3px",
+	gap: "$1"
 });
-const ButtonSwitchItem = styled(ToggleGroupPrimitive.Item, {
-  display: "inline-flex",
-  bc: "$buttonSwitchOffBg",
-  c: "$buttonSwitchOffColor",
-  p: "$1",
-  width: "$10",
-  justifyContent: "center",
-  fontWeight: 600,
-  border: "none",
-  position: "relative",
-  "&::before": {
-    boxSizing: "border-box",
-    content: '""',
-    position: "absolute",
-    inset: 0,
-    borderRadius: "$3"
-  },
-  "&::after": {
-    boxSizing: "border-box",
-    content: '""',
-    position: "absolute",
-    inset: 0,
-    borderRadius: "$3"
-  },
-  "&:focus-visible": {
-    borderRadius: "$3",
-    "&::before": {
-      backgroundColor: "rgba(255, 255, 255, 0.15)"
-    },
-    "&::after": {
-      opacity: 0.15
-    }
-  },
-  "@hover": {
-    "&:hover": {
-      cursor: "pointer",
-      "&::before": {
-        backgroundColor: "rgba(255, 255, 255, 0.15)"
-      },
-      "&::after": {
-        opacity: 0.05
-      }
-    }
-  },
-  "&[data-state=on]": {
-    bc: "$buttonSwitchActiveBg",
-    c: "$buttonSwitchActiveColor",
-    borderRadius: "$3"
-  }
+var ButtonSwitchItem = styled(ToggleGroupPrimitive.Item, {
+	display: "inline-flex",
+	bc: "$buttonSwitchOffBg",
+	c: "$buttonSwitchOffColor",
+	p: "$1",
+	width: "$10",
+	justifyContent: "center",
+	fontWeight: 600,
+	border: "none",
+	position: "relative",
+	"&::before": {
+		boxSizing: "border-box",
+		content: "\"\"",
+		position: "absolute",
+		inset: 0,
+		borderRadius: "$3"
+	},
+	"&::after": {
+		boxSizing: "border-box",
+		content: "\"\"",
+		position: "absolute",
+		inset: 0,
+		borderRadius: "$3"
+	},
+	"&:focus-visible": {
+		borderRadius: "$3",
+		"&::before": { backgroundColor: "rgba(255, 255, 255, 0.15)" },
+		"&::after": { opacity: .15 }
+	},
+	"@hover": { "&:hover": {
+		cursor: "pointer",
+		"&::before": { backgroundColor: "rgba(255, 255, 255, 0.15)" },
+		"&::after": { opacity: .05 }
+	} },
+	"&[data-state=on]": {
+		bc: "$buttonSwitchActiveBg",
+		c: "$buttonSwitchActiveColor",
+		borderRadius: "$3"
+	}
 });
-export {
-  ButtonSwitchContainer,
-  ButtonSwitchItem
-};
-//# sourceMappingURL=ButtonSwitch.js.map
+//#endregion
+export { ButtonSwitchContainer, ButtonSwitchItem };
+
+//# sourceMappingURL=ButtonSwitch.js.map

package/dist/components/ButtonSwitch/ButtonSwitch.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonSwitch.js","sources":["../../../components/ButtonSwitch/ButtonSwitch.tsx"],"sourcesContent":["import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';\n\nimport { styled } from '../../stitches.config';\n\nexport const ButtonSwitchContainer = styled(ToggleGroupPrimitive.Root, {\n  display: 'inline-flex',\n  bc: '$buttonSwitchContainerBg',\n  borderRadius: '$3',\n  p: '3px',\n  gap: '$1',\n});\n\nexport const ButtonSwitchItem = styled(ToggleGroupPrimitive.Item, {\n  display: 'inline-flex',\n  bc: '$buttonSwitchOffBg',\n  c: '$buttonSwitchOffColor',\n  p: '$1',\n  width: '$10',\n  justifyContent: 'center',\n  fontWeight: 600,\n  border: 'none',\n  position: 'relative',\n\n  '&::before': {\n    boxSizing: 'border-box',\n    content: '\"\"',\n    position: 'absolute',\n    inset: 0,\n    borderRadius: '$3',\n  },\n  '&::after': {\n    boxSizing: 'border-box',\n    content: '\"\"',\n    position: 'absolute',\n    inset: 0,\n    borderRadius: '$3',\n  },\n\n  '&:focus-visible': {\n    borderRadius: '$3',\n    '&::before': {\n      backgroundColor: 'rgba(255, 255, 255, 0.15)',\n    },\n    '&::after': {\n      opacity: 0.15,\n    },\n  },\n\n  '@hover': {\n    '&:hover': {\n      cursor: 'pointer',\n      '&::before': {\n        backgroundColor: 'rgba(255, 255, 255, 0.15)',\n      },\n      '&::after': {\n        opacity: 0.05,\n      },\n    },\n  },\n\n  '&[data-state=on]': {\n    bc: '$buttonSwitchActiveBg',\n    c: '$buttonSwitchActiveColor',\n    borderRadius: '$3',\n  },\n});\n"],"names":[],"mappings":";;AAIO,MAAM,wBAAwB,OAAO,qBAAqB,MAAM;AAAA,EACrE,SAAS;AAAA,EACT,IAAI;AAAA,EACJ,cAAc;AAAA,EACd,GAAG;AAAA,EACH,KAAK;AACP,CAAC;AAEM,MAAM,mBAAmB,OAAO,qBAAqB,MAAM;AAAA,EAChE,SAAS;AAAA,EACT,IAAI;AAAA,EACJ,GAAG;AAAA,EACH,GAAG;AAAA,EACH,OAAO;AAAA,EACP,gBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,UAAU;AAAA,EAEV,aAAa;AAAA,IACX,WAAW;AAAA,IACX,SAAS;AAAA,IACT,UAAU;AAAA,IACV,OAAO;AAAA,IACP,cAAc;AAAA,EAAA;AAAA,EAEhB,YAAY;AAAA,IACV,WAAW;AAAA,IACX,SAAS;AAAA,IACT,UAAU;AAAA,IACV,OAAO;AAAA,IACP,cAAc;AAAA,EAAA;AAAA,EAGhB,mBAAmB;AAAA,IACjB,cAAc;AAAA,IACd,aAAa;AAAA,MACX,iBAAiB;AAAA,IAAA;AAAA,IAEnB,YAAY;AAAA,MACV,SAAS;AAAA,IAAA;AAAA,EACX;AAAA,EAGF,UAAU;AAAA,IACR,WAAW;AAAA,MACT,QAAQ;AAAA,MACR,aAAa;AAAA,QACX,iBAAiB;AAAA,MAAA;AAAA,MAEnB,YAAY;AAAA,QACV,SAAS;AAAA,MAAA;AAAA,IACX;AAAA,EACF;AAAA,EAGF,oBAAoB;AAAA,IAClB,IAAI;AAAA,IACJ,GAAG;AAAA,IACH,cAAc;AAAA,EAAA;AAElB,CAAC;"}
+{"version":3,"file":"ButtonSwitch.js","names":[],"sources":["../../../components/ButtonSwitch/ButtonSwitch.tsx"],"sourcesContent":["import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';\n\nimport { styled } from '../../stitches.config';\n\nexport const ButtonSwitchContainer = styled(ToggleGroupPrimitive.Root, {\n  display: 'inline-flex',\n  bc: '$buttonSwitchContainerBg',\n  borderRadius: '$3',\n  p: '3px',\n  gap: '$1',\n});\n\nexport const ButtonSwitchItem = styled(ToggleGroupPrimitive.Item, {\n  display: 'inline-flex',\n  bc: '$buttonSwitchOffBg',\n  c: '$buttonSwitchOffColor',\n  p: '$1',\n  width: '$10',\n  justifyContent: 'center',\n  fontWeight: 600,\n  border: 'none',\n  position: 'relative',\n\n  '&::before': {\n    boxSizing: 'border-box',\n    content: '\"\"',\n    position: 'absolute',\n    inset: 0,\n    borderRadius: '$3',\n  },\n  '&::after': {\n    boxSizing: 'border-box',\n    content: '\"\"',\n    position: 'absolute',\n    inset: 0,\n    borderRadius: '$3',\n  },\n\n  '&:focus-visible': {\n    borderRadius: '$3',\n    '&::before': {\n      backgroundColor: 'rgba(255, 255, 255, 0.15)',\n    },\n    '&::after': {\n      opacity: 0.15,\n    },\n  },\n\n  '@hover': {\n    '&:hover': {\n      cursor: 'pointer',\n      '&::before': {\n        backgroundColor: 'rgba(255, 255, 255, 0.15)',\n      },\n      '&::after': {\n        opacity: 0.05,\n      },\n    },\n  },\n\n  '&[data-state=on]': {\n    bc: '$buttonSwitchActiveBg',\n    c: '$buttonSwitchActiveColor',\n    borderRadius: '$3',\n  },\n});\n"],"mappings":";;;AAIA,IAAa,wBAAwB,OAAO,qBAAqB,MAAM;CACrE,SAAS;CACT,IAAI;CACJ,cAAc;CACd,GAAG;CACH,KAAK;CACN,CAAC;AAEF,IAAa,mBAAmB,OAAO,qBAAqB,MAAM;CAChE,SAAS;CACT,IAAI;CACJ,GAAG;CACH,GAAG;CACH,OAAO;CACP,gBAAgB;CAChB,YAAY;CACZ,QAAQ;CACR,UAAU;CAEV,aAAa;EACX,WAAW;EACX,SAAS;EACT,UAAU;EACV,OAAO;EACP,cAAc;EACf;CACD,YAAY;EACV,WAAW;EACX,SAAS;EACT,UAAU;EACV,OAAO;EACP,cAAc;EACf;CAED,mBAAmB;EACjB,cAAc;EACd,aAAa,EACX,iBAAiB,6BAClB;EACD,YAAY,EACV,SAAS,KACV;EACF;CAED,UAAU,EACR,WAAW;EACT,QAAQ;EACR,aAAa,EACX,iBAAiB,6BAClB;EACD,YAAY,EACV,SAAS,KACV;EACF,EACF;CAED,oBAAoB;EAClB,IAAI;EACJ,GAAG;EACH,cAAc;EACf;CACF,CAAC"}

package/dist/components/ButtonSwitch/ButtonSwitch.themes.cjs

@@ -1,20 +1,27 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-exports.Theme = void 0;
-((Theme2) => {
-  Theme2.getLight = () => ({
-    buttonSwitchContainerBg: "$02dp",
-    buttonSwitchActiveBg: "$primary",
-    buttonSwitchOffBg: "transparent",
-    buttonSwitchOffColor: "$hiContrast",
-    buttonSwitchActiveColor: "white"
-  });
-  Theme2.getDark = () => ({
-    buttonSwitchContainerBg: "$02dp",
-    buttonSwitchActiveBg: "$primary",
-    buttonSwitchOffBg: "transparent",
-    buttonSwitchOffColor: "$hiContrast",
-    buttonSwitchActiveColor: "$deepBlue2"
-  });
-})(exports.Theme || (exports.Theme = {}));
-//# sourceMappingURL=ButtonSwitch.themes.cjs.map
+//#region components/ButtonSwitch/ButtonSwitch.themes.ts
+var Theme;
+(function(_Theme) {
+	_Theme.getLight = () => ({
+		buttonSwitchContainerBg: "$02dp",
+		buttonSwitchActiveBg: "$primary",
+		buttonSwitchOffBg: "transparent",
+		buttonSwitchOffColor: "$hiContrast",
+		buttonSwitchActiveColor: "white"
+	});
+	_Theme.getDark = () => ({
+		buttonSwitchContainerBg: "$02dp",
+		buttonSwitchActiveBg: "$primary",
+		buttonSwitchOffBg: "transparent",
+		buttonSwitchOffColor: "$hiContrast",
+		buttonSwitchActiveColor: "$deepBlue2"
+	});
+})(Theme || (Theme = {}));
+//#endregion
+Object.defineProperty(exports, "Theme", {
+	enumerable: true,
+	get: function() {
+		return Theme;
+	}
+});
+
+//# sourceMappingURL=ButtonSwitch.themes.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"ButtonSwitch.themes.cjs","sources":["../../../components/ButtonSwitch/ButtonSwitch.themes.ts"],"sourcesContent":["import { Property } from '@stitches/react/types/css';\n\nimport { ColorInfo } from '../../utils/getPrimaryColorInfo';\n\nexport namespace Theme {\n  type Colors = {\n    buttonSwitchContainerBg: Property.Color;\n    buttonSwitchActiveBg: Property.Color;\n    buttonSwitchOffBg: Property.Color;\n    buttonSwitchOffColor: Property.Color;\n    buttonSwitchActiveColor: Property.Color;\n  };\n\n  type Factory = (primaryColor: ColorInfo) => Colors;\n\n  export const getLight: Factory = () => ({\n    buttonSwitchContainerBg: '$02dp',\n    buttonSwitchActiveBg: '$primary',\n    buttonSwitchOffBg: 'transparent',\n    buttonSwitchOffColor: '$hiContrast',\n    buttonSwitchActiveColor: 'white',\n  });\n\n  export const getDark: Factory = () => ({\n    buttonSwitchContainerBg: '$02dp',\n    buttonSwitchActiveBg: '$primary',\n    buttonSwitchOffBg: 'transparent',\n    buttonSwitchOffColor: '$hiContrast',\n    buttonSwitchActiveColor: '$deepBlue2',\n  });\n}\n"],"names":["Theme"],"mappings":";;AAIiBA,QAAAA,QAAAA;AAAAA,CAAV,CAAUA,WAAV;AAWQA,SAAA,WAAoB,OAAO;AAAA,IACtC,yBAAyB;AAAA,IACzB,sBAAsB;AAAA,IACtB,mBAAmB;AAAA,IACnB,sBAAsB;AAAA,IACtB,yBAAyB;AAAA,EAAA;AAGdA,SAAA,UAAmB,OAAO;AAAA,IACrC,yBAAyB;AAAA,IACzB,sBAAsB;AAAA,IACtB,mBAAmB;AAAA,IACnB,sBAAsB;AAAA,IACtB,yBAAyB;AAAA,EAAA;AAC3B,GAzBeA,QAAAA,UAAAA,gBAAA,CAAA,EAAA;"}
+{"version":3,"file":"ButtonSwitch.themes.cjs","names":[],"sources":["../../../components/ButtonSwitch/ButtonSwitch.themes.ts"],"sourcesContent":["import { Property } from '@stitches/react/types/css';\n\nimport { ColorInfo } from '../../utils/getPrimaryColorInfo';\n\nexport namespace Theme {\n  type Colors = {\n    buttonSwitchContainerBg: Property.Color;\n    buttonSwitchActiveBg: Property.Color;\n    buttonSwitchOffBg: Property.Color;\n    buttonSwitchOffColor: Property.Color;\n    buttonSwitchActiveColor: Property.Color;\n  };\n\n  type Factory = (primaryColor: ColorInfo) => Colors;\n\n  export const getLight: Factory = () => ({\n    buttonSwitchContainerBg: '$02dp',\n    buttonSwitchActiveBg: '$primary',\n    buttonSwitchOffBg: 'transparent',\n    buttonSwitchOffColor: '$hiContrast',\n    buttonSwitchActiveColor: 'white',\n  });\n\n  export const getDark: Factory = () => ({\n    buttonSwitchContainerBg: '$02dp',\n    buttonSwitchActiveBg: '$primary',\n    buttonSwitchOffBg: 'transparent',\n    buttonSwitchOffColor: '$hiContrast',\n    buttonSwitchActiveColor: '$deepBlue2',\n  });\n}\n"],"mappings":";AAIO,IAAA;;AAWQ,QAAA,kBAA2B;EACtC,yBAAyB;EACzB,sBAAsB;EACtB,mBAAmB;EACnB,sBAAsB;EACtB,yBAAyB;EAC1B;AAEY,QAAA,iBAA0B;EACrC,yBAAyB;EACzB,sBAAsB;EACtB,mBAAmB;EACnB,sBAAsB;EACtB,yBAAyB;EAC1B;yBACF"}

package/dist/components/ButtonSwitch/ButtonSwitch.themes.js

@@ -1,21 +1,22 @@
+//#region components/ButtonSwitch/ButtonSwitch.themes.ts
 var Theme;
-((Theme2) => {
-  Theme2.getLight = () => ({
-    buttonSwitchContainerBg: "$02dp",
-    buttonSwitchActiveBg: "$primary",
-    buttonSwitchOffBg: "transparent",
-    buttonSwitchOffColor: "$hiContrast",
-    buttonSwitchActiveColor: "white"
-  });
-  Theme2.getDark = () => ({
-    buttonSwitchContainerBg: "$02dp",
-    buttonSwitchActiveBg: "$primary",
-    buttonSwitchOffBg: "transparent",
-    buttonSwitchOffColor: "$hiContrast",
-    buttonSwitchActiveColor: "$deepBlue2"
-  });
+(function(_Theme) {
+	_Theme.getLight = () => ({
+		buttonSwitchContainerBg: "$02dp",
+		buttonSwitchActiveBg: "$primary",
+		buttonSwitchOffBg: "transparent",
+		buttonSwitchOffColor: "$hiContrast",
+		buttonSwitchActiveColor: "white"
+	});
+	_Theme.getDark = () => ({
+		buttonSwitchContainerBg: "$02dp",
+		buttonSwitchActiveBg: "$primary",
+		buttonSwitchOffBg: "transparent",
+		buttonSwitchOffColor: "$hiContrast",
+		buttonSwitchActiveColor: "$deepBlue2"
+	});
 })(Theme || (Theme = {}));
-export {
-  Theme
-};
-//# sourceMappingURL=ButtonSwitch.themes.js.map
+//#endregion
+export { Theme };
+
+//# sourceMappingURL=ButtonSwitch.themes.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ButtonSwitch.themes.js","sources":["../../../components/ButtonSwitch/ButtonSwitch.themes.ts"],"sourcesContent":["import { Property } from '@stitches/react/types/css';\n\nimport { ColorInfo } from '../../utils/getPrimaryColorInfo';\n\nexport namespace Theme {\n  type Colors = {\n    buttonSwitchContainerBg: Property.Color;\n    buttonSwitchActiveBg: Property.Color;\n    buttonSwitchOffBg: Property.Color;\n    buttonSwitchOffColor: Property.Color;\n    buttonSwitchActiveColor: Property.Color;\n  };\n\n  type Factory = (primaryColor: ColorInfo) => Colors;\n\n  export const getLight: Factory = () => ({\n    buttonSwitchContainerBg: '$02dp',\n    buttonSwitchActiveBg: '$primary',\n    buttonSwitchOffBg: 'transparent',\n    buttonSwitchOffColor: '$hiContrast',\n    buttonSwitchActiveColor: 'white',\n  });\n\n  export const getDark: Factory = () => ({\n    buttonSwitchContainerBg: '$02dp',\n    buttonSwitchActiveBg: '$primary',\n    buttonSwitchOffBg: 'transparent',\n    buttonSwitchOffColor: '$hiContrast',\n    buttonSwitchActiveColor: '$deepBlue2',\n  });\n}\n"],"names":["Theme"],"mappings":"AAIO,IAAU;AAAA,CAAV,CAAUA,WAAV;AAWQA,SAAA,WAAoB,OAAO;AAAA,IACtC,yBAAyB;AAAA,IACzB,sBAAsB;AAAA,IACtB,mBAAmB;AAAA,IACnB,sBAAsB;AAAA,IACtB,yBAAyB;AAAA,EAAA;AAGdA,SAAA,UAAmB,OAAO;AAAA,IACrC,yBAAyB;AAAA,IACzB,sBAAsB;AAAA,IACtB,mBAAmB;AAAA,IACnB,sBAAsB;AAAA,IACtB,yBAAyB;AAAA,EAAA;AAC3B,GAzBe,UAAA,QAAA,CAAA,EAAA;"}
+{"version":3,"file":"ButtonSwitch.themes.js","names":[],"sources":["../../../components/ButtonSwitch/ButtonSwitch.themes.ts"],"sourcesContent":["import { Property } from '@stitches/react/types/css';\n\nimport { ColorInfo } from '../../utils/getPrimaryColorInfo';\n\nexport namespace Theme {\n  type Colors = {\n    buttonSwitchContainerBg: Property.Color;\n    buttonSwitchActiveBg: Property.Color;\n    buttonSwitchOffBg: Property.Color;\n    buttonSwitchOffColor: Property.Color;\n    buttonSwitchActiveColor: Property.Color;\n  };\n\n  type Factory = (primaryColor: ColorInfo) => Colors;\n\n  export const getLight: Factory = () => ({\n    buttonSwitchContainerBg: '$02dp',\n    buttonSwitchActiveBg: '$primary',\n    buttonSwitchOffBg: 'transparent',\n    buttonSwitchOffColor: '$hiContrast',\n    buttonSwitchActiveColor: 'white',\n  });\n\n  export const getDark: Factory = () => ({\n    buttonSwitchContainerBg: '$02dp',\n    buttonSwitchActiveBg: '$primary',\n    buttonSwitchOffBg: 'transparent',\n    buttonSwitchOffColor: '$hiContrast',\n    buttonSwitchActiveColor: '$deepBlue2',\n  });\n}\n"],"mappings":";AAIO,IAAA;;AAWQ,QAAA,kBAA2B;EACtC,yBAAyB;EACzB,sBAAsB;EACtB,mBAAmB;EACnB,sBAAsB;EACtB,yBAAyB;EAC1B;AAEY,QAAA,iBAA0B;EACrC,yBAAyB;EACzB,sBAAsB;EACtB,mBAAmB;EACnB,sBAAsB;EACtB,yBAAyB;EAC1B;yBACF"}

package/dist/components/ButtonSwitch/ButtonSwitch.vanilla.cjs

@@ -1,103 +1,69 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const ToggleGroupPrimitive = require("@radix-ui/react-toggle-group");
-const dynamic = require("@vanilla-extract/dynamic");
-const React = require("react");
-const cssProps = require("../../styles/cssProps.cjs");
-const themeContext = require("../../styles/themeContext.cjs");
-const ButtonSwitch_vanilla_css = require("./ButtonSwitch.vanilla.css.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 ToggleGroupPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(ToggleGroupPrimitive);
-const ButtonSwitchContainerVanillaImpl = React.forwardRef(
-  ({ as, className, css, style, children, ...props }, ref) => {
-    const Component = as || "div";
-    const { colors } = themeContext.useVanillaExtractTheme();
-    const { style: cssStyles, vars } = cssProps.processCSSProp(css, colors);
-    const mergedStyles = {
-      ...cssStyles,
-      ...style,
-      ...dynamic.assignInlineVars(vars)
-    };
-    if (as) {
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        Component,
-        {
-          ref,
-          className: `${ButtonSwitch_vanilla_css.buttonSwitchContainer} ${className || ""}`.trim(),
-          style: mergedStyles,
-          role: "group",
-          ...props,
-          children
-        }
-      );
-    }
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      ToggleGroupPrimitive__namespace.Root,
-      {
-        ref,
-        className: `${ButtonSwitch_vanilla_css.buttonSwitchContainer} ${className || ""}`.trim(),
-        style: mergedStyles,
-        ...props,
-        children
-      }
-    );
-  }
-);
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_cssProps = require("../../styles/cssProps.cjs");
+const require_themeContext = require("../../styles/themeContext.cjs");
+const require_ButtonSwitch_vanilla_css = require("./ButtonSwitch.vanilla.css.cjs");
+let react = require("react");
+let _vanilla_extract_dynamic = require("@vanilla-extract/dynamic");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _radix_ui_react_toggle_group = require("@radix-ui/react-toggle-group");
+_radix_ui_react_toggle_group = require_runtime.__toESM(_radix_ui_react_toggle_group, 1);
+//#region components/ButtonSwitch/ButtonSwitch.vanilla.tsx
+var ButtonSwitchContainerVanillaImpl = (0, react.forwardRef)(({ as, className, css, style, children, ...props }, ref) => {
+	const Component = as || "div";
+	const { colors } = require_themeContext.useVanillaExtractTheme();
+	const { style: cssStyles, vars } = require_cssProps.processCSSProp(css, colors);
+	const mergedStyles = {
+		...cssStyles,
+		...style,
+		...(0, _vanilla_extract_dynamic.assignInlineVars)(vars)
+	};
+	if (as) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Component, {
+		ref,
+		className: `${require_ButtonSwitch_vanilla_css.buttonSwitchContainer} ${className || ""}`.trim(),
+		style: mergedStyles,
+		role: "group",
+		...props,
+		children
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_toggle_group.Root, {
+		ref,
+		className: `${require_ButtonSwitch_vanilla_css.buttonSwitchContainer} ${className || ""}`.trim(),
+		style: mergedStyles,
+		...props,
+		children
+	});
+});
 ButtonSwitchContainerVanillaImpl.displayName = "ButtonSwitchContainerVanilla";
-const ButtonSwitchContainerVanilla = ButtonSwitchContainerVanillaImpl;
-const ButtonSwitchItemVanillaImpl = React.forwardRef(
-  ({ as, className, css, style, children, ...props }, ref) => {
-    const Component = as || "button";
-    const { colors } = themeContext.useVanillaExtractTheme();
-    const { style: cssStyles, vars } = cssProps.processCSSProp(css, colors);
-    const mergedStyles = {
-      ...cssStyles,
-      ...style,
-      ...dynamic.assignInlineVars(vars)
-    };
-    if (as) {
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        Component,
-        {
-          ref,
-          className: `${ButtonSwitch_vanilla_css.buttonSwitchItem} ${className || ""}`.trim(),
-          style: mergedStyles,
-          role: "radio",
-          ...props,
-          children
-        }
-      );
-    }
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      ToggleGroupPrimitive__namespace.Item,
-      {
-        ref,
-        className: `${ButtonSwitch_vanilla_css.buttonSwitchItem} ${className || ""}`.trim(),
-        style: mergedStyles,
-        ...props,
-        children
-      }
-    );
-  }
-);
+var ButtonSwitchContainerVanilla = ButtonSwitchContainerVanillaImpl;
+var ButtonSwitchItemVanillaImpl = (0, react.forwardRef)(({ as, className, css, style, children, ...props }, ref) => {
+	const Component = as || "button";
+	const { colors } = require_themeContext.useVanillaExtractTheme();
+	const { style: cssStyles, vars } = require_cssProps.processCSSProp(css, colors);
+	const mergedStyles = {
+		...cssStyles,
+		...style,
+		...(0, _vanilla_extract_dynamic.assignInlineVars)(vars)
+	};
+	if (as) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Component, {
+		ref,
+		className: `${require_ButtonSwitch_vanilla_css.buttonSwitchItem} ${className || ""}`.trim(),
+		style: mergedStyles,
+		role: "radio",
+		...props,
+		children
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_toggle_group.Item, {
+		ref,
+		className: `${require_ButtonSwitch_vanilla_css.buttonSwitchItem} ${className || ""}`.trim(),
+		style: mergedStyles,
+		...props,
+		children
+	});
+});
 ButtonSwitchItemVanillaImpl.displayName = "ButtonSwitchItemVanilla";
-const ButtonSwitchItemVanilla = ButtonSwitchItemVanillaImpl;
+var ButtonSwitchItemVanilla = ButtonSwitchItemVanillaImpl;
+//#endregion
 exports.ButtonSwitchContainerVanilla = ButtonSwitchContainerVanilla;
 exports.ButtonSwitchItemVanilla = ButtonSwitchItemVanilla;
-//# sourceMappingURL=ButtonSwitch.vanilla.cjs.map
+
+//# sourceMappingURL=ButtonSwitch.vanilla.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"ButtonSwitch.vanilla.cjs","sources":["../../../components/ButtonSwitch/ButtonSwitch.vanilla.tsx"],"sourcesContent":["import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';\nimport { assignInlineVars } from '@vanilla-extract/dynamic';\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 { buttonSwitchContainer, buttonSwitchItem } from './ButtonSwitch.vanilla.css';\n\n// Container Component\ninterface ButtonSwitchContainerOwnProps extends CSSProps {\n  type?: 'single' | 'multiple';\n  value?: string | string[];\n  defaultValue?: string | string[];\n  onValueChange?: (value: any) => void;\n  disabled?: boolean;\n  rovingFocus?: boolean;\n  loop?: boolean;\n  orientation?: 'horizontal' | 'vertical';\n  dir?: 'ltr' | 'rtl';\n}\n\nexport type ButtonSwitchContainerVanillaProps<C extends ElementType = 'div'> =\n  PolymorphicComponentProps<C, ButtonSwitchContainerOwnProps>;\n\ntype ButtonSwitchContainerVanillaComponent = PolymorphicComponent<\n  'div',\n  ButtonSwitchContainerVanillaProps<ElementType>\n>;\n\nconst ButtonSwitchContainerVanillaImpl = forwardRef(\n  <C extends ElementType = 'div'>(\n    { as, className, css, style, children, ...props }: ButtonSwitchContainerVanillaProps<C>,\n    ref?: PolymorphicRef<C>,\n  ) => {\n    const Component = (as || 'div') as any;\n    const { colors } = useVanillaExtractTheme();\n\n    const { style: cssStyles, vars } = processCSSProp(css, colors);\n\n    const mergedStyles = {\n      ...cssStyles,\n      ...style,\n      ...assignInlineVars(vars),\n    };\n\n    if (as) {\n      return (\n        <Component\n          ref={ref}\n          className={`${buttonSwitchContainer} ${className || ''}`.trim()}\n          style={mergedStyles}\n          role=\"group\"\n          {...props}\n        >\n          {children}\n        </Component>\n      );\n    }\n\n    return (\n      <ToggleGroupPrimitive.Root\n        ref={ref as any}\n        className={`${buttonSwitchContainer} ${className || ''}`.trim()}\n        style={mergedStyles}\n        {...(props as any)}\n      >\n        {children}\n      </ToggleGroupPrimitive.Root>\n    );\n  },\n);\n\nButtonSwitchContainerVanillaImpl.displayName = 'ButtonSwitchContainerVanilla';\n\nexport const ButtonSwitchContainerVanilla =\n  ButtonSwitchContainerVanillaImpl as ButtonSwitchContainerVanillaComponent;\n\n// Item Component\ninterface ButtonSwitchItemOwnProps extends CSSProps {\n  value: string;\n  disabled?: boolean;\n}\n\nexport type ButtonSwitchItemVanillaProps<C extends ElementType = 'button'> =\n  PolymorphicComponentProps<C, ButtonSwitchItemOwnProps>;\n\ntype ButtonSwitchItemVanillaComponent = PolymorphicComponent<\n  'button',\n  ButtonSwitchItemVanillaProps<ElementType>\n>;\n\nconst ButtonSwitchItemVanillaImpl = forwardRef(\n  <C extends ElementType = 'button'>(\n    { as, className, css, style, children, ...props }: ButtonSwitchItemVanillaProps<C>,\n    ref?: PolymorphicRef<C>,\n  ) => {\n    const Component = (as || 'button') as any;\n    const { colors } = useVanillaExtractTheme();\n\n    const { style: cssStyles, vars } = processCSSProp(css, colors);\n\n    const mergedStyles = {\n      ...cssStyles,\n      ...style,\n      ...assignInlineVars(vars),\n    };\n\n    if (as) {\n      return (\n        <Component\n          ref={ref}\n          className={`${buttonSwitchItem} ${className || ''}`.trim()}\n          style={mergedStyles}\n          role=\"radio\"\n          {...props}\n        >\n          {children}\n        </Component>\n      );\n    }\n\n    return (\n      <ToggleGroupPrimitive.Item\n        ref={ref as any}\n        className={`${buttonSwitchItem} ${className || ''}`.trim()}\n        style={mergedStyles}\n        {...(props as any)}\n      >\n        {children}\n      </ToggleGroupPrimitive.Item>\n    );\n  },\n);\n\nButtonSwitchItemVanillaImpl.displayName = 'ButtonSwitchItemVanilla';\n\nexport const ButtonSwitchItemVanilla =\n  ButtonSwitchItemVanillaImpl as ButtonSwitchItemVanillaComponent;\n"],"names":["forwardRef","useVanillaExtractTheme","processCSSProp","assignInlineVars","jsx","buttonSwitchContainer","ToggleGroupPrimitive","buttonSwitchItem"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAkCA,MAAM,mCAAmCA,MAAAA;AAAAA,EACvC,CACE,EAAE,IAAI,WAAW,KAAK,OAAO,UAAU,GAAG,MAAA,GAC1C,QACG;AACH,UAAM,YAAa,MAAM;AACzB,UAAM,EAAE,OAAA,IAAWC,oCAAA;AAEnB,UAAM,EAAE,OAAO,WAAW,SAASC,SAAAA,eAAe,KAAK,MAAM;AAE7D,UAAM,eAAe;AAAA,MACnB,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAGC,QAAAA,iBAAiB,IAAI;AAAA,IAAA;AAG1B,QAAI,IAAI;AACN,aACEC,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC;AAAA,UACA,WAAW,GAAGC,8CAAqB,IAAI,aAAa,EAAE,GAAG,KAAA;AAAA,UACzD,OAAO;AAAA,UACP,MAAK;AAAA,UACJ,GAAG;AAAA,UAEH;AAAA,QAAA;AAAA,MAAA;AAAA,IAGP;AAEA,WACED,2BAAAA;AAAAA,MAACE,gCAAqB;AAAA,MAArB;AAAA,QACC;AAAA,QACA,WAAW,GAAGD,8CAAqB,IAAI,aAAa,EAAE,GAAG,KAAA;AAAA,QACzD,OAAO;AAAA,QACN,GAAI;AAAA,QAEJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACF;AAEA,iCAAiC,cAAc;AAExC,MAAM,+BACX;AAgBF,MAAM,8BAA8BL,MAAAA;AAAAA,EAClC,CACE,EAAE,IAAI,WAAW,KAAK,OAAO,UAAU,GAAG,MAAA,GAC1C,QACG;AACH,UAAM,YAAa,MAAM;AACzB,UAAM,EAAE,OAAA,IAAWC,oCAAA;AAEnB,UAAM,EAAE,OAAO,WAAW,SAASC,SAAAA,eAAe,KAAK,MAAM;AAE7D,UAAM,eAAe;AAAA,MACnB,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAGC,QAAAA,iBAAiB,IAAI;AAAA,IAAA;AAG1B,QAAI,IAAI;AACN,aACEC,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC;AAAA,UACA,WAAW,GAAGG,yCAAgB,IAAI,aAAa,EAAE,GAAG,KAAA;AAAA,UACpD,OAAO;AAAA,UACP,MAAK;AAAA,UACJ,GAAG;AAAA,UAEH;AAAA,QAAA;AAAA,MAAA;AAAA,IAGP;AAEA,WACEH,2BAAAA;AAAAA,MAACE,gCAAqB;AAAA,MAArB;AAAA,QACC;AAAA,QACA,WAAW,GAAGC,yCAAgB,IAAI,aAAa,EAAE,GAAG,KAAA;AAAA,QACpD,OAAO;AAAA,QACN,GAAI;AAAA,QAEJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACF;AAEA,4BAA4B,cAAc;AAEnC,MAAM,0BACX;;;"}
+{"version":3,"file":"ButtonSwitch.vanilla.cjs","names":[],"sources":["../../../components/ButtonSwitch/ButtonSwitch.vanilla.tsx"],"sourcesContent":["import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';\nimport { assignInlineVars } from '@vanilla-extract/dynamic';\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 { buttonSwitchContainer, buttonSwitchItem } from './ButtonSwitch.vanilla.css';\n\n// Container Component\ninterface ButtonSwitchContainerOwnProps extends CSSProps {\n  type?: 'single' | 'multiple';\n  value?: string | string[];\n  defaultValue?: string | string[];\n  onValueChange?: (value: any) => void;\n  disabled?: boolean;\n  rovingFocus?: boolean;\n  loop?: boolean;\n  orientation?: 'horizontal' | 'vertical';\n  dir?: 'ltr' | 'rtl';\n}\n\nexport type ButtonSwitchContainerVanillaProps<C extends ElementType = 'div'> =\n  PolymorphicComponentProps<C, ButtonSwitchContainerOwnProps>;\n\ntype ButtonSwitchContainerVanillaComponent = PolymorphicComponent<\n  'div',\n  ButtonSwitchContainerVanillaProps<ElementType>\n>;\n\nconst ButtonSwitchContainerVanillaImpl = forwardRef(\n  <C extends ElementType = 'div'>(\n    { as, className, css, style, children, ...props }: ButtonSwitchContainerVanillaProps<C>,\n    ref?: PolymorphicRef<C>,\n  ) => {\n    const Component = (as || 'div') as any;\n    const { colors } = useVanillaExtractTheme();\n\n    const { style: cssStyles, vars } = processCSSProp(css, colors);\n\n    const mergedStyles = {\n      ...cssStyles,\n      ...style,\n      ...assignInlineVars(vars),\n    };\n\n    if (as) {\n      return (\n        <Component\n          ref={ref}\n          className={`${buttonSwitchContainer} ${className || ''}`.trim()}\n          style={mergedStyles}\n          role=\"group\"\n          {...props}\n        >\n          {children}\n        </Component>\n      );\n    }\n\n    return (\n      <ToggleGroupPrimitive.Root\n        ref={ref as any}\n        className={`${buttonSwitchContainer} ${className || ''}`.trim()}\n        style={mergedStyles}\n        {...(props as any)}\n      >\n        {children}\n      </ToggleGroupPrimitive.Root>\n    );\n  },\n);\n\nButtonSwitchContainerVanillaImpl.displayName = 'ButtonSwitchContainerVanilla';\n\nexport const ButtonSwitchContainerVanilla =\n  ButtonSwitchContainerVanillaImpl as ButtonSwitchContainerVanillaComponent;\n\n// Item Component\ninterface ButtonSwitchItemOwnProps extends CSSProps {\n  value: string;\n  disabled?: boolean;\n}\n\nexport type ButtonSwitchItemVanillaProps<C extends ElementType = 'button'> =\n  PolymorphicComponentProps<C, ButtonSwitchItemOwnProps>;\n\ntype ButtonSwitchItemVanillaComponent = PolymorphicComponent<\n  'button',\n  ButtonSwitchItemVanillaProps<ElementType>\n>;\n\nconst ButtonSwitchItemVanillaImpl = forwardRef(\n  <C extends ElementType = 'button'>(\n    { as, className, css, style, children, ...props }: ButtonSwitchItemVanillaProps<C>,\n    ref?: PolymorphicRef<C>,\n  ) => {\n    const Component = (as || 'button') as any;\n    const { colors } = useVanillaExtractTheme();\n\n    const { style: cssStyles, vars } = processCSSProp(css, colors);\n\n    const mergedStyles = {\n      ...cssStyles,\n      ...style,\n      ...assignInlineVars(vars),\n    };\n\n    if (as) {\n      return (\n        <Component\n          ref={ref}\n          className={`${buttonSwitchItem} ${className || ''}`.trim()}\n          style={mergedStyles}\n          role=\"radio\"\n          {...props}\n        >\n          {children}\n        </Component>\n      );\n    }\n\n    return (\n      <ToggleGroupPrimitive.Item\n        ref={ref as any}\n        className={`${buttonSwitchItem} ${className || ''}`.trim()}\n        style={mergedStyles}\n        {...(props as any)}\n      >\n        {children}\n      </ToggleGroupPrimitive.Item>\n    );\n  },\n);\n\nButtonSwitchItemVanillaImpl.displayName = 'ButtonSwitchItemVanilla';\n\nexport const ButtonSwitchItemVanilla =\n  ButtonSwitchItemVanillaImpl as ButtonSwitchItemVanillaComponent;\n"],"mappings":";;;;;;;;;;AAkCA,IAAM,oCAAA,GAAA,MAAA,aAEF,EAAE,IAAI,WAAW,KAAK,OAAO,UAAU,GAAG,SAC1C,QACG;CACH,MAAM,YAAa,MAAM;CACzB,MAAM,EAAE,WAAW,qBAAA,wBAAwB;CAE3C,MAAM,EAAE,OAAO,WAAW,SAAS,iBAAA,eAAe,KAAK,OAAO;CAE9D,MAAM,eAAe;EACnB,GAAG;EACH,GAAG;EACH,IAAA,GAAA,yBAAA,kBAAoB,KAAK;EAC1B;AAED,KAAI,GACF,QACE,iBAAA,GAAA,kBAAA,KAAC,WAAD;EACO;EACL,WAAW,GAAG,iCAAA,sBAAsB,GAAG,aAAa,KAAK,MAAM;EAC/D,OAAO;EACP,MAAK;EACL,GAAI;EAEH;EACS,CAAA;AAIhB,QACE,iBAAA,GAAA,kBAAA,KAAC,6BAAqB,MAAtB;EACO;EACL,WAAW,GAAG,iCAAA,sBAAsB,GAAG,aAAa,KAAK,MAAM;EAC/D,OAAO;EACP,GAAK;EAEJ;EACyB,CAAA;EAGjC;AAED,iCAAiC,cAAc;AAE/C,IAAa,+BACX;AAgBF,IAAM,+BAAA,GAAA,MAAA,aAEF,EAAE,IAAI,WAAW,KAAK,OAAO,UAAU,GAAG,SAC1C,QACG;CACH,MAAM,YAAa,MAAM;CACzB,MAAM,EAAE,WAAW,qBAAA,wBAAwB;CAE3C,MAAM,EAAE,OAAO,WAAW,SAAS,iBAAA,eAAe,KAAK,OAAO;CAE9D,MAAM,eAAe;EACnB,GAAG;EACH,GAAG;EACH,IAAA,GAAA,yBAAA,kBAAoB,KAAK;EAC1B;AAED,KAAI,GACF,QACE,iBAAA,GAAA,kBAAA,KAAC,WAAD;EACO;EACL,WAAW,GAAG,iCAAA,iBAAiB,GAAG,aAAa,KAAK,MAAM;EAC1D,OAAO;EACP,MAAK;EACL,GAAI;EAEH;EACS,CAAA;AAIhB,QACE,iBAAA,GAAA,kBAAA,KAAC,6BAAqB,MAAtB;EACO;EACL,WAAW,GAAG,iCAAA,iBAAiB,GAAG,aAAa,KAAK,MAAM;EAC1D,OAAO;EACP,GAAK;EAEJ;EACyB,CAAA;EAGjC;AAED,4BAA4B,cAAc;AAE1C,IAAa,0BACX"}

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

@@ -1,8 +1,9 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 ;/* empty css                                          */
+//#region components/ButtonSwitch/ButtonSwitch.vanilla.css.ts
 var buttonSwitchContainer = "_1mwvsf70";
 var buttonSwitchItem = "_1mwvsf71";
+//#endregion
 exports.buttonSwitchContainer = buttonSwitchContainer;
 exports.buttonSwitchItem = buttonSwitchItem;
-//# sourceMappingURL=ButtonSwitch.vanilla.css.cjs.map
+
+//# sourceMappingURL=ButtonSwitch.vanilla.css.cjs.map