@traefik-labs/faency 12.2.1 → 12.2.3

package/dist/components/Avatar/Avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.js","sources":["../../../components/Avatar/Avatar.tsx"],"sourcesContent":["import * as AvatarPrimitive from '@radix-ui/react-avatar';\nimport React from 'react';\n\nimport { CSS, styled, VariantProps } from '../../stitches.config';\nimport { Box } from '../Box';\n\nconst StyledAvatar = styled(AvatarPrimitive.Root, {\n  alignItems: 'center',\n  justifyContent: 'center',\n  verticalAlign: 'middle',\n  overflow: 'hidden',\n  userSelect: 'none',\n  boxSizing: 'border-box',\n  display: 'flex',\n  flexShrink: 0,\n  position: 'relative',\n  border: 'none',\n  fontFamily: 'inherit',\n  lineHeight: '1',\n  margin: '0',\n  outline: 'none',\n  padding: '0',\n  fontWeight: '$medium',\n  color: '$hiContrast',\n\n  '&::before': {\n    content: '\"\"',\n    position: 'absolute',\n    top: 0,\n    right: 0,\n    bottom: 0,\n    left: 0,\n    borderRadius: 'inherit',\n    boxShadow: 'inset 0px 0px 1px rgba(0, 0, 0, 0.12)',\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      '3': {\n        width: '$6',\n        height: '$6',\n      },\n      '4': {\n        width: '$7',\n        height: '$7',\n      },\n      '5': {\n        width: '$8',\n        height: '$8',\n      },\n      '6': {\n        width: '$9',\n        height: '$9',\n      },\n    },\n    variant: {\n      gray: {\n        backgroundColor: '$slate5',\n      },\n      red: {\n        backgroundColor: '$red5',\n      },\n      purple: {\n        backgroundColor: '$purple5',\n      },\n      blue: {\n        backgroundColor: '$blue5',\n      },\n      green: {\n        backgroundColor: '$green5',\n      },\n      orange: {\n        backgroundColor: '$orange5',\n      },\n    },\n    shape: {\n      square: {\n        borderRadius: '$2',\n      },\n      circle: {\n        borderRadius: '50%',\n      },\n    },\n  },\n  defaultVariants: {\n    size: '2',\n    variant: 'gray',\n    shape: 'circle',\n  },\n});\n\nconst StyledAvatarImage = styled(AvatarPrimitive.Image, {\n  display: 'flex',\n  objectFit: 'cover',\n  boxSizing: 'border-box',\n  height: '100%',\n  verticalAlign: 'middle',\n  width: '100%',\n});\n\nconst StyledAvatarFallback = styled(AvatarPrimitive.Fallback, {\n  textTransform: 'uppercase',\n  fontFamily: '$rubik',\n  color: '$deepBlue10',\n\n  variants: {\n    size: {\n      '1': {\n        fontSize: '10px',\n        lineHeight: '15px',\n      },\n      '2': {\n        fontSize: '$3',\n      },\n      '3': {\n        fontSize: '$6',\n      },\n      '4': {\n        fontSize: '$7',\n      },\n      '5': {\n        fontSize: '$8',\n      },\n      '6': {\n        fontSize: '$9',\n      },\n    },\n  },\n  defaultVariants: {\n    size: '2',\n  },\n});\n\ntype AvatarVariants = VariantProps<typeof StyledAvatar>;\ntype AvatarPrimitiveProps = Omit<React.ComponentProps<typeof AvatarPrimitive.Root>, 'as'>;\ntype AvatarOwnProps = AvatarPrimitiveProps &\n  AvatarVariants & {\n    css?: CSS;\n    alt?: string;\n    src?: string;\n    fallback?: React.ReactNode;\n    // status?: StatusColors['variant'];\n  };\n\nexport const Avatar = React.forwardRef<React.ElementRef<typeof StyledAvatar>, AvatarOwnProps>(\n  ({ alt, src, fallback, size, variant, shape, css, ...props }, forwardedRef) => {\n    return (\n      <Box\n        css={{\n          ...css,\n          position: 'relative',\n          height: 'fit-content',\n          width: 'fit-content',\n        }}\n      >\n        <StyledAvatar {...props} ref={forwardedRef} size={size} variant={variant} shape={shape}>\n          <StyledAvatarImage alt={alt} src={src} />\n          <StyledAvatarFallback size={size}>{fallback}</StyledAvatarFallback>\n        </StyledAvatar>\n      </Box>\n    );\n  }\n);\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Avatar.js","names":[],"sources":["../../../components/Avatar/Avatar.tsx"],"sourcesContent":["import * as AvatarPrimitive from '@radix-ui/react-avatar';\nimport React from 'react';\n\nimport { CSS, styled, VariantProps } from '../../stitches.config';\nimport { Box } from '../Box';\n\nconst StyledAvatar = styled(AvatarPrimitive.Root, {\n  alignItems: 'center',\n  justifyContent: 'center',\n  verticalAlign: 'middle',\n  overflow: 'hidden',\n  userSelect: 'none',\n  boxSizing: 'border-box',\n  display: 'flex',\n  flexShrink: 0,\n  position: 'relative',\n  border: 'none',\n  fontFamily: 'inherit',\n  lineHeight: '1',\n  margin: '0',\n  outline: 'none',\n  padding: '0',\n  fontWeight: '$medium',\n  color: '$hiContrast',\n\n  '&::before': {\n    content: '\"\"',\n    position: 'absolute',\n    top: 0,\n    right: 0,\n    bottom: 0,\n    left: 0,\n    borderRadius: 'inherit',\n    boxShadow: 'inset 0px 0px 1px rgba(0, 0, 0, 0.12)',\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      '3': {\n        width: '$6',\n        height: '$6',\n      },\n      '4': {\n        width: '$7',\n        height: '$7',\n      },\n      '5': {\n        width: '$8',\n        height: '$8',\n      },\n      '6': {\n        width: '$9',\n        height: '$9',\n      },\n    },\n    variant: {\n      gray: {\n        backgroundColor: '$slate5',\n      },\n      red: {\n        backgroundColor: '$red5',\n      },\n      purple: {\n        backgroundColor: '$purple5',\n      },\n      blue: {\n        backgroundColor: '$blue5',\n      },\n      green: {\n        backgroundColor: '$green5',\n      },\n      orange: {\n        backgroundColor: '$orange5',\n      },\n    },\n    shape: {\n      square: {\n        borderRadius: '$2',\n      },\n      circle: {\n        borderRadius: '50%',\n      },\n    },\n  },\n  defaultVariants: {\n    size: '2',\n    variant: 'gray',\n    shape: 'circle',\n  },\n});\n\nconst StyledAvatarImage = styled(AvatarPrimitive.Image, {\n  display: 'flex',\n  objectFit: 'cover',\n  boxSizing: 'border-box',\n  height: '100%',\n  verticalAlign: 'middle',\n  width: '100%',\n});\n\nconst StyledAvatarFallback = styled(AvatarPrimitive.Fallback, {\n  textTransform: 'uppercase',\n  fontFamily: '$rubik',\n  color: '$deepBlue10',\n\n  variants: {\n    size: {\n      '1': {\n        fontSize: '10px',\n        lineHeight: '15px',\n      },\n      '2': {\n        fontSize: '$3',\n      },\n      '3': {\n        fontSize: '$6',\n      },\n      '4': {\n        fontSize: '$7',\n      },\n      '5': {\n        fontSize: '$8',\n      },\n      '6': {\n        fontSize: '$9',\n      },\n    },\n  },\n  defaultVariants: {\n    size: '2',\n  },\n});\n\ntype AvatarVariants = VariantProps<typeof StyledAvatar>;\ntype AvatarPrimitiveProps = Omit<React.ComponentProps<typeof AvatarPrimitive.Root>, 'as'>;\ntype AvatarOwnProps = AvatarPrimitiveProps &\n  AvatarVariants & {\n    css?: CSS;\n    alt?: string;\n    src?: string;\n    fallback?: React.ReactNode;\n    // status?: StatusColors['variant'];\n  };\n\nexport const Avatar = React.forwardRef<React.ElementRef<typeof StyledAvatar>, AvatarOwnProps>(\n  ({ alt, src, fallback, size, variant, shape, css, ...props }, forwardedRef) => {\n    return (\n      <Box\n        css={{\n          ...css,\n          position: 'relative',\n          height: 'fit-content',\n          width: 'fit-content',\n        }}\n      >\n        <StyledAvatar {...props} ref={forwardedRef} size={size} variant={variant} shape={shape}>\n          <StyledAvatarImage alt={alt} src={src} />\n          <StyledAvatarFallback size={size}>{fallback}</StyledAvatarFallback>\n        </StyledAvatar>\n      </Box>\n    );\n  }\n);\n"],"mappings":";;;;;;AAMA,IAAM,eAAe,OAAO,gBAAgB,MAAM;CAChD,YAAY;CACZ,gBAAgB;CAChB,eAAe;CACf,UAAU;CACV,YAAY;CACZ,WAAW;CACX,SAAS;CACT,YAAY;CACZ,UAAU;CACV,QAAQ;CACR,YAAY;CACZ,YAAY;CACZ,QAAQ;CACR,SAAS;CACT,SAAS;CACT,YAAY;CACZ,OAAO;CAEP,aAAa;EACX,SAAS;EACT,UAAU;EACV,KAAK;EACL,OAAO;EACP,QAAQ;EACR,MAAM;EACN,cAAc;EACd,WAAW;EACZ;CAED,UAAU;EACR,MAAM;GACJ,KAAK;IACH,OAAO;IACP,QAAQ;IACT;GACD,KAAK;IACH,OAAO;IACP,QAAQ;IACT;GACD,KAAK;IACH,OAAO;IACP,QAAQ;IACT;GACD,KAAK;IACH,OAAO;IACP,QAAQ;IACT;GACD,KAAK;IACH,OAAO;IACP,QAAQ;IACT;GACD,KAAK;IACH,OAAO;IACP,QAAQ;IACT;GACF;EACD,SAAS;GACP,MAAM,EACJ,iBAAiB,WAClB;GACD,KAAK,EACH,iBAAiB,SAClB;GACD,QAAQ,EACN,iBAAiB,YAClB;GACD,MAAM,EACJ,iBAAiB,UAClB;GACD,OAAO,EACL,iBAAiB,WAClB;GACD,QAAQ,EACN,iBAAiB,YAClB;GACF;EACD,OAAO;GACL,QAAQ,EACN,cAAc,MACf;GACD,QAAQ,EACN,cAAc,OACf;GACF;EACF;CACD,iBAAiB;EACf,MAAM;EACN,SAAS;EACT,OAAO;EACR;CACF,CAAC;AAEF,IAAM,oBAAoB,OAAO,gBAAgB,OAAO;CACtD,SAAS;CACT,WAAW;CACX,WAAW;CACX,QAAQ;CACR,eAAe;CACf,OAAO;CACR,CAAC;AAEF,IAAM,uBAAuB,OAAO,gBAAgB,UAAU;CAC5D,eAAe;CACf,YAAY;CACZ,OAAO;CAEP,UAAU,EACR,MAAM;EACJ,KAAK;GACH,UAAU;GACV,YAAY;GACb;EACD,KAAK,EACH,UAAU,MACX;EACD,KAAK,EACH,UAAU,MACX;EACD,KAAK,EACH,UAAU,MACX;EACD,KAAK,EACH,UAAU,MACX;EACD,KAAK,EACH,UAAU,MACX;EACF,EACF;CACD,iBAAiB,EACf,MAAM,KACP;CACF,CAAC;AAaF,IAAa,SAAS,MAAM,YACzB,EAAE,KAAK,KAAK,UAAU,MAAM,SAAS,OAAO,KAAK,GAAG,SAAS,iBAAiB;AAC7E,QACE,oBAAC,KAAD;EACE,KAAK;GACH,GAAG;GACH,UAAU;GACV,QAAQ;GACR,OAAO;GACR;YAED,qBAAC,cAAD;GAAc,GAAI;GAAO,KAAK;GAAoB;GAAe;GAAgB;aAAjF,CACE,oBAAC,mBAAD;IAAwB;IAAU;IAAO,CAAA,EACzC,oBAAC,sBAAD;IAA4B;cAAO;IAAgC,CAAA,CACtD;;EACX,CAAA;EAGX"}

package/dist/components/Avatar/Avatar.vanilla.cjs

@@ -1,42 +1,45 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const AvatarPrimitive = require("@radix-ui/react-avatar");
-const React = require("react");
-const Box_vanilla = require("../Box/Box.vanilla.cjs");
-const Avatar_vanilla_css = require("./Avatar.vanilla.css.cjs");
-function _interopNamespaceDefault(e) {
-  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
-  if (e) {
-    for (const k in e) {
-      if (k !== "default") {
-        const d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: () => e[k]
-        });
-      }
-    }
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-const AvatarPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(AvatarPrimitive);
-const AvatarVanillaComponent = React.forwardRef(({ alt, src, fallback, size, variant, shape, css, style, ...props }, ref) => {
-  const recipeClass = Avatar_vanilla_css.avatarRecipe({ size, variant, shape });
-  const fallbackRecipeClass = Avatar_vanilla_css.avatarFallbackRecipe({ size });
-  const wrapperCss = {
-    ...css,
-    position: "relative",
-    height: "fit-content",
-    width: "fit-content"
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx(Box_vanilla.BoxVanilla, { css: wrapperCss, style, children: /* @__PURE__ */ jsxRuntime.jsxs(AvatarPrimitive__namespace.Root, { ref, className: recipeClass, ...props, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(AvatarPrimitive__namespace.Image, { className: Avatar_vanilla_css.avatarImage, alt, src }),
-    /* @__PURE__ */ jsxRuntime.jsx(AvatarPrimitive__namespace.Fallback, { className: fallbackRecipeClass, children: fallback })
-  ] }) });
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_Box_vanilla = require("../Box/Box.vanilla.cjs");
+const require_Avatar_vanilla_css = require("./Avatar.vanilla.css.cjs");
+let react = require("react");
+react = require_runtime.__toESM(react, 1);
+let react_jsx_runtime = require("react/jsx-runtime");
+let _radix_ui_react_avatar = require("@radix-ui/react-avatar");
+_radix_ui_react_avatar = require_runtime.__toESM(_radix_ui_react_avatar, 1);
+//#region components/Avatar/Avatar.vanilla.tsx
+var AvatarVanillaComponent = (0, react.forwardRef)(({ alt, src, fallback, size, variant, shape, css, style, ...props }, ref) => {
+	const recipeClass = require_Avatar_vanilla_css.avatarRecipe({
+		size,
+		variant,
+		shape
+	});
+	const fallbackRecipeClass = require_Avatar_vanilla_css.avatarFallbackRecipe({ size });
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Box_vanilla.BoxVanilla, {
+		css: {
+			...css,
+			position: "relative",
+			height: "fit-content",
+			width: "fit-content"
+		},
+		style,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_radix_ui_react_avatar.Root, {
+			ref,
+			className: recipeClass,
+			...props,
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_avatar.Image, {
+				className: require_Avatar_vanilla_css.avatarImage,
+				alt,
+				src
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_avatar.Fallback, {
+				className: fallbackRecipeClass,
+				children: fallback
+			})]
+		})
+	});
 });
 AvatarVanillaComponent.displayName = "AvatarVanilla";
