@traefik-labs/faency 12.2.1 → 12.2.2

package/dist/components/Radio/Radio.js

@@ -1,109 +1,85 @@
+import { styled } from "../../stitches.config.js";
+import React from "react";
 import { jsx } from "react/jsx-runtime";
 import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
-import React from "react";
-import { styled } from "../../stitches.config.js";
-const RadioGroup = styled(RadioGroupPrimitive.Root, {
-  display: "flex"
-});
-const INDICATOR_BASE_STYLES = {
-  alignItems: "center",
-  display: "flex",
-  height: "100%",
-  justifyContent: "center",
-  width: "100%",
-  position: "relative",
-  "&::after": {
-    content: '""',
-    display: "block",
-    width: "7px",
-    height: "7px",
-    borderRadius: "$round",
-    backgroundColor: "$contentBg"
-  }
+//#region components/Radio/Radio.tsx
+var RadioGroup = styled(RadioGroupPrimitive.Root, { display: "flex" });
+var INDICATOR_BASE_STYLES = {
+	alignItems: "center",
+	display: "flex",
+	height: "100%",
+	justifyContent: "center",
+	width: "100%",
+	position: "relative",
+	"&::after": {
+		content: "\"\"",
+		display: "block",
+		width: "7px",
+		height: "7px",
+		borderRadius: "$round",
+		backgroundColor: "$contentBg"
+	}
 };
-const StyledIndicator = styled(RadioGroupPrimitive.Indicator, INDICATOR_BASE_STYLES);
-const RADIO_BASE_STYLES = {
-  all: "unset",
-  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",
-  textDecoration: "none",
-  WebkitTapHighlightColor: "rgba(0,0,0,0)",
-  borderRadius: "50%",
-  color: "$hiContrast",
-  boxShadow: "inset 0 0 0 1px $colors$radioBorder",
-  overflow: "hidden",
-  "&[data-state=checked]": {
-    backgroundColor: "$radioIndicator"
-  }
+var StyledIndicator = styled(RadioGroupPrimitive.Indicator, INDICATOR_BASE_STYLES);
+var RADIO_BASE_STYLES = {
+	all: "unset",
+	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",
+	textDecoration: "none",
+	WebkitTapHighlightColor: "rgba(0,0,0,0)",
+	borderRadius: "50%",
+	color: "$hiContrast",
+	boxShadow: "inset 0 0 0 1px $colors$radioBorder",
+	overflow: "hidden",
+	"&[data-state=checked]": { backgroundColor: "$radioIndicator" }
 };
-const StyledRadio = styled(RadioGroupPrimitive.Item, RADIO_BASE_STYLES, {
-  "@hover": {
-    "&:hover": {
-      cursor: "pointer",
-      boxShadow: "inset 0 0 0 1px $colors$radioHoverBorder"
-    }
-  },
-  "&:focus-visible": {
-    outline: "none",
-    boxShadow: "inset 0 0 0 1px $colors$radioFocusBorder, 0 0 0 1px $colors$radioFocusBorder"
-  },
-  "&:disabled": {
-    pointerEvents: "none",
-    "&::placeholder": {
-      color: "$radioDisabledText"
-    },
-    "&[data-state=checked]": {
-      backgroundColor: "$radioIndicatorDisabledBg"
-    },
-    [`& ${StyledIndicator}`]: {
-      "&::after": {
-        backgroundColor: "$radioDisabledBg"
-      }
-    }
-  },
-  variants: {
-    size: {
-      "1": {
-        width: "$3",
-        height: "$3"
-      },
-      "2": {
-        width: "$5",
-        height: "$5",
-        [`& ${StyledIndicator}`]: {
-          "&::after": {
-            width: "$3",
-            height: "$3"
-          }
-        }
-      }
-    }
-  },
-  defaultVariants: {
-    size: "1"
-  }
+var StyledRadio = styled(RadioGroupPrimitive.Item, RADIO_BASE_STYLES, {
+	"@hover": { "&:hover": {
+		cursor: "pointer",
+		boxShadow: "inset 0 0 0 1px $colors$radioHoverBorder"
+	} },
+	"&:focus-visible": {
+		outline: "none",
+		boxShadow: "inset 0 0 0 1px $colors$radioFocusBorder, 0 0 0 1px $colors$radioFocusBorder"
+	},
+	"&:disabled": {
+		pointerEvents: "none",
+		"&::placeholder": { color: "$radioDisabledText" },
+		"&[data-state=checked]": { backgroundColor: "$radioIndicatorDisabledBg" },
+		[`& ${StyledIndicator}`]: { "&::after": { backgroundColor: "$radioDisabledBg" } }
+	},
+	variants: { size: {
+		"1": {
+			width: "$3",
+			height: "$3"
+		},
+		"2": {
+			width: "$5",
+			height: "$5",
+			[`& ${StyledIndicator}`]: { "&::after": {
+				width: "$3",
+				height: "$3"
+			} }
+		}
+	} },
+	defaultVariants: { size: "1" }
 });
-const Radio = React.forwardRef(
-  (props, forwardedRef) => /* @__PURE__ */ jsx(StyledRadio, { ...props, ref: forwardedRef, children: /* @__PURE__ */ jsx(StyledIndicator, {}) })
-);
-export {
-  INDICATOR_BASE_STYLES,
-  RADIO_BASE_STYLES,
-  Radio,
-  RadioGroup
-};
-//# sourceMappingURL=Radio.js.map
+var Radio = React.forwardRef((props, forwardedRef) => /* @__PURE__ */ jsx(StyledRadio, {
+	...props,
+	ref: forwardedRef,
+	children: /* @__PURE__ */ jsx(StyledIndicator, {})
+}));
+//#endregion
+export { INDICATOR_BASE_STYLES, RADIO_BASE_STYLES, Radio, RadioGroup };
+
+//# sourceMappingURL=Radio.js.map

package/dist/components/Radio/Radio.js.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.js","sources":["../../../components/Radio/Radio.tsx"],"sourcesContent":["import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';\nimport React from 'react';\n\nimport { CSS, styled, VariantProps } from '../../stitches.config';\n\nexport const RadioGroup = styled(RadioGroupPrimitive.Root, {\n  display: 'flex',\n});\n\nexport const INDICATOR_BASE_STYLES = {\n  alignItems: 'center',\n  display: 'flex',\n  height: '100%',\n  justifyContent: 'center',\n  width: '100%',\n  position: 'relative',\n  '&::after': {\n    content: '\"\"',\n    display: 'block',\n    width: '7px',\n    height: '7px',\n    borderRadius: '$round',\n    backgroundColor: '$contentBg',\n  },\n};\n\nconst StyledIndicator = styled(RadioGroupPrimitive.Indicator, INDICATOR_BASE_STYLES);\n\nexport const RADIO_BASE_STYLES = {\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  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  textDecoration: 'none',\n  WebkitTapHighlightColor: 'rgba(0,0,0,0)',\n\n  borderRadius: '50%',\n  color: '$hiContrast',\n  boxShadow: 'inset 0 0 0 1px $colors$radioBorder',\n  overflow: 'hidden',\n  '&[data-state=checked]': {\n    backgroundColor: '$radioIndicator',\n  },\n};\nconst StyledRadio = styled(RadioGroupPrimitive.Item, RADIO_BASE_STYLES, {\n  '@hover': {\n    '&:hover': {\n      cursor: 'pointer',\n      boxShadow: 'inset 0 0 0 1px $colors$radioHoverBorder',\n    },\n  },\n  '&:focus-visible': {\n    outline: 'none',\n    boxShadow: 'inset 0 0 0 1px $colors$radioFocusBorder, 0 0 0 1px $colors$radioFocusBorder',\n  },\n\n  '&:disabled': {\n    pointerEvents: 'none',\n    '&::placeholder': {\n      color: '$radioDisabledText',\n    },\n    '&[data-state=checked]': {\n      backgroundColor: '$radioIndicatorDisabledBg',\n    },\n\n    [`& ${StyledIndicator}`]: {\n      '&::after': {\n        backgroundColor: '$radioDisabledBg',\n      },\n    },\n  },\n\n  variants: {\n    size: {\n      '1': {\n        width: '$3',\n        height: '$3',\n      },\n      '2': {\n        width: '$5',\n        height: '$5',\n\n        [`& ${StyledIndicator}`]: {\n          '&::after': {\n            width: '$3',\n            height: '$3',\n          },\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    size: '1',\n  },\n});\n\nexport type RadioVariants = VariantProps<typeof StyledRadio>;\ntype RadioGroupItemPrimitiveProps = Omit<\n  React.ComponentProps<typeof RadioGroupPrimitive.Item>,\n  'as'\n>;\nexport type RadioProps = RadioGroupItemPrimitiveProps & RadioVariants & { css?: CSS };\n\nexport const Radio = React.forwardRef<React.ElementRef<typeof StyledRadio>, RadioProps>(\n  (props, forwardedRef) => (\n    <StyledRadio {...props} ref={forwardedRef}>\n      <StyledIndicator />\n    </StyledRadio>\n  )\n);\n"],"names":[],"mappings":";;;;AAKO,MAAM,aAAa,OAAO,oBAAoB,MAAM;AAAA,EACzD,SAAS;AACX,CAAC;AAEM,MAAM,wBAAwB;AAAA,EACnC,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,gBAAgB;AAAA,EAChB,OAAO;AAAA,EACP,UAAU;AAAA,EACV,YAAY;AAAA,IACV,SAAS;AAAA,IACT,SAAS;AAAA,IACT,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,cAAc;AAAA,IACd,iBAAiB;AAAA,EAAA;AAErB;AAEA,MAAM,kBAAkB,OAAO,oBAAoB,WAAW,qBAAqB;AAE5E,MAAM,oBAAoB;AAAA,EAC/B,KAAK;AAAA,EACL,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,aAAa;AAAA,IACX,WAAW;AAAA,EAAA;AAAA,EAEb,YAAY;AAAA,IACV,WAAW;AAAA,EAAA;AAAA,EAEb,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,gBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,SAAS;AAAA,EACT,gBAAgB;AAAA,EAChB,yBAAyB;AAAA,EAEzB,cAAc;AAAA,EACd,OAAO;AAAA,EACP,WAAW;AAAA,EACX,UAAU;AAAA,EACV,yBAAyB;AAAA,IACvB,iBAAiB;AAAA,EAAA;AAErB;AACA,MAAM,cAAc,OAAO,oBAAoB,MAAM,mBAAmB;AAAA,EACtE,UAAU;AAAA,IACR,WAAW;AAAA,MACT,QAAQ;AAAA,MACR,WAAW;AAAA,IAAA;AAAA,EACb;AAAA,EAEF,mBAAmB;AAAA,IACjB,SAAS;AAAA,IACT,WAAW;AAAA,EAAA;AAAA,EAGb,cAAc;AAAA,IACZ,eAAe;AAAA,IACf,kBAAkB;AAAA,MAChB,OAAO;AAAA,IAAA;AAAA,IAET,yBAAyB;AAAA,MACvB,iBAAiB;AAAA,IAAA;AAAA,IAGnB,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,KAAK;AAAA,QACH,OAAO;AAAA,QACP,QAAQ;AAAA,MAAA;AAAA,MAEV,KAAK;AAAA,QACH,OAAO;AAAA,QACP,QAAQ;AAAA,QAER,CAAC,KAAK,eAAe,EAAE,GAAG;AAAA,UACxB,YAAY;AAAA,YACV,OAAO;AAAA,YACP,QAAQ;AAAA,UAAA;AAAA,QACV;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EAEF,iBAAiB;AAAA,IACf,MAAM;AAAA,EAAA;AAEV,CAAC;AASM,MAAM,QAAQ,MAAM;AAAA,EACzB,CAAC,OAAO,iBACN,oBAAC,aAAA,EAAa,GAAG,OAAO,KAAK,cAC3B,UAAA,oBAAC,iBAAA,CAAA,CAAgB,EAAA,CACnB;AAEJ;"}
+{"version":3,"file":"Radio.js","names":[],"sources":["../../../components/Radio/Radio.tsx"],"sourcesContent":["import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';\nimport React from 'react';\n\nimport { CSS, styled, VariantProps } from '../../stitches.config';\n\nexport const RadioGroup = styled(RadioGroupPrimitive.Root, {\n  display: 'flex',\n});\n\nexport const INDICATOR_BASE_STYLES = {\n  alignItems: 'center',\n  display: 'flex',\n  height: '100%',\n  justifyContent: 'center',\n  width: '100%',\n  position: 'relative',\n  '&::after': {\n    content: '\"\"',\n    display: 'block',\n    width: '7px',\n    height: '7px',\n    borderRadius: '$round',\n    backgroundColor: '$contentBg',\n  },\n};\n\nconst StyledIndicator = styled(RadioGroupPrimitive.Indicator, INDICATOR_BASE_STYLES);\n\nexport const RADIO_BASE_STYLES = {\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  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  textDecoration: 'none',\n  WebkitTapHighlightColor: 'rgba(0,0,0,0)',\n\n  borderRadius: '50%',\n  color: '$hiContrast',\n  boxShadow: 'inset 0 0 0 1px $colors$radioBorder',\n  overflow: 'hidden',\n  '&[data-state=checked]': {\n    backgroundColor: '$radioIndicator',\n  },\n};\nconst StyledRadio = styled(RadioGroupPrimitive.Item, RADIO_BASE_STYLES, {\n  '@hover': {\n    '&:hover': {\n      cursor: 'pointer',\n      boxShadow: 'inset 0 0 0 1px $colors$radioHoverBorder',\n    },\n  },\n  '&:focus-visible': {\n    outline: 'none',\n    boxShadow: 'inset 0 0 0 1px $colors$radioFocusBorder, 0 0 0 1px $colors$radioFocusBorder',\n  },\n\n  '&:disabled': {\n    pointerEvents: 'none',\n    '&::placeholder': {\n      color: '$radioDisabledText',\n    },\n    '&[data-state=checked]': {\n      backgroundColor: '$radioIndicatorDisabledBg',\n    },\n\n    [`& ${StyledIndicator}`]: {\n      '&::after': {\n        backgroundColor: '$radioDisabledBg',\n      },\n    },\n  },\n\n  variants: {\n    size: {\n      '1': {\n        width: '$3',\n        height: '$3',\n      },\n      '2': {\n        width: '$5',\n        height: '$5',\n\n        [`& ${StyledIndicator}`]: {\n          '&::after': {\n            width: '$3',\n            height: '$3',\n          },\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    size: '1',\n  },\n});\n\nexport type RadioVariants = VariantProps<typeof StyledRadio>;\ntype RadioGroupItemPrimitiveProps = Omit<\n  React.ComponentProps<typeof RadioGroupPrimitive.Item>,\n  'as'\n>;\nexport type RadioProps = RadioGroupItemPrimitiveProps & RadioVariants & { css?: CSS };\n\nexport const Radio = React.forwardRef<React.ElementRef<typeof StyledRadio>, RadioProps>(\n  (props, forwardedRef) => (\n    <StyledRadio {...props} ref={forwardedRef}>\n      <StyledIndicator />\n    </StyledRadio>\n  )\n);\n"],"mappings":";;;;;AAKA,IAAa,aAAa,OAAO,oBAAoB,MAAM,EACzD,SAAS,QACV,CAAC;AAEF,IAAa,wBAAwB;CACnC,YAAY;CACZ,SAAS;CACT,QAAQ;CACR,gBAAgB;CAChB,OAAO;CACP,UAAU;CACV,YAAY;EACV,SAAS;EACT,SAAS;EACT,OAAO;EACP,QAAQ;EACR,cAAc;EACd,iBAAiB;EAClB;CACF;AAED,IAAM,kBAAkB,OAAO,oBAAoB,WAAW,sBAAsB;AAEpF,IAAa,oBAAoB;CAC/B,KAAK;CACL,WAAW;CACX,YAAY;CACZ,aAAa,EACX,WAAW,cACZ;CACD,YAAY,EACV,WAAW,cACZ;CACD,YAAY;CACZ,YAAY;CACZ,SAAS;CACT,gBAAgB;CAChB,YAAY;CACZ,QAAQ;CACR,SAAS;CACT,SAAS;CACT,gBAAgB;CAChB,yBAAyB;CAEzB,cAAc;CACd,OAAO;CACP,WAAW;CACX,UAAU;CACV,yBAAyB,EACvB,iBAAiB,mBAClB;CACF;AACD,IAAM,cAAc,OAAO,oBAAoB,MAAM,mBAAmB;CACtE,UAAU,EACR,WAAW;EACT,QAAQ;EACR,WAAW;EACZ,EACF;CACD,mBAAmB;EACjB,SAAS;EACT,WAAW;EACZ;CAED,cAAc;EACZ,eAAe;EACf,kBAAkB,EAChB,OAAO,sBACR;EACD,yBAAyB,EACvB,iBAAiB,6BAClB;GAEA,KAAK,oBAAoB,EACxB,YAAY,EACV,iBAAiB,oBAClB,EACF;EACF;CAED,UAAU,EACR,MAAM;EACJ,KAAK;GACH,OAAO;GACP,QAAQ;GACT;EACD,KAAK;GACH,OAAO;GACP,QAAQ;IAEP,KAAK,oBAAoB,EACxB,YAAY;IACV,OAAO;IACP,QAAQ;IACT,EACF;GACF;EACF,EACF;CACD,iBAAiB,EACf,MAAM,KACP;CACF,CAAC;AASF,IAAa,QAAQ,MAAM,YACxB,OAAO,iBACN,oBAAC,aAAD;CAAa,GAAI;CAAO,KAAK;WAC3B,oBAAC,iBAAD,EAAmB,CAAA;CACP,CAAA,CAEjB"}

package/dist/components/Radio/Radio.themes.cjs

@@ -1,27 +1,36 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const tinycolor = require("tinycolor2");
-exports.Theme = void 0;
-((Theme2) => {
-  Theme2.getLight = (primaryColor) => ({
-    radioIndicator: "$primary",
-    radioBorder: "$grayBlue9",
-    radioHoverBg: "transparent",
-    radioHoverBorder: "$primary",
-    radioFocusBorder: "$primary",
-    radioDisabledBg: "$deepBlue3",
-    radioDisabledBorder: "$deepBlue5",
-    radioIndicatorDisabledBg: tinycolor(primaryColor.value).setAlpha(0.6).toHslString()
-  });
-  Theme2.getDark = (primaryColor) => ({
-    radioIndicator: "$primary",
-    radioBorder: "$grayBlue9",
-    radioHoverBg: "$deepBlue3",
-    radioHoverBorder: "$primary",
-    radioFocusBorder: "$primary",
-    radioDisabledBg: "$deepBlue3",
-    radioDisabledBorder: "$deepBlue4",
-    radioIndicatorDisabledBg: tinycolor(primaryColor.value).setAlpha(0.6).toHslString()
-  });
-})(exports.Theme || (exports.Theme = {}));
-//# sourceMappingURL=Radio.themes.cjs.map
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+let tinycolor2 = require("tinycolor2");
+tinycolor2 = require_runtime.__toESM(tinycolor2, 1);
+//#region components/Radio/Radio.themes.ts
+var Theme;
+(function(_Theme) {
+	_Theme.getLight = (primaryColor) => ({
+		radioIndicator: "$primary",
+		radioBorder: "$grayBlue9",
+		radioHoverBg: "transparent",
+		radioHoverBorder: "$primary",
+		radioFocusBorder: "$primary",
+		radioDisabledBg: "$deepBlue3",
+		radioDisabledBorder: "$deepBlue5",
+		radioIndicatorDisabledBg: (0, tinycolor2.default)(primaryColor.value).setAlpha(.6).toHslString()
+	});
+	_Theme.getDark = (primaryColor) => ({
+		radioIndicator: "$primary",
+		radioBorder: "$grayBlue9",
+		radioHoverBg: "$deepBlue3",
+		radioHoverBorder: "$primary",
+		radioFocusBorder: "$primary",
+		radioDisabledBg: "$deepBlue3",
+		radioDisabledBorder: "$deepBlue4",
+		radioIndicatorDisabledBg: (0, tinycolor2.default)(primaryColor.value).setAlpha(.6).toHslString()
+	});
+})(Theme || (Theme = {}));
+//#endregion
+Object.defineProperty(exports, "Theme", {
+	enumerable: true,
+	get: function() {
+		return Theme;
+	}
+});
+
+//# sourceMappingURL=Radio.themes.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Radio.themes.cjs","sources":["../../../components/Radio/Radio.themes.ts"],"sourcesContent":["import { Property } from '@stitches/react/types/css';\nimport tinycolor from 'tinycolor2';\n\nimport { ColorInfo } from '../../utils/getPrimaryColorInfo';\nexport namespace Theme {\n  type Colors = {\n    radioBorder: Property.Color;\n    radioHoverBg: Property.Color;\n    radioHoverBorder: Property.Color;\n    radioFocusBorder: Property.Color;\n    radioDisabledBg: Property.Color;\n    radioDisabledBorder: Property.Color;\n    radioIndicatorDisabledBg: Property.Color;\n  };\n\n  type Factory = (primaryColor: ColorInfo) => Colors;\n\n  export const getLight: Factory = (primaryColor) => ({\n    radioIndicator: '$primary',\n    radioBorder: '$grayBlue9',\n    radioHoverBg: 'transparent',\n    radioHoverBorder: '$primary',\n    radioFocusBorder: '$primary',\n    radioDisabledBg: '$deepBlue3',\n    radioDisabledBorder: '$deepBlue5',\n    radioIndicatorDisabledBg: tinycolor(primaryColor.value).setAlpha(0.6).toHslString(),\n  });\n\n  export const getDark: Factory = (primaryColor) => ({\n    radioIndicator: '$primary',\n    radioBorder: '$grayBlue9',\n    radioHoverBg: '$deepBlue3',\n    radioHoverBorder: '$primary',\n    radioFocusBorder: '$primary',\n    radioDisabledBg: '$deepBlue3',\n    radioDisabledBorder: '$deepBlue4',\n    radioIndicatorDisabledBg: tinycolor(primaryColor.value).setAlpha(0.6).toHslString(),\n  });\n}\n"],"names":["Theme"],"mappings":";;;AAIiBA,QAAAA,QAAAA;AAAAA,CAAV,CAAUA,WAAV;AAaQA,SAAA,WAAoB,CAAC,kBAAkB;AAAA,IAClD,gBAAgB;AAAA,IAChB,aAAa;AAAA,IACb,cAAc;AAAA,IACd,kBAAkB;AAAA,IAClB,kBAAkB;AAAA,IAClB,iBAAiB;AAAA,IACjB,qBAAqB;AAAA,IACrB,0BAA0B,UAAU,aAAa,KAAK,EAAE,SAAS,GAAG,EAAE,YAAA;AAAA,EAAY;AAGvEA,SAAA,UAAmB,CAAC,kBAAkB;AAAA,IACjD,gBAAgB;AAAA,IAChB,aAAa;AAAA,IACb,cAAc;AAAA,IACd,kBAAkB;AAAA,IAClB,kBAAkB;AAAA,IAClB,iBAAiB;AAAA,IACjB,qBAAqB;AAAA,IACrB,0BAA0B,UAAU,aAAa,KAAK,EAAE,SAAS,GAAG,EAAE,YAAA;AAAA,EAAY;AACpF,GAjCeA,QAAAA,UAAAA,gBAAA,CAAA,EAAA;"}
+{"version":3,"file":"Radio.themes.cjs","names":[],"sources":["../../../components/Radio/Radio.themes.ts"],"sourcesContent":["import { Property } from '@stitches/react/types/css';\nimport tinycolor from 'tinycolor2';\n\nimport { ColorInfo } from '../../utils/getPrimaryColorInfo';\nexport namespace Theme {\n  type Colors = {\n    radioBorder: Property.Color;\n    radioHoverBg: Property.Color;\n    radioHoverBorder: Property.Color;\n    radioFocusBorder: Property.Color;\n    radioDisabledBg: Property.Color;\n    radioDisabledBorder: Property.Color;\n    radioIndicatorDisabledBg: Property.Color;\n  };\n\n  type Factory = (primaryColor: ColorInfo) => Colors;\n\n  export const getLight: Factory = (primaryColor) => ({\n    radioIndicator: '$primary',\n    radioBorder: '$grayBlue9',\n    radioHoverBg: 'transparent',\n    radioHoverBorder: '$primary',\n    radioFocusBorder: '$primary',\n    radioDisabledBg: '$deepBlue3',\n    radioDisabledBorder: '$deepBlue5',\n    radioIndicatorDisabledBg: tinycolor(primaryColor.value).setAlpha(0.6).toHslString(),\n  });\n\n  export const getDark: Factory = (primaryColor) => ({\n    radioIndicator: '$primary',\n    radioBorder: '$grayBlue9',\n    radioHoverBg: '$deepBlue3',\n    radioHoverBorder: '$primary',\n    radioFocusBorder: '$primary',\n    radioDisabledBg: '$deepBlue3',\n    radioDisabledBorder: '$deepBlue4',\n    radioIndicatorDisabledBg: tinycolor(primaryColor.value).setAlpha(0.6).toHslString(),\n  });\n}\n"],"mappings":";;;;AAIO,IAAA;;AAaQ,QAAA,YAAqB,kBAAkB;EAClD,gBAAgB;EAChB,aAAa;EACb,cAAc;EACd,kBAAkB;EAClB,kBAAkB;EAClB,iBAAiB;EACjB,qBAAqB;EACrB,2BAAA,GAAA,WAAA,SAAoC,aAAa,MAAM,CAAC,SAAS,GAAI,CAAC,aAAa;EACpF;AAEY,QAAA,WAAoB,kBAAkB;EACjD,gBAAgB;EAChB,aAAa;EACb,cAAc;EACd,kBAAkB;EAClB,kBAAkB;EAClB,iBAAiB;EACjB,qBAAqB;EACrB,2BAAA,GAAA,WAAA,SAAoC,aAAa,MAAM,CAAC,SAAS,GAAI,CAAC,aAAa;EACpF;yBACF"}

package/dist/components/Radio/Radio.themes.js

@@ -1,28 +1,29 @@
 import tinycolor from "tinycolor2";
+//#region components/Radio/Radio.themes.ts
 var Theme;
-((Theme2) => {
-  Theme2.getLight = (primaryColor) => ({
-    radioIndicator: "$primary",
-    radioBorder: "$grayBlue9",
-    radioHoverBg: "transparent",
-    radioHoverBorder: "$primary",
-    radioFocusBorder: "$primary",
-    radioDisabledBg: "$deepBlue3",
-    radioDisabledBorder: "$deepBlue5",
-    radioIndicatorDisabledBg: tinycolor(primaryColor.value).setAlpha(0.6).toHslString()
-  });
-  Theme2.getDark = (primaryColor) => ({
-    radioIndicator: "$primary",
-    radioBorder: "$grayBlue9",
-    radioHoverBg: "$deepBlue3",
-    radioHoverBorder: "$primary",
-    radioFocusBorder: "$primary",
-    radioDisabledBg: "$deepBlue3",
-    radioDisabledBorder: "$deepBlue4",
-    radioIndicatorDisabledBg: tinycolor(primaryColor.value).setAlpha(0.6).toHslString()
-  });
+(function(_Theme) {
+	_Theme.getLight = (primaryColor) => ({
+		radioIndicator: "$primary",
+		radioBorder: "$grayBlue9",
+		radioHoverBg: "transparent",
+		radioHoverBorder: "$primary",
+		radioFocusBorder: "$primary",
+		radioDisabledBg: "$deepBlue3",
+		radioDisabledBorder: "$deepBlue5",
+		radioIndicatorDisabledBg: tinycolor(primaryColor.value).setAlpha(.6).toHslString()
+	});
+	_Theme.getDark = (primaryColor) => ({
+		radioIndicator: "$primary",
+		radioBorder: "$grayBlue9",
+		radioHoverBg: "$deepBlue3",
+		radioHoverBorder: "$primary",
+		radioFocusBorder: "$primary",
+		radioDisabledBg: "$deepBlue3",
+		radioDisabledBorder: "$deepBlue4",
+		radioIndicatorDisabledBg: tinycolor(primaryColor.value).setAlpha(.6).toHslString()
+	});
 })(Theme || (Theme = {}));
-export {
-  Theme
-};
-//# sourceMappingURL=Radio.themes.js.map
+//#endregion
+export { Theme };
+
+//# sourceMappingURL=Radio.themes.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Radio.themes.js","sources":["../../../components/Radio/Radio.themes.ts"],"sourcesContent":["import { Property } from '@stitches/react/types/css';\nimport tinycolor from 'tinycolor2';\n\nimport { ColorInfo } from '../../utils/getPrimaryColorInfo';\nexport namespace Theme {\n  type Colors = {\n    radioBorder: Property.Color;\n    radioHoverBg: Property.Color;\n    radioHoverBorder: Property.Color;\n    radioFocusBorder: Property.Color;\n    radioDisabledBg: Property.Color;\n    radioDisabledBorder: Property.Color;\n    radioIndicatorDisabledBg: Property.Color;\n  };\n\n  type Factory = (primaryColor: ColorInfo) => Colors;\n\n  export const getLight: Factory = (primaryColor) => ({\n    radioIndicator: '$primary',\n    radioBorder: '$grayBlue9',\n    radioHoverBg: 'transparent',\n    radioHoverBorder: '$primary',\n    radioFocusBorder: '$primary',\n    radioDisabledBg: '$deepBlue3',\n    radioDisabledBorder: '$deepBlue5',\n    radioIndicatorDisabledBg: tinycolor(primaryColor.value).setAlpha(0.6).toHslString(),\n  });\n\n  export const getDark: Factory = (primaryColor) => ({\n    radioIndicator: '$primary',\n    radioBorder: '$grayBlue9',\n    radioHoverBg: '$deepBlue3',\n    radioHoverBorder: '$primary',\n    radioFocusBorder: '$primary',\n    radioDisabledBg: '$deepBlue3',\n    radioDisabledBorder: '$deepBlue4',\n    radioIndicatorDisabledBg: tinycolor(primaryColor.value).setAlpha(0.6).toHslString(),\n  });\n}\n"],"names":["Theme"],"mappings":";AAIO,IAAU;AAAA,CAAV,CAAUA,WAAV;AAaQA,SAAA,WAAoB,CAAC,kBAAkB;AAAA,IAClD,gBAAgB;AAAA,IAChB,aAAa;AAAA,IACb,cAAc;AAAA,IACd,kBAAkB;AAAA,IAClB,kBAAkB;AAAA,IAClB,iBAAiB;AAAA,IACjB,qBAAqB;AAAA,IACrB,0BAA0B,UAAU,aAAa,KAAK,EAAE,SAAS,GAAG,EAAE,YAAA;AAAA,EAAY;AAGvEA,SAAA,UAAmB,CAAC,kBAAkB;AAAA,IACjD,gBAAgB;AAAA,IAChB,aAAa;AAAA,IACb,cAAc;AAAA,IACd,kBAAkB;AAAA,IAClB,kBAAkB;AAAA,IAClB,iBAAiB;AAAA,IACjB,qBAAqB;AAAA,IACrB,0BAA0B,UAAU,aAAa,KAAK,EAAE,SAAS,GAAG,EAAE,YAAA;AAAA,EAAY;AACpF,GAjCe,UAAA,QAAA,CAAA,EAAA;"}
+{"version":3,"file":"Radio.themes.js","names":[],"sources":["../../../components/Radio/Radio.themes.ts"],"sourcesContent":["import { Property } from '@stitches/react/types/css';\nimport tinycolor from 'tinycolor2';\n\nimport { ColorInfo } from '../../utils/getPrimaryColorInfo';\nexport namespace Theme {\n  type Colors = {\n    radioBorder: Property.Color;\n    radioHoverBg: Property.Color;\n    radioHoverBorder: Property.Color;\n    radioFocusBorder: Property.Color;\n    radioDisabledBg: Property.Color;\n    radioDisabledBorder: Property.Color;\n    radioIndicatorDisabledBg: Property.Color;\n  };\n\n  type Factory = (primaryColor: ColorInfo) => Colors;\n\n  export const getLight: Factory = (primaryColor) => ({\n    radioIndicator: '$primary',\n    radioBorder: '$grayBlue9',\n    radioHoverBg: 'transparent',\n    radioHoverBorder: '$primary',\n    radioFocusBorder: '$primary',\n    radioDisabledBg: '$deepBlue3',\n    radioDisabledBorder: '$deepBlue5',\n    radioIndicatorDisabledBg: tinycolor(primaryColor.value).setAlpha(0.6).toHslString(),\n  });\n\n  export const getDark: Factory = (primaryColor) => ({\n    radioIndicator: '$primary',\n    radioBorder: '$grayBlue9',\n    radioHoverBg: '$deepBlue3',\n    radioHoverBorder: '$primary',\n    radioFocusBorder: '$primary',\n    radioDisabledBg: '$deepBlue3',\n    radioDisabledBorder: '$deepBlue4',\n    radioIndicatorDisabledBg: tinycolor(primaryColor.value).setAlpha(0.6).toHslString(),\n  });\n}\n"],"mappings":";;AAIO,IAAA;;AAaQ,QAAA,YAAqB,kBAAkB;EAClD,gBAAgB;EAChB,aAAa;EACb,cAAc;EACd,kBAAkB;EAClB,kBAAkB;EAClB,iBAAiB;EACjB,qBAAqB;EACrB,0BAA0B,UAAU,aAAa,MAAM,CAAC,SAAS,GAAI,CAAC,aAAa;EACpF;AAEY,QAAA,WAAoB,kBAAkB;EACjD,gBAAgB;EAChB,aAAa;EACb,cAAc;EACd,kBAAkB;EAClB,kBAAkB;EAClB,iBAAiB;EACjB,qBAAqB;EACrB,0BAA0B,UAAU,aAAa,MAAM,CAAC,SAAS,GAAI,CAAC,aAAa;EACpF;yBACF"}

package/dist/components/RadioAccordion/RadioAccordion.cjs

@@ -1,50 +1,48 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const React = require("react");
-const stitches_config = require("../../stitches.config.cjs");
-const Accordion = require("../Accordion/Accordion.cjs");
-const Radio = require("../Radio/Radio.cjs");
-const RadioAccordionRoot = (props) => /* @__PURE__ */ jsxRuntime.jsx(Accordion.AccordionRoot, { ...props, type: "single", collapsible: false });
-const RadioAccordionItem = React.forwardRef(({ value, children, ...props }, forwardedRef) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    Accordion.AccordionItem,
-    {
-      value,
-      ref: forwardedRef,
-      css: { display: "inherit", flexDirection: "column" },
-      ...props,
-      children
-    }
-  );
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_stitches_config = require("../../stitches.config.cjs");
+const require_Accordion = require("../Accordion/Accordion.cjs");
+const require_Radio = require("../Radio/Radio.cjs");
+let react = require("react");
+react = require_runtime.__toESM(react, 1);
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region components/RadioAccordion/RadioAccordion.tsx
+var RadioAccordionRoot = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Accordion.AccordionRoot, {
+	...props,
+	type: "single",
+	collapsible: false
 });
-const StyledRadio = stitches_config.styled("div", Radio.RADIO_BASE_STYLES, {
-  width: 18,
-  height: 18,
-  mr: "$2",
-  "[data-state=open] > &": {
-    backgroundColor: "$radioIndicator"
-  }
+var RadioAccordionItem = react.default.forwardRef(({ value, children, ...props }, forwardedRef) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Accordion.AccordionItem, {
+		value,
+		ref: forwardedRef,
+		css: {
+			display: "inherit",
+			flexDirection: "column"
+		},
+		...props,
+		children
+	});
 });
-const StyledIndicator = stitches_config.styled("div", Radio.INDICATOR_BASE_STYLES);
-const StyledRadioAccordionTrigger = stitches_config.styled(Accordion.StyledAccordionTrigger, {
-  "@hover": {
-    "&:hover": {
-      [`& ${StyledRadio}`]: {
-        boxShadow: "inset 0 0 0 1px $colors$radioHoverBorder"
-      }
-    }
-  }
+var StyledRadio = require_stitches_config.styled("div", require_Radio.RADIO_BASE_STYLES, {
+	width: 18,
+	height: 18,
+	mr: "$2",
+	"[data-state=open] > &": { backgroundColor: "$radioIndicator" }
 });
-const RadioAccordionTrigger = React.forwardRef(({ children, ...props }, ref) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(Accordion.StyledAccordionHeader, { children: /* @__PURE__ */ jsxRuntime.jsxs(StyledRadioAccordionTrigger, { ref, ...props, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(StyledRadio, { children: /* @__PURE__ */ jsxRuntime.jsx(StyledIndicator, {}) }),
-    children
-  ] }) });
+var StyledIndicator = require_stitches_config.styled("div", require_Radio.INDICATOR_BASE_STYLES);
+var StyledRadioAccordionTrigger = require_stitches_config.styled(require_Accordion.StyledAccordionTrigger, { "@hover": { "&:hover": { [`& ${StyledRadio}`]: { boxShadow: "inset 0 0 0 1px $colors$radioHoverBorder" } } } });
+var RadioAccordionTrigger = react.default.forwardRef(({ children, ...props }, ref) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Accordion.StyledAccordionHeader, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(StyledRadioAccordionTrigger, {
+		ref,
+		...props,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(StyledRadio, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StyledIndicator, {}) }), children]
+	}) });
 });
