@traefik-labs/faency 12.0.7

package/dist/components/Popover/Popover.cjs

@@ -0,0 +1,87 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const PopoverPrimitive = require("@radix-ui/react-popover");
+const React = require("react");
+const stitches_config = require("../../stitches.config.cjs");
+const Panel = require("../Panel/Panel.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 PopoverPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(PopoverPrimitive);
+function Popover({ children, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(PopoverPrimitive__namespace.Root, { ...props, children });
+}
+const StyledContent = stitches_config.styled(PopoverPrimitive__namespace.Content, Panel.panelStyles, {
+  minWidth: 200,
+  minHeight: "$6",
+  maxWidth: 265,
+  color: "$hiContrast",
+  "&:focus": {
+    outline: "none"
+  },
+  variants: {
+    elevation: Elevation.elevationVariants
+  },
+  defaultVariants: {
+    elevation: 2
+  }
+});
+const fillColorVariants = {
+  0: {
+    fill: "$00dp"
+  },
+  1: {
+    fill: "$01dp"
+  },
+  2: {
+    fill: "$02dp"
+  },
+  3: {
+    fill: "$03dp"
+  },
+  4: {
+    fill: "$04dp"
+  },
+  5: {
+    fill: "$05dp"
+  }
+};
+const StyledArrow = stitches_config.styled(PopoverPrimitive__namespace.Arrow, {
+  fill: "currentColor",
+  variants: {
+    elevation: fillColorVariants
+  },
+  defaultVariants: {
+    elevation: 2
+  }
+});
+const PopoverContent = React.forwardRef(({ children, hideArrow, arrowCss, elevation, ...props }, fowardedRef) => /* @__PURE__ */ jsxRuntime.jsxs(StyledContent, { sideOffset: 0, elevation, ...props, ref: fowardedRef, children: [
+  children,
+  !hideArrow && /* @__PURE__ */ jsxRuntime.jsx(StyledArrow, { elevation, width: 11, height: 5, offset: 5, css: arrowCss })
+] }));
+const PopoverTrigger = PopoverPrimitive__namespace.Trigger;
+const PopoverClose = PopoverPrimitive__namespace.Close;
+const PopoverAnchor = PopoverPrimitive__namespace.Anchor;
+const PopoverPortal = PopoverPrimitive__namespace.Portal;
+exports.Popover = Popover;
+exports.PopoverAnchor = PopoverAnchor;
+exports.PopoverClose = PopoverClose;
+exports.PopoverContent = PopoverContent;
+exports.PopoverPortal = PopoverPortal;
+exports.PopoverTrigger = PopoverTrigger;
+//# sourceMappingURL=Popover.cjs.map

package/dist/components/Popover/Popover.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.cjs","sources":["../../../components/Popover/Popover.tsx"],"sourcesContent":["import * as PopoverPrimitive from '@radix-ui/react-popover';\nimport React from 'react';\n\nimport { CSS, styled, VariantProps } from '../../stitches.config';\nimport { elevationVariants } from '../Elevation';\nimport { panelStyles } from '../Panel';\n\nexport type PopoverProps = React.ComponentProps<typeof PopoverPrimitive.Root> & {\n  children: React.ReactNode;\n};\nexport type PopoverVariants = VariantProps<typeof Popover>;\n\nexport function Popover({ children, ...props }: PopoverProps) {\n  return <PopoverPrimitive.Root {...props}>{children}</PopoverPrimitive.Root>;\n}\n\nconst StyledContent = styled(PopoverPrimitive.Content, panelStyles, {\n  minWidth: 200,\n  minHeight: '$6',\n  maxWidth: 265,\n  color: '$hiContrast',\n  '&:focus': {\n    outline: 'none',\n  },\n  variants: {\n    elevation: elevationVariants,\n  },\n  defaultVariants: {\n    elevation: 2,\n  },\n});\n\nconst fillColorVariants: Record<number, CSS> = {\n  0: {\n    fill: '$00dp',\n  },\n  1: {\n    fill: '$01dp',\n  },\n  2: {\n    fill: '$02dp',\n  },\n  3: {\n    fill: '$03dp',\n  },\n  4: {\n    fill: '$04dp',\n  },\n  5: {\n    fill: '$05dp',\n  },\n};\n\nconst StyledArrow = styled(PopoverPrimitive.Arrow, {\n  fill: 'currentColor',\n  variants: {\n    elevation: fillColorVariants,\n  },\n  defaultVariants: {\n    elevation: 2,\n  },\n});\n\ntype PopoverContentPrimitiveProps = Omit<\n  React.ComponentProps<typeof PopoverPrimitive.Content>,\n  'as'\n>;\nexport type PopoverContentProps = PopoverContentPrimitiveProps &\n  VariantProps<typeof StyledContent> & {\n    css?: CSS;\n    hideArrow?: boolean;\n    arrowCss?: CSS;\n  };\n\nexport const PopoverContent = React.forwardRef<\n  React.ElementRef<typeof StyledContent>,\n  PopoverContentProps\n>(({ children, hideArrow, arrowCss, elevation, ...props }, fowardedRef) => (\n  <StyledContent sideOffset={0} elevation={elevation} {...props} ref={fowardedRef}>\n    {children}\n    {!hideArrow && (\n      <StyledArrow elevation={elevation} width={11} height={5} offset={5} css={arrowCss} />\n    )}\n  </StyledContent>\n));\n\nexport const PopoverTrigger = PopoverPrimitive.Trigger;\nexport const PopoverClose = PopoverPrimitive.Close;\nexport const PopoverAnchor = PopoverPrimitive.Anchor;\nexport const PopoverPortal = PopoverPrimitive.Portal;\n"],"names":["PopoverPrimitive","styled","panelStyles","elevationVariants","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAYO,SAAS,QAAQ,EAAE,UAAU,GAAG,SAAuB;AAC5D,wCAAQA,4BAAiB,MAAjB,EAAuB,GAAG,OAAQ,UAAS;AACrD;AAEA,MAAM,gBAAgBC,gBAAAA,OAAOD,4BAAiB,SAASE,MAAAA,aAAa;AAAA,EAClE,UAAU;AAAA,EACV,WAAW;AAAA,EACX,UAAU;AAAA,EACV,OAAO;AAAA,EACP,WAAW;AAAA,IACT,SAAS;AAAA,EAAA;AAAA,EAEX,UAAU;AAAA,IACR,WAAWC,UAAAA;AAAAA,EAAA;AAAA,EAEb,iBAAiB;AAAA,IACf,WAAW;AAAA,EAAA;AAEf,CAAC;AAED,MAAM,oBAAyC;AAAA,EAC7C,GAAG;AAAA,IACD,MAAM;AAAA,EAAA;AAAA,EAER,GAAG;AAAA,IACD,MAAM;AAAA,EAAA;AAAA,EAER,GAAG;AAAA,IACD,MAAM;AAAA,EAAA;AAAA,EAER,GAAG;AAAA,IACD,MAAM;AAAA,EAAA;AAAA,EAER,GAAG;AAAA,IACD,MAAM;AAAA,EAAA;AAAA,EAER,GAAG;AAAA,IACD,MAAM;AAAA,EAAA;AAEV;AAEA,MAAM,cAAcF,gBAAAA,OAAOD,4BAAiB,OAAO;AAAA,EACjD,MAAM;AAAA,EACN,UAAU;AAAA,IACR,WAAW;AAAA,EAAA;AAAA,EAEb,iBAAiB;AAAA,IACf,WAAW;AAAA,EAAA;AAEf,CAAC;AAaM,MAAM,iBAAiB,MAAM,WAGlC,CAAC,EAAE,UAAU,WAAW,UAAU,WAAW,GAAG,SAAS,gDACxD,eAAA,EAAc,YAAY,GAAG,WAAuB,GAAG,OAAO,KAAK,aACjE,UAAA;AAAA,EAAA;AAAA,EACA,CAAC,aACAI,2BAAAA,IAAC,aAAA,EAAY,WAAsB,OAAO,IAAI,QAAQ,GAAG,QAAQ,GAAG,KAAK,SAAA,CAAU;AAAA,GAEvF,CACD;AAEM,MAAM,iBAAiBJ,4BAAiB;AACxC,MAAM,eAAeA,4BAAiB;AACtC,MAAM,gBAAgBA,4BAAiB;AACvC,MAAM,gBAAgBA,4BAAiB;;;;;;;"}

package/dist/components/Popover/Popover.js

@@ -0,0 +1,70 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+import React from "react";
+import { styled } from "../../stitches.config.js";
+import { panelStyles } from "../Panel/Panel.js";
+import { elevationVariants } from "../Elevation/Elevation.js";
+function Popover({ children, ...props }) {
+  return /* @__PURE__ */ jsx(PopoverPrimitive.Root, { ...props, children });
+}
+const StyledContent = styled(PopoverPrimitive.Content, panelStyles, {
+  minWidth: 200,
+  minHeight: "$6",
+  maxWidth: 265,
+  color: "$hiContrast",
+  "&:focus": {
+    outline: "none"
+  },
+  variants: {
+    elevation: elevationVariants
+  },
+  defaultVariants: {
+    elevation: 2
+  }
+});
+const fillColorVariants = {
+  0: {
+    fill: "$00dp"
+  },
+  1: {
+    fill: "$01dp"
+  },
+  2: {
+    fill: "$02dp"
+  },
+  3: {
+    fill: "$03dp"
+  },
+  4: {
+    fill: "$04dp"
+  },
+  5: {
+    fill: "$05dp"
+  }
+};
+const StyledArrow = styled(PopoverPrimitive.Arrow, {
+  fill: "currentColor",
+  variants: {
+    elevation: fillColorVariants
+  },
+  defaultVariants: {
+    elevation: 2
+  }
+});
+const PopoverContent = React.forwardRef(({ children, hideArrow, arrowCss, elevation, ...props }, fowardedRef) => /* @__PURE__ */ jsxs(StyledContent, { sideOffset: 0, elevation, ...props, ref: fowardedRef, children: [
+  children,
+  !hideArrow && /* @__PURE__ */ jsx(StyledArrow, { elevation, width: 11, height: 5, offset: 5, css: arrowCss })
+] }));
+const PopoverTrigger = PopoverPrimitive.Trigger;
+const PopoverClose = PopoverPrimitive.Close;
+const PopoverAnchor = PopoverPrimitive.Anchor;
+const PopoverPortal = PopoverPrimitive.Portal;
+export {
+  Popover,
+  PopoverAnchor,
+  PopoverClose,
+  PopoverContent,
+  PopoverPortal,
+  PopoverTrigger
+};
+//# sourceMappingURL=Popover.js.map

package/dist/components/Popover/Popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.js","sources":["../../../components/Popover/Popover.tsx"],"sourcesContent":["import * as PopoverPrimitive from '@radix-ui/react-popover';\nimport React from 'react';\n\nimport { CSS, styled, VariantProps } from '../../stitches.config';\nimport { elevationVariants } from '../Elevation';\nimport { panelStyles } from '../Panel';\n\nexport type PopoverProps = React.ComponentProps<typeof PopoverPrimitive.Root> & {\n  children: React.ReactNode;\n};\nexport type PopoverVariants = VariantProps<typeof Popover>;\n\nexport function Popover({ children, ...props }: PopoverProps) {\n  return <PopoverPrimitive.Root {...props}>{children}</PopoverPrimitive.Root>;\n}\n\nconst StyledContent = styled(PopoverPrimitive.Content, panelStyles, {\n  minWidth: 200,\n  minHeight: '$6',\n  maxWidth: 265,\n  color: '$hiContrast',\n  '&:focus': {\n    outline: 'none',\n  },\n  variants: {\n    elevation: elevationVariants,\n  },\n  defaultVariants: {\n    elevation: 2,\n  },\n});\n\nconst fillColorVariants: Record<number, CSS> = {\n  0: {\n    fill: '$00dp',\n  },\n  1: {\n    fill: '$01dp',\n  },\n  2: {\n    fill: '$02dp',\n  },\n  3: {\n    fill: '$03dp',\n  },\n  4: {\n    fill: '$04dp',\n  },\n  5: {\n    fill: '$05dp',\n  },\n};\n\nconst StyledArrow = styled(PopoverPrimitive.Arrow, {\n  fill: 'currentColor',\n  variants: {\n    elevation: fillColorVariants,\n  },\n  defaultVariants: {\n    elevation: 2,\n  },\n});\n\ntype PopoverContentPrimitiveProps = Omit<\n  React.ComponentProps<typeof PopoverPrimitive.Content>,\n  'as'\n>;\nexport type PopoverContentProps = PopoverContentPrimitiveProps &\n  VariantProps<typeof StyledContent> & {\n    css?: CSS;\n    hideArrow?: boolean;\n    arrowCss?: CSS;\n  };\n\nexport const PopoverContent = React.forwardRef<\n  React.ElementRef<typeof StyledContent>,\n  PopoverContentProps\n>(({ children, hideArrow, arrowCss, elevation, ...props }, fowardedRef) => (\n  <StyledContent sideOffset={0} elevation={elevation} {...props} ref={fowardedRef}>\n    {children}\n    {!hideArrow && (\n      <StyledArrow elevation={elevation} width={11} height={5} offset={5} css={arrowCss} />\n    )}\n  </StyledContent>\n));\n\nexport const PopoverTrigger = PopoverPrimitive.Trigger;\nexport const PopoverClose = PopoverPrimitive.Close;\nexport const PopoverAnchor = PopoverPrimitive.Anchor;\nexport const PopoverPortal = PopoverPrimitive.Portal;\n"],"names":[],"mappings":";;;;;;AAYO,SAAS,QAAQ,EAAE,UAAU,GAAG,SAAuB;AAC5D,6BAAQ,iBAAiB,MAAjB,EAAuB,GAAG,OAAQ,UAAS;AACrD;AAEA,MAAM,gBAAgB,OAAO,iBAAiB,SAAS,aAAa;AAAA,EAClE,UAAU;AAAA,EACV,WAAW;AAAA,EACX,UAAU;AAAA,EACV,OAAO;AAAA,EACP,WAAW;AAAA,IACT,SAAS;AAAA,EAAA;AAAA,EAEX,UAAU;AAAA,IACR,WAAW;AAAA,EAAA;AAAA,EAEb,iBAAiB;AAAA,IACf,WAAW;AAAA,EAAA;AAEf,CAAC;AAED,MAAM,oBAAyC;AAAA,EAC7C,GAAG;AAAA,IACD,MAAM;AAAA,EAAA;AAAA,EAER,GAAG;AAAA,IACD,MAAM;AAAA,EAAA;AAAA,EAER,GAAG;AAAA,IACD,MAAM;AAAA,EAAA;AAAA,EAER,GAAG;AAAA,IACD,MAAM;AAAA,EAAA;AAAA,EAER,GAAG;AAAA,IACD,MAAM;AAAA,EAAA;AAAA,EAER,GAAG;AAAA,IACD,MAAM;AAAA,EAAA;AAEV;AAEA,MAAM,cAAc,OAAO,iBAAiB,OAAO;AAAA,EACjD,MAAM;AAAA,EACN,UAAU;AAAA,IACR,WAAW;AAAA,EAAA;AAAA,EAEb,iBAAiB;AAAA,IACf,WAAW;AAAA,EAAA;AAEf,CAAC;AAaM,MAAM,iBAAiB,MAAM,WAGlC,CAAC,EAAE,UAAU,WAAW,UAAU,WAAW,GAAG,SAAS,qCACxD,eAAA,EAAc,YAAY,GAAG,WAAuB,GAAG,OAAO,KAAK,aACjE,UAAA;AAAA,EAAA;AAAA,EACA,CAAC,aACA,oBAAC,aAAA,EAAY,WAAsB,OAAO,IAAI,QAAQ,GAAG,QAAQ,GAAG,KAAK,SAAA,CAAU;AAAA,GAEvF,CACD;AAEM,MAAM,iBAAiB,iBAAiB;AACxC,MAAM,eAAe,iBAAiB;AACtC,MAAM,gBAAgB,iBAAiB;AACvC,MAAM,gBAAgB,iBAAiB;"}

package/dist/components/Radio/Radio.cjs

@@ -0,0 +1,126 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const RadioGroupPrimitive = require("@radix-ui/react-radio-group");
+const React = require("react");
+const stitches_config = require("../../stitches.config.cjs");
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const RadioGroupPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(RadioGroupPrimitive);
+const RadioGroup = stitches_config.styled(RadioGroupPrimitive__namespace.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"
+  }
+};
+const StyledIndicator = stitches_config.styled(RadioGroupPrimitive__namespace.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"
+  }
+};
+const StyledRadio = stitches_config.styled(RadioGroupPrimitive__namespace.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__ */ jsxRuntime.jsx(StyledRadio, { ...props, ref: forwardedRef, children: /* @__PURE__ */ jsxRuntime.jsx(StyledIndicator, {}) })
+);
+exports.INDICATOR_BASE_STYLES = INDICATOR_BASE_STYLES;
+exports.RADIO_BASE_STYLES = RADIO_BASE_STYLES;
+exports.Radio = Radio;
+exports.RadioGroup = RadioGroup;
+//# sourceMappingURL=Radio.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.cjs","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":["styled","RadioGroupPrimitive","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAKO,MAAM,aAAaA,gBAAAA,OAAOC,+BAAoB,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,kBAAkBD,gBAAAA,OAAOC,+BAAoB,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,cAAcD,gBAAAA,OAAOC,+BAAoB,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,iBACNC,+BAAC,aAAA,EAAa,GAAG,OAAO,KAAK,cAC3B,UAAAA,2BAAAA,IAAC,iBAAA,CAAA,CAAgB,EAAA,CACnB;AAEJ;;;;;"}

