@traefik-labs/faency 12.2.1 → 12.2.3

package/dist/components/Bubble/Bubble.js

@@ -1,81 +1,97 @@
-import { styled, keyframes } from "../../stitches.config.js";
-const bip = keyframes({
-  "0%": {
-    top: 0,
-    right: 0,
-    bottom: 0,
-    left: 0,
-    opacity: 1
-  },
-  "100%": {
-    top: -8,
-    right: -8,
-    bottom: -8,
-    left: -8,
-    opacity: 0
-  }
+import { keyframes, styled } from "../../stitches.config.js";
+var Bubble = styled("div", {
+	display: "inline-block",
+	size: "$4",
+	bc: "$red8",
+	borderRadius: "50%",
+	position: "relative",
+	"&::before": {
+		animation: `${keyframes({
+			"0%": {
+				top: 0,
+				right: 0,
+				bottom: 0,
+				left: 0,
+				opacity: 1
+			},
+			"100%": {
+				top: -8,
+				right: -8,
+				bottom: -8,
+				left: -8,
+				opacity: 0
+			}
+		})} 1s ease infinite`,
+		boxSizing: "border-box",
+		content: "\"\"",
+		position: "absolute",
+		top: 0,
+		right: 0,
+		bottom: 0,
+		left: 0,
+		boxShadow: "inset 0 0 0 1px rgba(255,255,255,.5)",
+		borderRadius: "50%",
+		pointerEvents: "none",
+		zIndex: -1
+	},
+	"&::after": {
+		boxSizing: "border-box",
+		content: "\"\"",
+		position: "absolute",
+		top: 5,
+		right: 5,
+		bottom: 5,
+		left: 5,
+		bc: "rgba(255,255,255,.1)",
+		borderRadius: "50%",
+		pointerEvents: "none"
+	},
+	variants: {
+		variant: {
+			red: {
+				bc: "$red8",
+				"&::before": { bc: "$red8" }
+			},
+			green: {
+				bc: "$green8",
+				"&::before": { bc: "$green8" }
+			},
+			orange: {
+				bc: "$orange8",
+				"&::before": { bc: "$orange8" }
+			},
+			blue: {
+				bc: "$blue8",
+				"&::before": { bc: "$blue8" }
+			},
+			yellow: {
+				bc: "$neon8",
+				"&::before": { bc: "$neon8" }
+			},
+			purple: {
+				bc: "$purple8",
+				"&::before": { bc: "$purple8" }
+			},
+			gray: {
+				bc: "$slate8",
+				"&::before": { bc: "$slate8" }
+			}
+		},
+		size: {
+			"x-small": { size: "$1" },
+			small: { size: "$2" },
+			medium: { size: "$3" },
+			large: { size: "$4" },
+			"x-large": { size: "$5" }
+		},
+		noAnimation: { true: { "&::before": { content: "none" } } }
+	},
+	defaultVariants: {
+		size: "small",
+		noAnimation: false
+	}
 });
-const Bubble = styled("div", {
-  display: "inline-block",
-  size: "$4",
-  bc: "$red8",
-  borderRadius: "50%",
-  position: "relative",
-  "&::before": {
-    animation: `${bip} 1s ease infinite`,
-    boxSizing: "border-box",
-    content: '""',
-    position: "absolute",
-    top: 0,
-    right: 0,
-    bottom: 0,
-    left: 0,
-    boxShadow: "inset 0 0 0 1px rgba(255,255,255,.5)",
-    borderRadius: "50%",
-    pointerEvents: "none",
-    zIndex: -1
-  },
-  "&::after": {
-    boxSizing: "border-box",
-    content: '""',
-    position: "absolute",
-    top: 5,
-    right: 5,
-    bottom: 5,
-    left: 5,
-    bc: "rgba(255,255,255,.1)",
-    borderRadius: "50%",
-    pointerEvents: "none"
-  },
-  variants: {
-    variant: {
-      red: { bc: "$red8", "&::before": { bc: "$red8" } },
-      green: { bc: "$green8", "&::before": { bc: "$green8" } },
-      orange: { bc: "$orange8", "&::before": { bc: "$orange8" } },
-      blue: { bc: "$blue8", "&::before": { bc: "$blue8" } },
-      yellow: { bc: "$neon8", "&::before": { bc: "$neon8" } },
-      purple: { bc: "$purple8", "&::before": { bc: "$purple8" } },
-      gray: { bc: "$slate8", "&::before": { bc: "$slate8" } }
-    },
-    size: {
-      "x-small": { size: "$1" },
-      small: { size: "$2" },
-      medium: { size: "$3" },
-      large: { size: "$4" },
-      "x-large": { size: "$5" }
-    },
-    noAnimation: {
-      true: {
-        "&::before": { content: "none" }
-      }
-    }
-  },
-  defaultVariants: {
-    size: "small",
-    noAnimation: false
-  }
-});
-export {
-  Bubble
-};
-//# sourceMappingURL=Bubble.js.map
+//#endregion
+export { Bubble };
+
+//# sourceMappingURL=Bubble.js.map

package/dist/components/Bubble/Bubble.js.map

@@ -1 +1 @@
-{"version":3,"file":"Bubble.js","sources":["../../../components/Bubble/Bubble.tsx"],"sourcesContent":["import { keyframes, styled } from '../../stitches.config';\n\nconst bip = keyframes({\n  '0%': {\n    top: 0,\n    right: 0,\n    bottom: 0,\n    left: 0,\n    opacity: 1,\n  },\n  '100%': {\n    top: -8,\n    right: -8,\n    bottom: -8,\n    left: -8,\n    opacity: 0,\n  },\n});\n\nexport const Bubble = styled('div', {\n  display: 'inline-block',\n  size: '$4',\n  bc: '$red8',\n  borderRadius: '50%',\n  position: 'relative',\n\n  '&::before': {\n    animation: `${bip} 1s ease infinite`,\n    boxSizing: 'border-box',\n    content: '\"\"',\n    position: 'absolute',\n    top: 0,\n    right: 0,\n    bottom: 0,\n    left: 0,\n    boxShadow: 'inset 0 0 0 1px rgba(255,255,255,.5)',\n    borderRadius: '50%',\n    pointerEvents: 'none',\n    zIndex: -1,\n  },\n\n  '&::after': {\n    boxSizing: 'border-box',\n    content: '\"\"',\n    position: 'absolute',\n    top: 5,\n    right: 5,\n    bottom: 5,\n    left: 5,\n    bc: 'rgba(255,255,255,.1)',\n    borderRadius: '50%',\n    pointerEvents: 'none',\n  },\n\n  variants: {\n    variant: {\n      red: { bc: '$red8', '&::before': { bc: '$red8' } },\n      green: { bc: '$green8', '&::before': { bc: '$green8' } },\n      orange: { bc: '$orange8', '&::before': { bc: '$orange8' } },\n      blue: { bc: '$blue8', '&::before': { bc: '$blue8' } },\n      yellow: { bc: '$neon8', '&::before': { bc: '$neon8' } },\n      purple: { bc: '$purple8', '&::before': { bc: '$purple8' } },\n      gray: { bc: '$slate8', '&::before': { bc: '$slate8' } },\n    },\n    size: {\n      'x-small': { size: '$1' },\n      small: { size: '$2' },\n      medium: { size: '$3' },\n      large: { size: '$4' },\n      'x-large': { size: '$5' },\n    },\n    noAnimation: {\n      true: {\n        '&::before': { content: 'none' },\n      },\n    },\n  },\n\n  defaultVariants: {\n    size: 'small',\n    noAnimation: false,\n  },\n});\n"],"names":[],"mappings":";AAEA,MAAM,MAAM,UAAU;AAAA,EACpB,MAAM;AAAA,IACJ,KAAK;AAAA,IACL,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA,EAAA;AAAA,EAEX,QAAQ;AAAA,IACN,KAAK;AAAA,IACL,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA,EAAA;AAEb,CAAC;AAEM,MAAM,SAAS,OAAO,OAAO;AAAA,EAClC,SAAS;AAAA,EACT,MAAM;AAAA,EACN,IAAI;AAAA,EACJ,cAAc;AAAA,EACd,UAAU;AAAA,EAEV,aAAa;AAAA,IACX,WAAW,GAAG,GAAG;AAAA,IACjB,WAAW;AAAA,IACX,SAAS;AAAA,IACT,UAAU;AAAA,IACV,KAAK;AAAA,IACL,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,WAAW;AAAA,IACX,cAAc;AAAA,IACd,eAAe;AAAA,IACf,QAAQ;AAAA,EAAA;AAAA,EAGV,YAAY;AAAA,IACV,WAAW;AAAA,IACX,SAAS;AAAA,IACT,UAAU;AAAA,IACV,KAAK;AAAA,IACL,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,IAAI;AAAA,IACJ,cAAc;AAAA,IACd,eAAe;AAAA,EAAA;AAAA,EAGjB,UAAU;AAAA,IACR,SAAS;AAAA,MACP,KAAK,EAAE,IAAI,SAAS,aAAa,EAAE,IAAI,UAAQ;AAAA,MAC/C,OAAO,EAAE,IAAI,WAAW,aAAa,EAAE,IAAI,YAAU;AAAA,MACrD,QAAQ,EAAE,IAAI,YAAY,aAAa,EAAE,IAAI,aAAW;AAAA,MACxD,MAAM,EAAE,IAAI,UAAU,aAAa,EAAE,IAAI,WAAS;AAAA,MAClD,QAAQ,EAAE,IAAI,UAAU,aAAa,EAAE,IAAI,WAAS;AAAA,MACpD,QAAQ,EAAE,IAAI,YAAY,aAAa,EAAE,IAAI,aAAW;AAAA,MACxD,MAAM,EAAE,IAAI,WAAW,aAAa,EAAE,IAAI,YAAU;AAAA,IAAE;AAAA,IAExD,MAAM;AAAA,MACJ,WAAW,EAAE,MAAM,KAAA;AAAA,MACnB,OAAO,EAAE,MAAM,KAAA;AAAA,MACf,QAAQ,EAAE,MAAM,KAAA;AAAA,MAChB,OAAO,EAAE,MAAM,KAAA;AAAA,MACf,WAAW,EAAE,MAAM,KAAA;AAAA,IAAK;AAAA,IAE1B,aAAa;AAAA,MACX,MAAM;AAAA,QACJ,aAAa,EAAE,SAAS,OAAA;AAAA,MAAO;AAAA,IACjC;AAAA,EACF;AAAA,EAGF,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,aAAa;AAAA,EAAA;AAEjB,CAAC;"}
+{"version":3,"file":"Bubble.js","names":[],"sources":["../../../components/Bubble/Bubble.tsx"],"sourcesContent":["import { keyframes, styled } from '../../stitches.config';\n\nconst bip = keyframes({\n  '0%': {\n    top: 0,\n    right: 0,\n    bottom: 0,\n    left: 0,\n    opacity: 1,\n  },\n  '100%': {\n    top: -8,\n    right: -8,\n    bottom: -8,\n    left: -8,\n    opacity: 0,\n  },\n});\n\nexport const Bubble = styled('div', {\n  display: 'inline-block',\n  size: '$4',\n  bc: '$red8',\n  borderRadius: '50%',\n  position: 'relative',\n\n  '&::before': {\n    animation: `${bip} 1s ease infinite`,\n    boxSizing: 'border-box',\n    content: '\"\"',\n    position: 'absolute',\n    top: 0,\n    right: 0,\n    bottom: 0,\n    left: 0,\n    boxShadow: 'inset 0 0 0 1px rgba(255,255,255,.5)',\n    borderRadius: '50%',\n    pointerEvents: 'none',\n    zIndex: -1,\n  },\n\n  '&::after': {\n    boxSizing: 'border-box',\n    content: '\"\"',\n    position: 'absolute',\n    top: 5,\n    right: 5,\n    bottom: 5,\n    left: 5,\n    bc: 'rgba(255,255,255,.1)',\n    borderRadius: '50%',\n    pointerEvents: 'none',\n  },\n\n  variants: {\n    variant: {\n      red: { bc: '$red8', '&::before': { bc: '$red8' } },\n      green: { bc: '$green8', '&::before': { bc: '$green8' } },\n      orange: { bc: '$orange8', '&::before': { bc: '$orange8' } },\n      blue: { bc: '$blue8', '&::before': { bc: '$blue8' } },\n      yellow: { bc: '$neon8', '&::before': { bc: '$neon8' } },\n      purple: { bc: '$purple8', '&::before': { bc: '$purple8' } },\n      gray: { bc: '$slate8', '&::before': { bc: '$slate8' } },\n    },\n    size: {\n      'x-small': { size: '$1' },\n      small: { size: '$2' },\n      medium: { size: '$3' },\n      large: { size: '$4' },\n      'x-large': { size: '$5' },\n    },\n    noAnimation: {\n      true: {\n        '&::before': { content: 'none' },\n      },\n    },\n  },\n\n  defaultVariants: {\n    size: 'small',\n    noAnimation: false,\n  },\n});\n"],"mappings":";AAmBA,IAAa,SAAS,OAAO,OAAO;CAClC,SAAS;CACT,MAAM;CACN,IAAI;CACJ,cAAc;CACd,UAAU;CAEV,aAAa;EACX,WAAW,GAzBH,UAAU;GACpB,MAAM;IACJ,KAAK;IACL,OAAO;IACP,QAAQ;IACR,MAAM;IACN,SAAS;IACV;GACD,QAAQ;IACN,KAAK;IACL,OAAO;IACP,QAAQ;IACR,MAAM;IACN,SAAS;IACV;GACF,CAAC,CAUoB;EAClB,WAAW;EACX,SAAS;EACT,UAAU;EACV,KAAK;EACL,OAAO;EACP,QAAQ;EACR,MAAM;EACN,WAAW;EACX,cAAc;EACd,eAAe;EACf,QAAQ;EACT;CAED,YAAY;EACV,WAAW;EACX,SAAS;EACT,UAAU;EACV,KAAK;EACL,OAAO;EACP,QAAQ;EACR,MAAM;EACN,IAAI;EACJ,cAAc;EACd,eAAe;EAChB;CAED,UAAU;EACR,SAAS;GACP,KAAK;IAAE,IAAI;IAAS,aAAa,EAAE,IAAI,SAAS;IAAE;GAClD,OAAO;IAAE,IAAI;IAAW,aAAa,EAAE,IAAI,WAAW;IAAE;GACxD,QAAQ;IAAE,IAAI;IAAY,aAAa,EAAE,IAAI,YAAY;IAAE;GAC3D,MAAM;IAAE,IAAI;IAAU,aAAa,EAAE,IAAI,UAAU;IAAE;GACrD,QAAQ;IAAE,IAAI;IAAU,aAAa,EAAE,IAAI,UAAU;IAAE;GACvD,QAAQ;IAAE,IAAI;IAAY,aAAa,EAAE,IAAI,YAAY;IAAE;GAC3D,MAAM;IAAE,IAAI;IAAW,aAAa,EAAE,IAAI,WAAW;IAAE;GACxD;EACD,MAAM;GACJ,WAAW,EAAE,MAAM,MAAM;GACzB,OAAO,EAAE,MAAM,MAAM;GACrB,QAAQ,EAAE,MAAM,MAAM;GACtB,OAAO,EAAE,MAAM,MAAM;GACrB,WAAW,EAAE,MAAM,MAAM;GAC1B;EACD,aAAa,EACX,MAAM,EACJ,aAAa,EAAE,SAAS,QAAQ,EACjC,EACF;EACF;CAED,iBAAiB;EACf,MAAM;EACN,aAAa;EACd;CACF,CAAC"}

package/dist/components/Bubble/Bubble.vanilla.cjs

@@ -1,34 +1,34 @@
-"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 Bubble_vanilla_css = require("./Bubble.vanilla.css.cjs");
-const BubbleVanillaComponentImpl = React.forwardRef(
-  ({ as, className, css, style, size, variant, noAnimation, ...props }, ref) => {
-    const Component = as || "div";
-    const { colors } = themeContext.useVanillaExtractTheme();
-    const { style: cssStyles, vars } = cssProps.processCSSProp(css, colors);
-    const mergedStyles = {
-      ...cssStyles,
-      ...style,
-      ...dynamic.assignInlineVars(vars)
-    };
-    const recipeClass = Bubble_vanilla_css.bubbleRecipe({ size, variant, noAnimation });
-    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_Bubble_vanilla_css = require("./Bubble.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/Bubble/Bubble.vanilla.tsx
+var BubbleVanillaComponentImpl = (0, react.forwardRef)(({ as, className, css, style, size, variant, noAnimation, ...props }, ref) => {
+	const Component = as || "div";
+	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: `${require_Bubble_vanilla_css.bubbleRecipe({
+			size,
+			variant,
+			noAnimation
+		})} ${className || ""}`.trim(),
+		style: mergedStyles,
+		...props
+	});
+});
 BubbleVanillaComponentImpl.displayName = "BubbleVanilla";
-const BubbleVanilla = BubbleVanillaComponentImpl;
+var BubbleVanilla = BubbleVanillaComponentImpl;
+//#endregion
 exports.BubbleVanilla = BubbleVanilla;
-//# sourceMappingURL=Bubble.vanilla.cjs.map
+
+//# sourceMappingURL=Bubble.vanilla.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Bubble.vanilla.cjs","sources":["../../../components/Bubble/Bubble.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 { bubbleRecipe } from './Bubble.vanilla.css';\n\ntype BubbleRecipeVariants = NonNullable<RecipeVariants<typeof bubbleRecipe>>;\n\ninterface BubbleOwnProps extends BubbleRecipeVariants, CSSProps {}\n\nexport type BubbleVanillaProps<C extends ElementType = 'div'> = PolymorphicComponentProps<\n  C,\n  BubbleOwnProps\n>;\n\ntype BubbleVanillaComponent = PolymorphicComponent<'div', BubbleVanillaProps<ElementType>>;\n\nconst BubbleVanillaComponentImpl = forwardRef(\n  <C extends ElementType = 'div'>(\n    { as, className, css, style, size, variant, noAnimation, ...props }: BubbleVanillaProps<C>,\n    ref?: PolymorphicRef<C>,\n  ) => {\n    const Component = as || 'div';\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 = bubbleRecipe({ size, variant, noAnimation });\n\n    return (\n      <Component\n        ref={ref}\n        className={`${recipeClass} ${className || ''}`.trim()}\n        style={mergedStyles}\n        {...props}\n      />\n    );\n  },\n);\n\nBubbleVanillaComponentImpl.displayName = 'BubbleVanilla';\n\nexport const BubbleVanilla = BubbleVanillaComponentImpl as BubbleVanillaComponent;\n"],"names":["forwardRef","useVanillaExtractTheme","processCSSProp","assignInlineVars","bubbleRecipe","jsx"],"mappings":";;;;;;;;AAwBA,MAAM,6BAA6BA,MAAAA;AAAAA,EACjC,CACE,EAAE,IAAI,WAAW,KAAK,OAAO,MAAM,SAAS,aAAa,GAAG,MAAA,GAC5D,QACG;AACH,UAAM,YAAY,MAAM;AAExB,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,cAAcC,mBAAAA,aAAa,EAAE,MAAM,SAAS,aAAa;AAE/D,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,2BAA2B,cAAc;AAElC,MAAM,gBAAgB;;"}
+{"version":3,"file":"Bubble.vanilla.cjs","names":[],"sources":["../../../components/Bubble/Bubble.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 { bubbleRecipe } from './Bubble.vanilla.css';\n\ntype BubbleRecipeVariants = NonNullable<RecipeVariants<typeof bubbleRecipe>>;\n\ninterface BubbleOwnProps extends BubbleRecipeVariants, CSSProps {}\n\nexport type BubbleVanillaProps<C extends ElementType = 'div'> = PolymorphicComponentProps<\n  C,\n  BubbleOwnProps\n>;\n\ntype BubbleVanillaComponent = PolymorphicComponent<'div', BubbleVanillaProps<ElementType>>;\n\nconst BubbleVanillaComponentImpl = forwardRef(\n  <C extends ElementType = 'div'>(\n    { as, className, css, style, size, variant, noAnimation, ...props }: BubbleVanillaProps<C>,\n    ref?: PolymorphicRef<C>,\n  ) => {\n    const Component = as || 'div';\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 = bubbleRecipe({ size, variant, noAnimation });\n\n    return (\n      <Component\n        ref={ref}\n        className={`${recipeClass} ${className || ''}`.trim()}\n        style={mergedStyles}\n        {...props}\n      />\n    );\n  },\n);\n\nBubbleVanillaComponentImpl.displayName = 'BubbleVanilla';\n\nexport const BubbleVanilla = BubbleVanillaComponentImpl as BubbleVanillaComponent;\n"],"mappings":";;;;;;;;AAwBA,IAAM,8BAAA,GAAA,MAAA,aAEF,EAAE,IAAI,WAAW,KAAK,OAAO,MAAM,SAAS,aAAa,GAAG,SAC5D,QACG;CACH,MAAM,YAAY,MAAM;CAExB,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;AAID,QACE,iBAAA,GAAA,kBAAA,KAAC,WAAD;EACO;EACL,WAAW,GALK,2BAAA,aAAa;GAAE;GAAM;GAAS;GAAa,CAAC,CAKlC,GAAG,aAAa,KAAK,MAAM;EACrD,OAAO;EACP,GAAI;EACJ,CAAA;EAGP;AAED,2BAA2B,cAAc;AAEzC,IAAa,gBAAgB"}

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

@@ -1,7 +1,34 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../_virtual/_rolldown/runtime.cjs");
 ;/* empty css                                    */
-const createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
-var bubbleRecipe = createRuntimeFn.createRuntimeFn({ defaultClassName: "_1fnlquw2 _1fnlquw1", variantClassNames: { variant: { red: "_1fnlquw3", green: "_1fnlquw4", orange: "_1fnlquw5", blue: "_1fnlquw6", yellow: "_1fnlquw7", purple: "_1fnlquw8", gray: "_1fnlquw9" }, size: { "x-small": "_1fnlquwa", small: "_1fnlquwb", medium: "_1fnlquwc", large: "_1fnlquwd", "x-large": "_1fnlquwe" }, noAnimation: { true: "_1fnlquwf" } }, defaultVariants: { size: "small", noAnimation: false }, compoundVariants: [] });
+//#region components/Bubble/Bubble.vanilla.css.ts
+var bubbleRecipe = (0, require("@vanilla-extract/recipes/createRuntimeFn").createRuntimeFn)({
+	defaultClassName: "_1fnlquw2 _1fnlquw1",
+	variantClassNames: {
+		variant: {
+			red: "_1fnlquw3",
+			green: "_1fnlquw4",
+			orange: "_1fnlquw5",
+			blue: "_1fnlquw6",
+			yellow: "_1fnlquw7",
+			purple: "_1fnlquw8",
+			gray: "_1fnlquw9"
+		},
+		size: {
+			"x-small": "_1fnlquwa",
+			small: "_1fnlquwb",
+			medium: "_1fnlquwc",
+			large: "_1fnlquwd",
+			"x-large": "_1fnlquwe"
+		},
+		noAnimation: { true: "_1fnlquwf" }
+	},
+	defaultVariants: {
+		size: "small",
+		noAnimation: false
+	},
+	compoundVariants: []
+});
+//#endregion
 exports.bubbleRecipe = bubbleRecipe;
-//# sourceMappingURL=Bubble.vanilla.css.cjs.map
+
+//# sourceMappingURL=Bubble.vanilla.css.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Bubble.vanilla.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
+{"version":3,"file":"Bubble.vanilla.css.cjs","names":[],"sources":["../../../components/Bubble/Bubble.vanilla.css.ts"],"sourcesContent":["import { keyframes, style } from '@vanilla-extract/css';\nimport { recipe } from '@vanilla-extract/recipes';\n\nimport { tokens } from '../../styles/tokens.css';\n\nconst bip = keyframes({\n  '0%': {\n    top: 0,\n    right: 0,\n    bottom: 0,\n    left: 0,\n    opacity: 1,\n  },\n  '100%': {\n    top: -8,\n    right: -8,\n    bottom: -8,\n    left: -8,\n    opacity: 0,\n  },\n});\n\nconst baseBubble = style({\n  display: 'inline-block',\n  width: tokens.sizes['4'],\n  height: tokens.sizes['4'],\n  backgroundColor: tokens.colors.red['8'],\n  borderRadius: '50%',\n  position: 'relative',\n\n  selectors: {\n    '&::before': {\n      animation: `${bip} 1s ease infinite`,\n      boxSizing: 'border-box',\n      content: '\"\"',\n      position: 'absolute',\n      top: 0,\n      right: 0,\n      bottom: 0,\n      left: 0,\n      boxShadow: 'inset 0 0 0 1px rgba(255,255,255,.5)',\n      borderRadius: '50%',\n      pointerEvents: 'none',\n      zIndex: -1,\n    },\n    '&::after': {\n      boxSizing: 'border-box',\n      content: '\"\"',\n      position: 'absolute',\n      top: 5,\n      right: 5,\n      bottom: 5,\n      left: 5,\n      backgroundColor: 'rgba(255,255,255,.1)',\n      borderRadius: '50%',\n      pointerEvents: 'none',\n    },\n  },\n});\n\nexport const bubbleRecipe = recipe({\n  base: baseBubble,\n\n  variants: {\n    variant: {\n      red: {\n        backgroundColor: tokens.colors.red['8'],\n        selectors: {\n          '&::before': { backgroundColor: tokens.colors.red['8'] },\n        },\n      },\n      green: {\n        backgroundColor: tokens.colors.green['8'],\n        selectors: {\n          '&::before': { backgroundColor: tokens.colors.green['8'] },\n        },\n      },\n      orange: {\n        backgroundColor: tokens.colors.orange['8'],\n        selectors: {\n          '&::before': { backgroundColor: tokens.colors.orange['8'] },\n        },\n      },\n      blue: {\n        backgroundColor: tokens.colors.blue['8'],\n        selectors: {\n          '&::before': { backgroundColor: tokens.colors.blue['8'] },\n        },\n      },\n      yellow: {\n        backgroundColor: tokens.colors.neon['8'],\n        selectors: {\n          '&::before': { backgroundColor: tokens.colors.neon['8'] },\n        },\n      },\n      purple: {\n        backgroundColor: tokens.colors.purple['8'],\n        selectors: {\n          '&::before': { backgroundColor: tokens.colors.purple['8'] },\n        },\n      },\n      gray: {\n        backgroundColor: tokens.colors.slate['8'],\n        selectors: {\n          '&::before': { backgroundColor: tokens.colors.slate['8'] },\n        },\n      },\n    },\n    size: {\n      'x-small': {\n        width: tokens.sizes['1'],\n        height: tokens.sizes['1'],\n      },\n      small: {\n        width: tokens.sizes['2'],\n        height: tokens.sizes['2'],\n      },\n      medium: {\n        width: tokens.sizes['3'],\n        height: tokens.sizes['3'],\n      },\n      large: {\n        width: tokens.sizes['4'],\n        height: tokens.sizes['4'],\n      },\n      'x-large': {\n        width: tokens.sizes['5'],\n        height: tokens.sizes['5'],\n      },\n    },\n    noAnimation: {\n      true: {\n        selectors: {\n          '&::before': { content: 'none' },\n        },\n      },\n    },\n  },\n\n  defaultVariants: {\n    size: 'small',\n    noAnimation: false,\n  },\n});\n"],"mappings":""}

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

@@ -1,7 +1,34 @@
 /* empty css                                  */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
-var bubbleRecipe = createRuntimeFn({ defaultClassName: "_1fnlquw2 _1fnlquw1", variantClassNames: { variant: { red: "_1fnlquw3", green: "_1fnlquw4", orange: "_1fnlquw5", blue: "_1fnlquw6", yellow: "_1fnlquw7", purple: "_1fnlquw8", gray: "_1fnlquw9" }, size: { "x-small": "_1fnlquwa", small: "_1fnlquwb", medium: "_1fnlquwc", large: "_1fnlquwd", "x-large": "_1fnlquwe" }, noAnimation: { true: "_1fnlquwf" } }, defaultVariants: { size: "small", noAnimation: false }, compoundVariants: [] });
-export {
-  bubbleRecipe
-};
-//# sourceMappingURL=Bubble.vanilla.css.js.map
+//#region components/Bubble/Bubble.vanilla.css.ts
+var bubbleRecipe = createRuntimeFn({
+	defaultClassName: "_1fnlquw2 _1fnlquw1",
+	variantClassNames: {
+		variant: {
+			red: "_1fnlquw3",
+			green: "_1fnlquw4",
+			orange: "_1fnlquw5",
+			blue: "_1fnlquw6",
+			yellow: "_1fnlquw7",
+			purple: "_1fnlquw8",
+			gray: "_1fnlquw9"
+		},
+		size: {
+			"x-small": "_1fnlquwa",
+			small: "_1fnlquwb",
+			medium: "_1fnlquwc",
+			large: "_1fnlquwd",
+			"x-large": "_1fnlquwe"
+		},
+		noAnimation: { true: "_1fnlquwf" }
+	},
+	defaultVariants: {
+		size: "small",
+		noAnimation: false
+	},
+	compoundVariants: []
+});
+//#endregion
+export { bubbleRecipe };
+
+//# sourceMappingURL=Bubble.vanilla.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Bubble.vanilla.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}
+{"version":3,"file":"Bubble.vanilla.css.js","names":[],"sources":["../../../components/Bubble/Bubble.vanilla.css.ts"],"sourcesContent":["import { keyframes, style } from '@vanilla-extract/css';\nimport { recipe } from '@vanilla-extract/recipes';\n\nimport { tokens } from '../../styles/tokens.css';\n\nconst bip = keyframes({\n  '0%': {\n    top: 0,\n    right: 0,\n    bottom: 0,\n    left: 0,\n    opacity: 1,\n  },\n  '100%': {\n    top: -8,\n    right: -8,\n    bottom: -8,\n    left: -8,\n    opacity: 0,\n  },\n});\n\nconst baseBubble = style({\n  display: 'inline-block',\n  width: tokens.sizes['4'],\n  height: tokens.sizes['4'],\n  backgroundColor: tokens.colors.red['8'],\n  borderRadius: '50%',\n  position: 'relative',\n\n  selectors: {\n    '&::before': {\n      animation: `${bip} 1s ease infinite`,\n      boxSizing: 'border-box',\n      content: '\"\"',\n      position: 'absolute',\n      top: 0,\n      right: 0,\n      bottom: 0,\n      left: 0,\n      boxShadow: 'inset 0 0 0 1px rgba(255,255,255,.5)',\n      borderRadius: '50%',\n      pointerEvents: 'none',\n      zIndex: -1,\n    },\n    '&::after': {\n      boxSizing: 'border-box',\n      content: '\"\"',\n      position: 'absolute',\n      top: 5,\n      right: 5,\n      bottom: 5,\n      left: 5,\n      backgroundColor: 'rgba(255,255,255,.1)',\n      borderRadius: '50%',\n      pointerEvents: 'none',\n    },\n  },\n});\n\nexport const bubbleRecipe = recipe({\n  base: baseBubble,\n\n  variants: {\n    variant: {\n      red: {\n        backgroundColor: tokens.colors.red['8'],\n        selectors: {\n          '&::before': { backgroundColor: tokens.colors.red['8'] },\n        },\n      },\n      green: {\n        backgroundColor: tokens.colors.green['8'],\n        selectors: {\n          '&::before': { backgroundColor: tokens.colors.green['8'] },\n        },\n      },\n      orange: {\n        backgroundColor: tokens.colors.orange['8'],\n        selectors: {\n          '&::before': { backgroundColor: tokens.colors.orange['8'] },\n        },\n      },\n      blue: {\n        backgroundColor: tokens.colors.blue['8'],\n        selectors: {\n          '&::before': { backgroundColor: tokens.colors.blue['8'] },\n        },\n      },\n      yellow: {\n        backgroundColor: tokens.colors.neon['8'],\n        selectors: {\n          '&::before': { backgroundColor: tokens.colors.neon['8'] },\n        },\n      },\n      purple: {\n        backgroundColor: tokens.colors.purple['8'],\n        selectors: {\n          '&::before': { backgroundColor: tokens.colors.purple['8'] },\n        },\n      },\n      gray: {\n        backgroundColor: tokens.colors.slate['8'],\n        selectors: {\n          '&::before': { backgroundColor: tokens.colors.slate['8'] },\n        },\n      },\n    },\n    size: {\n      'x-small': {\n        width: tokens.sizes['1'],\n        height: tokens.sizes['1'],\n      },\n      small: {\n        width: tokens.sizes['2'],\n        height: tokens.sizes['2'],\n      },\n      medium: {\n        width: tokens.sizes['3'],\n        height: tokens.sizes['3'],\n      },\n      large: {\n        width: tokens.sizes['4'],\n        height: tokens.sizes['4'],\n      },\n      'x-large': {\n        width: tokens.sizes['5'],\n        height: tokens.sizes['5'],\n      },\n    },\n    noAnimation: {\n      true: {\n        selectors: {\n          '&::before': { content: 'none' },\n        },\n      },\n    },\n  },\n\n  defaultVariants: {\n    size: 'small',\n    noAnimation: false,\n  },\n});\n"],"mappings":""}

package/dist/components/Bubble/Bubble.vanilla.js

@@ -1,34 +1,33 @@
-import { jsx } from "react/jsx-runtime";
-import { assignInlineVars } from "@vanilla-extract/dynamic";
-import { forwardRef } from "react";
 import { processCSSProp } from "../../styles/cssProps.js";
 import { useVanillaExtractTheme } from "../../styles/themeContext.js";
 import { bubbleRecipe } from "./Bubble.vanilla.css.js";
-const BubbleVanillaComponentImpl = forwardRef(
-  ({ as, className, css, style, size, variant, noAnimation, ...props }, ref) => {
-    const Component = as || "div";
-    const { colors } = useVanillaExtractTheme();
-    const { style: cssStyles, vars } = processCSSProp(css, colors);
-    const mergedStyles = {
-      ...cssStyles,
-      ...style,
-      ...assignInlineVars(vars)
-    };
-    const recipeClass = bubbleRecipe({ size, variant, noAnimation });
-    return /* @__PURE__ */ jsx(
-      Component,
-      {
-        ref,
-        className: `${recipeClass} ${className || ""}`.trim(),
-        style: mergedStyles,
-        ...props
-      }
-    );
-  }
-);
+import { forwardRef } from "react";
+import { assignInlineVars } from "@vanilla-extract/dynamic";
+import { jsx } from "react/jsx-runtime";
+//#region components/Bubble/Bubble.vanilla.tsx
+var BubbleVanillaComponentImpl = forwardRef(({ as, className, css, style, size, variant, noAnimation, ...props }, ref) => {
+	const Component = as || "div";
+	const { colors } = useVanillaExtractTheme();
+	const { style: cssStyles, vars } = processCSSProp(css, colors);
+	const mergedStyles = {
+		...cssStyles,
+		...style,
+		...assignInlineVars(vars)
+	};
+	return /* @__PURE__ */ jsx(Component, {
+		ref,
+		className: `${bubbleRecipe({
+			size,
+			variant,
+			noAnimation
+		})} ${className || ""}`.trim(),
+		style: mergedStyles,
+		...props
+	});
+});
 BubbleVanillaComponentImpl.displayName = "BubbleVanilla";
-const BubbleVanilla = BubbleVanillaComponentImpl;
-export {
-  BubbleVanilla
-};
-//# sourceMappingURL=Bubble.vanilla.js.map
+var BubbleVanilla = BubbleVanillaComponentImpl;
+//#endregion
+export { BubbleVanilla };
+
+//# sourceMappingURL=Bubble.vanilla.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Bubble.vanilla.js","sources":["../../../components/Bubble/Bubble.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 { bubbleRecipe } from './Bubble.vanilla.css';\n\ntype BubbleRecipeVariants = NonNullable<RecipeVariants<typeof bubbleRecipe>>;\n\ninterface BubbleOwnProps extends BubbleRecipeVariants, CSSProps {}\n\nexport type BubbleVanillaProps<C extends ElementType = 'div'> = PolymorphicComponentProps<\n  C,\n  BubbleOwnProps\n>;\n\ntype BubbleVanillaComponent = PolymorphicComponent<'div', BubbleVanillaProps<ElementType>>;\n\nconst BubbleVanillaComponentImpl = forwardRef(\n  <C extends ElementType = 'div'>(\n    { as, className, css, style, size, variant, noAnimation, ...props }: BubbleVanillaProps<C>,\n    ref?: PolymorphicRef<C>,\n  ) => {\n    const Component = as || 'div';\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 = bubbleRecipe({ size, variant, noAnimation });\n\n    return (\n      <Component\n        ref={ref}\n        className={`${recipeClass} ${className || ''}`.trim()}\n        style={mergedStyles}\n        {...props}\n      />\n    );\n  },\n);\n\nBubbleVanillaComponentImpl.displayName = 'BubbleVanilla';\n\nexport const BubbleVanilla = BubbleVanillaComponentImpl as BubbleVanillaComponent;\n"],"names":[],"mappings":";;;;;;AAwBA,MAAM,6BAA6B;AAAA,EACjC,CACE,EAAE,IAAI,WAAW,KAAK,OAAO,MAAM,SAAS,aAAa,GAAG,MAAA,GAC5D,QACG;AACH,UAAM,YAAY,MAAM;AAExB,UAAM,EAAE,OAAA,IAAW,uBAAA;AAEnB,UAAM,EAAE,OAAO,WAAW,SAAS,eAAe,KAAK,MAAM;AAE7D,UAAM,eAAe;AAAA,MACnB,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG,iBAAiB,IAAI;AAAA,IAAA;AAG1B,UAAM,cAAc,aAAa,EAAE,MAAM,SAAS,aAAa;AAE/D,WACE;AAAA,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,2BAA2B,cAAc;AAElC,MAAM,gBAAgB;"}
+{"version":3,"file":"Bubble.vanilla.js","names":[],"sources":["../../../components/Bubble/Bubble.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 { bubbleRecipe } from './Bubble.vanilla.css';\n\ntype BubbleRecipeVariants = NonNullable<RecipeVariants<typeof bubbleRecipe>>;\n\ninterface BubbleOwnProps extends BubbleRecipeVariants, CSSProps {}\n\nexport type BubbleVanillaProps<C extends ElementType = 'div'> = PolymorphicComponentProps<\n  C,\n  BubbleOwnProps\n>;\n\ntype BubbleVanillaComponent = PolymorphicComponent<'div', BubbleVanillaProps<ElementType>>;\n\nconst BubbleVanillaComponentImpl = forwardRef(\n  <C extends ElementType = 'div'>(\n    { as, className, css, style, size, variant, noAnimation, ...props }: BubbleVanillaProps<C>,\n    ref?: PolymorphicRef<C>,\n  ) => {\n    const Component = as || 'div';\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 = bubbleRecipe({ size, variant, noAnimation });\n\n    return (\n      <Component\n        ref={ref}\n        className={`${recipeClass} ${className || ''}`.trim()}\n        style={mergedStyles}\n        {...props}\n      />\n    );\n  },\n);\n\nBubbleVanillaComponentImpl.displayName = 'BubbleVanilla';\n\nexport const BubbleVanilla = BubbleVanillaComponentImpl as BubbleVanillaComponent;\n"],"mappings":";;;;;;;AAwBA,IAAM,6BAA6B,YAE/B,EAAE,IAAI,WAAW,KAAK,OAAO,MAAM,SAAS,aAAa,GAAG,SAC5D,QACG;CACH,MAAM,YAAY,MAAM;CAExB,MAAM,EAAE,WAAW,wBAAwB;CAE3C,MAAM,EAAE,OAAO,WAAW,SAAS,eAAe,KAAK,OAAO;CAE9D,MAAM,eAAe;EACnB,GAAG;EACH,GAAG;EACH,GAAG,iBAAiB,KAAK;EAC1B;AAID,QACE,oBAAC,WAAD;EACO;EACL,WAAW,GALK,aAAa;GAAE;GAAM;GAAS;GAAa,CAAC,CAKlC,GAAG,aAAa,KAAK,MAAM;EACrD,OAAO;EACP,GAAI;EACJ,CAAA;EAGP;AAED,2BAA2B,cAAc;AAEzC,IAAa,gBAAgB"}