-const RadioAccordionContent = Accordion.AccordionContent;
+var RadioAccordionContent = require_Accordion.AccordionContent;
+//#endregion
 exports.RadioAccordionContent = RadioAccordionContent;
 exports.RadioAccordionItem = RadioAccordionItem;
 exports.RadioAccordionRoot = RadioAccordionRoot;
 exports.RadioAccordionTrigger = RadioAccordionTrigger;
-//# sourceMappingURL=RadioAccordion.cjs.map
+
+//# sourceMappingURL=RadioAccordion.cjs.map

package/dist/components/RadioAccordion/RadioAccordion.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"RadioAccordion.cjs","sources":["../../../components/RadioAccordion/RadioAccordion.tsx"],"sourcesContent":["import type { AccordionSingleProps } from '@radix-ui/react-accordion';\nimport React, { ComponentProps } from 'react';\n\nimport { CSS, styled, VariantProps } from '../../stitches.config';\nimport {\n  AccordionContent,\n  AccordionItem,\n  AccordionRoot,\n  AccordionTriggerProps,\n  StyledAccordionHeader,\n  StyledAccordionTrigger,\n} from '../Accordion';\nimport { INDICATOR_BASE_STYLES, RADIO_BASE_STYLES } from '../Radio';\n\nexport interface RadioAccordionRootProps\n  extends Omit<AccordionSingleProps, 'type' | 'collapsible'>,\n    Omit<VariantProps<typeof AccordionRoot>, 'type' | 'collapsible'> {\n  css?: CSS; // could not skipped\n}\n\nexport const RadioAccordionRoot: (props: RadioAccordionRootProps) => JSX.Element = (props) => (\n  <AccordionRoot {...props} type=\"single\" collapsible={false} />\n);\n\nexport interface RadioAccordionItemProps\n  extends ComponentProps<typeof AccordionItem>,\n    VariantProps<typeof AccordionItem> {}\nexport const RadioAccordionItem = React.forwardRef<\n  React.ElementRef<typeof AccordionItem>,\n  RadioAccordionItemProps\n>(({ value, children, ...props }, forwardedRef) => {\n  return (\n    <AccordionItem\n      value={value}\n      ref={forwardedRef}\n      css={{ display: 'inherit', flexDirection: 'column' }}\n      {...props}\n    >\n      {children}\n    </AccordionItem>\n  );\n});\n\nconst StyledRadio = styled('div', RADIO_BASE_STYLES, {\n  width: 18,\n  height: 18,\n  mr: '$2',\n  '[data-state=open] > &': {\n    backgroundColor: '$radioIndicator',\n  },\n});\n\nconst StyledIndicator = styled('div', INDICATOR_BASE_STYLES);\n\nconst StyledRadioAccordionTrigger = styled(StyledAccordionTrigger, {\n  '@hover': {\n    '&:hover': {\n      [`& ${StyledRadio}`]: {\n        boxShadow: 'inset 0 0 0 1px $colors$radioHoverBorder',\n      },\n    },\n  },\n});\n\nexport interface RadioAccordionTriggerProps extends AccordionTriggerProps {}\nexport const RadioAccordionTrigger = React.forwardRef<\n  React.ElementRef<typeof StyledRadioAccordionTrigger>,\n  RadioAccordionTriggerProps\n>(({ children, ...props }, ref) => {\n  return (\n    <StyledAccordionHeader>\n      <StyledRadioAccordionTrigger ref={ref} {...props}>\n        <StyledRadio>\n          <StyledIndicator />\n        </StyledRadio>\n        {children}\n      </StyledRadioAccordionTrigger>\n    </StyledAccordionHeader>\n  );\n});\n\nexport const RadioAccordionContent = AccordionContent;\n"],"names":["jsx","AccordionRoot","AccordionItem","styled","RADIO_BASE_STYLES","INDICATOR_BASE_STYLES","StyledAccordionTrigger","StyledAccordionHeader","jsxs","AccordionContent"],"mappings":";;;;;;;AAoBO,MAAM,qBAAsE,CAAC,UAClFA,2BAAAA,IAACC,yBAAA,EAAe,GAAG,OAAO,MAAK,UAAS,aAAa,MAAA,CAAO;AAMvD,MAAM,qBAAqB,MAAM,WAGtC,CAAC,EAAE,OAAO,UAAU,GAAG,MAAA,GAAS,iBAAiB;AACjD,SACED,2BAAAA;AAAAA,IAACE,UAAAA;AAAAA,IAAA;AAAA,MACC;AAAA,MACA,KAAK;AAAA,MACL,KAAK,EAAE,SAAS,WAAW,eAAe,SAAA;AAAA,MACzC,GAAG;AAAA,MAEH;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;AAED,MAAM,cAAcC,gBAAAA,OAAO,OAAOC,yBAAmB;AAAA,EACnD,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,IAAI;AAAA,EACJ,yBAAyB;AAAA,IACvB,iBAAiB;AAAA,EAAA;AAErB,CAAC;AAED,MAAM,kBAAkBD,gBAAAA,OAAO,OAAOE,2BAAqB;AAE3D,MAAM,8BAA8BF,gBAAAA,OAAOG,kCAAwB;AAAA,EACjE,UAAU;AAAA,IACR,WAAW;AAAA,MACT,CAAC,KAAK,WAAW,EAAE,GAAG;AAAA,QACpB,WAAW;AAAA,MAAA;AAAA,IACb;AAAA,EACF;AAEJ,CAAC;AAGM,MAAM,wBAAwB,MAAM,WAGzC,CAAC,EAAE,UAAU,GAAG,MAAA,GAAS,QAAQ;AACjC,wCACGC,iCAAA,EACC,UAAAC,2BAAAA,KAAC,6BAAA,EAA4B,KAAW,GAAG,OACzC,UAAA;AAAA,IAAAR,2BAAAA,IAAC,aAAA,EACC,UAAAA,2BAAAA,IAAC,iBAAA,CAAA,CAAgB,GACnB;AAAA,IACC;AAAA,EAAA,EAAA,CACH,EAAA,CACF;AAEJ,CAAC;AAEM,MAAM,wBAAwBS,UAAAA;;;;;"}
+{"version":3,"file":"RadioAccordion.cjs","names":[],"sources":["../../../components/RadioAccordion/RadioAccordion.tsx"],"sourcesContent":["import type { AccordionSingleProps } from '@radix-ui/react-accordion';\nimport React, { ComponentProps } from 'react';\n\nimport { CSS, styled, VariantProps } from '../../stitches.config';\nimport {\n  AccordionContent,\n  AccordionItem,\n  AccordionRoot,\n  AccordionTriggerProps,\n  StyledAccordionHeader,\n  StyledAccordionTrigger,\n} from '../Accordion';\nimport { INDICATOR_BASE_STYLES, RADIO_BASE_STYLES } from '../Radio';\n\nexport interface RadioAccordionRootProps\n  extends Omit<AccordionSingleProps, 'type' | 'collapsible'>,\n    Omit<VariantProps<typeof AccordionRoot>, 'type' | 'collapsible'> {\n  css?: CSS; // could not skipped\n}\n\nexport const RadioAccordionRoot: (props: RadioAccordionRootProps) => JSX.Element = (props) => (\n  <AccordionRoot {...props} type=\"single\" collapsible={false} />\n);\n\nexport interface RadioAccordionItemProps\n  extends ComponentProps<typeof AccordionItem>,\n    VariantProps<typeof AccordionItem> {}\nexport const RadioAccordionItem = React.forwardRef<\n  React.ElementRef<typeof AccordionItem>,\n  RadioAccordionItemProps\n>(({ value, children, ...props }, forwardedRef) => {\n  return (\n    <AccordionItem\n      value={value}\n      ref={forwardedRef}\n      css={{ display: 'inherit', flexDirection: 'column' }}\n      {...props}\n    >\n      {children}\n    </AccordionItem>\n  );\n});\n\nconst StyledRadio = styled('div', RADIO_BASE_STYLES, {\n  width: 18,\n  height: 18,\n  mr: '$2',\n  '[data-state=open] > &': {\n    backgroundColor: '$radioIndicator',\n  },\n});\n\nconst StyledIndicator = styled('div', INDICATOR_BASE_STYLES);\n\nconst StyledRadioAccordionTrigger = styled(StyledAccordionTrigger, {\n  '@hover': {\n    '&:hover': {\n      [`& ${StyledRadio}`]: {\n        boxShadow: 'inset 0 0 0 1px $colors$radioHoverBorder',\n      },\n    },\n  },\n});\n\nexport interface RadioAccordionTriggerProps extends AccordionTriggerProps {}\nexport const RadioAccordionTrigger = React.forwardRef<\n  React.ElementRef<typeof StyledRadioAccordionTrigger>,\n  RadioAccordionTriggerProps\n>(({ children, ...props }, ref) => {\n  return (\n    <StyledAccordionHeader>\n      <StyledRadioAccordionTrigger ref={ref} {...props}>\n        <StyledRadio>\n          <StyledIndicator />\n        </StyledRadio>\n        {children}\n      </StyledRadioAccordionTrigger>\n    </StyledAccordionHeader>\n  );\n});\n\nexport const RadioAccordionContent = AccordionContent;\n"],"mappings":";;;;;;;;AAoBA,IAAa,sBAAuE,UAClF,iBAAA,GAAA,kBAAA,KAAC,kBAAA,eAAD;CAAe,GAAI;CAAO,MAAK;CAAS,aAAa;CAAS,CAAA;AAMhE,IAAa,qBAAqB,MAAA,QAAM,YAGrC,EAAE,OAAO,UAAU,GAAG,SAAS,iBAAiB;AACjD,QACE,iBAAA,GAAA,kBAAA,KAAC,kBAAA,eAAD;EACS;EACP,KAAK;EACL,KAAK;GAAE,SAAS;GAAW,eAAe;GAAU;EACpD,GAAI;EAEH;EACa,CAAA;EAElB;AAEF,IAAM,cAAc,wBAAA,OAAO,OAAO,cAAA,mBAAmB;CACnD,OAAO;CACP,QAAQ;CACR,IAAI;CACJ,yBAAyB,EACvB,iBAAiB,mBAClB;CACF,CAAC;AAEF,IAAM,kBAAkB,wBAAA,OAAO,OAAO,cAAA,sBAAsB;AAE5D,IAAM,8BAA8B,wBAAA,OAAO,kBAAA,wBAAwB,EACjE,UAAU,EACR,WAAW,GACR,KAAK,gBAAgB,EACpB,WAAW,4CACZ,EACF,EACF,EACF,CAAC;AAGF,IAAa,wBAAwB,MAAA,QAAM,YAGxC,EAAE,UAAU,GAAG,SAAS,QAAQ;AACjC,QACE,iBAAA,GAAA,kBAAA,KAAC,kBAAA,uBAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,MAAC,6BAAD;EAAkC;EAAK,GAAI;YAA3C,CACE,iBAAA,GAAA,kBAAA,KAAC,aAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,KAAC,iBAAD,EAAmB,CAAA,EACP,CAAA,EACb,SAC2B;KACR,CAAA;EAE1B;AAEF,IAAa,wBAAwB,kBAAA"}