-const AvatarVanilla = AvatarVanillaComponent;
+var AvatarVanilla = AvatarVanillaComponent;
+//#endregion
 exports.AvatarVanilla = AvatarVanilla;
-//# sourceMappingURL=Avatar.vanilla.cjs.map
+
+//# sourceMappingURL=Avatar.vanilla.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Avatar.vanilla.cjs","sources":["../../../components/Avatar/Avatar.vanilla.tsx"],"sourcesContent":["import * as AvatarPrimitive from '@radix-ui/react-avatar';\nimport { RecipeVariants } from '@vanilla-extract/recipes';\nimport React, { forwardRef } from 'react';\n\nimport { CSSProps } from '../../styles/cssProps';\nimport { BoxVanilla } from '../Box/Box.vanilla';\nimport { avatarFallbackRecipe, avatarImage, avatarRecipe } from './Avatar.vanilla.css';\n\ntype AvatarRecipeVariants = NonNullable<RecipeVariants<typeof avatarRecipe>>;\n\ninterface AvatarOwnProps extends AvatarRecipeVariants, CSSProps {\n  alt?: string;\n  src?: string;\n  fallback?: React.ReactNode;\n}\n\nexport type AvatarVanillaProps = Omit<\n  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>,\n  keyof AvatarOwnProps\n> &\n  AvatarOwnProps;\n\nconst AvatarVanillaComponent = forwardRef<\n  React.ElementRef<typeof AvatarPrimitive.Root>,\n  AvatarVanillaProps\n>(({ alt, src, fallback, size, variant, shape, css, style, ...props }, ref) => {\n  const recipeClass = avatarRecipe({ size, variant, shape });\n  const fallbackRecipeClass = avatarFallbackRecipe({ size });\n\n  // This CSS will be processed by the Box component\n  const wrapperCss = {\n    ...css,\n    position: 'relative' as const,\n    height: 'fit-content' as const,\n    width: 'fit-content' as const,\n  };\n\n  return (\n    <BoxVanilla css={wrapperCss} style={style}>\n      <AvatarPrimitive.Root ref={ref} className={recipeClass} {...props}>\n        <AvatarPrimitive.Image className={avatarImage} alt={alt} src={src} />\n        <AvatarPrimitive.Fallback className={fallbackRecipeClass}>\n          {fallback}\n        </AvatarPrimitive.Fallback>\n      </AvatarPrimitive.Root>\n    </BoxVanilla>\n  );\n});\n\nAvatarVanillaComponent.displayName = 'AvatarVanilla';\n\nexport const AvatarVanilla = AvatarVanillaComponent;\n"],"names":["forwardRef","avatarRecipe","avatarFallbackRecipe","jsx","BoxVanilla","jsxs","AvatarPrimitive","avatarImage"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAsBA,MAAM,yBAAyBA,MAAAA,WAG7B,CAAC,EAAE,KAAK,KAAK,UAAU,MAAM,SAAS,OAAO,KAAK,OAAO,GAAG,MAAA,GAAS,QAAQ;AAC7E,QAAM,cAAcC,mBAAAA,aAAa,EAAE,MAAM,SAAS,OAAO;AACzD,QAAM,sBAAsBC,mBAAAA,qBAAqB,EAAE,MAAM;AAGzD,QAAM,aAAa;AAAA,IACjB,GAAG;AAAA,IACH,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,OAAO;AAAA,EAAA;AAGT,SACEC,2BAAAA,IAACC,YAAAA,YAAA,EAAW,KAAK,YAAY,OAC3B,UAAAC,2BAAAA,KAACC,2BAAgB,MAAhB,EAAqB,KAAU,WAAW,aAAc,GAAG,OAC1D,UAAA;AAAA,IAAAH,2BAAAA,IAACG,2BAAgB,OAAhB,EAAsB,WAAWC,gCAAa,KAAU,KAAU;AAAA,mCAClED,2BAAgB,UAAhB,EAAyB,WAAW,qBAClC,UAAA,SAAA,CACH;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ,CAAC;AAED,uBAAuB,cAAc;AAE9B,MAAM,gBAAgB;;"}
+{"version":3,"file":"Avatar.vanilla.cjs","names":[],"sources":["../../../components/Avatar/Avatar.vanilla.tsx"],"sourcesContent":["import * as AvatarPrimitive from '@radix-ui/react-avatar';\nimport { RecipeVariants } from '@vanilla-extract/recipes';\nimport React, { forwardRef } from 'react';\n\nimport { CSSProps } from '../../styles/cssProps';\nimport { BoxVanilla } from '../Box/Box.vanilla';\nimport { avatarFallbackRecipe, avatarImage, avatarRecipe } from './Avatar.vanilla.css';\n\ntype AvatarRecipeVariants = NonNullable<RecipeVariants<typeof avatarRecipe>>;\n\ninterface AvatarOwnProps extends AvatarRecipeVariants, CSSProps {\n  alt?: string;\n  src?: string;\n  fallback?: React.ReactNode;\n}\n\nexport type AvatarVanillaProps = Omit<\n  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>,\n  keyof AvatarOwnProps\n> &\n  AvatarOwnProps;\n\nconst AvatarVanillaComponent = forwardRef<\n  React.ElementRef<typeof AvatarPrimitive.Root>,\n  AvatarVanillaProps\n>(({ alt, src, fallback, size, variant, shape, css, style, ...props }, ref) => {\n  const recipeClass = avatarRecipe({ size, variant, shape });\n  const fallbackRecipeClass = avatarFallbackRecipe({ size });\n\n  // This CSS will be processed by the Box component\n  const wrapperCss = {\n    ...css,\n    position: 'relative' as const,\n    height: 'fit-content' as const,\n    width: 'fit-content' as const,\n  };\n\n  return (\n    <BoxVanilla css={wrapperCss} style={style}>\n      <AvatarPrimitive.Root ref={ref} className={recipeClass} {...props}>\n        <AvatarPrimitive.Image className={avatarImage} alt={alt} src={src} />\n        <AvatarPrimitive.Fallback className={fallbackRecipeClass}>\n          {fallback}\n        </AvatarPrimitive.Fallback>\n      </AvatarPrimitive.Root>\n    </BoxVanilla>\n  );\n});\n\nAvatarVanillaComponent.displayName = 'AvatarVanilla';\n\nexport const AvatarVanilla = AvatarVanillaComponent;\n"],"mappings":";;;;;;;;;AAsBA,IAAM,0BAAA,GAAA,MAAA,aAGH,EAAE,KAAK,KAAK,UAAU,MAAM,SAAS,OAAO,KAAK,OAAO,GAAG,SAAS,QAAQ;CAC7E,MAAM,cAAc,2BAAA,aAAa;EAAE;EAAM;EAAS;EAAO,CAAC;CAC1D,MAAM,sBAAsB,2BAAA,qBAAqB,EAAE,MAAM,CAAC;AAU1D,QACE,iBAAA,GAAA,kBAAA,KAAC,oBAAA,YAAD;EAAY,KARK;GACjB,GAAG;GACH,UAAU;GACV,QAAQ;GACR,OAAO;GACR;EAGqC;YAClC,iBAAA,GAAA,kBAAA,MAAC,uBAAgB,MAAjB;GAA2B;GAAK,WAAW;GAAa,GAAI;aAA5D,CACE,iBAAA,GAAA,kBAAA,KAAC,uBAAgB,OAAjB;IAAuB,WAAW,2BAAA;IAAkB;IAAU;IAAO,CAAA,EACrE,iBAAA,GAAA,kBAAA,KAAC,uBAAgB,UAAjB;IAA0B,WAAW;cAClC;IACwB,CAAA,CACN;;EACZ,CAAA;EAEf;AAEF,uBAAuB,cAAc;AAErC,IAAa,gBAAgB"}

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

