@traefik-labs/faency 12.2.1 → 12.2.2

package/dist/components/Badge/Badge.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.cjs","sources":["../../../components/Badge/Badge.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot';\nimport React, { ComponentProps, useMemo } from 'react';\n\nimport { styled, VariantProps } from '../../stitches.config';\nimport { COLORS } from './Badge.vanilla';\n\ntype COLOR_VALUES = (typeof COLORS)[number];\n\nconst getColorBadgeStyles = (color: COLOR_VALUES) => ({\n  bc: `$${color}6`,\n  color: `$${color}10`,\n  border: `1px solid $${color}10`,\n});\n\ntype ColorVariants = Record<COLOR_VALUES, { bc: string; color: string }>;\nconst colorVariants: ColorVariants = COLORS.reduce(\n  (variants, color) => ({\n    ...variants,\n    [color]: getColorBadgeStyles(color),\n  }),\n  {} as ColorVariants,\n);\n\nconst interactiveColorVariants: ColorVariants = COLORS.reduce(\n  (variants, color) => ({\n    ...variants,\n    [color]: {\n      ...getColorBadgeStyles(color),\n    },\n  }),\n  {} as ColorVariants,\n);\n\nconst alphaColorCompoundVariants = COLORS.map((color) => ({\n  alphaBg: true,\n  variant: color,\n  css: { bc: `$${color}A6` },\n}));\n\nconst BADGE_BASE_STYLES = {\n  // Reset\n  alignItems: 'center',\n  appearance: 'none',\n  border: 'none',\n  boxSizing: 'border-box',\n  display: 'inline-flex',\n  flexShrink: 0,\n  fontFamily: '$rubik',\n  fontWeight: '$medium',\n  justifyContent: 'center',\n  lineHeight: '1',\n  verticalAlign: 'middle',\n  outline: 'none',\n  padding: '0',\n  textDecoration: 'none',\n  userSelect: 'none',\n  WebkitTapHighlightColor: 'rgba(0,0,0,0)',\n  borderRadius: '$pill',\n  whiteSpace: 'nowrap',\n  fontVariantNumeric: 'tabular-nums',\n  position: 'relative',\n\n  '&:disabled': {\n    backgroundColor: '$slate3',\n    pointerEvents: 'none',\n    color: '$slate8',\n  },\n  variants: {\n    size: {\n      small: {\n        height: '$4',\n        px: '$2',\n        fontSize: '$2',\n      },\n      large: {\n        height: '$5',\n        px: '$3',\n        fontSize: '$3',\n      },\n    },\n    variant: colorVariants,\n    alphaBg: {\n      true: {},\n    },\n    borderless: {\n      true: {\n        border: 'none',\n      },\n    },\n  },\n  compoundVariants: alphaColorCompoundVariants,\n  defaultVariants: {\n    size: 'small',\n    variant: 'gray',\n    borderless: false,\n  },\n};\n\nconst StyledSpanBadge = styled('span', BADGE_BASE_STYLES);\nconst StyledSpanBadgeSlot = styled(Slot, StyledSpanBadge);\n\nconst StyledButtonBadge = styled('button', BADGE_BASE_STYLES, {\n  '&::before': {\n    boxSizing: 'border-box',\n    content: '\"\"',\n    position: 'absolute',\n    inset: 0,\n    borderRadius: 'inherit',\n  },\n  '&:focus-visible': {\n    outline: '2px solid $primary',\n  },\n  '&:hover': {\n    cursor: 'pointer',\n    '&::before': {\n      backgroundColor: '$badgeInteractiveBackgroundHover',\n    },\n  },\n  '&:active': {\n    '&::before': {\n      backgroundColor: '$badgeInteractiveBackgroundActive',\n    },\n  },\n\n  variants: {\n    variant: interactiveColorVariants,\n    borderless: {\n      true: {\n        border: 'none',\n      },\n    },\n  },\n});\nconst StyledButtonBadgeSlot = styled(Slot, StyledButtonBadge);\n\ntype BadgeProps = ComponentProps<typeof StyledButtonBadge> &\n  VariantProps<typeof StyledButtonBadge> & {\n    asChild?: boolean;\n    interactive?: boolean;\n  };\n\nexport const Badge = React.forwardRef<React.ElementRef<typeof StyledButtonBadge>, BadgeProps>(\n  ({ interactive, asChild, ...props }, forwardedRef) => {\n    const Component = useMemo(() => {\n      if (interactive) {\n        return asChild ? StyledButtonBadgeSlot : StyledButtonBadge;\n      }\n      return asChild ? StyledSpanBadgeSlot : StyledSpanBadge;\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [asChild]);\n\n    return <Component {...props} ref={forwardedRef} />;\n  },\n);\n"],"names":["COLORS","styled","Slot","useMemo","jsx"],"mappings":"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"}
+{"version":3,"file":"Badge.cjs","names":[],"sources":["../../../components/Badge/Badge.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot';\nimport React, { ComponentProps, useMemo } from 'react';\n\nimport { styled, VariantProps } from '../../stitches.config';\nimport { COLORS } from './Badge.vanilla';\n\ntype COLOR_VALUES = (typeof COLORS)[number];\n\nconst getColorBadgeStyles = (color: COLOR_VALUES) => ({\n  bc: `$${color}6`,\n  color: `$${color}10`,\n  border: `1px solid $${color}10`,\n});\n\ntype ColorVariants = Record<COLOR_VALUES, { bc: string; color: string }>;\nconst colorVariants: ColorVariants = COLORS.reduce(\n  (variants, color) => ({\n    ...variants,\n    [color]: getColorBadgeStyles(color),\n  }),\n  {} as ColorVariants,\n);\n\nconst interactiveColorVariants: ColorVariants = COLORS.reduce(\n  (variants, color) => ({\n    ...variants,\n    [color]: {\n      ...getColorBadgeStyles(color),\n    },\n  }),\n  {} as ColorVariants,\n);\n\nconst alphaColorCompoundVariants = COLORS.map((color) => ({\n  alphaBg: true,\n  variant: color,\n  css: { bc: `$${color}A6` },\n}));\n\nconst BADGE_BASE_STYLES = {\n  // Reset\n  alignItems: 'center',\n  appearance: 'none',\n  border: 'none',\n  boxSizing: 'border-box',\n  display: 'inline-flex',\n  flexShrink: 0,\n  fontFamily: '$rubik',\n  fontWeight: '$medium',\n  justifyContent: 'center',\n  lineHeight: '1',\n  verticalAlign: 'middle',\n  outline: 'none',\n  padding: '0',\n  textDecoration: 'none',\n  userSelect: 'none',\n  WebkitTapHighlightColor: 'rgba(0,0,0,0)',\n  borderRadius: '$pill',\n  whiteSpace: 'nowrap',\n  fontVariantNumeric: 'tabular-nums',\n  position: 'relative',\n\n  '&:disabled': {\n    backgroundColor: '$slate3',\n    pointerEvents: 'none',\n    color: '$slate8',\n  },\n  variants: {\n    size: {\n      small: {\n        height: '$4',\n        px: '$2',\n        fontSize: '$2',\n      },\n      large: {\n        height: '$5',\n        px: '$3',\n        fontSize: '$3',\n      },\n    },\n    variant: colorVariants,\n    alphaBg: {\n      true: {},\n    },\n    borderless: {\n      true: {\n        border: 'none',\n      },\n    },\n  },\n  compoundVariants: alphaColorCompoundVariants,\n  defaultVariants: {\n    size: 'small',\n    variant: 'gray',\n    borderless: false,\n  },\n};\n\nconst StyledSpanBadge = styled('span', BADGE_BASE_STYLES);\nconst StyledSpanBadgeSlot = styled(Slot, StyledSpanBadge);\n\nconst StyledButtonBadge = styled('button', BADGE_BASE_STYLES, {\n  '&::before': {\n    boxSizing: 'border-box',\n    content: '\"\"',\n    position: 'absolute',\n    inset: 0,\n    borderRadius: 'inherit',\n  },\n  '&:focus-visible': {\n    outline: '2px solid $primary',\n  },\n  '&:hover': {\n    cursor: 'pointer',\n    '&::before': {\n      backgroundColor: '$badgeInteractiveBackgroundHover',\n    },\n  },\n  '&:active': {\n    '&::before': {\n      backgroundColor: '$badgeInteractiveBackgroundActive',\n    },\n  },\n\n  variants: {\n    variant: interactiveColorVariants,\n    borderless: {\n      true: {\n        border: 'none',\n      },\n    },\n  },\n});\nconst StyledButtonBadgeSlot = styled(Slot, StyledButtonBadge);\n\ntype BadgeProps = ComponentProps<typeof StyledButtonBadge> &\n  VariantProps<typeof StyledButtonBadge> & {\n    asChild?: boolean;\n    interactive?: boolean;\n  };\n\nexport const Badge = React.forwardRef<React.ElementRef<typeof StyledButtonBadge>, BadgeProps>(\n  ({ interactive, asChild, ...props }, forwardedRef) => {\n    const Component = useMemo(() => {\n      if (interactive) {\n        return asChild ? StyledButtonBadgeSlot : StyledButtonBadge;\n      }\n      return asChild ? StyledSpanBadgeSlot : StyledSpanBadge;\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [asChild]);\n\n    return <Component {...props} ref={forwardedRef} />;\n  },\n);\n"],"mappings":";;;;;;;;AAQA,IAAM,uBAAuB,WAAyB;CACpD,IAAI,IAAI,MAAM;CACd,OAAO,IAAI,MAAM;CACjB,QAAQ,cAAc,MAAM;CAC7B;AAGD,IAAM,gBAA+B,sBAAA,OAAO,QACzC,UAAU,WAAW;CACpB,GAAG;EACF,QAAQ,oBAAoB,MAAM;CACpC,GACD,EAAE,CACH;AAED,IAAM,2BAA0C,sBAAA,OAAO,QACpD,UAAU,WAAW;CACpB,GAAG;EACF,QAAQ,EACP,GAAG,oBAAoB,MAAM,EAC9B;CACF,GACD,EAAE,CACH;AAED,IAAM,6BAA6B,sBAAA,OAAO,KAAK,WAAW;CACxD,SAAS;CACT,SAAS;CACT,KAAK,EAAE,IAAI,IAAI,MAAM,KAAK;CAC3B,EAAE;AAEH,IAAM,oBAAoB;CAExB,YAAY;CACZ,YAAY;CACZ,QAAQ;CACR,WAAW;CACX,SAAS;CACT,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,gBAAgB;CAChB,YAAY;CACZ,eAAe;CACf,SAAS;CACT,SAAS;CACT,gBAAgB;CAChB,YAAY;CACZ,yBAAyB;CACzB,cAAc;CACd,YAAY;CACZ,oBAAoB;CACpB,UAAU;CAEV,cAAc;EACZ,iBAAiB;EACjB,eAAe;EACf,OAAO;EACR;CACD,UAAU;EACR,MAAM;GACJ,OAAO;IACL,QAAQ;IACR,IAAI;IACJ,UAAU;IACX;GACD,OAAO;IACL,QAAQ;IACR,IAAI;IACJ,UAAU;IACX;GACF;EACD,SAAS;EACT,SAAS,EACP,MAAM,EAAE,EACT;EACD,YAAY,EACV,MAAM,EACJ,QAAQ,QACT,EACF;EACF;CACD,kBAAkB;CAClB,iBAAiB;EACf,MAAM;EACN,SAAS;EACT,YAAY;EACb;CACF;AAED,IAAM,kBAAkB,wBAAA,OAAO,QAAQ,kBAAkB;AACzD,IAAM,sBAAsB,wBAAA,OAAO,qBAAA,MAAM,gBAAgB;AAEzD,IAAM,oBAAoB,wBAAA,OAAO,UAAU,mBAAmB;CAC5D,aAAa;EACX,WAAW;EACX,SAAS;EACT,UAAU;EACV,OAAO;EACP,cAAc;EACf;CACD,mBAAmB,EACjB,SAAS,sBACV;CACD,WAAW;EACT,QAAQ;EACR,aAAa,EACX,iBAAiB,oCAClB;EACF;CACD,YAAY,EACV,aAAa,EACX,iBAAiB,qCAClB,EACF;CAED,UAAU;EACR,SAAS;EACT,YAAY,EACV,MAAM,EACJ,QAAQ,QACT,EACF;EACF;CACF,CAAC;AACF,IAAM,wBAAwB,wBAAA,OAAO,qBAAA,MAAM,kBAAkB;AAQ7D,IAAa,QAAQ,MAAA,QAAM,YACxB,EAAE,aAAa,SAAS,GAAG,SAAS,iBAAiB;AASpD,QAAO,iBAAA,GAAA,kBAAA,MAAA,GAAA,MAAA,eARyB;AAC9B,MAAI,YACF,QAAO,UAAU,wBAAwB;AAE3C,SAAO,UAAU,sBAAsB;IAEtC,CAAC,QAAQ,CAAC,EAEN;EAAW,GAAI;EAAO,KAAK;EAAgB,CAAA;EAErD"}