package/dist/components/Radio/Radio.js

@@ -0,0 +1,109 @@
+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"
+  }
+};
+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"
+  }
+};
+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"
+  }
+});
+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

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,27 @@
+"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

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,28 @@
+import tinycolor from "tinycolor2";
+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()
+  });
+})(Theme || (Theme = {}));
+export {
+  Theme
+};
+//# sourceMappingURL=Radio.themes.js.map

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

@@ -0,0 +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;"}

package/dist/components/RadioAccordion/RadioAccordion.cjs

@@ -0,0 +1,50 @@
+"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 StyledRadio = stitches_config.styled("div", Radio.RADIO_BASE_STYLES, {
+  width: 18,
+  height: 18,
+  mr: "$2",
+  "[data-state=open] > &": {
+    backgroundColor: "$radioIndicator"
+  }
+});
+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"
+      }
+    }
+  }
+});
+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
+  ] }) });
+});
+const RadioAccordionContent = Accordion.AccordionContent;
+exports.RadioAccordionContent = RadioAccordionContent;
+exports.RadioAccordionItem = RadioAccordionItem;
+exports.RadioAccordionRoot = RadioAccordionRoot;
+exports.RadioAccordionTrigger = RadioAccordionTrigger;
+//# sourceMappingURL=RadioAccordion.cjs.map

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

@@ -0,0 +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;;;;;"}

package/dist/components/RadioAccordion/RadioAccordion.js

@@ -0,0 +1,50 @@
+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
+    }
+  );
+});
+const StyledRadio = styled("div", RADIO_BASE_STYLES, {
+  width: 18,
+  height: 18,
+  mr: "$2",
+  "[data-state=open] > &": {
+    backgroundColor: "$radioIndicator"
+  }
+});
+const StyledIndicator = styled("div", INDICATOR_BASE_STYLES);
+const StyledRadioAccordionTrigger = styled(StyledAccordionTrigger, {
+  "@hover": {
+    "&:hover": {
+      [`& ${StyledRadio}`]: {
+        boxShadow: "inset 0 0 0 1px $colors$radioHoverBorder"
+      }
+    }
+  }
+});
+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
+  ] }) });
+});
+const RadioAccordionContent = AccordionContent;
+export {
+  RadioAccordionContent,
+  RadioAccordionItem,
+  RadioAccordionRoot,
+  RadioAccordionTrigger
+};
+//# sourceMappingURL=RadioAccordion.js.map

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

@@ -0,0 +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;"}