@traefik-labs/faency 12.3.9 → 13.0.0

package/dist/components/Paragraph/Paragraph.vanilla.css.js

@@ -1,6 +1,6 @@
 /* empty css                                     */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
-//#region components/Paragraph/Paragraph.vanilla.css.ts
+// components/Paragraph/Paragraph.vanilla.css.ts
 var paragraphRecipe = createRuntimeFn({
 	defaultClassName: "ssoibc1 ssoibc0",
 	variantClassNames: { size: {
@@ -10,7 +10,6 @@ var paragraphRecipe = createRuntimeFn({
 	defaultVariants: { size: "1" },
 	compoundVariants: []
 });
-//#endregion
 export { paragraphRecipe };
 
 //# sourceMappingURL=Paragraph.vanilla.css.js.map

package/dist/components/Paragraph/Paragraph.vanilla.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"Paragraph.vanilla.css.js","names":[],"sources":["../../../components/Paragraph/Paragraph.vanilla.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\nimport { recipe } from '@vanilla-extract/recipes';\n\nimport { breakpoints } from '../../styles/breakpoints.css';\nimport { tokens } from '../../styles/tokens.css';\n\n// Base text styles (from Text component)\nconst paragraphBase = style({\n  lineHeight: '1',\n  margin: '0',\n  fontFamily: tokens.fonts.rubik,\n  fontVariantNumeric: 'tabular-nums',\n  display: 'inline-block',\n});\n\nexport const paragraphRecipe = recipe({\n  base: paragraphBase,\n\n  variants: {\n    size: {\n      '1': {\n        fontSize: tokens.fontSizes['3'],\n        color: tokens.colors.textDefault,\n        lineHeight: '25px',\n        '@media': {\n          [breakpoints.bp2]: {\n            fontSize: tokens.fontSizes['4'],\n            lineHeight: '27px',\n          },\n        },\n      },\n      '2': {\n        fontSize: tokens.fontSizes['5'],\n        color: tokens.colors.slate[11],\n        lineHeight: '27px',\n        '@media': {\n          [breakpoints.bp2]: {\n            fontSize: tokens.fontSizes['6'],\n            lineHeight: '30px',\n          },\n        },\n      },\n    },\n  },\n\n  defaultVariants: {\n    size: '1',\n  },\n});\n"],"mappings":""}
+{"version":3,"file":"Paragraph.vanilla.css.js","names":["_7a468"],"sources":["../../../components/Paragraph/Paragraph.vanilla.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\nimport { recipe } from '@vanilla-extract/recipes';\n\nimport { breakpoints } from '../../styles/breakpoints.css';\nimport { tokens } from '../../styles/tokens.css';\n\n// Base text styles (from Text component)\nconst paragraphBase = style({\n  lineHeight: '1',\n  margin: '0',\n  fontFamily: tokens.fonts.rubik,\n  fontVariantNumeric: 'tabular-nums',\n  display: 'inline-block',\n});\n\nexport const paragraphRecipe = recipe({\n  base: paragraphBase,\n\n  variants: {\n    size: {\n      '1': {\n        fontSize: tokens.fontSizes['3'],\n        color: tokens.colors.textDefault,\n        lineHeight: '25px',\n        '@media': {\n          [breakpoints.bp2]: {\n            fontSize: tokens.fontSizes['4'],\n            lineHeight: '27px',\n          },\n        },\n      },\n      '2': {\n        fontSize: tokens.fontSizes['5'],\n        color: tokens.colors.slate[11],\n        lineHeight: '27px',\n        '@media': {\n          [breakpoints.bp2]: {\n            fontSize: tokens.fontSizes['6'],\n            lineHeight: '30px',\n          },\n        },\n      },\n    },\n  },\n\n  defaultVariants: {\n    size: '1',\n  },\n});\n"],"mappings":""}

package/dist/components/Paragraph/Paragraph.vanilla.js

@@ -4,7 +4,7 @@ import { paragraphRecipe } from "./Paragraph.vanilla.css.js";
 import { forwardRef } from "react";
 import { assignInlineVars } from "@vanilla-extract/dynamic";
 import { jsx } from "react/jsx-runtime";
-//#region components/Paragraph/Paragraph.vanilla.tsx
+// components/Paragraph/Paragraph.vanilla.tsx
 var ParagraphVanillaComponentImpl = forwardRef(({ as, size, className, css, style, ...props }, ref) => {
 	const Component = as || "p";
 	const { colors } = useVanillaExtractTheme();
@@ -14,16 +14,16 @@ var ParagraphVanillaComponentImpl = forwardRef(({ as, size, className, css, styl
 		...style,
 		...assignInlineVars(vars)
 	};
+	const recipeClass = paragraphRecipe({ size });
 	return /* @__PURE__ */ jsx(Component, {
 		ref,
-		className: `${paragraphRecipe({ size })} ${className || ""}`.trim(),
+		className: `${recipeClass} ${className || ""}`.trim(),
 		style: mergedStyles,
 		...props
 	});
 });
 ParagraphVanillaComponentImpl.displayName = "ParagraphVanilla";
 var ParagraphVanilla = ParagraphVanillaComponentImpl;
-//#endregion
 export { ParagraphVanilla };
 
 //# sourceMappingURL=Paragraph.vanilla.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Paragraph.vanilla.js","names":[],"sources":["../../../components/Paragraph/Paragraph.vanilla.tsx"],"sourcesContent":["import { assignInlineVars } from '@vanilla-extract/dynamic';\nimport { RecipeVariants } from '@vanilla-extract/recipes';\nimport { ElementType, forwardRef } from 'react';\n\nimport { CSSProps, processCSSProp } from '../../styles/cssProps';\nimport {\n  PolymorphicComponent,\n  PolymorphicComponentProps,\n  PolymorphicRef,\n} from '../../styles/polymorphic';\nimport { useVanillaExtractTheme } from '../../styles/themeContext';\nimport { paragraphRecipe } from './Paragraph.vanilla.css';\n\ntype ParagraphRecipeVariants = RecipeVariants<typeof paragraphRecipe>;\n\ninterface ParagraphOwnProps extends Omit<ParagraphRecipeVariants, never>, CSSProps {}\n\nexport type ParagraphVanillaProps<C extends ElementType = 'p'> = PolymorphicComponentProps<\n  C,\n  ParagraphOwnProps\n>;\n\ntype ParagraphVanillaComponent = PolymorphicComponent<'p', ParagraphVanillaProps<ElementType>>;\n\nconst ParagraphVanillaComponentImpl = forwardRef(\n  <C extends ElementType = 'p'>(\n    { as, size, className, css, style, ...props }: ParagraphVanillaProps<C>,\n    ref?: PolymorphicRef<C>,\n  ) => {\n    const Component = as || 'p';\n\n    const { colors } = useVanillaExtractTheme();\n\n    const { style: cssStyles, vars } = processCSSProp(css, colors);\n\n    const mergedStyles = {\n      ...cssStyles,\n      ...style,\n      ...assignInlineVars(vars),\n    };\n\n    const recipeClass = paragraphRecipe({ size });\n\n    return (\n      <Component\n        ref={ref}\n        className={`${recipeClass} ${className || ''}`.trim()}\n        style={mergedStyles}\n        {...props}\n      />\n    );\n  },\n);\n\nParagraphVanillaComponentImpl.displayName = 'ParagraphVanilla';\n\nexport const ParagraphVanilla = ParagraphVanillaComponentImpl as ParagraphVanillaComponent;\n"],"mappings":";;;;;;;AAwBA,IAAM,gCAAgC,YAElC,EAAE,IAAI,MAAM,WAAW,KAAK,OAAO,GAAG,SACtC,QACG;CACH,MAAM,YAAY,MAAM;CAExB,MAAM,EAAE,WAAW,uBAAuB;CAE1C,MAAM,EAAE,OAAO,WAAW,SAAS,eAAe,KAAK,MAAM;CAE7D,MAAM,eAAe;EACnB,GAAG;EACH,GAAG;EACH,GAAG,iBAAiB,IAAI;CAC1B;CAIA,OACE,oBAAC,WAAD;EACO;EACL,WAAW,GALK,gBAAgB,EAAE,KAAK,CAKzB,EAAY,GAAG,aAAa,KAAK,KAAK;EACpD,OAAO;EACP,GAAI;CACL,CAAA;AAEL,CACF;AAEA,8BAA8B,cAAc;AAE5C,IAAa,mBAAmB"}
+{"version":3,"file":"Paragraph.vanilla.js","names":[],"sources":["../../../components/Paragraph/Paragraph.vanilla.tsx"],"sourcesContent":["import { assignInlineVars } from '@vanilla-extract/dynamic';\nimport { RecipeVariants } from '@vanilla-extract/recipes';\nimport { ElementType, forwardRef } from 'react';\n\nimport { CSSProps, processCSSProp } from '../../styles/cssProps';\nimport {\n  PolymorphicComponent,\n  PolymorphicComponentProps,\n  PolymorphicRef,\n} from '../../styles/polymorphic';\nimport { useVanillaExtractTheme } from '../../styles/themeContext';\nimport { paragraphRecipe } from './Paragraph.vanilla.css';\n\ntype ParagraphRecipeVariants = RecipeVariants<typeof paragraphRecipe>;\n\ninterface ParagraphOwnProps extends Omit<ParagraphRecipeVariants, never>, CSSProps {}\n\nexport type ParagraphVanillaProps<C extends ElementType = 'p'> = PolymorphicComponentProps<\n  C,\n  ParagraphOwnProps\n>;\n\ntype ParagraphVanillaComponent = PolymorphicComponent<'p', ParagraphVanillaProps<ElementType>>;\n\nconst ParagraphVanillaComponentImpl = forwardRef(\n  <C extends ElementType = 'p'>(\n    { as, size, className, css, style, ...props }: ParagraphVanillaProps<C>,\n    ref?: PolymorphicRef<C>,\n  ) => {\n    const Component = as || 'p';\n\n    const { colors } = useVanillaExtractTheme();\n\n    const { style: cssStyles, vars } = processCSSProp(css, colors);\n\n    const mergedStyles = {\n      ...cssStyles,\n      ...style,\n      ...assignInlineVars(vars),\n    };\n\n    const recipeClass = paragraphRecipe({ size });\n\n    return (\n      <Component\n        ref={ref}\n        className={`${recipeClass} ${className || ''}`.trim()}\n        style={mergedStyles}\n        {...props}\n      />\n    );\n  },\n);\n\nParagraphVanillaComponentImpl.displayName = 'ParagraphVanilla';\n\nexport const ParagraphVanilla = ParagraphVanillaComponentImpl as ParagraphVanillaComponent;\n"],"mappings":";;;;;;;AAwBA,IAAM,gCAAgC,YAElC,EAAE,IAAI,MAAM,WAAW,KAAK,OAAO,GAAG,SACtC,QACG;CACH,MAAM,YAAY,MAAM;CAExB,MAAM,EAAE,WAAW,uBAAuB;CAE1C,MAAM,EAAE,OAAO,WAAW,SAAS,eAAe,KAAK,MAAM;CAE7D,MAAM,eAAe;EACnB,GAAG;EACH,GAAG;EACH,GAAG,iBAAiB,IAAI;CAC1B;CAEA,MAAM,cAAc,gBAAgB,EAAE,KAAK,CAAC;CAE5C,OACE,oBAAC,WAAD;EACO;EACL,WAAW,GAAG,YAAY,GAAG,aAAa,KAAK,KAAK;EACpD,OAAO;EACP,GAAI;CACL,CAAA;AAEL,CACF;AAEA,8BAA8B,cAAc;AAE5C,IAAa,mBAAmB"}

package/dist/components/Popover/Popover.cjs

@@ -7,7 +7,7 @@ react = require_runtime.__toESM(react, 1);
 let react_jsx_runtime = require("react/jsx-runtime");
 let _radix_ui_react_popover = require("@radix-ui/react-popover");
 _radix_ui_react_popover = require_runtime.__toESM(_radix_ui_react_popover, 1);
-//#region components/Popover/Popover.tsx
+// components/Popover/Popover.tsx
 function Popover({ children, ...props }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_popover.Root, {
 		...props,
@@ -52,7 +52,6 @@ var PopoverTrigger = _radix_ui_react_popover.Trigger;
 var PopoverClose = _radix_ui_react_popover.Close;
 var PopoverAnchor = _radix_ui_react_popover.Anchor;
 var PopoverPortal = _radix_ui_react_popover.Portal;
-//#endregion
 exports.Popover = Popover;
 exports.PopoverAnchor = PopoverAnchor;
 exports.PopoverClose = PopoverClose;

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

@@ -1 +1 @@
-{"version":3,"file":"Popover.cjs","names":[],"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"],"mappings":";;;;;;;;;;AAYA,SAAgB,QAAQ,EAAE,UAAU,GAAG,SAAuB;CAC5D,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAAC,wBAAiB,MAAlB;EAAuB,GAAI;EAAQ;CAAgC,CAAA;AAC5E;AAEA,IAAM,gBAAgB,wBAAA,OAAO,wBAAiB,SAAS,cAAA,aAAa;CAClE,UAAU;CACV,WAAW;CACX,UAAU;CACV,OAAO;CACP,WAAW,EACT,SAAS,OACX;CACA,UAAU,EACR,WAAW,kBAAA,kBACb;CACA,iBAAiB,EACf,WAAW,EACb;AACF,CAAC;AAuBD,IAAM,cAAc,wBAAA,OAAO,wBAAiB,OAAO;CACjD,MAAM;CACN,UAAU,EACR,WAAW;EAvBb,GAAG,EACD,MAAM,QACR;EACA,GAAG,EACD,MAAM,QACR;EACA,GAAG,EACD,MAAM,QACR;EACA,GAAG,EACD,MAAM,QACR;EACA,GAAG,EACD,MAAM,QACR;EACA,GAAG,EACD,MAAM,QACR;CAMa,EACb;CACA,iBAAiB,EACf,WAAW,EACb;AACF,CAAC;AAaD,IAAa,iBAAiB,MAAA,QAAM,YAGjC,EAAE,UAAU,WAAW,UAAU,WAAW,GAAG,SAAS,gBACzD,iBAAA,GAAA,kBAAA,KAAA,CAAC,eAAD;CAAe,YAAY;CAAc;CAAW,GAAI;CAAO,KAAK;WAApE,CACG,UACA,CAAC,aACA,iBAAA,GAAA,kBAAA,IAAA,CAAC,aAAD;EAAwB;EAAW,OAAO;EAAI,QAAQ;EAAG,QAAQ;EAAG,KAAK;CAAW,CAAA,CAEzE;EAChB;AAED,IAAa,iBAAiB,wBAAiB;AAC/C,IAAa,eAAe,wBAAiB;AAC7C,IAAa,gBAAgB,wBAAiB;AAC9C,IAAa,gBAAgB,wBAAiB"}
+{"version":3,"file":"Popover.cjs","names":["PopoverPrimitive","styled","panelStyles","elevationVariants","React"],"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"],"mappings":";;;;;;;;;;AAYA,SAAgB,QAAQ,EAAE,UAAU,GAAG,SAAuB;CAC5D,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACA,wBAAiB,MAAlB;EAAuB,GAAI;EAAQ;CAAgC,CAAA;AAC5E;AAEA,IAAM,gBAAgBC,wBAAAA,OAAOD,wBAAiB,SAASE,cAAAA,aAAa;CAClE,UAAU;CACV,WAAW;CACX,UAAU;CACV,OAAO;CACP,WAAW,EACT,SAAS,OACX;CACA,UAAU,EACR,WAAWC,kBAAAA,kBACb;CACA,iBAAiB,EACf,WAAW,EACb;AACF,CAAC;AAuBD,IAAM,cAAcF,wBAAAA,OAAOD,wBAAiB,OAAO;CACjD,MAAM;CACN,UAAU,EACR,WAAW;EAvBb,GAAG,EACD,MAAM,QACR;EACA,GAAG,EACD,MAAM,QACR;EACA,GAAG,EACD,MAAM,QACR;EACA,GAAG,EACD,MAAM,QACR;EACA,GAAG,EACD,MAAM,QACR;EACA,GAAG,EACD,MAAM,QACR;CAMa,EACb;CACA,iBAAiB,EACf,WAAW,EACb;AACF,CAAC;AAaD,IAAa,iBAAiBI,MAAAA,QAAM,YAGjC,EAAE,UAAU,WAAW,UAAU,WAAW,GAAG,SAAS,gBACzD,iBAAA,GAAA,kBAAA,KAAA,CAAC,eAAD;CAAe,YAAY;CAAc;CAAW,GAAI;CAAO,KAAK;CAApE,UAAA,CACG,UACA,CAAC,aACA,iBAAA,GAAA,kBAAA,IAAA,CAAC,aAAD;EAAwB;EAAW,OAAO;EAAI,QAAQ;EAAG,QAAQ;EAAG,KAAK;CAAW,CAAA,CAEzE;AAChB,CAAA,CAAA;AAED,IAAa,iBAAiBJ,wBAAiB;AAC/C,IAAa,eAAeA,wBAAiB;AAC7C,IAAa,gBAAgBA,wBAAiB;AAC9C,IAAa,gBAAgBA,wBAAiB"}

package/dist/components/Popover/Popover.js

@@ -4,7 +4,7 @@ import { panelStyles } from "../Panel/Panel.js";
 import React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as PopoverPrimitive from "@radix-ui/react-popover";
-//#region components/Popover/Popover.tsx
+// components/Popover/Popover.tsx
 function Popover({ children, ...props }) {
 	return /* @__PURE__ */ jsx(PopoverPrimitive.Root, {
 		...props,
@@ -49,7 +49,6 @@ var PopoverTrigger = PopoverPrimitive.Trigger;
 var PopoverClose = PopoverPrimitive.Close;
 var PopoverAnchor = PopoverPrimitive.Anchor;
 var PopoverPortal = PopoverPrimitive.Portal;
-//#endregion
 export { Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverPortal, PopoverTrigger };
 
 //# sourceMappingURL=Popover.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Popover.js","names":[],"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"],"mappings":";;;;;;;AAYA,SAAgB,QAAQ,EAAE,UAAU,GAAG,SAAuB;CAC5D,OAAO,oBAAC,iBAAiB,MAAlB;EAAuB,GAAI;EAAQ;CAAgC,CAAA;AAC5E;AAEA,IAAM,gBAAgB,OAAO,iBAAiB,SAAS,aAAa;CAClE,UAAU;CACV,WAAW;CACX,UAAU;CACV,OAAO;CACP,WAAW,EACT,SAAS,OACX;CACA,UAAU,EACR,WAAW,kBACb;CACA,iBAAiB,EACf,WAAW,EACb;AACF,CAAC;AAuBD,IAAM,cAAc,OAAO,iBAAiB,OAAO;CACjD,MAAM;CACN,UAAU,EACR,WAAW;EAvBb,GAAG,EACD,MAAM,QACR;EACA,GAAG,EACD,MAAM,QACR;EACA,GAAG,EACD,MAAM,QACR;EACA,GAAG,EACD,MAAM,QACR;EACA,GAAG,EACD,MAAM,QACR;EACA,GAAG,EACD,MAAM,QACR;CAMa,EACb;CACA,iBAAiB,EACf,WAAW,EACb;AACF,CAAC;AAaD,IAAa,iBAAiB,MAAM,YAGjC,EAAE,UAAU,WAAW,UAAU,WAAW,GAAG,SAAS,gBACzD,qBAAC,eAAD;CAAe,YAAY;CAAc;CAAW,GAAI;CAAO,KAAK;WAApE,CACG,UACA,CAAC,aACA,oBAAC,aAAD;EAAwB;EAAW,OAAO;EAAI,QAAQ;EAAG,QAAQ;EAAG,KAAK;CAAW,CAAA,CAEzE;EAChB;AAED,IAAa,iBAAiB,iBAAiB;AAC/C,IAAa,eAAe,iBAAiB;AAC7C,IAAa,gBAAgB,iBAAiB;AAC9C,IAAa,gBAAgB,iBAAiB"}
+{"version":3,"file":"Popover.js","names":[],"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"],"mappings":";;;;;;;AAYA,SAAgB,QAAQ,EAAE,UAAU,GAAG,SAAuB;CAC5D,OAAO,oBAAC,iBAAiB,MAAlB;EAAuB,GAAI;EAAQ;CAAgC,CAAA;AAC5E;AAEA,IAAM,gBAAgB,OAAO,iBAAiB,SAAS,aAAa;CAClE,UAAU;CACV,WAAW;CACX,UAAU;CACV,OAAO;CACP,WAAW,EACT,SAAS,OACX;CACA,UAAU,EACR,WAAW,kBACb;CACA,iBAAiB,EACf,WAAW,EACb;AACF,CAAC;AAuBD,IAAM,cAAc,OAAO,iBAAiB,OAAO;CACjD,MAAM;CACN,UAAU,EACR,WAAW;EAvBb,GAAG,EACD,MAAM,QACR;EACA,GAAG,EACD,MAAM,QACR;EACA,GAAG,EACD,MAAM,QACR;EACA,GAAG,EACD,MAAM,QACR;EACA,GAAG,EACD,MAAM,QACR;EACA,GAAG,EACD,MAAM,QACR;CAMa,EACb;CACA,iBAAiB,EACf,WAAW,EACb;AACF,CAAC;AAaD,IAAa,iBAAiB,MAAM,YAGjC,EAAE,UAAU,WAAW,UAAU,WAAW,GAAG,SAAS,gBACzD,qBAAC,eAAD;CAAe,YAAY;CAAc;CAAW,GAAI;CAAO,KAAK;CAApE,UAAA,CACG,UACA,CAAC,aACA,oBAAC,aAAD;EAAwB;EAAW,OAAO;EAAI,QAAQ;EAAG,QAAQ;EAAG,KAAK;CAAW,CAAA,CAEzE;AAChB,CAAA,CAAA;AAED,IAAa,iBAAiB,iBAAiB;AAC/C,IAAa,eAAe,iBAAiB;AAC7C,IAAa,gBAAgB,iBAAiB;AAC9C,IAAa,gBAAgB,iBAAiB"}

package/dist/components/Radio/Radio.cjs

@@ -5,7 +5,7 @@ react = require_runtime.__toESM(react, 1);
 let react_jsx_runtime = require("react/jsx-runtime");
 let _radix_ui_react_radio_group = require("@radix-ui/react-radio-group");
 _radix_ui_react_radio_group = require_runtime.__toESM(_radix_ui_react_radio_group, 1);
-//#region components/Radio/Radio.tsx
+// components/Radio/Radio.tsx
 var RadioGroup = require_stitches_config.styled(_radix_ui_react_radio_group.Root, { display: "flex" });
 var INDICATOR_BASE_STYLES = {
 	alignItems: "center",
@@ -82,7 +82,6 @@ var Radio = react.default.forwardRef((props, forwardedRef) => /* @__PURE__ */ (0
 	ref: forwardedRef,
 	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StyledIndicator, {})
 }));
-//#endregion
 exports.INDICATOR_BASE_STYLES = INDICATOR_BASE_STYLES;
 exports.RADIO_BASE_STYLES = RADIO_BASE_STYLES;
 exports.Radio = Radio;

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

@@ -1 +1 @@
-{"version":3,"file":"Radio.cjs","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,wBAAA,OAAO,4BAAoB,MAAM,EACzD,SAAS,OACX,CAAC;AAED,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;CACnB;AACF;AAEA,IAAM,kBAAkB,wBAAA,OAAO,4BAAoB,WAAW,qBAAqB;AAEnF,IAAa,oBAAoB;CAC/B,KAAK;CACL,WAAW;CACX,YAAY;CACZ,aAAa,EACX,WAAW,aACb;CACA,YAAY,EACV,WAAW,aACb;CACA,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,kBACnB;AACF;AACA,IAAM,cAAc,wBAAA,OAAO,4BAAoB,MAAM,mBAAmB;CACtE,UAAU,EACR,WAAW;EACT,QAAQ;EACR,WAAW;CACb,EACF;CACA,mBAAmB;EACjB,SAAS;EACT,WAAW;CACb;CAEA,cAAc;EACZ,eAAe;EACf,kBAAkB,EAChB,OAAO,qBACT;EACA,yBAAyB,EACvB,iBAAiB,4BACnB;GAEC,KAAK,oBAAoB,EACxB,YAAY,EACV,iBAAiB,mBACnB,EACF;CACF;CAEA,UAAU,EACR,MAAM;EACJ,KAAK;GACH,OAAO;GACP,QAAQ;EACV;EACA,KAAK;GACH,OAAO;GACP,QAAQ;IAEP,KAAK,oBAAoB,EACxB,YAAY;IACV,OAAO;IACP,QAAQ;GACV,EACF;EACF;CACF,EACF;CACA,iBAAiB,EACf,MAAM,IACR;AACF,CAAC;AASD,IAAa,QAAQ,MAAA,QAAM,YACxB,OAAO,iBACN,iBAAA,GAAA,kBAAA,IAAA,CAAC,aAAD;CAAa,GAAI;CAAO,KAAK;WAC3B,iBAAA,GAAA,kBAAA,IAAA,CAAC,iBAAD,CAAkB,CAAA;AACP,CAAA,CAEjB"}
+{"version":3,"file":"Radio.cjs","names":["styled","RadioGroupPrimitive","React"],"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,aAAaA,wBAAAA,OAAOC,4BAAoB,MAAM,EACzD,SAAS,OACX,CAAC;AAED,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;CACnB;AACF;AAEA,IAAM,kBAAkBD,wBAAAA,OAAOC,4BAAoB,WAAW,qBAAqB;AAEnF,IAAa,oBAAoB;CAC/B,KAAK;CACL,WAAW;CACX,YAAY;CACZ,aAAa,EACX,WAAW,aACb;CACA,YAAY,EACV,WAAW,aACb;CACA,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,kBACnB;AACF;AACA,IAAM,cAAcD,wBAAAA,OAAOC,4BAAoB,MAAM,mBAAmB;CACtE,UAAU,EACR,WAAW;EACT,QAAQ;EACR,WAAW;CACb,EACF;CACA,mBAAmB;EACjB,SAAS;EACT,WAAW;CACb;CAEA,cAAc;EACZ,eAAe;EACf,kBAAkB,EAChB,OAAO,qBACT;EACA,yBAAyB,EACvB,iBAAiB,4BACnB;GAEC,KAAK,oBAAoB,EACxB,YAAY,EACV,iBAAiB,mBACnB,EACF;CACF;CAEA,UAAU,EACR,MAAM;EACJ,KAAK;GACH,OAAO;GACP,QAAQ;EACV;EACA,KAAK;GACH,OAAO;GACP,QAAQ;IAEP,KAAK,oBAAoB,EACxB,YAAY;IACV,OAAO;IACP,QAAQ;GACV,EACF;EACF;CACF,EACF;CACA,iBAAiB,EACf,MAAM,IACR;AACF,CAAC;AASD,IAAa,QAAQC,MAAAA,QAAM,YACxB,OAAO,iBACN,iBAAA,GAAA,kBAAA,IAAA,CAAC,aAAD;CAAa,GAAI;CAAO,KAAK;CAC3B,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,iBAAD,CAAkB,CAAA;AACP,CAAA,CAEjB"}

package/dist/components/Radio/Radio.js

@@ -2,7 +2,7 @@ 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";
-//#region components/Radio/Radio.tsx
+// components/Radio/Radio.tsx
 var RadioGroup = styled(RadioGroupPrimitive.Root, { display: "flex" });
 var INDICATOR_BASE_STYLES = {
 	alignItems: "center",
@@ -79,7 +79,6 @@ var Radio = React.forwardRef((props, forwardedRef) => /* @__PURE__ */ jsx(Styled
 	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","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,OACX,CAAC;AAED,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;CACnB;AACF;AAEA,IAAM,kBAAkB,OAAO,oBAAoB,WAAW,qBAAqB;AAEnF,IAAa,oBAAoB;CAC/B,KAAK;CACL,WAAW;CACX,YAAY;CACZ,aAAa,EACX,WAAW,aACb;CACA,YAAY,EACV,WAAW,aACb;CACA,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,kBACnB;AACF;AACA,IAAM,cAAc,OAAO,oBAAoB,MAAM,mBAAmB;CACtE,UAAU,EACR,WAAW;EACT,QAAQ;EACR,WAAW;CACb,EACF;CACA,mBAAmB;EACjB,SAAS;EACT,WAAW;CACb;CAEA,cAAc;EACZ,eAAe;EACf,kBAAkB,EAChB,OAAO,qBACT;EACA,yBAAyB,EACvB,iBAAiB,4BACnB;GAEC,KAAK,oBAAoB,EACxB,YAAY,EACV,iBAAiB,mBACnB,EACF;CACF;CAEA,UAAU,EACR,MAAM;EACJ,KAAK;GACH,OAAO;GACP,QAAQ;EACV;EACA,KAAK;GACH,OAAO;GACP,QAAQ;IAEP,KAAK,oBAAoB,EACxB,YAAY;IACV,OAAO;IACP,QAAQ;GACV,EACF;EACF;CACF,EACF;CACA,iBAAiB,EACf,MAAM,IACR;AACF,CAAC;AASD,IAAa,QAAQ,MAAM,YACxB,OAAO,iBACN,oBAAC,aAAD;CAAa,GAAI;CAAO,KAAK;WAC3B,oBAAC,iBAAD,CAAkB,CAAA;AACP,CAAA,CAEjB"}
+{"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,OACX,CAAC;AAED,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;CACnB;AACF;AAEA,IAAM,kBAAkB,OAAO,oBAAoB,WAAW,qBAAqB;AAEnF,IAAa,oBAAoB;CAC/B,KAAK;CACL,WAAW;CACX,YAAY;CACZ,aAAa,EACX,WAAW,aACb;CACA,YAAY,EACV,WAAW,aACb;CACA,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,kBACnB;AACF;AACA,IAAM,cAAc,OAAO,oBAAoB,MAAM,mBAAmB;CACtE,UAAU,EACR,WAAW;EACT,QAAQ;EACR,WAAW;CACb,EACF;CACA,mBAAmB;EACjB,SAAS;EACT,WAAW;CACb;CAEA,cAAc;EACZ,eAAe;EACf,kBAAkB,EAChB,OAAO,qBACT;EACA,yBAAyB,EACvB,iBAAiB,4BACnB;GAEC,KAAK,oBAAoB,EACxB,YAAY,EACV,iBAAiB,mBACnB,EACF;CACF;CAEA,UAAU,EACR,MAAM;EACJ,KAAK;GACH,OAAO;GACP,QAAQ;EACV;EACA,KAAK;GACH,OAAO;GACP,QAAQ;IAEP,KAAK,oBAAoB,EACxB,YAAY;IACV,OAAO;IACP,QAAQ;GACV,EACF;EACF;CACF,EACF;CACA,iBAAiB,EACf,MAAM,IACR;AACF,CAAC;AASD,IAAa,QAAQ,MAAM,YACxB,OAAO,iBACN,oBAAC,aAAD;CAAa,GAAI;CAAO,KAAK;CAC3B,UAAA,oBAAC,iBAAD,CAAkB,CAAA;AACP,CAAA,CAEjB"}

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

@@ -1,7 +1,7 @@
 const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
 let tinycolor2 = require("tinycolor2");
 tinycolor2 = require_runtime.__toESM(tinycolor2, 1);
-//#region components/Radio/Radio.themes.ts
+// components/Radio/Radio.themes.ts
 var Theme;
 (function(_Theme) {
 	_Theme.getLight = (primaryColor) => ({
@@ -25,7 +25,6 @@ var Theme;
 		radioIndicatorDisabledBg: (0, tinycolor2.default)(primaryColor.value).setAlpha(.6).toHslString()
 	});
 })(Theme || (Theme = {}));
-//#endregion
 Object.defineProperty(exports, "Theme", {
 	enumerable: true,
 	get: function() {

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

@@ -1 +1 @@
-{"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;;CAaQ,OAAA,YAAqB,kBAAkB;EAClD,gBAAgB;EAChB,aAAa;EACb,cAAc;EACd,kBAAkB;EAClB,kBAAkB;EAClB,iBAAiB;EACjB,qBAAqB;EACrB,2BAAA,GAAA,WAAA,QAAA,CAAoC,aAAa,KAAK,CAAC,CAAC,SAAS,EAAG,CAAC,CAAC,YAAY;CACpF;CAEa,OAAA,WAAoB,kBAAkB;EACjD,gBAAgB;EAChB,aAAa;EACb,cAAc;EACd,kBAAkB;EAClB,kBAAkB;EAClB,iBAAiB;EACjB,qBAAqB;EACrB,2BAAA,GAAA,WAAA,QAAA,CAAoC,aAAa,KAAK,CAAC,CAAC,SAAS,EAAG,CAAC,CAAC,YAAY;CACpF;GACD,UAAA,QAAA,CAAA,EAAD"}
+{"version":3,"file":"Radio.themes.cjs","names":["tinycolor"],"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,IAAU;CAAV,SAAA,QAAA;CAaQ,OAAA,YAAqB,kBAAkB;EAClD,gBAAgB;EAChB,aAAa;EACb,cAAc;EACd,kBAAkB;EAClB,kBAAkB;EAClB,iBAAiB;EACjB,qBAAqB;EACrB,2BAAA,GAA0BA,WAAAA,QAAAA,CAAU,aAAa,KAAK,CAAC,CAAC,SAAS,EAAG,CAAC,CAAC,YAAY;CACpF;CAEa,OAAA,WAAoB,kBAAkB;EACjD,gBAAgB;EAChB,aAAa;EACb,cAAc;EACd,kBAAkB;EAClB,kBAAkB;EAClB,iBAAiB;EACjB,qBAAqB;EACrB,2BAAA,GAA0BA,WAAAA,QAAAA,CAAU,aAAa,KAAK,CAAC,CAAC,SAAS,EAAG,CAAC,CAAC,YAAY;CACpF;AACD,EAAA,CAAA,UAAA,QAAA,CAAA,EAAD"}

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

@@ -1,5 +1,5 @@
 import tinycolor from "tinycolor2";
-//#region components/Radio/Radio.themes.ts
+// components/Radio/Radio.themes.ts
 var Theme;
 (function(_Theme) {
 	_Theme.getLight = (primaryColor) => ({
@@ -23,7 +23,6 @@ var Theme;
 		radioIndicatorDisabledBg: tinycolor(primaryColor.value).setAlpha(.6).toHslString()
 	});
 })(Theme || (Theme = {}));
-//#endregion
 export { Theme };
 
 //# sourceMappingURL=Radio.themes.js.map

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

@@ -1 +1 @@
-{"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;;CAaQ,OAAA,YAAqB,kBAAkB;EAClD,gBAAgB;EAChB,aAAa;EACb,cAAc;EACd,kBAAkB;EAClB,kBAAkB;EAClB,iBAAiB;EACjB,qBAAqB;EACrB,0BAA0B,UAAU,aAAa,KAAK,CAAC,CAAC,SAAS,EAAG,CAAC,CAAC,YAAY;CACpF;CAEa,OAAA,WAAoB,kBAAkB;EACjD,gBAAgB;EAChB,aAAa;EACb,cAAc;EACd,kBAAkB;EAClB,kBAAkB;EAClB,iBAAiB;EACjB,qBAAqB;EACrB,0BAA0B,UAAU,aAAa,KAAK,CAAC,CAAC,SAAS,EAAG,CAAC,CAAC,YAAY;CACpF;GACD,UAAA,QAAA,CAAA,EAAD"}
+{"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,IAAU;CAAV,SAAA,QAAA;CAaQ,OAAA,YAAqB,kBAAkB;EAClD,gBAAgB;EAChB,aAAa;EACb,cAAc;EACd,kBAAkB;EAClB,kBAAkB;EAClB,iBAAiB;EACjB,qBAAqB;EACrB,0BAA0B,UAAU,aAAa,KAAK,CAAC,CAAC,SAAS,EAAG,CAAC,CAAC,YAAY;CACpF;CAEa,OAAA,WAAoB,kBAAkB;EACjD,gBAAgB;EAChB,aAAa;EACb,cAAc;EACd,kBAAkB;EAClB,kBAAkB;EAClB,iBAAiB;EACjB,qBAAqB;EACrB,0BAA0B,UAAU,aAAa,KAAK,CAAC,CAAC,SAAS,EAAG,CAAC,CAAC,YAAY;CACpF;AACD,EAAA,CAAA,UAAA,QAAA,CAAA,EAAD"}

package/dist/components/RadioAccordion/RadioAccordion.cjs

@@ -5,7 +5,7 @@ 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
+// components/RadioAccordion/RadioAccordion.tsx
 var RadioAccordionRoot = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Accordion.AccordionRoot, {
 	...props,
 	type: "single",
@@ -39,7 +39,6 @@ var RadioAccordionTrigger = react.default.forwardRef(({ children, ...props }, re
 	}) });
 });
 var RadioAccordionContent = require_Accordion.AccordionContent;
-//#endregion
 exports.RadioAccordionContent = RadioAccordionContent;
 exports.RadioAccordionItem = RadioAccordionItem;
 exports.RadioAccordionRoot = RadioAccordionRoot;

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

@@ -1 +1 @@
-{"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,IAAA,CAAC,kBAAA,eAAD;CAAe,GAAI;CAAO,MAAK;CAAS,aAAa;AAAQ,CAAA;AAM/D,IAAa,qBAAqB,MAAA,QAAM,YAGrC,EAAE,OAAO,UAAU,GAAG,SAAS,iBAAiB;CACjD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,kBAAA,eAAD;EACS;EACP,KAAK;EACL,KAAK;GAAE,SAAS;GAAW,eAAe;EAAS;EACnD,GAAI;EAEH;CACY,CAAA;AAEnB,CAAC;AAED,IAAM,cAAc,wBAAA,OAAO,OAAO,cAAA,mBAAmB;CACnD,OAAO;CACP,QAAQ;CACR,IAAI;CACJ,yBAAyB,EACvB,iBAAiB,kBACnB;AACF,CAAC;AAED,IAAM,kBAAkB,wBAAA,OAAO,OAAO,cAAA,qBAAqB;AAE3D,IAAM,8BAA8B,wBAAA,OAAO,kBAAA,wBAAwB,EACjE,UAAU,EACR,WAAW,GACR,KAAK,gBAAgB,EACpB,WAAW,2CACb,EACF,EACF,EACF,CAAC;AAGD,IAAa,wBAAwB,MAAA,QAAM,YAGxC,EAAE,UAAU,GAAG,SAAS,QAAQ;CACjC,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,kBAAA,uBAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,6BAAD;EAAkC;EAAK,GAAI;YAA3C,CACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,aAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,iBAAD,CAAkB,CAAA,EACP,CAAA,GACZ,QAC0B;IACR,CAAA;AAE3B,CAAC;AAED,IAAa,wBAAwB,kBAAA"}
+{"version":3,"file":"RadioAccordion.cjs","names":["AccordionRoot","React","AccordionItem","styled","RADIO_BASE_STYLES","INDICATOR_BASE_STYLES","StyledAccordionTrigger","StyledAccordionHeader","AccordionContent"],"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,IAAA,CAACA,kBAAAA,eAAD;CAAe,GAAI;CAAO,MAAK;CAAS,aAAa;AAAQ,CAAA;AAM/D,IAAa,qBAAqBC,MAAAA,QAAM,YAGrC,EAAE,OAAO,UAAU,GAAG,SAAS,iBAAiB;CACjD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,kBAAAA,eAAD;EACS;EACP,KAAK;EACL,KAAK;GAAE,SAAS;GAAW,eAAe;EAAS;EACnD,GAAI;EAEH;CACY,CAAA;AAEnB,CAAC;AAED,IAAM,cAAcC,wBAAAA,OAAO,OAAOC,cAAAA,mBAAmB;CACnD,OAAO;CACP,QAAQ;CACR,IAAI;CACJ,yBAAyB,EACvB,iBAAiB,kBACnB;AACF,CAAC;AAED,IAAM,kBAAkBD,wBAAAA,OAAO,OAAOE,cAAAA,qBAAqB;AAE3D,IAAM,8BAA8BF,wBAAAA,OAAOG,kBAAAA,wBAAwB,EACjE,UAAU,EACR,WAAW,GACR,KAAK,gBAAgB,EACpB,WAAW,2CACb,EACF,EACF,EACF,CAAC;AAGD,IAAa,wBAAwBL,MAAAA,QAAM,YAGxC,EAAE,UAAU,GAAG,SAAS,QAAQ;CACjC,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACM,kBAAAA,uBAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,6BAAD;EAAkC;EAAK,GAAI;EAA3C,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,aAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,iBAAD,CAAkB,CAAA,EACP,CAAA,GACZ,QAC0B;CACR,CAAA,EAAA,CAAA;AAE3B,CAAC;AAED,IAAa,wBAAwBC,kBAAAA"}

package/dist/components/RadioAccordion/RadioAccordion.js

@@ -3,7 +3,7 @@ import { AccordionContent, AccordionItem, AccordionRoot, StyledAccordionHeader,
 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
+// components/RadioAccordion/RadioAccordion.tsx
 var RadioAccordionRoot = (props) => /* @__PURE__ */ jsx(AccordionRoot, {
 	...props,
 	type: "single",
@@ -37,7 +37,6 @@ var RadioAccordionTrigger = React.forwardRef(({ children, ...props }, ref) => {
 	}) });
 });
 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","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;AAAQ,CAAA;AAM/D,IAAa,qBAAqB,MAAM,YAGrC,EAAE,OAAO,UAAU,GAAG,SAAS,iBAAiB;CACjD,OACE,oBAAC,eAAD;EACS;EACP,KAAK;EACL,KAAK;GAAE,SAAS;GAAW,eAAe;EAAS;EACnD,GAAI;EAEH;CACY,CAAA;AAEnB,CAAC;AAED,IAAM,cAAc,OAAO,OAAO,mBAAmB;CACnD,OAAO;CACP,QAAQ;CACR,IAAI;CACJ,yBAAyB,EACvB,iBAAiB,kBACnB;AACF,CAAC;AAED,IAAM,kBAAkB,OAAO,OAAO,qBAAqB;AAE3D,IAAM,8BAA8B,OAAO,wBAAwB,EACjE,UAAU,EACR,WAAW,GACR,KAAK,gBAAgB,EACpB,WAAW,2CACb,EACF,EACF,EACF,CAAC;AAGD,IAAa,wBAAwB,MAAM,YAGxC,EAAE,UAAU,GAAG,SAAS,QAAQ;CACjC,OACE,oBAAC,uBAAD,EAAA,UACE,qBAAC,6BAAD;EAAkC;EAAK,GAAI;YAA3C,CACE,oBAAC,aAAD,EAAA,UACE,oBAAC,iBAAD,CAAkB,CAAA,EACP,CAAA,GACZ,QAC0B;IACR,CAAA;AAE3B,CAAC;AAED,IAAa,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;AAAQ,CAAA;AAM/D,IAAa,qBAAqB,MAAM,YAGrC,EAAE,OAAO,UAAU,GAAG,SAAS,iBAAiB;CACjD,OACE,oBAAC,eAAD;EACS;EACP,KAAK;EACL,KAAK;GAAE,SAAS;GAAW,eAAe;EAAS;EACnD,GAAI;EAEH;CACY,CAAA;AAEnB,CAAC;AAED,IAAM,cAAc,OAAO,OAAO,mBAAmB;CACnD,OAAO;CACP,QAAQ;CACR,IAAI;CACJ,yBAAyB,EACvB,iBAAiB,kBACnB;AACF,CAAC;AAED,IAAM,kBAAkB,OAAO,OAAO,qBAAqB;AAE3D,IAAM,8BAA8B,OAAO,wBAAwB,EACjE,UAAU,EACR,WAAW,GACR,KAAK,gBAAgB,EACpB,WAAW,2CACb,EACF,EACF,EACF,CAAC;AAGD,IAAa,wBAAwB,MAAM,YAGxC,EAAE,UAAU,GAAG,SAAS,QAAQ;CACjC,OACE,oBAAC,uBAAD,EAAA,UACE,qBAAC,6BAAD;EAAkC;EAAK,GAAI;EAA3C,UAAA,CACE,oBAAC,aAAD,EAAA,UACE,oBAAC,iBAAD,CAAkB,CAAA,EACP,CAAA,GACZ,QAC0B;CACR,CAAA,EAAA,CAAA;AAE3B,CAAC;AAED,IAAa,wBAAwB"}

package/dist/components/Select/Select.cjs

@@ -5,7 +5,7 @@ let _radix_ui_react_icons = require("@radix-ui/react-icons");
 let react = require("react");
 react = require_runtime.__toESM(react, 1);
 let react_jsx_runtime = require("react/jsx-runtime");
-//#region components/Select/Select.tsx
+// components/Select/Select.tsx
 var FOCUS_SHADOW = require_Elevation.elevationVariants[1].boxShadow;
 var CARET_WIDTH = "15px";
 var StyledCaretSortIcon = require_stitches_config.styled(_radix_ui_react_icons.CaretSortIcon, {
@@ -188,7 +188,6 @@ var Select = react.default.forwardRef(({ css, size, state, variant, cursor, ...p
 	});
 });
 Select.toString = () => `.${SelectWrapper.className}`;
-//#endregion
 exports.Select = Select;
 
 //# sourceMappingURL=Select.cjs.map

package/dist/components/Select/Select.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Select.cjs","names":[],"sources":["../../../components/Select/Select.tsx"],"sourcesContent":["import { CaretSortIcon } from '@radix-ui/react-icons';\nimport React from 'react';\n\nimport { CSS, styled, VariantProps } from '../../stitches.config';\nimport { elevationVariants } from '../Elevation';\n\n// CONSTANTS\nconst FOCUS_SHADOW = elevationVariants[1].boxShadow; // apply elevation $1 when focus\nconst CARET_WIDTH = '15px';\n\nconst StyledCaretSortIcon = styled(CaretSortIcon, {\n  position: 'absolute',\n  pointerEvents: 'none',\n  display: 'inline',\n\n  variants: {\n    // Use margins instead of top/left to avoid setting \"position: relative\" on parent,\n    // which would make stacking context tricky with Select used in a control group.\n    size: {\n      small: {\n        marginTop: 5,\n        marginLeft: -16,\n      },\n      medium: {\n        marginTop: 9,\n        marginLeft: -16,\n      },\n      large: {\n        marginTop: 13,\n        marginLeft: -16,\n      },\n    },\n    cursor: {\n      default: {\n        cursor: 'default',\n        '&:focus': {\n          cursor: 'text',\n        },\n      },\n      text: {\n        cursor: 'text',\n      },\n    },\n  },\n  defaultVariants: {\n    size: 'medium',\n  },\n});\n\nconst StyledSelect = styled('select', {\n  appearance: 'none',\n  backgroundColor: 'transparent',\n  border: 'none',\n  borderRadius: 'inherit',\n  color: 'inherit',\n  font: 'inherit',\n  outline: 'none',\n  width: '100%',\n  height: '100%',\n  pl: '$1',\n  pr: '$3',\n  lineHeight: '25px',\n  overflow: 'hidden',\n  textOverflow: 'ellipsis',\n  whiteSpace: 'nowrap',\n\n  '& option': {\n    color: 'black',\n    bc: 'white',\n  },\n\n  '&:focus-visible': {\n    boxShadow: `inset 0 0 0 2px $colors$selectFocusBorder, ${FOCUS_SHADOW}`,\n  },\n\n  '&:disabled': {\n    pointerEvents: 'none',\n    color: '$selectDisabledText',\n  },\n});\n\nconst SelectWrapper = styled('div', {\n  position: 'relative',\n  backgroundColor: '$selectBg',\n  borderRadius: '$2',\n  boxShadow: 'inset 0 0 0 1px $colors$selectBorder',\n  color: '$selectText',\n  fontFamily: '$rubik',\n  fontSize: '$1',\n  fontVariantNumeric: 'tabular-nums',\n  fontWeight: '$regular',\n  height: '$5',\n  flexShrink: 0,\n\n  '&::before': {\n    boxSizing: 'border-box',\n    content: '\"\"',\n    position: 'absolute',\n    inset: 0,\n    pointerEvents: 'none',\n    borderRadius: 'inherit',\n  },\n  '&::after': {\n    boxSizing: 'border-box',\n    content: '\"\"',\n    position: 'absolute',\n    inset: 0,\n    pointerEvents: 'none',\n    borderRadius: 'inherit',\n  },\n\n  '&:focus-visible': {\n    '&::before': {\n      backgroundColor: '$selectFocusBg',\n    },\n    '&::after': {\n      backgroundColor: '$primary',\n      opacity: 0.15,\n    },\n  },\n\n  '@hover': {\n    '&:hover': {\n      '&::before': {\n        backgroundColor: '$selectHoverBg',\n      },\n      '&::after': {\n        backgroundColor: '$primary',\n        opacity: 0.05,\n      },\n    },\n  },\n\n  variants: {\n    disabled: {\n      true: {\n        opacity: 0.7,\n        color: '$selectDisabledText',\n        '@hover': {\n          '&:hover': {\n            '&::before': {\n              display: 'none',\n            },\n            '&::after': {\n              display: 'none',\n            },\n          },\n        },\n      },\n    },\n    size: {\n      small: {\n        borderRadius: '$2',\n        height: '$5',\n        fontSize: '$1',\n        lineHeight: '$sizes$5',\n        '&:-webkit-autofill::first-line': {\n          fontSize: '$1',\n        },\n        [`& ${StyledSelect}`]: {\n          pl: '$2',\n          pr: `calc($2 + ${CARET_WIDTH})`,\n        },\n        [`& ${StyledCaretSortIcon}`]: {\n          right: 'calc($2 / 2)',\n        },\n      },\n      medium: {\n        borderRadius: '$3',\n        height: '$6',\n        fontSize: '$3',\n        lineHeight: '$sizes$6',\n        '&:-webkit-autofill::first-line': {\n          fontSize: '$3',\n        },\n        [`& ${StyledSelect}`]: {\n          pl: '$3',\n          pr: `calc($3 + ${CARET_WIDTH})`,\n        },\n        [`& ${StyledCaretSortIcon}`]: {\n          right: 'calc($3 / 2)',\n        },\n      },\n      large: {\n        borderRadius: '$3',\n        height: '$7',\n        fontSize: '$3',\n        lineHeight: '$sizes$7',\n        '&:-webkit-autofill::first-line': {\n          fontSize: '$3',\n        },\n        [`& ${StyledSelect}`]: {\n          pl: '$3',\n          pr: `calc($3 + ${CARET_WIDTH})`,\n        },\n        [`& ${StyledCaretSortIcon}`]: {\n          right: 'calc($3 / 2)',\n        },\n      },\n    },\n    variant: {\n      ghost: {\n        boxShadow: 'none',\n        backgroundColor: 'transparent',\n        '@hover': {\n          '&:hover': {\n            boxShadow: 'inset 0 0 0 1px $colors$slateA7',\n            backgroundColor: '$selectHoverBg',\n          },\n        },\n        '&:focus-within': {\n          backgroundColor: '$loContrast',\n          boxShadow:\n            'inset 0px 0px 0px 1px $colors$selectFocusBorder, 0px 0px 0px 1px $colors$selectFocusBorder',\n        },\n      },\n    },\n    state: {\n      invalid: {\n        boxShadow: 'inset 0 0 0 1px $colors$selectInvalidBorder',\n        '&:focus-visible': {\n          boxShadow: `inset 0 0 0 2px $colors$selectInvalidBorder, ${FOCUS_SHADOW}`,\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    size: 'medium',\n  },\n});\n\nexport type SelectVariants = VariantProps<typeof StyledSelect> &\n  VariantProps<typeof SelectWrapper> &\n  VariantProps<typeof StyledCaretSortIcon>;\n\nexport type SelectProps = Omit<React.ComponentProps<typeof StyledSelect>, 'size'> &\n  SelectVariants & { css?: CSS };\n\nexport const Select = React.forwardRef<React.ElementRef<typeof StyledSelect>, SelectProps>(\n  ({ css, size, state, variant, cursor, ...props }, forwardedRef) => {\n    return (\n      <SelectWrapper\n        css={css}\n        size={size}\n        state={state}\n        variant={variant}\n        disabled={props.disabled}\n      >\n        <StyledSelect ref={forwardedRef} {...props} />\n        <StyledCaretSortIcon size={size} cursor={cursor} />\n      </SelectWrapper>\n    );\n  }\n);\n\nSelect.toString = () => `.${SelectWrapper.className}`;\n"],"mappings":"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"}
+{"version":3,"file":"Select.cjs","names":["elevationVariants","styled","CaretSortIcon","React"],"sources":["../../../components/Select/Select.tsx"],"sourcesContent":["import { CaretSortIcon } from '@radix-ui/react-icons';\nimport React from 'react';\n\nimport { CSS, styled, VariantProps } from '../../stitches.config';\nimport { elevationVariants } from '../Elevation';\n\n// CONSTANTS\nconst FOCUS_SHADOW = elevationVariants[1].boxShadow; // apply elevation $1 when focus\nconst CARET_WIDTH = '15px';\n\nconst StyledCaretSortIcon = styled(CaretSortIcon, {\n  position: 'absolute',\n  pointerEvents: 'none',\n  display: 'inline',\n\n  variants: {\n    // Use margins instead of top/left to avoid setting \"position: relative\" on parent,\n    // which would make stacking context tricky with Select used in a control group.\n    size: {\n      small: {\n        marginTop: 5,\n        marginLeft: -16,\n      },\n      medium: {\n        marginTop: 9,\n        marginLeft: -16,\n      },\n      large: {\n        marginTop: 13,\n        marginLeft: -16,\n      },\n    },\n    cursor: {\n      default: {\n        cursor: 'default',\n        '&:focus': {\n          cursor: 'text',\n        },\n      },\n      text: {\n        cursor: 'text',\n      },\n    },\n  },\n  defaultVariants: {\n    size: 'medium',\n  },\n});\n\nconst StyledSelect = styled('select', {\n  appearance: 'none',\n  backgroundColor: 'transparent',\n  border: 'none',\n  borderRadius: 'inherit',\n  color: 'inherit',\n  font: 'inherit',\n  outline: 'none',\n  width: '100%',\n  height: '100%',\n  pl: '$1',\n  pr: '$3',\n  lineHeight: '25px',\n  overflow: 'hidden',\n  textOverflow: 'ellipsis',\n  whiteSpace: 'nowrap',\n\n  '& option': {\n    color: 'black',\n    bc: 'white',\n  },\n\n  '&:focus-visible': {\n    boxShadow: `inset 0 0 0 2px $colors$selectFocusBorder, ${FOCUS_SHADOW}`,\n  },\n\n  '&:disabled': {\n    pointerEvents: 'none',\n    color: '$selectDisabledText',\n  },\n});\n\nconst SelectWrapper = styled('div', {\n  position: 'relative',\n  backgroundColor: '$selectBg',\n  borderRadius: '$2',\n  boxShadow: 'inset 0 0 0 1px $colors$selectBorder',\n  color: '$selectText',\n  fontFamily: '$rubik',\n  fontSize: '$1',\n  fontVariantNumeric: 'tabular-nums',\n  fontWeight: '$regular',\n  height: '$5',\n  flexShrink: 0,\n\n  '&::before': {\n    boxSizing: 'border-box',\n    content: '\"\"',\n    position: 'absolute',\n    inset: 0,\n    pointerEvents: 'none',\n    borderRadius: 'inherit',\n  },\n  '&::after': {\n    boxSizing: 'border-box',\n    content: '\"\"',\n    position: 'absolute',\n    inset: 0,\n    pointerEvents: 'none',\n    borderRadius: 'inherit',\n  },\n\n  '&:focus-visible': {\n    '&::before': {\n      backgroundColor: '$selectFocusBg',\n    },\n    '&::after': {\n      backgroundColor: '$primary',\n      opacity: 0.15,\n    },\n  },\n\n  '@hover': {\n    '&:hover': {\n      '&::before': {\n        backgroundColor: '$selectHoverBg',\n      },\n      '&::after': {\n        backgroundColor: '$primary',\n        opacity: 0.05,\n      },\n    },\n  },\n\n  variants: {\n    disabled: {\n      true: {\n        opacity: 0.7,\n        color: '$selectDisabledText',\n        '@hover': {\n          '&:hover': {\n            '&::before': {\n              display: 'none',\n            },\n            '&::after': {\n              display: 'none',\n            },\n          },\n        },\n      },\n    },\n    size: {\n      small: {\n        borderRadius: '$2',\n        height: '$5',\n        fontSize: '$1',\n        lineHeight: '$sizes$5',\n        '&:-webkit-autofill::first-line': {\n          fontSize: '$1',\n        },\n        [`& ${StyledSelect}`]: {\n          pl: '$2',\n          pr: `calc($2 + ${CARET_WIDTH})`,\n        },\n        [`& ${StyledCaretSortIcon}`]: {\n          right: 'calc($2 / 2)',\n        },\n      },\n      medium: {\n        borderRadius: '$3',\n        height: '$6',\n        fontSize: '$3',\n        lineHeight: '$sizes$6',\n        '&:-webkit-autofill::first-line': {\n          fontSize: '$3',\n        },\n        [`& ${StyledSelect}`]: {\n          pl: '$3',\n          pr: `calc($3 + ${CARET_WIDTH})`,\n        },\n        [`& ${StyledCaretSortIcon}`]: {\n          right: 'calc($3 / 2)',\n        },\n      },\n      large: {\n        borderRadius: '$3',\n        height: '$7',\n        fontSize: '$3',\n        lineHeight: '$sizes$7',\n        '&:-webkit-autofill::first-line': {\n          fontSize: '$3',\n        },\n        [`& ${StyledSelect}`]: {\n          pl: '$3',\n          pr: `calc($3 + ${CARET_WIDTH})`,\n        },\n        [`& ${StyledCaretSortIcon}`]: {\n          right: 'calc($3 / 2)',\n        },\n      },\n    },\n    variant: {\n      ghost: {\n        boxShadow: 'none',\n        backgroundColor: 'transparent',\n        '@hover': {\n          '&:hover': {\n            boxShadow: 'inset 0 0 0 1px $colors$slateA7',\n            backgroundColor: '$selectHoverBg',\n          },\n        },\n        '&:focus-within': {\n          backgroundColor: '$loContrast',\n          boxShadow:\n            'inset 0px 0px 0px 1px $colors$selectFocusBorder, 0px 0px 0px 1px $colors$selectFocusBorder',\n        },\n      },\n    },\n    state: {\n      invalid: {\n        boxShadow: 'inset 0 0 0 1px $colors$selectInvalidBorder',\n        '&:focus-visible': {\n          boxShadow: `inset 0 0 0 2px $colors$selectInvalidBorder, ${FOCUS_SHADOW}`,\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    size: 'medium',\n  },\n});\n\nexport type SelectVariants = VariantProps<typeof StyledSelect> &\n  VariantProps<typeof SelectWrapper> &\n  VariantProps<typeof StyledCaretSortIcon>;\n\nexport type SelectProps = Omit<React.ComponentProps<typeof StyledSelect>, 'size'> &\n  SelectVariants & { css?: CSS };\n\nexport const Select = React.forwardRef<React.ElementRef<typeof StyledSelect>, SelectProps>(\n  ({ css, size, state, variant, cursor, ...props }, forwardedRef) => {\n    return (\n      <SelectWrapper\n        css={css}\n        size={size}\n        state={state}\n        variant={variant}\n        disabled={props.disabled}\n      >\n        <StyledSelect ref={forwardedRef} {...props} />\n        <StyledCaretSortIcon size={size} cursor={cursor} />\n      </SelectWrapper>\n    );\n  }\n);\n\nSelect.toString = () => `.${SelectWrapper.className}`;\n"],"mappings":"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"}

package/dist/components/Select/Select.js

@@ -3,7 +3,7 @@ import { elevationVariants } from "../Elevation/Elevation.js";
 import { CaretSortIcon } from "@radix-ui/react-icons";
 import React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region components/Select/Select.tsx
+// components/Select/Select.tsx
 var FOCUS_SHADOW = elevationVariants[1].boxShadow;
 var CARET_WIDTH = "15px";
 var StyledCaretSortIcon = styled(CaretSortIcon, {
@@ -186,7 +186,6 @@ var Select = React.forwardRef(({ css, size, state, variant, cursor, ...props },
 	});
 });
 Select.toString = () => `.${SelectWrapper.className}`;
-//#endregion
 export { Select };
 
 //# sourceMappingURL=Select.js.map

package/dist/components/Select/Select.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.js","names":[],"sources":["../../../components/Select/Select.tsx"],"sourcesContent":["import { CaretSortIcon } from '@radix-ui/react-icons';\nimport React from 'react';\n\nimport { CSS, styled, VariantProps } from '../../stitches.config';\nimport { elevationVariants } from '../Elevation';\n\n// CONSTANTS\nconst FOCUS_SHADOW = elevationVariants[1].boxShadow; // apply elevation $1 when focus\nconst CARET_WIDTH = '15px';\n\nconst StyledCaretSortIcon = styled(CaretSortIcon, {\n  position: 'absolute',\n  pointerEvents: 'none',\n  display: 'inline',\n\n  variants: {\n    // Use margins instead of top/left to avoid setting \"position: relative\" on parent,\n    // which would make stacking context tricky with Select used in a control group.\n    size: {\n      small: {\n        marginTop: 5,\n        marginLeft: -16,\n      },\n      medium: {\n        marginTop: 9,\n        marginLeft: -16,\n      },\n      large: {\n        marginTop: 13,\n        marginLeft: -16,\n      },\n    },\n    cursor: {\n      default: {\n        cursor: 'default',\n        '&:focus': {\n          cursor: 'text',\n        },\n      },\n      text: {\n        cursor: 'text',\n      },\n    },\n  },\n  defaultVariants: {\n    size: 'medium',\n  },\n});\n\nconst StyledSelect = styled('select', {\n  appearance: 'none',\n  backgroundColor: 'transparent',\n  border: 'none',\n  borderRadius: 'inherit',\n  color: 'inherit',\n  font: 'inherit',\n  outline: 'none',\n  width: '100%',\n  height: '100%',\n  pl: '$1',\n  pr: '$3',\n  lineHeight: '25px',\n  overflow: 'hidden',\n  textOverflow: 'ellipsis',\n  whiteSpace: 'nowrap',\n\n  '& option': {\n    color: 'black',\n    bc: 'white',\n  },\n\n  '&:focus-visible': {\n    boxShadow: `inset 0 0 0 2px $colors$selectFocusBorder, ${FOCUS_SHADOW}`,\n  },\n\n  '&:disabled': {\n    pointerEvents: 'none',\n    color: '$selectDisabledText',\n  },\n});\n\nconst SelectWrapper = styled('div', {\n  position: 'relative',\n  backgroundColor: '$selectBg',\n  borderRadius: '$2',\n  boxShadow: 'inset 0 0 0 1px $colors$selectBorder',\n  color: '$selectText',\n  fontFamily: '$rubik',\n  fontSize: '$1',\n  fontVariantNumeric: 'tabular-nums',\n  fontWeight: '$regular',\n  height: '$5',\n  flexShrink: 0,\n\n  '&::before': {\n    boxSizing: 'border-box',\n    content: '\"\"',\n    position: 'absolute',\n    inset: 0,\n    pointerEvents: 'none',\n    borderRadius: 'inherit',\n  },\n  '&::after': {\n    boxSizing: 'border-box',\n    content: '\"\"',\n    position: 'absolute',\n    inset: 0,\n    pointerEvents: 'none',\n    borderRadius: 'inherit',\n  },\n\n  '&:focus-visible': {\n    '&::before': {\n      backgroundColor: '$selectFocusBg',\n    },\n    '&::after': {\n      backgroundColor: '$primary',\n      opacity: 0.15,\n    },\n  },\n\n  '@hover': {\n    '&:hover': {\n      '&::before': {\n        backgroundColor: '$selectHoverBg',\n      },\n      '&::after': {\n        backgroundColor: '$primary',\n        opacity: 0.05,\n      },\n    },\n  },\n\n  variants: {\n    disabled: {\n      true: {\n        opacity: 0.7,\n        color: '$selectDisabledText',\n        '@hover': {\n          '&:hover': {\n            '&::before': {\n              display: 'none',\n            },\n            '&::after': {\n              display: 'none',\n            },\n          },\n        },\n      },\n    },\n    size: {\n      small: {\n        borderRadius: '$2',\n        height: '$5',\n        fontSize: '$1',\n        lineHeight: '$sizes$5',\n        '&:-webkit-autofill::first-line': {\n          fontSize: '$1',\n        },\n        [`& ${StyledSelect}`]: {\n          pl: '$2',\n          pr: `calc($2 + ${CARET_WIDTH})`,\n        },\n        [`& ${StyledCaretSortIcon}`]: {\n          right: 'calc($2 / 2)',\n        },\n      },\n      medium: {\n        borderRadius: '$3',\n        height: '$6',\n        fontSize: '$3',\n        lineHeight: '$sizes$6',\n        '&:-webkit-autofill::first-line': {\n          fontSize: '$3',\n        },\n        [`& ${StyledSelect}`]: {\n          pl: '$3',\n          pr: `calc($3 + ${CARET_WIDTH})`,\n        },\n        [`& ${StyledCaretSortIcon}`]: {\n          right: 'calc($3 / 2)',\n        },\n      },\n      large: {\n        borderRadius: '$3',\n        height: '$7',\n        fontSize: '$3',\n        lineHeight: '$sizes$7',\n        '&:-webkit-autofill::first-line': {\n          fontSize: '$3',\n        },\n        [`& ${StyledSelect}`]: {\n          pl: '$3',\n          pr: `calc($3 + ${CARET_WIDTH})`,\n        },\n        [`& ${StyledCaretSortIcon}`]: {\n          right: 'calc($3 / 2)',\n        },\n      },\n    },\n    variant: {\n      ghost: {\n        boxShadow: 'none',\n        backgroundColor: 'transparent',\n        '@hover': {\n          '&:hover': {\n            boxShadow: 'inset 0 0 0 1px $colors$slateA7',\n            backgroundColor: '$selectHoverBg',\n          },\n        },\n        '&:focus-within': {\n          backgroundColor: '$loContrast',\n          boxShadow:\n            'inset 0px 0px 0px 1px $colors$selectFocusBorder, 0px 0px 0px 1px $colors$selectFocusBorder',\n        },\n      },\n    },\n    state: {\n      invalid: {\n        boxShadow: 'inset 0 0 0 1px $colors$selectInvalidBorder',\n        '&:focus-visible': {\n          boxShadow: `inset 0 0 0 2px $colors$selectInvalidBorder, ${FOCUS_SHADOW}`,\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    size: 'medium',\n  },\n});\n\nexport type SelectVariants = VariantProps<typeof StyledSelect> &\n  VariantProps<typeof SelectWrapper> &\n  VariantProps<typeof StyledCaretSortIcon>;\n\nexport type SelectProps = Omit<React.ComponentProps<typeof StyledSelect>, 'size'> &\n  SelectVariants & { css?: CSS };\n\nexport const Select = React.forwardRef<React.ElementRef<typeof StyledSelect>, SelectProps>(\n  ({ css, size, state, variant, cursor, ...props }, forwardedRef) => {\n    return (\n      <SelectWrapper\n        css={css}\n        size={size}\n        state={state}\n        variant={variant}\n        disabled={props.disabled}\n      >\n        <StyledSelect ref={forwardedRef} {...props} />\n        <StyledCaretSortIcon size={size} cursor={cursor} />\n      </SelectWrapper>\n    );\n  }\n);\n\nSelect.toString = () => `.${SelectWrapper.className}`;\n"],"mappings":";;;;;;AAOA,IAAM,eAAe,kBAAkB,EAAE,CAAC;AAC1C,IAAM,cAAc;AAEpB,IAAM,sBAAsB,OAAO,eAAe;CAChD,UAAU;CACV,eAAe;CACf,SAAS;CAET,UAAU;EAGR,MAAM;GACJ,OAAO;IACL,WAAW;IACX,YAAY;GACd;GACA,QAAQ;IACN,WAAW;IACX,YAAY;GACd;GACA,OAAO;IACL,WAAW;IACX,YAAY;GACd;EACF;EACA,QAAQ;GACN,SAAS;IACP,QAAQ;IACR,WAAW,EACT,QAAQ,OACV;GACF;GACA,MAAM,EACJ,QAAQ,OACV;EACF;CACF;CACA,iBAAiB,EACf,MAAM,SACR;AACF,CAAC;AAED,IAAM,eAAe,OAAO,UAAU;CACpC,YAAY;CACZ,iBAAiB;CACjB,QAAQ;CACR,cAAc;CACd,OAAO;CACP,MAAM;CACN,SAAS;CACT,OAAO;CACP,QAAQ;CACR,IAAI;CACJ,IAAI;CACJ,YAAY;CACZ,UAAU;CACV,cAAc;CACd,YAAY;CAEZ,YAAY;EACV,OAAO;EACP,IAAI;CACN;CAEA,mBAAmB,EACjB,WAAW,8CAA8C,eAC3D;CAEA,cAAc;EACZ,eAAe;EACf,OAAO;CACT;AACF,CAAC;AAED,IAAM,gBAAgB,OAAO,OAAO;CAClC,UAAU;CACV,iBAAiB;CACjB,cAAc;CACd,WAAW;CACX,OAAO;CACP,YAAY;CACZ,UAAU;CACV,oBAAoB;CACpB,YAAY;CACZ,QAAQ;CACR,YAAY;CAEZ,aAAa;EACX,WAAW;EACX,SAAS;EACT,UAAU;EACV,OAAO;EACP,eAAe;EACf,cAAc;CAChB;CACA,YAAY;EACV,WAAW;EACX,SAAS;EACT,UAAU;EACV,OAAO;EACP,eAAe;EACf,cAAc;CAChB;CAEA,mBAAmB;EACjB,aAAa,EACX,iBAAiB,iBACnB;EACA,YAAY;GACV,iBAAiB;GACjB,SAAS;EACX;CACF;CAEA,UAAU,EACR,WAAW;EACT,aAAa,EACX,iBAAiB,iBACnB;EACA,YAAY;GACV,iBAAiB;GACjB,SAAS;EACX;CACF,EACF;CAEA,UAAU;EACR,UAAU,EACR,MAAM;GACJ,SAAS;GACT,OAAO;GACP,UAAU,EACR,WAAW;IACT,aAAa,EACX,SAAS,OACX;IACA,YAAY,EACV,SAAS,OACX;GACF,EACF;EACF,EACF;EACA,MAAM;GACJ,OAAO;IACL,cAAc;IACd,QAAQ;IACR,UAAU;IACV,YAAY;IACZ,kCAAkC,EAChC,UAAU,KACZ;KACC,KAAK,iBAAiB;KACrB,IAAI;KACJ,IAAI,aAAa,YAAY;IAC/B;KACC,KAAK,wBAAwB,EAC5B,OAAO,eACT;GACF;GACA,QAAQ;IACN,cAAc;IACd,QAAQ;IACR,UAAU;IACV,YAAY;IACZ,kCAAkC,EAChC,UAAU,KACZ;KACC,KAAK,iBAAiB;KACrB,IAAI;KACJ,IAAI,aAAa,YAAY;IAC/B;KACC,KAAK,wBAAwB,EAC5B,OAAO,eACT;GACF;GACA,OAAO;IACL,cAAc;IACd,QAAQ;IACR,UAAU;IACV,YAAY;IACZ,kCAAkC,EAChC,UAAU,KACZ;KACC,KAAK,iBAAiB;KACrB,IAAI;KACJ,IAAI,aAAa,YAAY;IAC/B;KACC,KAAK,wBAAwB,EAC5B,OAAO,eACT;GACF;EACF;EACA,SAAS,EACP,OAAO;GACL,WAAW;GACX,iBAAiB;GACjB,UAAU,EACR,WAAW;IACT,WAAW;IACX,iBAAiB;GACnB,EACF;GACA,kBAAkB;IAChB,iBAAiB;IACjB,WACE;GACJ;EACF,EACF;EACA,OAAO,EACL,SAAS;GACP,WAAW;GACX,mBAAmB,EACjB,WAAW,gDAAgD,eAC7D;EACF,EACF;CACF;CACA,iBAAiB,EACf,MAAM,SACR;AACF,CAAC;AASD,IAAa,SAAS,MAAM,YACzB,EAAE,KAAK,MAAM,OAAO,SAAS,QAAQ,GAAG,SAAS,iBAAiB;CACjE,OACE,qBAAC,eAAD;EACO;EACC;EACC;EACE;EACT,UAAU,MAAM;YALlB,CAOE,oBAAC,cAAD;GAAc,KAAK;GAAc,GAAI;EAAQ,CAAA,GAC7C,oBAAC,qBAAD;GAA2B;GAAc;EAAS,CAAA,CACrC;;AAEnB,CACF;AAEA,OAAO,iBAAiB,IAAI,cAAc"}
+{"version":3,"file":"Select.js","names":[],"sources":["../../../components/Select/Select.tsx"],"sourcesContent":["import { CaretSortIcon } from '@radix-ui/react-icons';\nimport React from 'react';\n\nimport { CSS, styled, VariantProps } from '../../stitches.config';\nimport { elevationVariants } from '../Elevation';\n\n// CONSTANTS\nconst FOCUS_SHADOW = elevationVariants[1].boxShadow; // apply elevation $1 when focus\nconst CARET_WIDTH = '15px';\n\nconst StyledCaretSortIcon = styled(CaretSortIcon, {\n  position: 'absolute',\n  pointerEvents: 'none',\n  display: 'inline',\n\n  variants: {\n    // Use margins instead of top/left to avoid setting \"position: relative\" on parent,\n    // which would make stacking context tricky with Select used in a control group.\n    size: {\n      small: {\n        marginTop: 5,\n        marginLeft: -16,\n      },\n      medium: {\n        marginTop: 9,\n        marginLeft: -16,\n      },\n      large: {\n        marginTop: 13,\n        marginLeft: -16,\n      },\n    },\n    cursor: {\n      default: {\n        cursor: 'default',\n        '&:focus': {\n          cursor: 'text',\n        },\n      },\n      text: {\n        cursor: 'text',\n      },\n    },\n  },\n  defaultVariants: {\n    size: 'medium',\n  },\n});\n\nconst StyledSelect = styled('select', {\n  appearance: 'none',\n  backgroundColor: 'transparent',\n  border: 'none',\n  borderRadius: 'inherit',\n  color: 'inherit',\n  font: 'inherit',\n  outline: 'none',\n  width: '100%',\n  height: '100%',\n  pl: '$1',\n  pr: '$3',\n  lineHeight: '25px',\n  overflow: 'hidden',\n  textOverflow: 'ellipsis',\n  whiteSpace: 'nowrap',\n\n  '& option': {\n    color: 'black',\n    bc: 'white',\n  },\n\n  '&:focus-visible': {\n    boxShadow: `inset 0 0 0 2px $colors$selectFocusBorder, ${FOCUS_SHADOW}`,\n  },\n\n  '&:disabled': {\n    pointerEvents: 'none',\n    color: '$selectDisabledText',\n  },\n});\n\nconst SelectWrapper = styled('div', {\n  position: 'relative',\n  backgroundColor: '$selectBg',\n  borderRadius: '$2',\n  boxShadow: 'inset 0 0 0 1px $colors$selectBorder',\n  color: '$selectText',\n  fontFamily: '$rubik',\n  fontSize: '$1',\n  fontVariantNumeric: 'tabular-nums',\n  fontWeight: '$regular',\n  height: '$5',\n  flexShrink: 0,\n\n  '&::before': {\n    boxSizing: 'border-box',\n    content: '\"\"',\n    position: 'absolute',\n    inset: 0,\n    pointerEvents: 'none',\n    borderRadius: 'inherit',\n  },\n  '&::after': {\n    boxSizing: 'border-box',\n    content: '\"\"',\n    position: 'absolute',\n    inset: 0,\n    pointerEvents: 'none',\n    borderRadius: 'inherit',\n  },\n\n  '&:focus-visible': {\n    '&::before': {\n      backgroundColor: '$selectFocusBg',\n    },\n    '&::after': {\n      backgroundColor: '$primary',\n      opacity: 0.15,\n    },\n  },\n\n  '@hover': {\n    '&:hover': {\n      '&::before': {\n        backgroundColor: '$selectHoverBg',\n      },\n      '&::after': {\n        backgroundColor: '$primary',\n        opacity: 0.05,\n      },\n    },\n  },\n\n  variants: {\n    disabled: {\n      true: {\n        opacity: 0.7,\n        color: '$selectDisabledText',\n        '@hover': {\n          '&:hover': {\n            '&::before': {\n              display: 'none',\n            },\n            '&::after': {\n              display: 'none',\n            },\n          },\n        },\n      },\n    },\n    size: {\n      small: {\n        borderRadius: '$2',\n        height: '$5',\n        fontSize: '$1',\n        lineHeight: '$sizes$5',\n        '&:-webkit-autofill::first-line': {\n          fontSize: '$1',\n        },\n        [`& ${StyledSelect}`]: {\n          pl: '$2',\n          pr: `calc($2 + ${CARET_WIDTH})`,\n        },\n        [`& ${StyledCaretSortIcon}`]: {\n          right: 'calc($2 / 2)',\n        },\n      },\n      medium: {\n        borderRadius: '$3',\n        height: '$6',\n        fontSize: '$3',\n        lineHeight: '$sizes$6',\n        '&:-webkit-autofill::first-line': {\n          fontSize: '$3',\n        },\n        [`& ${StyledSelect}`]: {\n          pl: '$3',\n          pr: `calc($3 + ${CARET_WIDTH})`,\n        },\n        [`& ${StyledCaretSortIcon}`]: {\n          right: 'calc($3 / 2)',\n        },\n      },\n      large: {\n        borderRadius: '$3',\n        height: '$7',\n        fontSize: '$3',\n        lineHeight: '$sizes$7',\n        '&:-webkit-autofill::first-line': {\n          fontSize: '$3',\n        },\n        [`& ${StyledSelect}`]: {\n          pl: '$3',\n          pr: `calc($3 + ${CARET_WIDTH})`,\n        },\n        [`& ${StyledCaretSortIcon}`]: {\n          right: 'calc($3 / 2)',\n        },\n      },\n    },\n    variant: {\n      ghost: {\n        boxShadow: 'none',\n        backgroundColor: 'transparent',\n        '@hover': {\n          '&:hover': {\n            boxShadow: 'inset 0 0 0 1px $colors$slateA7',\n            backgroundColor: '$selectHoverBg',\n          },\n        },\n        '&:focus-within': {\n          backgroundColor: '$loContrast',\n          boxShadow:\n            'inset 0px 0px 0px 1px $colors$selectFocusBorder, 0px 0px 0px 1px $colors$selectFocusBorder',\n        },\n      },\n    },\n    state: {\n      invalid: {\n        boxShadow: 'inset 0 0 0 1px $colors$selectInvalidBorder',\n        '&:focus-visible': {\n          boxShadow: `inset 0 0 0 2px $colors$selectInvalidBorder, ${FOCUS_SHADOW}`,\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    size: 'medium',\n  },\n});\n\nexport type SelectVariants = VariantProps<typeof StyledSelect> &\n  VariantProps<typeof SelectWrapper> &\n  VariantProps<typeof StyledCaretSortIcon>;\n\nexport type SelectProps = Omit<React.ComponentProps<typeof StyledSelect>, 'size'> &\n  SelectVariants & { css?: CSS };\n\nexport const Select = React.forwardRef<React.ElementRef<typeof StyledSelect>, SelectProps>(\n  ({ css, size, state, variant, cursor, ...props }, forwardedRef) => {\n    return (\n      <SelectWrapper\n        css={css}\n        size={size}\n        state={state}\n        variant={variant}\n        disabled={props.disabled}\n      >\n        <StyledSelect ref={forwardedRef} {...props} />\n        <StyledCaretSortIcon size={size} cursor={cursor} />\n      </SelectWrapper>\n    );\n  }\n);\n\nSelect.toString = () => `.${SelectWrapper.className}`;\n"],"mappings":"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"}

package/dist/components/Select/Select.themes.cjs

@@ -1,5 +1,5 @@
 const require_Input_themes = require("../Input/Input.themes.cjs");
-//#region components/Select/Select.themes.ts
+// components/Select/Select.themes.ts
 var Theme;
 (function(_Theme) {
 	const remapInputTheme = (inputLightOrDark) => ({
@@ -16,7 +16,6 @@ var Theme;
 	_Theme.getLight = (primaryColor) => ({ ...remapInputTheme(require_Input_themes.Theme.getLight(primaryColor)) });
 	_Theme.getDark = (primaryColor) => ({ ...remapInputTheme(require_Input_themes.Theme.getDark(primaryColor)) });
 })(Theme || (Theme = {}));
-//#endregion
 Object.defineProperty(exports, "Theme", {
 	enumerable: true,
 	get: function() {

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

@@ -1 +1 @@
-{"version":3,"file":"Select.themes.cjs","names":[],"sources":["../../../components/Select/Select.themes.ts"],"sourcesContent":["import { Property } from '@stitches/react/types/css';\n\nimport { ColorInfo } from '../../utils/getPrimaryColorInfo';\nimport { Theme as InputTheme } from '../Input/Input.themes';\n\nexport namespace Theme {\n  type Colors = {\n    selectBg: Property.Color;\n    selectBorder: Property.Color;\n    selectFocusBg: Property.Color;\n    selectFocusBorder: Property.Color;\n    selectHoverBg: Property.Color;\n    selectText: Property.Color;\n    selectPlaceholder: Property.Color;\n    selectDisabledText: Property.Color;\n    selectInvalidBorder: Property.Color;\n  };\n\n  type Factory = (primaryColor: ColorInfo) => Colors;\n  type FactoryMapper = (colors: InputTheme.Colors) => Colors;\n\n  const remapInputTheme: FactoryMapper = (inputLightOrDark) => ({\n    selectBg: inputLightOrDark.inputBg,\n    selectBorder: inputLightOrDark.inputBorder,\n    selectFocusBg: inputLightOrDark.inputFocusBg,\n    selectFocusBorder: inputLightOrDark.inputFocusBorder,\n    selectHoverBg: inputLightOrDark.inputHoverBg,\n    selectText: inputLightOrDark.inputText,\n    selectPlaceholder: inputLightOrDark.inputPlaceholder,\n    selectDisabledText: inputLightOrDark.inputDisabledText,\n    selectInvalidBorder: inputLightOrDark.inputInvalidBorder,\n  });\n\n  export const getLight: Factory = (primaryColor) => ({\n    ...remapInputTheme(InputTheme.getLight(primaryColor)),\n  });\n\n  export const getDark: Factory = (primaryColor) => ({\n    ...remapInputTheme(InputTheme.getDark(primaryColor)),\n  });\n}\n"],"mappings":";;AAKO,IAAA;;CAgBL,MAAM,mBAAkC,sBAAsB;EAC5D,UAAU,iBAAiB;EAC3B,cAAc,iBAAiB;EAC/B,eAAe,iBAAiB;EAChC,mBAAmB,iBAAiB;EACpC,eAAe,iBAAiB;EAChC,YAAY,iBAAiB;EAC7B,mBAAmB,iBAAiB;EACpC,oBAAoB,iBAAiB;EACrC,qBAAqB,iBAAiB;CACxC;CAEa,OAAA,YAAqB,kBAAkB,EAClD,GAAG,gBAAgB,qBAAA,MAAW,SAAS,YAAY,CAAC,EACtD;CAEa,OAAA,WAAoB,kBAAkB,EACjD,GAAG,gBAAgB,qBAAA,MAAW,QAAQ,YAAY,CAAC,EACrD;GACD,UAAA,QAAA,CAAA,EAAD"}
+{"version":3,"file":"Select.themes.cjs","names":["InputTheme"],"sources":["../../../components/Select/Select.themes.ts"],"sourcesContent":["import { Property } from '@stitches/react/types/css';\n\nimport { ColorInfo } from '../../utils/getPrimaryColorInfo';\nimport { Theme as InputTheme } from '../Input/Input.themes';\n\nexport namespace Theme {\n  type Colors = {\n    selectBg: Property.Color;\n    selectBorder: Property.Color;\n    selectFocusBg: Property.Color;\n    selectFocusBorder: Property.Color;\n    selectHoverBg: Property.Color;\n    selectText: Property.Color;\n    selectPlaceholder: Property.Color;\n    selectDisabledText: Property.Color;\n    selectInvalidBorder: Property.Color;\n  };\n\n  type Factory = (primaryColor: ColorInfo) => Colors;\n  type FactoryMapper = (colors: InputTheme.Colors) => Colors;\n\n  const remapInputTheme: FactoryMapper = (inputLightOrDark) => ({\n    selectBg: inputLightOrDark.inputBg,\n    selectBorder: inputLightOrDark.inputBorder,\n    selectFocusBg: inputLightOrDark.inputFocusBg,\n    selectFocusBorder: inputLightOrDark.inputFocusBorder,\n    selectHoverBg: inputLightOrDark.inputHoverBg,\n    selectText: inputLightOrDark.inputText,\n    selectPlaceholder: inputLightOrDark.inputPlaceholder,\n    selectDisabledText: inputLightOrDark.inputDisabledText,\n    selectInvalidBorder: inputLightOrDark.inputInvalidBorder,\n  });\n\n  export const getLight: Factory = (primaryColor) => ({\n    ...remapInputTheme(InputTheme.getLight(primaryColor)),\n  });\n\n  export const getDark: Factory = (primaryColor) => ({\n    ...remapInputTheme(InputTheme.getDark(primaryColor)),\n  });\n}\n"],"mappings":";;AAKO,IAAU;CAAV,SAAA,QAAA;CAgBL,MAAM,mBAAkC,sBAAsB;EAC5D,UAAU,iBAAiB;EAC3B,cAAc,iBAAiB;EAC/B,eAAe,iBAAiB;EAChC,mBAAmB,iBAAiB;EACpC,eAAe,iBAAiB;EAChC,YAAY,iBAAiB;EAC7B,mBAAmB,iBAAiB;EACpC,oBAAoB,iBAAiB;EACrC,qBAAqB,iBAAiB;CACxC;CAEa,OAAA,YAAqB,kBAAkB,EAClD,GAAG,gBAAgBA,qBAAAA,MAAW,SAAS,YAAY,CAAC,EACtD;CAEa,OAAA,WAAoB,kBAAkB,EACjD,GAAG,gBAAgBA,qBAAAA,MAAW,QAAQ,YAAY,CAAC,EACrD;AACD,EAAA,CAAA,UAAA,QAAA,CAAA,EAAD"}

package/dist/components/Select/Select.themes.js

@@ -1,5 +1,5 @@
 import { Theme as Theme$1 } from "../Input/Input.themes.js";
-//#region components/Select/Select.themes.ts
+// components/Select/Select.themes.ts
 var Theme;
 (function(_Theme) {
 	const remapInputTheme = (inputLightOrDark) => ({
@@ -16,7 +16,6 @@ var Theme;
 	_Theme.getLight = (primaryColor) => ({ ...remapInputTheme(Theme$1.getLight(primaryColor)) });
 	_Theme.getDark = (primaryColor) => ({ ...remapInputTheme(Theme$1.getDark(primaryColor)) });
 })(Theme || (Theme = {}));
-//#endregion
 export { Theme };
 
 //# sourceMappingURL=Select.themes.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Select.themes.js","names":[],"sources":["../../../components/Select/Select.themes.ts"],"sourcesContent":["import { Property } from '@stitches/react/types/css';\n\nimport { ColorInfo } from '../../utils/getPrimaryColorInfo';\nimport { Theme as InputTheme } from '../Input/Input.themes';\n\nexport namespace Theme {\n  type Colors = {\n    selectBg: Property.Color;\n    selectBorder: Property.Color;\n    selectFocusBg: Property.Color;\n    selectFocusBorder: Property.Color;\n    selectHoverBg: Property.Color;\n    selectText: Property.Color;\n    selectPlaceholder: Property.Color;\n    selectDisabledText: Property.Color;\n    selectInvalidBorder: Property.Color;\n  };\n\n  type Factory = (primaryColor: ColorInfo) => Colors;\n  type FactoryMapper = (colors: InputTheme.Colors) => Colors;\n\n  const remapInputTheme: FactoryMapper = (inputLightOrDark) => ({\n    selectBg: inputLightOrDark.inputBg,\n    selectBorder: inputLightOrDark.inputBorder,\n    selectFocusBg: inputLightOrDark.inputFocusBg,\n    selectFocusBorder: inputLightOrDark.inputFocusBorder,\n    selectHoverBg: inputLightOrDark.inputHoverBg,\n    selectText: inputLightOrDark.inputText,\n    selectPlaceholder: inputLightOrDark.inputPlaceholder,\n    selectDisabledText: inputLightOrDark.inputDisabledText,\n    selectInvalidBorder: inputLightOrDark.inputInvalidBorder,\n  });\n\n  export const getLight: Factory = (primaryColor) => ({\n    ...remapInputTheme(InputTheme.getLight(primaryColor)),\n  });\n\n  export const getDark: Factory = (primaryColor) => ({\n    ...remapInputTheme(InputTheme.getDark(primaryColor)),\n  });\n}\n"],"mappings":";;AAKO,IAAA;;CAgBL,MAAM,mBAAkC,sBAAsB;EAC5D,UAAU,iBAAiB;EAC3B,cAAc,iBAAiB;EAC/B,eAAe,iBAAiB;EAChC,mBAAmB,iBAAiB;EACpC,eAAe,iBAAiB;EAChC,YAAY,iBAAiB;EAC7B,mBAAmB,iBAAiB;EACpC,oBAAoB,iBAAiB;EACrC,qBAAqB,iBAAiB;CACxC;CAEa,OAAA,YAAqB,kBAAkB,EAClD,GAAG,gBAAgB,QAAW,SAAS,YAAY,CAAC,EACtD;CAEa,OAAA,WAAoB,kBAAkB,EACjD,GAAG,gBAAgB,QAAW,QAAQ,YAAY,CAAC,EACrD;GACD,UAAA,QAAA,CAAA,EAAD"}
+{"version":3,"file":"Select.themes.js","names":["InputTheme"],"sources":["../../../components/Select/Select.themes.ts"],"sourcesContent":["import { Property } from '@stitches/react/types/css';\n\nimport { ColorInfo } from '../../utils/getPrimaryColorInfo';\nimport { Theme as InputTheme } from '../Input/Input.themes';\n\nexport namespace Theme {\n  type Colors = {\n    selectBg: Property.Color;\n    selectBorder: Property.Color;\n    selectFocusBg: Property.Color;\n    selectFocusBorder: Property.Color;\n    selectHoverBg: Property.Color;\n    selectText: Property.Color;\n    selectPlaceholder: Property.Color;\n    selectDisabledText: Property.Color;\n    selectInvalidBorder: Property.Color;\n  };\n\n  type Factory = (primaryColor: ColorInfo) => Colors;\n  type FactoryMapper = (colors: InputTheme.Colors) => Colors;\n\n  const remapInputTheme: FactoryMapper = (inputLightOrDark) => ({\n    selectBg: inputLightOrDark.inputBg,\n    selectBorder: inputLightOrDark.inputBorder,\n    selectFocusBg: inputLightOrDark.inputFocusBg,\n    selectFocusBorder: inputLightOrDark.inputFocusBorder,\n    selectHoverBg: inputLightOrDark.inputHoverBg,\n    selectText: inputLightOrDark.inputText,\n    selectPlaceholder: inputLightOrDark.inputPlaceholder,\n    selectDisabledText: inputLightOrDark.inputDisabledText,\n    selectInvalidBorder: inputLightOrDark.inputInvalidBorder,\n  });\n\n  export const getLight: Factory = (primaryColor) => ({\n    ...remapInputTheme(InputTheme.getLight(primaryColor)),\n  });\n\n  export const getDark: Factory = (primaryColor) => ({\n    ...remapInputTheme(InputTheme.getDark(primaryColor)),\n  });\n}\n"],"mappings":";;AAKO,IAAU;CAAV,SAAA,QAAA;CAgBL,MAAM,mBAAkC,sBAAsB;EAC5D,UAAU,iBAAiB;EAC3B,cAAc,iBAAiB;EAC/B,eAAe,iBAAiB;EAChC,mBAAmB,iBAAiB;EACpC,eAAe,iBAAiB;EAChC,YAAY,iBAAiB;EAC7B,mBAAmB,iBAAiB;EACpC,oBAAoB,iBAAiB;EACrC,qBAAqB,iBAAiB;CACxC;CAEa,OAAA,YAAqB,kBAAkB,EAClD,GAAG,gBAAgBA,QAAW,SAAS,YAAY,CAAC,EACtD;CAEa,OAAA,WAAoB,kBAAkB,EACjD,GAAG,gBAAgBA,QAAW,QAAQ,YAAY,CAAC,EACrD;AACD,EAAA,CAAA,UAAA,QAAA,CAAA,EAAD"}

package/dist/components/SidePanel/SidePanel.cjs

@@ -9,7 +9,7 @@ let react_jsx_runtime = require("react/jsx-runtime");
 let _radix_ui_react_dialog = require("@radix-ui/react-dialog");
 _radix_ui_react_dialog = require_runtime.__toESM(_radix_ui_react_dialog, 1);
 let _radix_ui_react_visually_hidden = require("@radix-ui/react-visually-hidden");
-//#region components/SidePanel/SidePanel.tsx
+// components/SidePanel/SidePanel.tsx
 var fadeIn = require_stitches_config.keyframes({
 	from: { opacity: "0" },
 	to: { opacity: "1" }
@@ -104,7 +104,6 @@ var SidePanel = react.default.forwardRef(({ description, noOverlay = false, noCl
 		]
 	})] })
 }));
-//#endregion
 exports.SidePanel = SidePanel;
 
 //# sourceMappingURL=SidePanel.cjs.map