@@ -1,11 +1,55 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../_virtual/_rolldown/runtime.cjs");
 ;/* empty css                                    */
-const createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
-var avatarRecipe = createRuntimeFn.createRuntimeFn({ defaultClassName: "_7on54e1 _7on54e0", variantClassNames: { size: { "1": "_7on54e2", "2": "_7on54e3", "3": "_7on54e4", "4": "_7on54e5", "5": "_7on54e6", "6": "_7on54e7" }, variant: { gray: "_7on54e8", red: "_7on54e9", purple: "_7on54ea", blue: "_7on54eb", green: "_7on54ec", orange: "_7on54ed" }, shape: { square: "_7on54ee", circle: "_7on54ef" } }, defaultVariants: { size: "2", variant: "gray", shape: "circle" }, compoundVariants: [] });
+let _vanilla_extract_recipes_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
+//#region components/Avatar/Avatar.vanilla.css.ts
+var avatarRecipe = (0, _vanilla_extract_recipes_createRuntimeFn.createRuntimeFn)({
+	defaultClassName: "_7on54e1 _7on54e0",
+	variantClassNames: {
+		size: {
+			"1": "_7on54e2",
+			"2": "_7on54e3",
+			"3": "_7on54e4",
+			"4": "_7on54e5",
+			"5": "_7on54e6",
+			"6": "_7on54e7"
+		},
+		variant: {
+			gray: "_7on54e8",
+			red: "_7on54e9",
+			purple: "_7on54ea",
+			blue: "_7on54eb",
+			green: "_7on54ec",
+			orange: "_7on54ed"
+		},
+		shape: {
+			square: "_7on54ee",
+			circle: "_7on54ef"
+		}
+	},
+	defaultVariants: {
+		size: "2",
+		variant: "gray",
+		shape: "circle"
+	},
+	compoundVariants: []
+});
 var avatarImage = "_7on54eg";