package/dist/components/Badge/Badge.js

@@ -1,137 +1,109 @@
-import { jsx } from "react/jsx-runtime";
-import { Slot } from "@radix-ui/react-slot";
-import React, { useMemo } from "react";
 import { styled } from "../../stitches.config.js";
 import { COLORS } from "./Badge.vanilla.js";
-const getColorBadgeStyles = (color) => ({
-  bc: `$${color}6`,
-  color: `$${color}10`,
-  border: `1px solid $${color}10`
+import React, { useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+import { Slot } from "@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 = COLORS.reduce(
-  (variants, color) => ({
-    ...variants,
-    [color]: getColorBadgeStyles(color)
-  }),
-  {}
-);
-const interactiveColorVariants = COLORS.reduce(
-  (variants, color) => ({
-    ...variants,
-    [color]: {
-      ...getColorBadgeStyles(color)
-    }
-  }),
-  {}
-);
-const alphaColorCompoundVariants = COLORS.map((color) => ({
-  alphaBg: true,
-  variant: color,
-  css: { bc: `$${color}A6` }
+var colorVariants = COLORS.reduce((variants, color) => ({
+	...variants,
+	[color]: getColorBadgeStyles(color)
+}), {});
+var interactiveColorVariants = COLORS.reduce((variants, color) => ({
+	...variants,
+	[color]: { ...getColorBadgeStyles(color) }
+}), {});
+var alphaColorCompoundVariants = 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 = styled("span", BADGE_BASE_STYLES);
-const StyledSpanBadgeSlot = styled(Slot, StyledSpanBadge);
-const StyledButtonBadge = 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 = styled("span", BADGE_BASE_STYLES);
+var StyledSpanBadgeSlot = styled(Slot, StyledSpanBadge);
+var StyledButtonBadge = 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 = styled(Slot, StyledButtonBadge);
-const Badge = React.forwardRef(
-  ({ interactive, asChild, ...props }, forwardedRef) => {
-    const Component = useMemo(() => {
-      if (interactive) {
-        return asChild ? StyledButtonBadgeSlot : StyledButtonBadge;
-      }
-      return asChild ? StyledSpanBadgeSlot : StyledSpanBadge;
-    }, [asChild]);
-    return /* @__PURE__ */ jsx(Component, { ...props, ref: forwardedRef });
-  }
-);
-export {
-  Badge
-};
-//# sourceMappingURL=Badge.js.map
+var StyledButtonBadgeSlot = styled(Slot, StyledButtonBadge);
+var Badge = React.forwardRef(({ interactive, asChild, ...props }, forwardedRef) => {
+	return /* @__PURE__ */ jsx(useMemo(() => {
+		if (interactive) return asChild ? StyledButtonBadgeSlot : StyledButtonBadge;
+		return asChild ? StyledSpanBadgeSlot : StyledSpanBadge;
+	}, [asChild]), {
+		...props,
+		ref: forwardedRef
+	});
+});
+//#endregion
+export { Badge };
+
+//# sourceMappingURL=Badge.js.map

package/dist/components/Badge/Badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.js","sources":["../../../components/Badge/Badge.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot';\nimport React, { ComponentProps, useMemo } from 'react';\n\nimport { styled, VariantProps } from '../../stitches.config';\nimport { COLORS } from './Badge.vanilla';\n\ntype COLOR_VALUES = (typeof COLORS)[number];\n\nconst getColorBadgeStyles = (color: COLOR_VALUES) => ({\n  bc: `$${color}6`,\n  color: `$${color}10`,\n  border: `1px solid $${color}10`,\n});\n\ntype ColorVariants = Record<COLOR_VALUES, { bc: string; color: string }>;\nconst colorVariants: ColorVariants = COLORS.reduce(\n  (variants, color) => ({\n    ...variants,\n    [color]: getColorBadgeStyles(color),\n  }),\n  {} as ColorVariants,\n);\n\nconst interactiveColorVariants: ColorVariants = COLORS.reduce(\n  (variants, color) => ({\n    ...variants,\n    [color]: {\n      ...getColorBadgeStyles(color),\n    },\n  }),\n  {} as ColorVariants,\n);\n\nconst alphaColorCompoundVariants = COLORS.map((color) => ({\n  alphaBg: true,\n  variant: color,\n  css: { bc: `$${color}A6` },\n}));\n\nconst BADGE_BASE_STYLES = {\n  // Reset\n  alignItems: 'center',\n  appearance: 'none',\n  border: 'none',\n  boxSizing: 'border-box',\n  display: 'inline-flex',\n  flexShrink: 0,\n  fontFamily: '$rubik',\n  fontWeight: '$medium',\n  justifyContent: 'center',\n  lineHeight: '1',\n  verticalAlign: 'middle',\n  outline: 'none',\n  padding: '0',\n  textDecoration: 'none',\n  userSelect: 'none',\n  WebkitTapHighlightColor: 'rgba(0,0,0,0)',\n  borderRadius: '$pill',\n  whiteSpace: 'nowrap',\n  fontVariantNumeric: 'tabular-nums',\n  position: 'relative',\n\n  '&:disabled': {\n    backgroundColor: '$slate3',\n    pointerEvents: 'none',\n    color: '$slate8',\n  },\n  variants: {\n    size: {\n      small: {\n        height: '$4',\n        px: '$2',\n        fontSize: '$2',\n      },\n      large: {\n        height: '$5',\n        px: '$3',\n        fontSize: '$3',\n      },\n    },\n    variant: colorVariants,\n    alphaBg: {\n      true: {},\n    },\n    borderless: {\n      true: {\n        border: 'none',\n      },\n    },\n  },\n  compoundVariants: alphaColorCompoundVariants,\n  defaultVariants: {\n    size: 'small',\n    variant: 'gray',\n    borderless: false,\n  },\n};\n\nconst StyledSpanBadge = styled('span', BADGE_BASE_STYLES);\nconst StyledSpanBadgeSlot = styled(Slot, StyledSpanBadge);\n\nconst StyledButtonBadge = styled('button', BADGE_BASE_STYLES, {\n  '&::before': {\n    boxSizing: 'border-box',\n    content: '\"\"',\n    position: 'absolute',\n    inset: 0,\n    borderRadius: 'inherit',\n  },\n  '&:focus-visible': {\n    outline: '2px solid $primary',\n  },\n  '&:hover': {\n    cursor: 'pointer',\n    '&::before': {\n      backgroundColor: '$badgeInteractiveBackgroundHover',\n    },\n  },\n  '&:active': {\n    '&::before': {\n      backgroundColor: '$badgeInteractiveBackgroundActive',\n    },\n  },\n\n  variants: {\n    variant: interactiveColorVariants,\n    borderless: {\n      true: {\n        border: 'none',\n      },\n    },\n  },\n});\nconst StyledButtonBadgeSlot = styled(Slot, StyledButtonBadge);\n\ntype BadgeProps = ComponentProps<typeof StyledButtonBadge> &\n  VariantProps<typeof StyledButtonBadge> & {\n    asChild?: boolean;\n    interactive?: boolean;\n  };\n\nexport const Badge = React.forwardRef<React.ElementRef<typeof StyledButtonBadge>, BadgeProps>(\n  ({ interactive, asChild, ...props }, forwardedRef) => {\n    const Component = useMemo(() => {\n      if (interactive) {\n        return asChild ? StyledButtonBadgeSlot : StyledButtonBadge;\n      }\n      return asChild ? StyledSpanBadgeSlot : StyledSpanBadge;\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [asChild]);\n\n    return <Component {...props} ref={forwardedRef} />;\n  },\n);\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Badge.js","names":[],"sources":["../../../components/Badge/Badge.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot';\nimport React, { ComponentProps, useMemo } from 'react';\n\nimport { styled, VariantProps } from '../../stitches.config';\nimport { COLORS } from './Badge.vanilla';\n\ntype COLOR_VALUES = (typeof COLORS)[number];\n\nconst getColorBadgeStyles = (color: COLOR_VALUES) => ({\n  bc: `$${color}6`,\n  color: `$${color}10`,\n  border: `1px solid $${color}10`,\n});\n\ntype ColorVariants = Record<COLOR_VALUES, { bc: string; color: string }>;\nconst colorVariants: ColorVariants = COLORS.reduce(\n  (variants, color) => ({\n    ...variants,\n    [color]: getColorBadgeStyles(color),\n  }),\n  {} as ColorVariants,\n);\n\nconst interactiveColorVariants: ColorVariants = COLORS.reduce(\n  (variants, color) => ({\n    ...variants,\n    [color]: {\n      ...getColorBadgeStyles(color),\n    },\n  }),\n  {} as ColorVariants,\n);\n\nconst alphaColorCompoundVariants = COLORS.map((color) => ({\n  alphaBg: true,\n  variant: color,\n  css: { bc: `$${color}A6` },\n}));\n\nconst BADGE_BASE_STYLES = {\n  // Reset\n  alignItems: 'center',\n  appearance: 'none',\n  border: 'none',\n  boxSizing: 'border-box',\n  display: 'inline-flex',\n  flexShrink: 0,\n  fontFamily: '$rubik',\n  fontWeight: '$medium',\n  justifyContent: 'center',\n  lineHeight: '1',\n  verticalAlign: 'middle',\n  outline: 'none',\n  padding: '0',\n  textDecoration: 'none',\n  userSelect: 'none',\n  WebkitTapHighlightColor: 'rgba(0,0,0,0)',\n  borderRadius: '$pill',\n  whiteSpace: 'nowrap',\n  fontVariantNumeric: 'tabular-nums',\n  position: 'relative',\n\n  '&:disabled': {\n    backgroundColor: '$slate3',\n    pointerEvents: 'none',\n    color: '$slate8',\n  },\n  variants: {\n    size: {\n      small: {\n        height: '$4',\n        px: '$2',\n        fontSize: '$2',\n      },\n      large: {\n        height: '$5',\n        px: '$3',\n        fontSize: '$3',\n      },\n    },\n    variant: colorVariants,\n    alphaBg: {\n      true: {},\n    },\n    borderless: {\n      true: {\n        border: 'none',\n      },\n    },\n  },\n  compoundVariants: alphaColorCompoundVariants,\n  defaultVariants: {\n    size: 'small',\n    variant: 'gray',\n    borderless: false,\n  },\n};\n\nconst StyledSpanBadge = styled('span', BADGE_BASE_STYLES);\nconst StyledSpanBadgeSlot = styled(Slot, StyledSpanBadge);\n\nconst StyledButtonBadge = styled('button', BADGE_BASE_STYLES, {\n  '&::before': {\n    boxSizing: 'border-box',\n    content: '\"\"',\n    position: 'absolute',\n    inset: 0,\n    borderRadius: 'inherit',\n  },\n  '&:focus-visible': {\n    outline: '2px solid $primary',\n  },\n  '&:hover': {\n    cursor: 'pointer',\n    '&::before': {\n      backgroundColor: '$badgeInteractiveBackgroundHover',\n    },\n  },\n  '&:active': {\n    '&::before': {\n      backgroundColor: '$badgeInteractiveBackgroundActive',\n    },\n  },\n\n  variants: {\n    variant: interactiveColorVariants,\n    borderless: {\n      true: {\n        border: 'none',\n      },\n    },\n  },\n});\nconst StyledButtonBadgeSlot = styled(Slot, StyledButtonBadge);\n\ntype BadgeProps = ComponentProps<typeof StyledButtonBadge> &\n  VariantProps<typeof StyledButtonBadge> & {\n    asChild?: boolean;\n    interactive?: boolean;\n  };\n\nexport const Badge = React.forwardRef<React.ElementRef<typeof StyledButtonBadge>, BadgeProps>(\n  ({ interactive, asChild, ...props }, forwardedRef) => {\n    const Component = useMemo(() => {\n      if (interactive) {\n        return asChild ? StyledButtonBadgeSlot : StyledButtonBadge;\n      }\n      return asChild ? StyledSpanBadgeSlot : StyledSpanBadge;\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [asChild]);\n\n    return <Component {...props} ref={forwardedRef} />;\n  },\n);\n"],"mappings":";;;;;;AAQA,IAAM,uBAAuB,WAAyB;CACpD,IAAI,IAAI,MAAM;CACd,OAAO,IAAI,MAAM;CACjB,QAAQ,cAAc,MAAM;CAC7B;AAGD,IAAM,gBAA+B,OAAO,QACzC,UAAU,WAAW;CACpB,GAAG;EACF,QAAQ,oBAAoB,MAAM;CACpC,GACD,EAAE,CACH;AAED,IAAM,2BAA0C,OAAO,QACpD,UAAU,WAAW;CACpB,GAAG;EACF,QAAQ,EACP,GAAG,oBAAoB,MAAM,EAC9B;CACF,GACD,EAAE,CACH;AAED,IAAM,6BAA6B,OAAO,KAAK,WAAW;CACxD,SAAS;CACT,SAAS;CACT,KAAK,EAAE,IAAI,IAAI,MAAM,KAAK;CAC3B,EAAE;AAEH,IAAM,oBAAoB;CAExB,YAAY;CACZ,YAAY;CACZ,QAAQ;CACR,WAAW;CACX,SAAS;CACT,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,gBAAgB;CAChB,YAAY;CACZ,eAAe;CACf,SAAS;CACT,SAAS;CACT,gBAAgB;CAChB,YAAY;CACZ,yBAAyB;CACzB,cAAc;CACd,YAAY;CACZ,oBAAoB;CACpB,UAAU;CAEV,cAAc;EACZ,iBAAiB;EACjB,eAAe;EACf,OAAO;EACR;CACD,UAAU;EACR,MAAM;GACJ,OAAO;IACL,QAAQ;IACR,IAAI;IACJ,UAAU;IACX;GACD,OAAO;IACL,QAAQ;IACR,IAAI;IACJ,UAAU;IACX;GACF;EACD,SAAS;EACT,SAAS,EACP,MAAM,EAAE,EACT;EACD,YAAY,EACV,MAAM,EACJ,QAAQ,QACT,EACF;EACF;CACD,kBAAkB;CAClB,iBAAiB;EACf,MAAM;EACN,SAAS;EACT,YAAY;EACb;CACF;AAED,IAAM,kBAAkB,OAAO,QAAQ,kBAAkB;AACzD,IAAM,sBAAsB,OAAO,MAAM,gBAAgB;AAEzD,IAAM,oBAAoB,OAAO,UAAU,mBAAmB;CAC5D,aAAa;EACX,WAAW;EACX,SAAS;EACT,UAAU;EACV,OAAO;EACP,cAAc;EACf;CACD,mBAAmB,EACjB,SAAS,sBACV;CACD,WAAW;EACT,QAAQ;EACR,aAAa,EACX,iBAAiB,oCAClB;EACF;CACD,YAAY,EACV,aAAa,EACX,iBAAiB,qCAClB,EACF;CAED,UAAU;EACR,SAAS;EACT,YAAY,EACV,MAAM,EACJ,QAAQ,QACT,EACF;EACF;CACF,CAAC;AACF,IAAM,wBAAwB,OAAO,MAAM,kBAAkB;AAQ7D,IAAa,QAAQ,MAAM,YACxB,EAAE,aAAa,SAAS,GAAG,SAAS,iBAAiB;AASpD,QAAO,oBARW,cAAc;AAC9B,MAAI,YACF,QAAO,UAAU,wBAAwB;AAE3C,SAAO,UAAU,sBAAsB;IAEtC,CAAC,QAAQ,CAAC,EAEN;EAAW,GAAI;EAAO,KAAK;EAAgB,CAAA;EAErD"}

package/dist/components/Badge/Badge.theme.cjs

@@ -1,13 +1,14 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const badgeLightTheme = {
-  badgeInteractiveBackgroundHover: "hsla(0, 0%, 0%, 0.05)",
-  badgeInteractiveBackgroundActive: "hsla(0, 0%, 0%, 0.1)"
+//#region components/Badge/Badge.theme.ts
+var badgeLightTheme = {
+	badgeInteractiveBackgroundHover: "hsla(0, 0%, 0%, 0.05)",
+	badgeInteractiveBackgroundActive: "hsla(0, 0%, 0%, 0.1)"
 };
-const badgeDarkTheme = {
-  badgeInteractiveBackgroundHover: "hsla(0, 0%, 0%, 0.1)",
-  badgeInteractiveBackgroundActive: "hsla(0, 0%, 0%, 0.2)"
+var badgeDarkTheme = {
+	badgeInteractiveBackgroundHover: "hsla(0, 0%, 0%, 0.1)",
+	badgeInteractiveBackgroundActive: "hsla(0, 0%, 0%, 0.2)"
 };
+//#endregion
 exports.badgeDarkTheme = badgeDarkTheme;
 exports.badgeLightTheme = badgeLightTheme;
-//# sourceMappingURL=Badge.theme.cjs.map
+
+//# sourceMappingURL=Badge.theme.cjs.map

package/dist/components/Badge/Badge.theme.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.theme.cjs","sources":["../../../components/Badge/Badge.theme.ts"],"sourcesContent":["// Plain TypeScript color tokens (no vanilla-extract)\n// Can be safely imported by colors/index.ts for Stitches\nexport const badgeLightTheme = {\n  badgeInteractiveBackgroundHover: 'hsla(0, 0%, 0%, 0.05)',\n  badgeInteractiveBackgroundActive: 'hsla(0, 0%, 0%, 0.1)',\n};\n\nexport const badgeDarkTheme = {\n  badgeInteractiveBackgroundHover: 'hsla(0, 0%, 0%, 0.1)',\n  badgeInteractiveBackgroundActive: 'hsla(0, 0%, 0%, 0.2)',\n};\n"],"names":[],"mappings":";;AAEO,MAAM,kBAAkB;AAAA,EAC7B,iCAAiC;AAAA,EACjC,kCAAkC;AACpC;AAEO,MAAM,iBAAiB;AAAA,EAC5B,iCAAiC;AAAA,EACjC,kCAAkC;AACpC;;;"}
+{"version":3,"file":"Badge.theme.cjs","names":[],"sources":["../../../components/Badge/Badge.theme.ts"],"sourcesContent":["// Plain TypeScript color tokens (no vanilla-extract)\n// Can be safely imported by colors/index.ts for Stitches\nexport const badgeLightTheme = {\n  badgeInteractiveBackgroundHover: 'hsla(0, 0%, 0%, 0.05)',\n  badgeInteractiveBackgroundActive: 'hsla(0, 0%, 0%, 0.1)',\n};\n\nexport const badgeDarkTheme = {\n  badgeInteractiveBackgroundHover: 'hsla(0, 0%, 0%, 0.1)',\n  badgeInteractiveBackgroundActive: 'hsla(0, 0%, 0%, 0.2)',\n};\n"],"mappings":";AAEA,IAAa,kBAAkB;CAC7B,iCAAiC;CACjC,kCAAkC;CACnC;AAED,IAAa,iBAAiB;CAC5B,iCAAiC;CACjC,kCAAkC;CACnC"}

package/dist/components/Badge/Badge.theme.js

@@ -1,13 +1,13 @@
-const badgeLightTheme = {
-  badgeInteractiveBackgroundHover: "hsla(0, 0%, 0%, 0.05)",
-  badgeInteractiveBackgroundActive: "hsla(0, 0%, 0%, 0.1)"
+//#region components/Badge/Badge.theme.ts
+var badgeLightTheme = {
+	badgeInteractiveBackgroundHover: "hsla(0, 0%, 0%, 0.05)",
+	badgeInteractiveBackgroundActive: "hsla(0, 0%, 0%, 0.1)"
 };
-const badgeDarkTheme = {
-  badgeInteractiveBackgroundHover: "hsla(0, 0%, 0%, 0.1)",
-  badgeInteractiveBackgroundActive: "hsla(0, 0%, 0%, 0.2)"
+var badgeDarkTheme = {
+	badgeInteractiveBackgroundHover: "hsla(0, 0%, 0%, 0.1)",
+	badgeInteractiveBackgroundActive: "hsla(0, 0%, 0%, 0.2)"
 };
-export {
-  badgeDarkTheme,
-  badgeLightTheme
-};
-//# sourceMappingURL=Badge.theme.js.map
+//#endregion
+export { badgeDarkTheme, badgeLightTheme };
+
+//# sourceMappingURL=Badge.theme.js.map

package/dist/components/Badge/Badge.theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.theme.js","sources":["../../../components/Badge/Badge.theme.ts"],"sourcesContent":["// Plain TypeScript color tokens (no vanilla-extract)\n// Can be safely imported by colors/index.ts for Stitches\nexport const badgeLightTheme = {\n  badgeInteractiveBackgroundHover: 'hsla(0, 0%, 0%, 0.05)',\n  badgeInteractiveBackgroundActive: 'hsla(0, 0%, 0%, 0.1)',\n};\n\nexport const badgeDarkTheme = {\n  badgeInteractiveBackgroundHover: 'hsla(0, 0%, 0%, 0.1)',\n  badgeInteractiveBackgroundActive: 'hsla(0, 0%, 0%, 0.2)',\n};\n"],"names":[],"mappings":"AAEO,MAAM,kBAAkB;AAAA,EAC7B,iCAAiC;AAAA,EACjC,kCAAkC;AACpC;AAEO,MAAM,iBAAiB;AAAA,EAC5B,iCAAiC;AAAA,EACjC,kCAAkC;AACpC;"}
+{"version":3,"file":"Badge.theme.js","names":[],"sources":["../../../components/Badge/Badge.theme.ts"],"sourcesContent":["// Plain TypeScript color tokens (no vanilla-extract)\n// Can be safely imported by colors/index.ts for Stitches\nexport const badgeLightTheme = {\n  badgeInteractiveBackgroundHover: 'hsla(0, 0%, 0%, 0.05)',\n  badgeInteractiveBackgroundActive: 'hsla(0, 0%, 0%, 0.1)',\n};\n\nexport const badgeDarkTheme = {\n  badgeInteractiveBackgroundHover: 'hsla(0, 0%, 0%, 0.1)',\n  badgeInteractiveBackgroundActive: 'hsla(0, 0%, 0%, 0.2)',\n};\n"],"mappings":";AAEA,IAAa,kBAAkB;CAC7B,iCAAiC;CACjC,kCAAkC;CACnC;AAED,IAAa,iBAAiB;CAC5B,iCAAiC;CACjC,kCAAkC;CACnC"}

package/dist/components/Badge/Badge.themes.cjs

@@ -1,15 +1,24 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const tinycolor = require("tinycolor2");
-exports.Theme = void 0;
-((Theme2) => {
-  Theme2.getLight = () => ({
-    badgeInteractiveBackgroundActive: tinycolor("black").setAlpha(0.1).toHslString(),
-    badgeInteractiveBackgroundHover: tinycolor("black").setAlpha(0.05).toHslString()
-  });
-  Theme2.getDark = () => ({
-    badgeInteractiveBackgroundActive: tinycolor("black").setAlpha(0.2).toHslString(),
-    badgeInteractiveBackgroundHover: tinycolor("black").setAlpha(0.1).toHslString()
-  });
-})(exports.Theme || (exports.Theme = {}));
-//# sourceMappingURL=Badge.themes.cjs.map
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+let tinycolor2 = require("tinycolor2");
+tinycolor2 = require_runtime.__toESM(tinycolor2, 1);
+//#region components/Badge/Badge.themes.ts
+var Theme;
+(function(_Theme) {
+	_Theme.getLight = () => ({
+		badgeInteractiveBackgroundActive: (0, tinycolor2.default)("black").setAlpha(.1).toHslString(),
+		badgeInteractiveBackgroundHover: (0, tinycolor2.default)("black").setAlpha(.05).toHslString()
+	});
+	_Theme.getDark = () => ({
+		badgeInteractiveBackgroundActive: (0, tinycolor2.default)("black").setAlpha(.2).toHslString(),
+		badgeInteractiveBackgroundHover: (0, tinycolor2.default)("black").setAlpha(.1).toHslString()
+	});
+})(Theme || (Theme = {}));
+//#endregion
+Object.defineProperty(exports, "Theme", {
+	enumerable: true,
+	get: function() {
+		return Theme;
+	}
+});
+
+//# sourceMappingURL=Badge.themes.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Badge.themes.cjs","sources":["../../../components/Badge/Badge.themes.ts"],"sourcesContent":["import { Property } from '@stitches/react/types/css';\nimport tinycolor from 'tinycolor2';\n\nimport { ColorInfo } from '../../utils/getPrimaryColorInfo';\n\nexport namespace Theme {\n  type Colors = {\n    badgeInteractiveBackgroundActive: Property.Color;\n    badgeInteractiveBackgroundHover: Property.Color;\n  };\n\n  type Factory = (primaryColor: ColorInfo) => Colors;\n\n  export const getLight: Factory = () => ({\n    badgeInteractiveBackgroundActive: tinycolor('black').setAlpha(0.1).toHslString(),\n    badgeInteractiveBackgroundHover: tinycolor('black').setAlpha(0.05).toHslString(),\n  });\n\n  export const getDark: Factory = () => ({\n    badgeInteractiveBackgroundActive: tinycolor('black').setAlpha(0.2).toHslString(),\n    badgeInteractiveBackgroundHover: tinycolor('black').setAlpha(0.1).toHslString(),\n  });\n}\n"],"names":["Theme"],"mappings":";;;AAKiBA,QAAAA,QAAAA;AAAAA,CAAV,CAAUA,WAAV;AAQQA,SAAA,WAAoB,OAAO;AAAA,IACtC,kCAAkC,UAAU,OAAO,EAAE,SAAS,GAAG,EAAE,YAAA;AAAA,IACnE,iCAAiC,UAAU,OAAO,EAAE,SAAS,IAAI,EAAE,YAAA;AAAA,EAAY;AAGpEA,SAAA,UAAmB,OAAO;AAAA,IACrC,kCAAkC,UAAU,OAAO,EAAE,SAAS,GAAG,EAAE,YAAA;AAAA,IACnE,iCAAiC,UAAU,OAAO,EAAE,SAAS,GAAG,EAAE,YAAA;AAAA,EAAY;AAChF,GAhBeA,QAAAA,UAAAA,gBAAA,CAAA,EAAA;"}
+{"version":3,"file":"Badge.themes.cjs","names":[],"sources":["../../../components/Badge/Badge.themes.ts"],"sourcesContent":["import { Property } from '@stitches/react/types/css';\nimport tinycolor from 'tinycolor2';\n\nimport { ColorInfo } from '../../utils/getPrimaryColorInfo';\n\nexport namespace Theme {\n  type Colors = {\n    badgeInteractiveBackgroundActive: Property.Color;\n    badgeInteractiveBackgroundHover: Property.Color;\n  };\n\n  type Factory = (primaryColor: ColorInfo) => Colors;\n\n  export const getLight: Factory = () => ({\n    badgeInteractiveBackgroundActive: tinycolor('black').setAlpha(0.1).toHslString(),\n    badgeInteractiveBackgroundHover: tinycolor('black').setAlpha(0.05).toHslString(),\n  });\n\n  export const getDark: Factory = () => ({\n    badgeInteractiveBackgroundActive: tinycolor('black').setAlpha(0.2).toHslString(),\n    badgeInteractiveBackgroundHover: tinycolor('black').setAlpha(0.1).toHslString(),\n  });\n}\n"],"mappings":";;;;AAKO,IAAA;;AAQQ,QAAA,kBAA2B;EACtC,mCAAA,GAAA,WAAA,SAA4C,QAAQ,CAAC,SAAS,GAAI,CAAC,aAAa;EAChF,kCAAA,GAAA,WAAA,SAA2C,QAAQ,CAAC,SAAS,IAAK,CAAC,aAAa;EACjF;AAEY,QAAA,iBAA0B;EACrC,mCAAA,GAAA,WAAA,SAA4C,QAAQ,CAAC,SAAS,GAAI,CAAC,aAAa;EAChF,kCAAA,GAAA,WAAA,SAA2C,QAAQ,CAAC,SAAS,GAAI,CAAC,aAAa;EAChF;yBACF"}

package/dist/components/Badge/Badge.themes.js

@@ -1,16 +1,17 @@
 import tinycolor from "tinycolor2";
+//#region components/Badge/Badge.themes.ts
 var Theme;
-((Theme2) => {
-  Theme2.getLight = () => ({
-    badgeInteractiveBackgroundActive: tinycolor("black").setAlpha(0.1).toHslString(),
-    badgeInteractiveBackgroundHover: tinycolor("black").setAlpha(0.05).toHslString()
-  });
-  Theme2.getDark = () => ({
-    badgeInteractiveBackgroundActive: tinycolor("black").setAlpha(0.2).toHslString(),
-    badgeInteractiveBackgroundHover: tinycolor("black").setAlpha(0.1).toHslString()
-  });
+(function(_Theme) {
+	_Theme.getLight = () => ({
+		badgeInteractiveBackgroundActive: tinycolor("black").setAlpha(.1).toHslString(),
+		badgeInteractiveBackgroundHover: tinycolor("black").setAlpha(.05).toHslString()
+	});
+	_Theme.getDark = () => ({
+		badgeInteractiveBackgroundActive: tinycolor("black").setAlpha(.2).toHslString(),
+		badgeInteractiveBackgroundHover: tinycolor("black").setAlpha(.1).toHslString()
+	});
 })(Theme || (Theme = {}));
-export {
-  Theme
-};
-//# sourceMappingURL=Badge.themes.js.map
+//#endregion
+export { Theme };
+
+//# sourceMappingURL=Badge.themes.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Badge.themes.js","sources":["../../../components/Badge/Badge.themes.ts"],"sourcesContent":["import { Property } from '@stitches/react/types/css';\nimport tinycolor from 'tinycolor2';\n\nimport { ColorInfo } from '../../utils/getPrimaryColorInfo';\n\nexport namespace Theme {\n  type Colors = {\n    badgeInteractiveBackgroundActive: Property.Color;\n    badgeInteractiveBackgroundHover: Property.Color;\n  };\n\n  type Factory = (primaryColor: ColorInfo) => Colors;\n\n  export const getLight: Factory = () => ({\n    badgeInteractiveBackgroundActive: tinycolor('black').setAlpha(0.1).toHslString(),\n    badgeInteractiveBackgroundHover: tinycolor('black').setAlpha(0.05).toHslString(),\n  });\n\n  export const getDark: Factory = () => ({\n    badgeInteractiveBackgroundActive: tinycolor('black').setAlpha(0.2).toHslString(),\n    badgeInteractiveBackgroundHover: tinycolor('black').setAlpha(0.1).toHslString(),\n  });\n}\n"],"names":["Theme"],"mappings":";AAKO,IAAU;AAAA,CAAV,CAAUA,WAAV;AAQQA,SAAA,WAAoB,OAAO;AAAA,IACtC,kCAAkC,UAAU,OAAO,EAAE,SAAS,GAAG,EAAE,YAAA;AAAA,IACnE,iCAAiC,UAAU,OAAO,EAAE,SAAS,IAAI,EAAE,YAAA;AAAA,EAAY;AAGpEA,SAAA,UAAmB,OAAO;AAAA,IACrC,kCAAkC,UAAU,OAAO,EAAE,SAAS,GAAG,EAAE,YAAA;AAAA,IACnE,iCAAiC,UAAU,OAAO,EAAE,SAAS,GAAG,EAAE,YAAA;AAAA,EAAY;AAChF,GAhBe,UAAA,QAAA,CAAA,EAAA;"}
+{"version":3,"file":"Badge.themes.js","names":[],"sources":["../../../components/Badge/Badge.themes.ts"],"sourcesContent":["import { Property } from '@stitches/react/types/css';\nimport tinycolor from 'tinycolor2';\n\nimport { ColorInfo } from '../../utils/getPrimaryColorInfo';\n\nexport namespace Theme {\n  type Colors = {\n    badgeInteractiveBackgroundActive: Property.Color;\n    badgeInteractiveBackgroundHover: Property.Color;\n  };\n\n  type Factory = (primaryColor: ColorInfo) => Colors;\n\n  export const getLight: Factory = () => ({\n    badgeInteractiveBackgroundActive: tinycolor('black').setAlpha(0.1).toHslString(),\n    badgeInteractiveBackgroundHover: tinycolor('black').setAlpha(0.05).toHslString(),\n  });\n\n  export const getDark: Factory = () => ({\n    badgeInteractiveBackgroundActive: tinycolor('black').setAlpha(0.2).toHslString(),\n    badgeInteractiveBackgroundHover: tinycolor('black').setAlpha(0.1).toHslString(),\n  });\n}\n"],"mappings":";;AAKO,IAAA;;AAQQ,QAAA,kBAA2B;EACtC,kCAAkC,UAAU,QAAQ,CAAC,SAAS,GAAI,CAAC,aAAa;EAChF,iCAAiC,UAAU,QAAQ,CAAC,SAAS,IAAK,CAAC,aAAa;EACjF;AAEY,QAAA,iBAA0B;EACrC,kCAAkC,UAAU,QAAQ,CAAC,SAAS,GAAI,CAAC,aAAa;EAChF,iCAAiC,UAAU,QAAQ,CAAC,SAAS,GAAI,CAAC,aAAa;EAChF;yBACF"}

package/dist/components/Badge/Badge.vanilla.cjs

@@ -1,48 +1,45 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const dynamic = require("@vanilla-extract/dynamic");
-const React = require("react");
-const cssProps = require("../../styles/cssProps.cjs");
-const themeContext = require("../../styles/themeContext.cjs");
-const Badge_vanilla_css = require("./Badge.vanilla.css.cjs");
-const COLORS = ["gray", "red", "blue", "green", "neon", "orange", "purple"];
-const BadgeVanillaComponentImpl = React.forwardRef(
-  ({
-    as,
-    interactive,
-    className,
-    css,
-    style,
-    size,
-    variant,
-    alphaBg,
-    borderless,
-    ...props
-  }, ref) => {
-    const Component = as || (interactive ? "button" : "span");
-    const { colors } = themeContext.useVanillaExtractTheme();
-    const { style: cssStyles, vars } = cssProps.processCSSProp(css, colors);
-    const mergedStyles = {
-      ...cssStyles,
-      ...style,
-      ...dynamic.assignInlineVars(vars)
-    };
-    const recipe = interactive ? Badge_vanilla_css.interactiveBadgeRecipe : Badge_vanilla_css.badgeRecipe;
-    const recipeClass = recipe({ size, variant, alphaBg, borderless });
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      Component,
-      {
-        ref,
-        className: `${recipeClass} ${className || ""}`.trim(),
-        style: mergedStyles,
-        ...props
-      }
-    );
-  }
-);
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_cssProps = require("../../styles/cssProps.cjs");
+const require_themeContext = require("../../styles/themeContext.cjs");
+const require_Badge_vanilla_css = require("./Badge.vanilla.css.cjs");
+let react = require("react");
+let _vanilla_extract_dynamic = require("@vanilla-extract/dynamic");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region components/Badge/Badge.vanilla.tsx
+var COLORS = [
+	"gray",
+	"red",
+	"blue",
+	"green",
+	"neon",
+	"orange",
+	"purple"
+];
+var BadgeVanillaComponentImpl = (0, react.forwardRef)(({ as, interactive, className, css, style, size, variant, alphaBg, borderless, ...props }, ref) => {
+	const Component = as || (interactive ? "button" : "span");
+	const { colors } = require_themeContext.useVanillaExtractTheme();
+	const { style: cssStyles, vars } = require_cssProps.processCSSProp(css, colors);
+	const mergedStyles = {
+		...cssStyles,
+		...style,
+		...(0, _vanilla_extract_dynamic.assignInlineVars)(vars)
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Component, {
+		ref,
+		className: `${(interactive ? require_Badge_vanilla_css.interactiveBadgeRecipe : require_Badge_vanilla_css.badgeRecipe)({
+			size,
+			variant,
+			alphaBg,
+			borderless
+		})} ${className || ""}`.trim(),
+		style: mergedStyles,
+		...props
+	});
+});
 BadgeVanillaComponentImpl.displayName = "BadgeVanilla";
-const BadgeVanilla = BadgeVanillaComponentImpl;
+var BadgeVanilla = BadgeVanillaComponentImpl;
+//#endregion
 exports.BadgeVanilla = BadgeVanilla;
 exports.COLORS = COLORS;
-//# sourceMappingURL=Badge.vanilla.cjs.map
+
+//# sourceMappingURL=Badge.vanilla.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Badge.vanilla.cjs","sources":["../../../components/Badge/Badge.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 { badgeRecipe, interactiveBadgeRecipe } from './Badge.vanilla.css';\n\nexport const COLORS = ['gray', 'red', 'blue', 'green', 'neon', 'orange', 'purple'] as const;\n\ntype BadgeRecipeVariants = RecipeVariants<typeof badgeRecipe>;\n\ninterface BadgeOwnProps extends Omit<BadgeRecipeVariants, 'color'>, CSSProps {\n  interactive?: boolean;\n}\n\nexport type BadgeVanillaProps<C extends ElementType = 'span'> = PolymorphicComponentProps<\n  C,\n  BadgeOwnProps\n>;\n\ntype BadgeVanillaComponent = PolymorphicComponent<'span', BadgeVanillaProps<ElementType>>;\n\nconst BadgeVanillaComponentImpl = forwardRef(\n  <C extends ElementType = 'span'>(\n    {\n      as,\n      interactive,\n      className,\n      css,\n      style,\n      size,\n      variant,\n      alphaBg,\n      borderless,\n      ...props\n    }: BadgeVanillaProps<C>,\n    ref?: PolymorphicRef<C>,\n  ) => {\n    const Component = as || (interactive ? 'button' : 'span');\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 recipe = interactive ? interactiveBadgeRecipe : badgeRecipe;\n    const recipeClass = recipe({ size, variant, alphaBg, borderless });\n\n    return (\n      <Component\n        ref={ref}\n        className={`${recipeClass} ${className || ''}`.trim()}\n        style={mergedStyles}\n        {...props}\n      />\n    );\n  },\n);\n\nBadgeVanillaComponentImpl.displayName = 'BadgeVanilla';\n\nexport const BadgeVanilla = BadgeVanillaComponentImpl as BadgeVanillaComponent;\n"],"names":["forwardRef","useVanillaExtractTheme","processCSSProp","assignInlineVars","interactiveBadgeRecipe","badgeRecipe","jsx"],"mappings":";;;;;;;;AAaO,MAAM,SAAS,CAAC,QAAQ,OAAO,QAAQ,SAAS,QAAQ,UAAU,QAAQ;AAejF,MAAM,4BAA4BA,MAAAA;AAAAA,EAChC,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,GAEL,QACG;AACH,UAAM,YAAY,OAAO,cAAc,WAAW;AAElD,UAAM,EAAE,OAAA,IAAWC,oCAAA;AAEnB,UAAM,EAAE,OAAO,WAAW,SAASC,SAAAA,eAAe,KAAK,MAAM;AAE7D,UAAM,eAAe;AAAA,MACnB,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAGC,QAAAA,iBAAiB,IAAI;AAAA,IAAA;AAG1B,UAAM,SAAS,cAAcC,kBAAAA,yBAAyBC,kBAAAA;AACtD,UAAM,cAAc,OAAO,EAAE,MAAM,SAAS,SAAS,YAAY;AAEjE,WACEC,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,WAAW,GAAG,WAAW,IAAI,aAAa,EAAE,GAAG,KAAA;AAAA,QAC/C,OAAO;AAAA,QACN,GAAG;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;AAEA,0BAA0B,cAAc;AAEjC,MAAM,eAAe;;;"}
+{"version":3,"file":"Badge.vanilla.cjs","names":[],"sources":["../../../components/Badge/Badge.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 { badgeRecipe, interactiveBadgeRecipe } from './Badge.vanilla.css';\n\nexport const COLORS = ['gray', 'red', 'blue', 'green', 'neon', 'orange', 'purple'] as const;\n\ntype BadgeRecipeVariants = RecipeVariants<typeof badgeRecipe>;\n\ninterface BadgeOwnProps extends Omit<BadgeRecipeVariants, 'color'>, CSSProps {\n  interactive?: boolean;\n}\n\nexport type BadgeVanillaProps<C extends ElementType = 'span'> = PolymorphicComponentProps<\n  C,\n  BadgeOwnProps\n>;\n\ntype BadgeVanillaComponent = PolymorphicComponent<'span', BadgeVanillaProps<ElementType>>;\n\nconst BadgeVanillaComponentImpl = forwardRef(\n  <C extends ElementType = 'span'>(\n    {\n      as,\n      interactive,\n      className,\n      css,\n      style,\n      size,\n      variant,\n      alphaBg,\n      borderless,\n      ...props\n    }: BadgeVanillaProps<C>,\n    ref?: PolymorphicRef<C>,\n  ) => {\n    const Component = as || (interactive ? 'button' : 'span');\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 recipe = interactive ? interactiveBadgeRecipe : badgeRecipe;\n    const recipeClass = recipe({ size, variant, alphaBg, borderless });\n\n    return (\n      <Component\n        ref={ref}\n        className={`${recipeClass} ${className || ''}`.trim()}\n        style={mergedStyles}\n        {...props}\n      />\n    );\n  },\n);\n\nBadgeVanillaComponentImpl.displayName = 'BadgeVanilla';\n\nexport const BadgeVanilla = BadgeVanillaComponentImpl as BadgeVanillaComponent;\n"],"mappings":";;;;;;;;AAaA,IAAa,SAAS;CAAC;CAAQ;CAAO;CAAQ;CAAS;CAAQ;CAAU;CAAS;AAelF,IAAM,6BAAA,GAAA,MAAA,aAEF,EACE,IACA,aACA,WACA,KACA,OACA,MACA,SACA,SACA,YACA,GAAG,SAEL,QACG;CACH,MAAM,YAAY,OAAO,cAAc,WAAW;CAElD,MAAM,EAAE,WAAW,qBAAA,wBAAwB;CAE3C,MAAM,EAAE,OAAO,WAAW,SAAS,iBAAA,eAAe,KAAK,OAAO;CAE9D,MAAM,eAAe;EACnB,GAAG;EACH,GAAG;EACH,IAAA,GAAA,yBAAA,kBAAoB,KAAK;EAC1B;AAKD,QACE,iBAAA,GAAA,kBAAA,KAAC,WAAD;EACO;EACL,WAAW,IANA,cAAc,0BAAA,yBAAyB,0BAAA,aAC3B;GAAE;GAAM;GAAS;GAAS;GAAY,CAAC,CAKpC,GAAG,aAAa,KAAK,MAAM;EACrD,OAAO;EACP,GAAI;EACJ,CAAA;EAGP;AAED,0BAA0B,cAAc;AAExC,IAAa,eAAe"}