package/dist/components/RadioAccordion/RadioAccordion.js

@@ -1,50 +1,43 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import React from "react";
 import { styled } from "../../stitches.config.js";
 import { AccordionContent, AccordionItem, AccordionRoot, StyledAccordionHeader, StyledAccordionTrigger } from "../Accordion/Accordion.js";
-import { RADIO_BASE_STYLES, INDICATOR_BASE_STYLES } from "../Radio/Radio.js";
-const RadioAccordionRoot = (props) => /* @__PURE__ */ jsx(AccordionRoot, { ...props, type: "single", collapsible: false });
-const RadioAccordionItem = React.forwardRef(({ value, children, ...props }, forwardedRef) => {
-  return /* @__PURE__ */ jsx(
-    AccordionItem,
-    {
-      value,
-      ref: forwardedRef,
-      css: { display: "inherit", flexDirection: "column" },
-      ...props,
-      children
-    }
-  );
+import { INDICATOR_BASE_STYLES, RADIO_BASE_STYLES } from "../Radio/Radio.js";
+import React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region components/RadioAccordion/RadioAccordion.tsx
+var RadioAccordionRoot = (props) => /* @__PURE__ */ jsx(AccordionRoot, {
+	...props,
+	type: "single",
+	collapsible: false
 });
-const StyledRadio = styled("div", RADIO_BASE_STYLES, {
-  width: 18,
-  height: 18,
-  mr: "$2",
-  "[data-state=open] > &": {
-    backgroundColor: "$radioIndicator"
-  }
+var RadioAccordionItem = React.forwardRef(({ value, children, ...props }, forwardedRef) => {
+	return /* @__PURE__ */ jsx(AccordionItem, {
+		value,
+		ref: forwardedRef,
+		css: {
+			display: "inherit",
+			flexDirection: "column"
+		},
+		...props,
+		children
+	});
 });
-const StyledIndicator = styled("div", INDICATOR_BASE_STYLES);
-const StyledRadioAccordionTrigger = styled(StyledAccordionTrigger, {
-  "@hover": {
-    "&:hover": {
-      [`& ${StyledRadio}`]: {
-        boxShadow: "inset 0 0 0 1px $colors$radioHoverBorder"
-      }
-    }
-  }
+var StyledRadio = styled("div", RADIO_BASE_STYLES, {
+	width: 18,
+	height: 18,
+	mr: "$2",
+	"[data-state=open] > &": { backgroundColor: "$radioIndicator" }
 });
-const RadioAccordionTrigger = React.forwardRef(({ children, ...props }, ref) => {
-  return /* @__PURE__ */ jsx(StyledAccordionHeader, { children: /* @__PURE__ */ jsxs(StyledRadioAccordionTrigger, { ref, ...props, children: [
-    /* @__PURE__ */ jsx(StyledRadio, { children: /* @__PURE__ */ jsx(StyledIndicator, {}) }),
-    children
-  ] }) });
+var StyledIndicator = styled("div", INDICATOR_BASE_STYLES);
+var StyledRadioAccordionTrigger = styled(StyledAccordionTrigger, { "@hover": { "&:hover": { [`& ${StyledRadio}`]: { boxShadow: "inset 0 0 0 1px $colors$radioHoverBorder" } } } });
+var RadioAccordionTrigger = React.forwardRef(({ children, ...props }, ref) => {
+	return /* @__PURE__ */ jsx(StyledAccordionHeader, { children: /* @__PURE__ */ jsxs(StyledRadioAccordionTrigger, {
+		ref,
+		...props,
+		children: [/* @__PURE__ */ jsx(StyledRadio, { children: /* @__PURE__ */ jsx(StyledIndicator, {}) }), children]
+	}) });
 });
-const RadioAccordionContent = AccordionContent;
-export {
-  RadioAccordionContent,
-  RadioAccordionItem,
-  RadioAccordionRoot,
-  RadioAccordionTrigger
-};
-//# sourceMappingURL=RadioAccordion.js.map
+var RadioAccordionContent = AccordionContent;
+//#endregion
+export { RadioAccordionContent, RadioAccordionItem, RadioAccordionRoot, RadioAccordionTrigger };
+
+//# sourceMappingURL=RadioAccordion.js.map

package/dist/components/RadioAccordion/RadioAccordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioAccordion.js","sources":["../../../components/RadioAccordion/RadioAccordion.tsx"],"sourcesContent":["import type { AccordionSingleProps } from '@radix-ui/react-accordion';\nimport React, { ComponentProps } from 'react';\n\nimport { CSS, styled, VariantProps } from '../../stitches.config';\nimport {\n  AccordionContent,\n  AccordionItem,\n  AccordionRoot,\n  AccordionTriggerProps,\n  StyledAccordionHeader,\n  StyledAccordionTrigger,\n} from '../Accordion';\nimport { INDICATOR_BASE_STYLES, RADIO_BASE_STYLES } from '../Radio';\n\nexport interface RadioAccordionRootProps\n  extends Omit<AccordionSingleProps, 'type' | 'collapsible'>,\n    Omit<VariantProps<typeof AccordionRoot>, 'type' | 'collapsible'> {\n  css?: CSS; // could not skipped\n}\n\nexport const RadioAccordionRoot: (props: RadioAccordionRootProps) => JSX.Element = (props) => (\n  <AccordionRoot {...props} type=\"single\" collapsible={false} />\n);\n\nexport interface RadioAccordionItemProps\n  extends ComponentProps<typeof AccordionItem>,\n    VariantProps<typeof AccordionItem> {}\nexport const RadioAccordionItem = React.forwardRef<\n  React.ElementRef<typeof AccordionItem>,\n  RadioAccordionItemProps\n>(({ value, children, ...props }, forwardedRef) => {\n  return (\n    <AccordionItem\n      value={value}\n      ref={forwardedRef}\n      css={{ display: 'inherit', flexDirection: 'column' }}\n      {...props}\n    >\n      {children}\n    </AccordionItem>\n  );\n});\n\nconst StyledRadio = styled('div', RADIO_BASE_STYLES, {\n  width: 18,\n  height: 18,\n  mr: '$2',\n  '[data-state=open] > &': {\n    backgroundColor: '$radioIndicator',\n  },\n});\n\nconst StyledIndicator = styled('div', INDICATOR_BASE_STYLES);\n\nconst StyledRadioAccordionTrigger = styled(StyledAccordionTrigger, {\n  '@hover': {\n    '&:hover': {\n      [`& ${StyledRadio}`]: {\n        boxShadow: 'inset 0 0 0 1px $colors$radioHoverBorder',\n      },\n    },\n  },\n});\n\nexport interface RadioAccordionTriggerProps extends AccordionTriggerProps {}\nexport const RadioAccordionTrigger = React.forwardRef<\n  React.ElementRef<typeof StyledRadioAccordionTrigger>,\n  RadioAccordionTriggerProps\n>(({ children, ...props }, ref) => {\n  return (\n    <StyledAccordionHeader>\n      <StyledRadioAccordionTrigger ref={ref} {...props}>\n        <StyledRadio>\n          <StyledIndicator />\n        </StyledRadio>\n        {children}\n      </StyledRadioAccordionTrigger>\n    </StyledAccordionHeader>\n  );\n});\n\nexport const RadioAccordionContent = AccordionContent;\n"],"names":[],"mappings":";;;;;AAoBO,MAAM,qBAAsE,CAAC,UAClF,oBAAC,eAAA,EAAe,GAAG,OAAO,MAAK,UAAS,aAAa,MAAA,CAAO;AAMvD,MAAM,qBAAqB,MAAM,WAGtC,CAAC,EAAE,OAAO,UAAU,GAAG,MAAA,GAAS,iBAAiB;AACjD,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,KAAK;AAAA,MACL,KAAK,EAAE,SAAS,WAAW,eAAe,SAAA;AAAA,MACzC,GAAG;AAAA,MAEH;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;AAED,MAAM,cAAc,OAAO,OAAO,mBAAmB;AAAA,EACnD,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,IAAI;AAAA,EACJ,yBAAyB;AAAA,IACvB,iBAAiB;AAAA,EAAA;AAErB,CAAC;AAED,MAAM,kBAAkB,OAAO,OAAO,qBAAqB;AAE3D,MAAM,8BAA8B,OAAO,wBAAwB;AAAA,EACjE,UAAU;AAAA,IACR,WAAW;AAAA,MACT,CAAC,KAAK,WAAW,EAAE,GAAG;AAAA,QACpB,WAAW;AAAA,MAAA;AAAA,IACb;AAAA,EACF;AAEJ,CAAC;AAGM,MAAM,wBAAwB,MAAM,WAGzC,CAAC,EAAE,UAAU,GAAG,MAAA,GAAS,QAAQ;AACjC,6BACG,uBAAA,EACC,UAAA,qBAAC,6BAAA,EAA4B,KAAW,GAAG,OACzC,UAAA;AAAA,IAAA,oBAAC,aAAA,EACC,UAAA,oBAAC,iBAAA,CAAA,CAAgB,GACnB;AAAA,IACC;AAAA,EAAA,EAAA,CACH,EAAA,CACF;AAEJ,CAAC;AAEM,MAAM,wBAAwB;"}
+{"version":3,"file":"RadioAccordion.js","names":[],"sources":["../../../components/RadioAccordion/RadioAccordion.tsx"],"sourcesContent":["import type { AccordionSingleProps } from '@radix-ui/react-accordion';\nimport React, { ComponentProps } from 'react';\n\nimport { CSS, styled, VariantProps } from '../../stitches.config';\nimport {\n  AccordionContent,\n  AccordionItem,\n  AccordionRoot,\n  AccordionTriggerProps,\n  StyledAccordionHeader,\n  StyledAccordionTrigger,\n} from '../Accordion';\nimport { INDICATOR_BASE_STYLES, RADIO_BASE_STYLES } from '../Radio';\n\nexport interface RadioAccordionRootProps\n  extends Omit<AccordionSingleProps, 'type' | 'collapsible'>,\n    Omit<VariantProps<typeof AccordionRoot>, 'type' | 'collapsible'> {\n  css?: CSS; // could not skipped\n}\n\nexport const RadioAccordionRoot: (props: RadioAccordionRootProps) => JSX.Element = (props) => (\n  <AccordionRoot {...props} type=\"single\" collapsible={false} />\n);\n\nexport interface RadioAccordionItemProps\n  extends ComponentProps<typeof AccordionItem>,\n    VariantProps<typeof AccordionItem> {}\nexport const RadioAccordionItem = React.forwardRef<\n  React.ElementRef<typeof AccordionItem>,\n  RadioAccordionItemProps\n>(({ value, children, ...props }, forwardedRef) => {\n  return (\n    <AccordionItem\n      value={value}\n      ref={forwardedRef}\n      css={{ display: 'inherit', flexDirection: 'column' }}\n      {...props}\n    >\n      {children}\n    </AccordionItem>\n  );\n});\n\nconst StyledRadio = styled('div', RADIO_BASE_STYLES, {\n  width: 18,\n  height: 18,\n  mr: '$2',\n  '[data-state=open] > &': {\n    backgroundColor: '$radioIndicator',\n  },\n});\n\nconst StyledIndicator = styled('div', INDICATOR_BASE_STYLES);\n\nconst StyledRadioAccordionTrigger = styled(StyledAccordionTrigger, {\n  '@hover': {\n    '&:hover': {\n      [`& ${StyledRadio}`]: {\n        boxShadow: 'inset 0 0 0 1px $colors$radioHoverBorder',\n      },\n    },\n  },\n});\n\nexport interface RadioAccordionTriggerProps extends AccordionTriggerProps {}\nexport const RadioAccordionTrigger = React.forwardRef<\n  React.ElementRef<typeof StyledRadioAccordionTrigger>,\n  RadioAccordionTriggerProps\n>(({ children, ...props }, ref) => {\n  return (\n    <StyledAccordionHeader>\n      <StyledRadioAccordionTrigger ref={ref} {...props}>\n        <StyledRadio>\n          <StyledIndicator />\n        </StyledRadio>\n        {children}\n      </StyledRadioAccordionTrigger>\n    </StyledAccordionHeader>\n  );\n});\n\nexport const RadioAccordionContent = AccordionContent;\n"],"mappings":";;;;;;AAoBA,IAAa,sBAAuE,UAClF,oBAAC,eAAD;CAAe,GAAI;CAAO,MAAK;CAAS,aAAa;CAAS,CAAA;AAMhE,IAAa,qBAAqB,MAAM,YAGrC,EAAE,OAAO,UAAU,GAAG,SAAS,iBAAiB;AACjD,QACE,oBAAC,eAAD;EACS;EACP,KAAK;EACL,KAAK;GAAE,SAAS;GAAW,eAAe;GAAU;EACpD,GAAI;EAEH;EACa,CAAA;EAElB;AAEF,IAAM,cAAc,OAAO,OAAO,mBAAmB;CACnD,OAAO;CACP,QAAQ;CACR,IAAI;CACJ,yBAAyB,EACvB,iBAAiB,mBAClB;CACF,CAAC;AAEF,IAAM,kBAAkB,OAAO,OAAO,sBAAsB;AAE5D,IAAM,8BAA8B,OAAO,wBAAwB,EACjE,UAAU,EACR,WAAW,GACR,KAAK,gBAAgB,EACpB,WAAW,4CACZ,EACF,EACF,EACF,CAAC;AAGF,IAAa,wBAAwB,MAAM,YAGxC,EAAE,UAAU,GAAG,SAAS,QAAQ;AACjC,QACE,oBAAC,uBAAD,EAAA,UACE,qBAAC,6BAAD;EAAkC;EAAK,GAAI;YAA3C,CACE,oBAAC,aAAD,EAAA,UACE,oBAAC,iBAAD,EAAmB,CAAA,EACP,CAAA,EACb,SAC2B;KACR,CAAA;EAE1B;AAEF,IAAa,wBAAwB"}