-var avatarFallbackRecipe = createRuntimeFn.createRuntimeFn({ defaultClassName: "_7on54ei _7on54eh", variantClassNames: { size: { "1": "_7on54ej", "2": "_7on54ek", "3": "_7on54el", "4": "_7on54em", "5": "_7on54en", "6": "_7on54eo" } }, defaultVariants: { size: "2" }, compoundVariants: [] });
+var avatarFallbackRecipe = (0, _vanilla_extract_recipes_createRuntimeFn.createRuntimeFn)({
+	defaultClassName: "_7on54ei _7on54eh",
+	variantClassNames: { size: {
+		"1": "_7on54ej",
+		"2": "_7on54ek",
+		"3": "_7on54el",
+		"4": "_7on54em",
+		"5": "_7on54en",
+		"6": "_7on54eo"
+	} },
+	defaultVariants: { size: "2" },
+	compoundVariants: []
+});
+//#endregion
 exports.avatarFallbackRecipe = avatarFallbackRecipe;
 exports.avatarImage = avatarImage;
 exports.avatarRecipe = avatarRecipe;
-//# sourceMappingURL=Avatar.vanilla.css.cjs.map
+
+//# sourceMappingURL=Avatar.vanilla.css.cjs.map

package/dist/components/Avatar/Avatar.vanilla.css.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.vanilla.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}
+{"version":3,"file":"Avatar.vanilla.css.cjs","names":[],"sources":["../../../components/Avatar/Avatar.vanilla.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\nimport { recipe } from '@vanilla-extract/recipes';\n\nimport { tokens } from '../../styles/tokens.css';\n\nconst avatarRoot = style({\n  alignItems: 'center',\n  justifyContent: 'center',\n  verticalAlign: 'middle',\n  overflow: 'hidden',\n  userSelect: 'none',\n  boxSizing: 'border-box',\n  display: 'flex',\n  flexShrink: 0,\n  position: 'relative',\n  border: 'none',\n  fontFamily: 'inherit',\n  lineHeight: '1',\n  margin: '0',\n  outline: 'none',\n  padding: '0',\n  fontWeight: tokens.fontWeights.medium,\n  color: tokens.colors.hiContrast,\n\n  selectors: {\n    '&::before': {\n      content: '\"\"',\n      position: 'absolute',\n      top: 0,\n      right: 0,\n      bottom: 0,\n      left: 0,\n      borderRadius: 'inherit',\n      boxShadow: 'inset 0px 0px 1px rgba(0, 0, 0, 0.12)',\n    },\n  },\n});\n\nexport const avatarRecipe = recipe({\n  base: avatarRoot,\n\n  variants: {\n    size: {\n      '1': {\n        width: tokens.sizes['3'],\n        height: tokens.sizes['3'],\n      },\n      '2': {\n        width: tokens.sizes['5'],\n        height: tokens.sizes['5'],\n      },\n      '3': {\n        width: tokens.sizes['6'],\n        height: tokens.sizes['6'],\n      },\n      '4': {\n        width: tokens.sizes['7'],\n        height: tokens.sizes['7'],\n      },\n      '5': {\n        width: tokens.sizes['8'],\n        height: tokens.sizes['8'],\n      },\n      '6': {\n        width: tokens.sizes['9'],\n        height: tokens.sizes['9'],\n      },\n    },\n    variant: {\n      gray: {\n        backgroundColor: tokens.colors.slate['5'],\n      },\n      red: {\n        backgroundColor: tokens.colors.red['5'],\n      },\n      purple: {\n        backgroundColor: tokens.colors.purple['5'],\n      },\n      blue: {\n        backgroundColor: tokens.colors.blue['5'],\n      },\n      green: {\n        backgroundColor: tokens.colors.green['5'],\n      },\n      orange: {\n        backgroundColor: tokens.colors.orange['5'],\n      },\n    },\n    shape: {\n      square: {\n        borderRadius: tokens.radii['2'],\n      },\n      circle: {\n        borderRadius: '50%',\n      },\n    },\n  },\n\n  defaultVariants: {\n    size: '2',\n    variant: 'gray',\n    shape: 'circle',\n  },\n});\n\nexport const avatarImage = style({\n  display: 'flex',\n  objectFit: 'cover',\n  boxSizing: 'border-box',\n  height: '100%',\n  verticalAlign: 'middle',\n  width: '100%',\n});\n\nconst avatarFallbackBase = style({\n  textTransform: 'uppercase',\n  fontFamily: tokens.fonts.rubik,\n  color: tokens.colors.deepBlue['10'],\n});\n\nexport const avatarFallbackRecipe = recipe({\n  base: avatarFallbackBase,\n\n  variants: {\n    size: {\n      '1': {\n        fontSize: '10px',\n        lineHeight: '15px',\n      },\n      '2': {\n        fontSize: tokens.fontSizes['3'],\n      },\n      '3': {\n        fontSize: tokens.fontSizes['6'],\n      },\n      '4': {\n        fontSize: tokens.fontSizes['7'],\n      },\n      '5': {\n        fontSize: tokens.fontSizes['8'],\n      },\n      '6': {\n        fontSize: tokens.fontSizes['9'],\n      },\n    },\n  },\n\n  defaultVariants: {\n    size: '2',\n  },\n});\n"],"mappings":""}

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

@@ -1,11 +1,52 @@
 /* empty css                                  */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
-var avatarRecipe = createRuntimeFn({ defaultClassName: "_7on54e1 _7on54e0", variantClassNames: { size: { "1": "_7on54e2", "2": "_7on54e3", "3": "_7on54e4", "4": "_7on54e5", "5": "_7on54e6", "6": "_7on54e7" }, variant: { gray: "_7on54e8", red: "_7on54e9", purple: "_7on54ea", blue: "_7on54eb", green: "_7on54ec", orange: "_7on54ed" }, shape: { square: "_7on54ee", circle: "_7on54ef" } }, defaultVariants: { size: "2", variant: "gray", shape: "circle" }, compoundVariants: [] });
+//#region components/Avatar/Avatar.vanilla.css.ts
+var avatarRecipe = createRuntimeFn({
+	defaultClassName: "_7on54e1 _7on54e0",
+	variantClassNames: {
+		size: {
+			"1": "_7on54e2",
+			"2": "_7on54e3",
+			"3": "_7on54e4",
+			"4": "_7on54e5",
+			"5": "_7on54e6",
+			"6": "_7on54e7"
+		},
+		variant: {
+			gray: "_7on54e8",
+			red: "_7on54e9",
+			purple: "_7on54ea",
+			blue: "_7on54eb",
+			green: "_7on54ec",
+			orange: "_7on54ed"
+		},
+		shape: {
+			square: "_7on54ee",
+			circle: "_7on54ef"
+		}
+	},
+	defaultVariants: {
+		size: "2",
+		variant: "gray",
+		shape: "circle"
+	},
+	compoundVariants: []
+});
 var avatarImage = "_7on54eg";
-var avatarFallbackRecipe = createRuntimeFn({ defaultClassName: "_7on54ei _7on54eh", variantClassNames: { size: { "1": "_7on54ej", "2": "_7on54ek", "3": "_7on54el", "4": "_7on54em", "5": "_7on54en", "6": "_7on54eo" } }, defaultVariants: { size: "2" }, compoundVariants: [] });
-export {
-  avatarFallbackRecipe,
-  avatarImage,
-  avatarRecipe
-};
-//# sourceMappingURL=Avatar.vanilla.css.js.map
+var avatarFallbackRecipe = createRuntimeFn({
+	defaultClassName: "_7on54ei _7on54eh",
+	variantClassNames: { size: {
+		"1": "_7on54ej",
+		"2": "_7on54ek",
+		"3": "_7on54el",
+		"4": "_7on54em",
+		"5": "_7on54en",
+		"6": "_7on54eo"
+	} },
+	defaultVariants: { size: "2" },
+	compoundVariants: []
+});
+//#endregion
+export { avatarFallbackRecipe, avatarImage, avatarRecipe };
+
+//# sourceMappingURL=Avatar.vanilla.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Avatar.vanilla.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
+{"version":3,"file":"Avatar.vanilla.css.js","names":[],"sources":["../../../components/Avatar/Avatar.vanilla.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\nimport { recipe } from '@vanilla-extract/recipes';\n\nimport { tokens } from '../../styles/tokens.css';\n\nconst avatarRoot = style({\n  alignItems: 'center',\n  justifyContent: 'center',\n  verticalAlign: 'middle',\n  overflow: 'hidden',\n  userSelect: 'none',\n  boxSizing: 'border-box',\n  display: 'flex',\n  flexShrink: 0,\n  position: 'relative',\n  border: 'none',\n  fontFamily: 'inherit',\n  lineHeight: '1',\n  margin: '0',\n  outline: 'none',\n  padding: '0',\n  fontWeight: tokens.fontWeights.medium,\n  color: tokens.colors.hiContrast,\n\n  selectors: {\n    '&::before': {\n      content: '\"\"',\n      position: 'absolute',\n      top: 0,\n      right: 0,\n      bottom: 0,\n      left: 0,\n      borderRadius: 'inherit',\n      boxShadow: 'inset 0px 0px 1px rgba(0, 0, 0, 0.12)',\n    },\n  },\n});\n\nexport const avatarRecipe = recipe({\n  base: avatarRoot,\n\n  variants: {\n    size: {\n      '1': {\n        width: tokens.sizes['3'],\n        height: tokens.sizes['3'],\n      },\n      '2': {\n        width: tokens.sizes['5'],\n        height: tokens.sizes['5'],\n      },\n      '3': {\n        width: tokens.sizes['6'],\n        height: tokens.sizes['6'],\n      },\n      '4': {\n        width: tokens.sizes['7'],\n        height: tokens.sizes['7'],\n      },\n      '5': {\n        width: tokens.sizes['8'],\n        height: tokens.sizes['8'],\n      },\n      '6': {\n        width: tokens.sizes['9'],\n        height: tokens.sizes['9'],\n      },\n    },\n    variant: {\n      gray: {\n        backgroundColor: tokens.colors.slate['5'],\n      },\n      red: {\n        backgroundColor: tokens.colors.red['5'],\n      },\n      purple: {\n        backgroundColor: tokens.colors.purple['5'],\n      },\n      blue: {\n        backgroundColor: tokens.colors.blue['5'],\n      },\n      green: {\n        backgroundColor: tokens.colors.green['5'],\n      },\n      orange: {\n        backgroundColor: tokens.colors.orange['5'],\n      },\n    },\n    shape: {\n      square: {\n        borderRadius: tokens.radii['2'],\n      },\n      circle: {\n        borderRadius: '50%',\n      },\n    },\n  },\n\n  defaultVariants: {\n    size: '2',\n    variant: 'gray',\n    shape: 'circle',\n  },\n});\n\nexport const avatarImage = style({\n  display: 'flex',\n  objectFit: 'cover',\n  boxSizing: 'border-box',\n  height: '100%',\n  verticalAlign: 'middle',\n  width: '100%',\n});\n\nconst avatarFallbackBase = style({\n  textTransform: 'uppercase',\n  fontFamily: tokens.fonts.rubik,\n  color: tokens.colors.deepBlue['10'],\n});\n\nexport const avatarFallbackRecipe = recipe({\n  base: avatarFallbackBase,\n\n  variants: {\n    size: {\n      '1': {\n        fontSize: '10px',\n        lineHeight: '15px',\n      },\n      '2': {\n        fontSize: tokens.fontSizes['3'],\n      },\n      '3': {\n        fontSize: tokens.fontSizes['6'],\n      },\n      '4': {\n        fontSize: tokens.fontSizes['7'],\n      },\n      '5': {\n        fontSize: tokens.fontSizes['8'],\n      },\n      '6': {\n        fontSize: tokens.fontSizes['9'],\n      },\n    },\n  },\n\n  defaultVariants: {\n    size: '2',\n  },\n});\n"],"mappings":""}

package/dist/components/Avatar/Avatar.vanilla.js

@@ -1,25 +1,42 @@
+import { BoxVanilla } from "../Box/Box.vanilla.js";
+import { avatarFallbackRecipe, avatarImage, avatarRecipe } from "./Avatar.vanilla.css.js";
+import { forwardRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as AvatarPrimitive from "@radix-ui/react-avatar";
-import { forwardRef } from "react";
-import { BoxVanilla } from "../Box/Box.vanilla.js";
-import { avatarRecipe, avatarFallbackRecipe, avatarImage } from "./Avatar.vanilla.css.js";
-const AvatarVanillaComponent = forwardRef(({ alt, src, fallback, size, variant, shape, css, style, ...props }, ref) => {
-  const recipeClass = avatarRecipe({ size, variant, shape });
-  const fallbackRecipeClass = avatarFallbackRecipe({ size });
-  const wrapperCss = {
-    ...css,
-    position: "relative",
-    height: "fit-content",
-    width: "fit-content"
-  };
-  return /* @__PURE__ */ jsx(BoxVanilla, { css: wrapperCss, style, children: /* @__PURE__ */ jsxs(AvatarPrimitive.Root, { ref, className: recipeClass, ...props, children: [
-    /* @__PURE__ */ jsx(AvatarPrimitive.Image, { className: avatarImage, alt, src }),
-    /* @__PURE__ */ jsx(AvatarPrimitive.Fallback, { className: fallbackRecipeClass, children: fallback })
-  ] }) });
+//#region components/Avatar/Avatar.vanilla.tsx
+var AvatarVanillaComponent = forwardRef(({ alt, src, fallback, size, variant, shape, css, style, ...props }, ref) => {
+	const recipeClass = avatarRecipe({
+		size,
+		variant,
+		shape
+	});
+	const fallbackRecipeClass = avatarFallbackRecipe({ size });
+	return /* @__PURE__ */ jsx(BoxVanilla, {
+		css: {
+			...css,
+			position: "relative",
+			height: "fit-content",
+			width: "fit-content"
+		},
+		style,
+		children: /* @__PURE__ */ jsxs(AvatarPrimitive.Root, {
+			ref,
+			className: recipeClass,
+			...props,
+			children: [/* @__PURE__ */ jsx(AvatarPrimitive.Image, {
+				className: avatarImage,
+				alt,
+				src
+			}), /* @__PURE__ */ jsx(AvatarPrimitive.Fallback, {
+				className: fallbackRecipeClass,
+				children: fallback
+			})]
+		})
+	});
 });
 AvatarVanillaComponent.displayName = "AvatarVanilla";
-const AvatarVanilla = AvatarVanillaComponent;
-export {
-  AvatarVanilla
-};
-//# sourceMappingURL=Avatar.vanilla.js.map
+var AvatarVanilla = AvatarVanillaComponent;
+//#endregion
+export { AvatarVanilla };
+
+//# sourceMappingURL=Avatar.vanilla.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Avatar.vanilla.js","sources":["../../../components/Avatar/Avatar.vanilla.tsx"],"sourcesContent":["import * as AvatarPrimitive from '@radix-ui/react-avatar';\nimport { RecipeVariants } from '@vanilla-extract/recipes';\nimport React, { forwardRef } from 'react';\n\nimport { CSSProps } from '../../styles/cssProps';\nimport { BoxVanilla } from '../Box/Box.vanilla';\nimport { avatarFallbackRecipe, avatarImage, avatarRecipe } from './Avatar.vanilla.css';\n\ntype AvatarRecipeVariants = NonNullable<RecipeVariants<typeof avatarRecipe>>;\n\ninterface AvatarOwnProps extends AvatarRecipeVariants, CSSProps {\n  alt?: string;\n  src?: string;\n  fallback?: React.ReactNode;\n}\n\nexport type AvatarVanillaProps = Omit<\n  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>,\n  keyof AvatarOwnProps\n> &\n  AvatarOwnProps;\n\nconst AvatarVanillaComponent = forwardRef<\n  React.ElementRef<typeof AvatarPrimitive.Root>,\n  AvatarVanillaProps\n>(({ alt, src, fallback, size, variant, shape, css, style, ...props }, ref) => {\n  const recipeClass = avatarRecipe({ size, variant, shape });\n  const fallbackRecipeClass = avatarFallbackRecipe({ size });\n\n  // This CSS will be processed by the Box component\n  const wrapperCss = {\n    ...css,\n    position: 'relative' as const,\n    height: 'fit-content' as const,\n    width: 'fit-content' as const,\n  };\n\n  return (\n    <BoxVanilla css={wrapperCss} style={style}>\n      <AvatarPrimitive.Root ref={ref} className={recipeClass} {...props}>\n        <AvatarPrimitive.Image className={avatarImage} alt={alt} src={src} />\n        <AvatarPrimitive.Fallback className={fallbackRecipeClass}>\n          {fallback}\n        </AvatarPrimitive.Fallback>\n      </AvatarPrimitive.Root>\n    </BoxVanilla>\n  );\n});\n\nAvatarVanillaComponent.displayName = 'AvatarVanilla';\n\nexport const AvatarVanilla = AvatarVanillaComponent;\n"],"names":[],"mappings":";;;;;AAsBA,MAAM,yBAAyB,WAG7B,CAAC,EAAE,KAAK,KAAK,UAAU,MAAM,SAAS,OAAO,KAAK,OAAO,GAAG,MAAA,GAAS,QAAQ;AAC7E,QAAM,cAAc,aAAa,EAAE,MAAM,SAAS,OAAO;AACzD,QAAM,sBAAsB,qBAAqB,EAAE,MAAM;AAGzD,QAAM,aAAa;AAAA,IACjB,GAAG;AAAA,IACH,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,OAAO;AAAA,EAAA;AAGT,SACE,oBAAC,YAAA,EAAW,KAAK,YAAY,OAC3B,UAAA,qBAAC,gBAAgB,MAAhB,EAAqB,KAAU,WAAW,aAAc,GAAG,OAC1D,UAAA;AAAA,IAAA,oBAAC,gBAAgB,OAAhB,EAAsB,WAAW,aAAa,KAAU,KAAU;AAAA,wBAClE,gBAAgB,UAAhB,EAAyB,WAAW,qBAClC,UAAA,SAAA,CACH;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ,CAAC;AAED,uBAAuB,cAAc;AAE9B,MAAM,gBAAgB;"}
+{"version":3,"file":"Avatar.vanilla.js","names":[],"sources":["../../../components/Avatar/Avatar.vanilla.tsx"],"sourcesContent":["import * as AvatarPrimitive from '@radix-ui/react-avatar';\nimport { RecipeVariants } from '@vanilla-extract/recipes';\nimport React, { forwardRef } from 'react';\n\nimport { CSSProps } from '../../styles/cssProps';\nimport { BoxVanilla } from '../Box/Box.vanilla';\nimport { avatarFallbackRecipe, avatarImage, avatarRecipe } from './Avatar.vanilla.css';\n\ntype AvatarRecipeVariants = NonNullable<RecipeVariants<typeof avatarRecipe>>;\n\ninterface AvatarOwnProps extends AvatarRecipeVariants, CSSProps {\n  alt?: string;\n  src?: string;\n  fallback?: React.ReactNode;\n}\n\nexport type AvatarVanillaProps = Omit<\n  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>,\n  keyof AvatarOwnProps\n> &\n  AvatarOwnProps;\n\nconst AvatarVanillaComponent = forwardRef<\n  React.ElementRef<typeof AvatarPrimitive.Root>,\n  AvatarVanillaProps\n>(({ alt, src, fallback, size, variant, shape, css, style, ...props }, ref) => {\n  const recipeClass = avatarRecipe({ size, variant, shape });\n  const fallbackRecipeClass = avatarFallbackRecipe({ size });\n\n  // This CSS will be processed by the Box component\n  const wrapperCss = {\n    ...css,\n    position: 'relative' as const,\n    height: 'fit-content' as const,\n    width: 'fit-content' as const,\n  };\n\n  return (\n    <BoxVanilla css={wrapperCss} style={style}>\n      <AvatarPrimitive.Root ref={ref} className={recipeClass} {...props}>\n        <AvatarPrimitive.Image className={avatarImage} alt={alt} src={src} />\n        <AvatarPrimitive.Fallback className={fallbackRecipeClass}>\n          {fallback}\n        </AvatarPrimitive.Fallback>\n      </AvatarPrimitive.Root>\n    </BoxVanilla>\n  );\n});\n\nAvatarVanillaComponent.displayName = 'AvatarVanilla';\n\nexport const AvatarVanilla = AvatarVanillaComponent;\n"],"mappings":";;;;;;AAsBA,IAAM,yBAAyB,YAG5B,EAAE,KAAK,KAAK,UAAU,MAAM,SAAS,OAAO,KAAK,OAAO,GAAG,SAAS,QAAQ;CAC7E,MAAM,cAAc,aAAa;EAAE;EAAM;EAAS;EAAO,CAAC;CAC1D,MAAM,sBAAsB,qBAAqB,EAAE,MAAM,CAAC;AAU1D,QACE,oBAAC,YAAD;EAAY,KARK;GACjB,GAAG;GACH,UAAU;GACV,QAAQ;GACR,OAAO;GACR;EAGqC;YAClC,qBAAC,gBAAgB,MAAjB;GAA2B;GAAK,WAAW;GAAa,GAAI;aAA5D,CACE,oBAAC,gBAAgB,OAAjB;IAAuB,WAAW;IAAkB;IAAU;IAAO,CAAA,EACrE,oBAAC,gBAAgB,UAAjB;IAA0B,WAAW;cAClC;IACwB,CAAA,CACN;;EACZ,CAAA;EAEf;AAEF,uBAAuB,cAAc;AAErC,IAAa,gBAAgB"}

package/dist/components/Badge/Badge.cjs

@@ -1,137 +1,111 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const reactSlot = require("@radix-ui/react-slot");
-const React = require("react");
-const stitches_config = require("../../stitches.config.cjs");
-const Badge_vanilla = require("./Badge.vanilla.cjs");
-const getColorBadgeStyles = (color) => ({
-  bc: `$${color}6`,
-  color: `$${color}10`,
-  border: `1px solid $${color}10`
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_stitches_config = require("../../stitches.config.cjs");
+const require_Badge_vanilla = require("./Badge.vanilla.cjs");
+let react = require("react");
+react = require_runtime.__toESM(react, 1);
+let react_jsx_runtime = require("react/jsx-runtime");
+let _radix_ui_react_slot = require("@radix-ui/react-slot");
+//#region components/Badge/Badge.tsx
+var getColorBadgeStyles = (color) => ({
+	bc: `$${color}6`,
+	color: `$${color}10`,
+	border: `1px solid $${color}10`
 });
-const colorVariants = Badge_vanilla.COLORS.reduce(
-  (variants, color) => ({
-    ...variants,
-    [color]: getColorBadgeStyles(color)
-  }),
-  {}
-);
-const interactiveColorVariants = Badge_vanilla.COLORS.reduce(
-  (variants, color) => ({
-    ...variants,
-    [color]: {
-      ...getColorBadgeStyles(color)
-    }
-  }),
-  {}
-);
-const alphaColorCompoundVariants = Badge_vanilla.COLORS.map((color) => ({
-  alphaBg: true,
-  variant: color,
-  css: { bc: `$${color}A6` }
+var colorVariants = require_Badge_vanilla.COLORS.reduce((variants, color) => ({
+	...variants,
+	[color]: getColorBadgeStyles(color)
+}), {});
+var interactiveColorVariants = require_Badge_vanilla.COLORS.reduce((variants, color) => ({
+	...variants,
+	[color]: { ...getColorBadgeStyles(color) }
+}), {});
+var alphaColorCompoundVariants = require_Badge_vanilla.COLORS.map((color) => ({
+	alphaBg: true,
+	variant: color,
+	css: { bc: `$${color}A6` }
 }));
-const BADGE_BASE_STYLES = {
-  // Reset
-  alignItems: "center",
-  appearance: "none",
-  border: "none",
-  boxSizing: "border-box",
-  display: "inline-flex",
-  flexShrink: 0,
-  fontFamily: "$rubik",
-  fontWeight: "$medium",
-  justifyContent: "center",
-  lineHeight: "1",
-  verticalAlign: "middle",
-  outline: "none",
-  padding: "0",
-  textDecoration: "none",
-  userSelect: "none",
-  WebkitTapHighlightColor: "rgba(0,0,0,0)",
-  borderRadius: "$pill",
-  whiteSpace: "nowrap",
-  fontVariantNumeric: "tabular-nums",
-  position: "relative",
-  "&:disabled": {
-    backgroundColor: "$slate3",
-    pointerEvents: "none",
-    color: "$slate8"
-  },
-  variants: {
-    size: {
-      small: {
-        height: "$4",
-        px: "$2",
-        fontSize: "$2"
-      },
-      large: {
-        height: "$5",
-        px: "$3",
-        fontSize: "$3"
-      }
-    },
-    variant: colorVariants,
-    alphaBg: {
-      true: {}
-    },
-    borderless: {
-      true: {
-        border: "none"
-      }
-    }
-  },
-  compoundVariants: alphaColorCompoundVariants,
-  defaultVariants: {
-    size: "small",
-    variant: "gray",
-    borderless: false
-  }
+var BADGE_BASE_STYLES = {
+	alignItems: "center",
+	appearance: "none",
+	border: "none",
+	boxSizing: "border-box",
+	display: "inline-flex",
+	flexShrink: 0,
+	fontFamily: "$rubik",
+	fontWeight: "$medium",
+	justifyContent: "center",
+	lineHeight: "1",
+	verticalAlign: "middle",
+	outline: "none",
+	padding: "0",
+	textDecoration: "none",
+	userSelect: "none",
+	WebkitTapHighlightColor: "rgba(0,0,0,0)",
+	borderRadius: "$pill",
+	whiteSpace: "nowrap",
+	fontVariantNumeric: "tabular-nums",
+	position: "relative",
+	"&:disabled": {
+		backgroundColor: "$slate3",
+		pointerEvents: "none",
+		color: "$slate8"
+	},
+	variants: {
+		size: {
+			small: {
+				height: "$4",
+				px: "$2",
+				fontSize: "$2"
+			},
+			large: {
+				height: "$5",
+				px: "$3",
+				fontSize: "$3"
+			}
+		},
+		variant: colorVariants,
+		alphaBg: { true: {} },
+		borderless: { true: { border: "none" } }
+	},
+	compoundVariants: alphaColorCompoundVariants,
+	defaultVariants: {
+		size: "small",
+		variant: "gray",
+		borderless: false
+	}
 };
-const StyledSpanBadge = stitches_config.styled("span", BADGE_BASE_STYLES);
-const StyledSpanBadgeSlot = stitches_config.styled(reactSlot.Slot, StyledSpanBadge);
-const StyledButtonBadge = stitches_config.styled("button", BADGE_BASE_STYLES, {
-  "&::before": {
-    boxSizing: "border-box",
-    content: '""',
-    position: "absolute",
-    inset: 0,
-    borderRadius: "inherit"
-  },
-  "&:focus-visible": {
-    outline: "2px solid $primary"
-  },
-  "&:hover": {
-    cursor: "pointer",
-    "&::before": {
-      backgroundColor: "$badgeInteractiveBackgroundHover"
-    }
-  },
-  "&:active": {
-    "&::before": {
-      backgroundColor: "$badgeInteractiveBackgroundActive"
-    }
-  },
-  variants: {
-    variant: interactiveColorVariants,
-    borderless: {
-      true: {
-        border: "none"
-      }
-    }
-  }
+var StyledSpanBadge = require_stitches_config.styled("span", BADGE_BASE_STYLES);
+var StyledSpanBadgeSlot = require_stitches_config.styled(_radix_ui_react_slot.Slot, StyledSpanBadge);
+var StyledButtonBadge = require_stitches_config.styled("button", BADGE_BASE_STYLES, {
+	"&::before": {
+		boxSizing: "border-box",
+		content: "\"\"",
+		position: "absolute",
+		inset: 0,
+		borderRadius: "inherit"
+	},
+	"&:focus-visible": { outline: "2px solid $primary" },
+	"&:hover": {
+		cursor: "pointer",
+		"&::before": { backgroundColor: "$badgeInteractiveBackgroundHover" }
+	},
+	"&:active": { "&::before": { backgroundColor: "$badgeInteractiveBackgroundActive" } },
+	variants: {
+		variant: interactiveColorVariants,
+		borderless: { true: { border: "none" } }
+	}
 });
-const StyledButtonBadgeSlot = stitches_config.styled(reactSlot.Slot, StyledButtonBadge);
-const Badge = React.forwardRef(
-  ({ interactive, asChild, ...props }, forwardedRef) => {
-    const Component = React.useMemo(() => {
-      if (interactive) {
-        return asChild ? StyledButtonBadgeSlot : StyledButtonBadge;
-      }
-      return asChild ? StyledSpanBadgeSlot : StyledSpanBadge;
-    }, [asChild]);
-    return /* @__PURE__ */ jsxRuntime.jsx(Component, { ...props, ref: forwardedRef });
-  }
-);
+var StyledButtonBadgeSlot = require_stitches_config.styled(_radix_ui_react_slot.Slot, StyledButtonBadge);
+var Badge = react.default.forwardRef(({ interactive, asChild, ...props }, forwardedRef) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)((0, react.useMemo)(() => {
+		if (interactive) return asChild ? StyledButtonBadgeSlot : StyledButtonBadge;
+		return asChild ? StyledSpanBadgeSlot : StyledSpanBadge;
+	}, [asChild]), {
+		...props,
+		ref: forwardedRef
+	});
+});
+//#endregion
 exports.Badge = Badge;
-//# sourceMappingURL=Badge.cjs.map
+
+//# sourceMappingURL=Badge.cjs.map