@traefik-labs/faency 12.2.1 → 12.2.3

package/dist/components/IconButton/IconButton.themes.cjs

@@ -1,18 +1,25 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-exports.Theme = void 0;
-((Theme2) => {
-  Theme2.getLight = () => ({
-    iconButtonBackground: "white",
-    iconButtonHoverBorder: "$slate9",
-    iconButtonHoverBackground: "$slateA3",
-    iconButtonFocusBorder: "$slate10"
-  });
-  Theme2.getDark = () => ({
-    iconButtonBackground: "$deepBlue2",
-    iconButtonHoverBorder: "$deepBlue6",
-    iconButtonHoverBackground: "$slateA4",
-    iconButtonFocusBorder: "$deepBlue7"
-  });
-})(exports.Theme || (exports.Theme = {}));
-//# sourceMappingURL=IconButton.themes.cjs.map
+//#region components/IconButton/IconButton.themes.ts
+var Theme;
+(function(_Theme) {
+	_Theme.getLight = () => ({
+		iconButtonBackground: "white",
+		iconButtonHoverBorder: "$slate9",
+		iconButtonHoverBackground: "$slateA3",
+		iconButtonFocusBorder: "$slate10"
+	});
+	_Theme.getDark = () => ({
+		iconButtonBackground: "$deepBlue2",
+		iconButtonHoverBorder: "$deepBlue6",
+		iconButtonHoverBackground: "$slateA4",
+		iconButtonFocusBorder: "$deepBlue7"
+	});
+})(Theme || (Theme = {}));
+//#endregion
+Object.defineProperty(exports, "Theme", {
+	enumerable: true,
+	get: function() {
+		return Theme;
+	}
+});
+
+//# sourceMappingURL=IconButton.themes.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"IconButton.themes.cjs","sources":["../../../components/IconButton/IconButton.themes.ts"],"sourcesContent":["import { Property } from '@stitches/react/types/css';\n\nimport { ColorInfo } from '../../utils/getPrimaryColorInfo';\n\nexport namespace Theme {\n  type Colors = {\n    iconButtonBackground: Property.Color;\n    iconButtonHoverBorder: Property.Color;\n    iconButtonHoverBackground: Property.Color;\n    iconButtonFocusBorder: Property.Color;\n  };\n\n  type Factory = (primaryColor?: ColorInfo) => Colors;\n\n  export const getLight: Factory = () => ({\n    iconButtonBackground: 'white',\n    iconButtonHoverBorder: '$slate9',\n    iconButtonHoverBackground: '$slateA3',\n    iconButtonFocusBorder: '$slate10',\n  });\n\n  export const getDark: Factory = () => ({\n    iconButtonBackground: '$deepBlue2',\n    iconButtonHoverBorder: '$deepBlue6',\n    iconButtonHoverBackground: '$slateA4',\n    iconButtonFocusBorder: '$deepBlue7',\n  });\n}\n"],"names":["Theme"],"mappings":";;AAIiBA,QAAAA,QAAAA;AAAAA,CAAV,CAAUA,WAAV;AAUQA,SAAA,WAAoB,OAAO;AAAA,IACtC,sBAAsB;AAAA,IACtB,uBAAuB;AAAA,IACvB,2BAA2B;AAAA,IAC3B,uBAAuB;AAAA,EAAA;AAGZA,SAAA,UAAmB,OAAO;AAAA,IACrC,sBAAsB;AAAA,IACtB,uBAAuB;AAAA,IACvB,2BAA2B;AAAA,IAC3B,uBAAuB;AAAA,EAAA;AACzB,GAtBeA,QAAAA,UAAAA,gBAAA,CAAA,EAAA;"}
+{"version":3,"file":"IconButton.themes.cjs","names":[],"sources":["../../../components/IconButton/IconButton.themes.ts"],"sourcesContent":["import { Property } from '@stitches/react/types/css';\n\nimport { ColorInfo } from '../../utils/getPrimaryColorInfo';\n\nexport namespace Theme {\n  type Colors = {\n    iconButtonBackground: Property.Color;\n    iconButtonHoverBorder: Property.Color;\n    iconButtonHoverBackground: Property.Color;\n    iconButtonFocusBorder: Property.Color;\n  };\n\n  type Factory = (primaryColor?: ColorInfo) => Colors;\n\n  export const getLight: Factory = () => ({\n    iconButtonBackground: 'white',\n    iconButtonHoverBorder: '$slate9',\n    iconButtonHoverBackground: '$slateA3',\n    iconButtonFocusBorder: '$slate10',\n  });\n\n  export const getDark: Factory = () => ({\n    iconButtonBackground: '$deepBlue2',\n    iconButtonHoverBorder: '$deepBlue6',\n    iconButtonHoverBackground: '$slateA4',\n    iconButtonFocusBorder: '$deepBlue7',\n  });\n}\n"],"mappings":";AAIO,IAAA;;AAUQ,QAAA,kBAA2B;EACtC,sBAAsB;EACtB,uBAAuB;EACvB,2BAA2B;EAC3B,uBAAuB;EACxB;AAEY,QAAA,iBAA0B;EACrC,sBAAsB;EACtB,uBAAuB;EACvB,2BAA2B;EAC3B,uBAAuB;EACxB;yBACF"}

package/dist/components/IconButton/IconButton.themes.js

@@ -1,19 +1,20 @@
+//#region components/IconButton/IconButton.themes.ts
 var Theme;
-((Theme2) => {
-  Theme2.getLight = () => ({
-    iconButtonBackground: "white",
-    iconButtonHoverBorder: "$slate9",
-    iconButtonHoverBackground: "$slateA3",
-    iconButtonFocusBorder: "$slate10"
-  });
-  Theme2.getDark = () => ({
-    iconButtonBackground: "$deepBlue2",
-    iconButtonHoverBorder: "$deepBlue6",
-    iconButtonHoverBackground: "$slateA4",
-    iconButtonFocusBorder: "$deepBlue7"
-  });
+(function(_Theme) {
+	_Theme.getLight = () => ({
+		iconButtonBackground: "white",
+		iconButtonHoverBorder: "$slate9",
+		iconButtonHoverBackground: "$slateA3",
+		iconButtonFocusBorder: "$slate10"
+	});
+	_Theme.getDark = () => ({
+		iconButtonBackground: "$deepBlue2",
+		iconButtonHoverBorder: "$deepBlue6",
+		iconButtonHoverBackground: "$slateA4",
+		iconButtonFocusBorder: "$deepBlue7"
+	});
 })(Theme || (Theme = {}));
-export {
-  Theme
-};
-//# sourceMappingURL=IconButton.themes.js.map
+//#endregion
+export { Theme };
+
+//# sourceMappingURL=IconButton.themes.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"IconButton.themes.js","sources":["../../../components/IconButton/IconButton.themes.ts"],"sourcesContent":["import { Property } from '@stitches/react/types/css';\n\nimport { ColorInfo } from '../../utils/getPrimaryColorInfo';\n\nexport namespace Theme {\n  type Colors = {\n    iconButtonBackground: Property.Color;\n    iconButtonHoverBorder: Property.Color;\n    iconButtonHoverBackground: Property.Color;\n    iconButtonFocusBorder: Property.Color;\n  };\n\n  type Factory = (primaryColor?: ColorInfo) => Colors;\n\n  export const getLight: Factory = () => ({\n    iconButtonBackground: 'white',\n    iconButtonHoverBorder: '$slate9',\n    iconButtonHoverBackground: '$slateA3',\n    iconButtonFocusBorder: '$slate10',\n  });\n\n  export const getDark: Factory = () => ({\n    iconButtonBackground: '$deepBlue2',\n    iconButtonHoverBorder: '$deepBlue6',\n    iconButtonHoverBackground: '$slateA4',\n    iconButtonFocusBorder: '$deepBlue7',\n  });\n}\n"],"names":["Theme"],"mappings":"AAIO,IAAU;AAAA,CAAV,CAAUA,WAAV;AAUQA,SAAA,WAAoB,OAAO;AAAA,IACtC,sBAAsB;AAAA,IACtB,uBAAuB;AAAA,IACvB,2BAA2B;AAAA,IAC3B,uBAAuB;AAAA,EAAA;AAGZA,SAAA,UAAmB,OAAO;AAAA,IACrC,sBAAsB;AAAA,IACtB,uBAAuB;AAAA,IACvB,2BAA2B;AAAA,IAC3B,uBAAuB;AAAA,EAAA;AACzB,GAtBe,UAAA,QAAA,CAAA,EAAA;"}
+{"version":3,"file":"IconButton.themes.js","names":[],"sources":["../../../components/IconButton/IconButton.themes.ts"],"sourcesContent":["import { Property } from '@stitches/react/types/css';\n\nimport { ColorInfo } from '../../utils/getPrimaryColorInfo';\n\nexport namespace Theme {\n  type Colors = {\n    iconButtonBackground: Property.Color;\n    iconButtonHoverBorder: Property.Color;\n    iconButtonHoverBackground: Property.Color;\n    iconButtonFocusBorder: Property.Color;\n  };\n\n  type Factory = (primaryColor?: ColorInfo) => Colors;\n\n  export const getLight: Factory = () => ({\n    iconButtonBackground: 'white',\n    iconButtonHoverBorder: '$slate9',\n    iconButtonHoverBackground: '$slateA3',\n    iconButtonFocusBorder: '$slate10',\n  });\n\n  export const getDark: Factory = () => ({\n    iconButtonBackground: '$deepBlue2',\n    iconButtonHoverBorder: '$deepBlue6',\n    iconButtonHoverBackground: '$slateA4',\n    iconButtonFocusBorder: '$deepBlue7',\n  });\n}\n"],"mappings":";AAIO,IAAA;;AAUQ,QAAA,kBAA2B;EACtC,sBAAsB;EACtB,uBAAuB;EACvB,2BAA2B;EAC3B,uBAAuB;EACxB;AAEY,QAAA,iBAA0B;EACrC,sBAAsB;EACtB,uBAAuB;EACvB,2BAA2B;EAC3B,uBAAuB;EACxB;yBACF"}

package/dist/components/IconButton/IconButton.vanilla.cjs

@@ -1,34 +1,33 @@
-"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 IconButton_vanilla_css = require("./IconButton.vanilla.css.cjs");
-const IconButtonVanillaComponentImpl = React.forwardRef(
-  ({ as, className, css, style, size, variant, ...props }, ref) => {
-    const Component = as || "button";
-    const { colors } = themeContext.useVanillaExtractTheme();
-    const { style: cssStyles, vars } = cssProps.processCSSProp(css, colors);
-    const mergedStyles = {
-      ...cssStyles,
-      ...style,
-      ...dynamic.assignInlineVars(vars)
-    };
-    const recipeClass = IconButton_vanilla_css.iconButtonRecipe({ size, variant });
-    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_IconButton_vanilla_css = require("./IconButton.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/IconButton/IconButton.vanilla.tsx
+var IconButtonVanillaComponentImpl = (0, react.forwardRef)(({ as, className, css, style, size, variant, ...props }, ref) => {
+	const Component = as || "button";
+	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_IconButton_vanilla_css.iconButtonRecipe({
+			size,
+			variant
+		})} ${className || ""}`.trim(),
+		style: mergedStyles,
+		...props
+	});
+});
 IconButtonVanillaComponentImpl.displayName = "IconButtonVanilla";
-const IconButtonVanilla = IconButtonVanillaComponentImpl;
+var IconButtonVanilla = IconButtonVanillaComponentImpl;
+//#endregion
 exports.IconButtonVanilla = IconButtonVanilla;
-//# sourceMappingURL=IconButton.vanilla.cjs.map
+
+//# sourceMappingURL=IconButton.vanilla.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"IconButton.vanilla.cjs","sources":["../../../components/IconButton/IconButton.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 { iconButtonRecipe } from './IconButton.vanilla.css';\n\ntype IconButtonRecipeVariants = RecipeVariants<typeof iconButtonRecipe>;\n\ninterface IconButtonOwnProps extends Omit<IconButtonRecipeVariants, never>, CSSProps {}\n\nexport type IconButtonVanillaProps<C extends ElementType = 'button'> = PolymorphicComponentProps<\n  C,\n  IconButtonOwnProps\n>;\n\ntype IconButtonVanillaComponent = PolymorphicComponent<\n  'button',\n  IconButtonVanillaProps<ElementType>\n>;\n\nconst IconButtonVanillaComponentImpl = forwardRef(\n  <C extends ElementType = 'button'>(\n    { as, className, css, style, size, variant, ...props }: IconButtonVanillaProps<C>,\n    ref?: PolymorphicRef<C>,\n  ) => {\n    const Component = as || 'button';\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 = iconButtonRecipe({ size, variant });\n\n    return (\n      <Component\n        ref={ref}\n        className={`${recipeClass} ${className || ''}`.trim()}\n        style={mergedStyles}\n        {...props}\n      />\n    );\n  },\n);\n\nIconButtonVanillaComponentImpl.displayName = 'IconButtonVanilla';\n\nexport const IconButtonVanilla = IconButtonVanillaComponentImpl as IconButtonVanillaComponent;\n"],"names":["forwardRef","useVanillaExtractTheme","processCSSProp","assignInlineVars","iconButtonRecipe","jsx"],"mappings":";;;;;;;;AA2BA,MAAM,iCAAiCA,MAAAA;AAAAA,EACrC,CACE,EAAE,IAAI,WAAW,KAAK,OAAO,MAAM,SAAS,GAAG,MAAA,GAC/C,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,uBAAAA,iBAAiB,EAAE,MAAM,SAAS;AAEtD,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,+BAA+B,cAAc;AAEtC,MAAM,oBAAoB;;"}
+{"version":3,"file":"IconButton.vanilla.cjs","names":[],"sources":["../../../components/IconButton/IconButton.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 { iconButtonRecipe } from './IconButton.vanilla.css';\n\ntype IconButtonRecipeVariants = RecipeVariants<typeof iconButtonRecipe>;\n\ninterface IconButtonOwnProps extends Omit<IconButtonRecipeVariants, never>, CSSProps {}\n\nexport type IconButtonVanillaProps<C extends ElementType = 'button'> = PolymorphicComponentProps<\n  C,\n  IconButtonOwnProps\n>;\n\ntype IconButtonVanillaComponent = PolymorphicComponent<\n  'button',\n  IconButtonVanillaProps<ElementType>\n>;\n\nconst IconButtonVanillaComponentImpl = forwardRef(\n  <C extends ElementType = 'button'>(\n    { as, className, css, style, size, variant, ...props }: IconButtonVanillaProps<C>,\n    ref?: PolymorphicRef<C>,\n  ) => {\n    const Component = as || 'button';\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 = iconButtonRecipe({ size, variant });\n\n    return (\n      <Component\n        ref={ref}\n        className={`${recipeClass} ${className || ''}`.trim()}\n        style={mergedStyles}\n        {...props}\n      />\n    );\n  },\n);\n\nIconButtonVanillaComponentImpl.displayName = 'IconButtonVanilla';\n\nexport const IconButtonVanilla = IconButtonVanillaComponentImpl as IconButtonVanillaComponent;\n"],"mappings":";;;;;;;;AA2BA,IAAM,kCAAA,GAAA,MAAA,aAEF,EAAE,IAAI,WAAW,KAAK,OAAO,MAAM,SAAS,GAAG,SAC/C,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,+BAAA,iBAAiB;GAAE;GAAM;GAAS,CAAC,CAKzB,GAAG,aAAa,KAAK,MAAM;EACrD,OAAO;EACP,GAAI;EACJ,CAAA;EAGP;AAED,+BAA+B,cAAc;AAE7C,IAAa,oBAAoB"}

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

@@ -1,7 +1,31 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../_virtual/_rolldown/runtime.cjs");
 ;/* empty css                                        */
-const createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
-var iconButtonRecipe = createRuntimeFn.createRuntimeFn({ defaultClassName: "vdyzvy1 vdyzvy0", variantClassNames: { size: { "1": "vdyzvy2", "2": "vdyzvy3", "3": "vdyzvy4", "4": "vdyzvy5" }, variant: { "default": "vdyzvy6", contrast: "vdyzvy7", primary: "vdyzvy8", red: "vdyzvy9", green: "vdyzvya", orange: "vdyzvyb" } }, defaultVariants: { variant: "default", size: "2" }, compoundVariants: [] });
+//#region components/IconButton/IconButton.vanilla.css.ts
+var iconButtonRecipe = (0, require("@vanilla-extract/recipes/createRuntimeFn").createRuntimeFn)({
+	defaultClassName: "vdyzvy1 vdyzvy0",
+	variantClassNames: {
+		size: {
+			"1": "vdyzvy2",
+			"2": "vdyzvy3",
+			"3": "vdyzvy4",
+			"4": "vdyzvy5"
+		},
+		variant: {
+			"default": "vdyzvy6",
+			contrast: "vdyzvy7",
+			primary: "vdyzvy8",
+			red: "vdyzvy9",
+			green: "vdyzvya",
+			orange: "vdyzvyb"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "2"
+	},
+	compoundVariants: []
+});
+//#endregion
 exports.iconButtonRecipe = iconButtonRecipe;
-//# sourceMappingURL=IconButton.vanilla.css.cjs.map
+
+//# sourceMappingURL=IconButton.vanilla.css.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"IconButton.vanilla.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
+{"version":3,"file":"IconButton.vanilla.css.cjs","names":[],"sources":["../../../components/IconButton/IconButton.vanilla.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\nimport { recipe, RecipeVariants } from '@vanilla-extract/recipes';\n\nimport { tokens } from '../../styles/tokens.css';\n\n// Base button styles (matching BUTTON_BASE_STYLES from Button component)\nconst baseIconButton = style({\n  // Reset\n  appearance: 'none',\n  userSelect: 'none',\n  boxSizing: 'border-box',\n  border: 'none',\n  WebkitTapHighlightColor: 'rgba(0,0,0,0)',\n\n  // Layout\n  alignItems: 'center',\n  display: 'inline-flex',\n  flexShrink: 0,\n  justifyContent: 'center',\n  position: 'relative',\n  padding: '0',\n\n  // Typography\n  fontFamily: 'inherit',\n  fontSize: '14px',\n  lineHeight: '1',\n\n  // Custom\n  textDecoration: 'none',\n  backgroundColor: 'transparent',\n\n  // Pseudo-elements for hover/active effects\n  selectors: {\n    '&::before': {\n      boxSizing: 'border-box',\n      content: '\"\"',\n      position: 'absolute',\n      inset: 0,\n      borderRadius: 'inherit',\n    },\n    '&::after': {\n      boxSizing: 'border-box',\n      content: '\"\"',\n      position: 'absolute',\n      inset: 0,\n      borderRadius: 'inherit',\n    },\n    '&:disabled': {\n      pointerEvents: 'none',\n      opacity: 0.5,\n    },\n    '&:focus-visible': {\n      outline: '2px solid currentColor',\n    },\n    '&:focus-visible::before': {\n      backgroundColor: 'rgba(255, 255, 255, 0.15)',\n    },\n    '&:focus-visible::after': {\n      opacity: 0.15,\n    },\n    '&:active::before': {\n      backgroundColor: 'rgba(0, 0, 0, 0.15)',\n    },\n  },\n\n  '@media': {\n    '(hover: hover)': {\n      selectors: {\n        '&:hover': {\n          cursor: 'pointer',\n        },\n        '&:hover::before': {\n          backgroundColor: 'rgba(255, 255, 255, 0.15)',\n        },\n        '&:hover::after': {\n          opacity: 0.05,\n        },\n      },\n    },\n  },\n});\n\nexport const iconButtonRecipe = recipe({\n  base: baseIconButton,\n\n  variants: {\n    size: {\n      '1': {\n        borderRadius: tokens.radii['1'],\n        height: tokens.sizes['5'],\n        width: tokens.sizes['5'],\n      },\n      '2': {\n        borderRadius: tokens.radii['2'],\n        height: tokens.sizes['6'],\n        width: tokens.sizes['6'],\n      },\n      '3': {\n        borderRadius: tokens.radii['2'],\n        height: tokens.sizes['7'],\n        width: tokens.sizes['7'],\n      },\n      '4': {\n        borderRadius: tokens.radii['3'],\n        height: tokens.sizes['8'],\n        width: tokens.sizes['8'],\n      },\n    },\n    variant: {\n      default: {\n        color: tokens.colors.slate['10'],\n      },\n      contrast: {\n        color: tokens.colors.hiContrast,\n      },\n      primary: {\n        color: tokens.colors.primary,\n      },\n      red: {\n        color: tokens.colors.red['9'],\n      },\n      green: {\n        color: tokens.colors.green['9'],\n      },\n      orange: {\n        color: tokens.colors.orange['9'],\n      },\n    },\n  },\n\n  defaultVariants: {\n    variant: 'default',\n    size: '2',\n  },\n});\n\nexport type IconButtonRecipeVariants = RecipeVariants<typeof iconButtonRecipe>;\n"],"mappings":""}

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

@@ -1,7 +1,31 @@
 /* empty css                                      */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
-var iconButtonRecipe = createRuntimeFn({ defaultClassName: "vdyzvy1 vdyzvy0", variantClassNames: { size: { "1": "vdyzvy2", "2": "vdyzvy3", "3": "vdyzvy4", "4": "vdyzvy5" }, variant: { "default": "vdyzvy6", contrast: "vdyzvy7", primary: "vdyzvy8", red: "vdyzvy9", green: "vdyzvya", orange: "vdyzvyb" } }, defaultVariants: { variant: "default", size: "2" }, compoundVariants: [] });
-export {
-  iconButtonRecipe
-};
-//# sourceMappingURL=IconButton.vanilla.css.js.map
+//#region components/IconButton/IconButton.vanilla.css.ts
+var iconButtonRecipe = createRuntimeFn({
+	defaultClassName: "vdyzvy1 vdyzvy0",
+	variantClassNames: {
+		size: {
+			"1": "vdyzvy2",
+			"2": "vdyzvy3",
+			"3": "vdyzvy4",
+			"4": "vdyzvy5"
+		},
+		variant: {
+			"default": "vdyzvy6",
+			contrast: "vdyzvy7",
+			primary: "vdyzvy8",
+			red: "vdyzvy9",
+			green: "vdyzvya",
+			orange: "vdyzvyb"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "2"
+	},
+	compoundVariants: []
+});
+//#endregion
+export { iconButtonRecipe };
+
+//# sourceMappingURL=IconButton.vanilla.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"IconButton.vanilla.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}
+{"version":3,"file":"IconButton.vanilla.css.js","names":[],"sources":["../../../components/IconButton/IconButton.vanilla.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\nimport { recipe, RecipeVariants } from '@vanilla-extract/recipes';\n\nimport { tokens } from '../../styles/tokens.css';\n\n// Base button styles (matching BUTTON_BASE_STYLES from Button component)\nconst baseIconButton = style({\n  // Reset\n  appearance: 'none',\n  userSelect: 'none',\n  boxSizing: 'border-box',\n  border: 'none',\n  WebkitTapHighlightColor: 'rgba(0,0,0,0)',\n\n  // Layout\n  alignItems: 'center',\n  display: 'inline-flex',\n  flexShrink: 0,\n  justifyContent: 'center',\n  position: 'relative',\n  padding: '0',\n\n  // Typography\n  fontFamily: 'inherit',\n  fontSize: '14px',\n  lineHeight: '1',\n\n  // Custom\n  textDecoration: 'none',\n  backgroundColor: 'transparent',\n\n  // Pseudo-elements for hover/active effects\n  selectors: {\n    '&::before': {\n      boxSizing: 'border-box',\n      content: '\"\"',\n      position: 'absolute',\n      inset: 0,\n      borderRadius: 'inherit',\n    },\n    '&::after': {\n      boxSizing: 'border-box',\n      content: '\"\"',\n      position: 'absolute',\n      inset: 0,\n      borderRadius: 'inherit',\n    },\n    '&:disabled': {\n      pointerEvents: 'none',\n      opacity: 0.5,\n    },\n    '&:focus-visible': {\n      outline: '2px solid currentColor',\n    },\n    '&:focus-visible::before': {\n      backgroundColor: 'rgba(255, 255, 255, 0.15)',\n    },\n    '&:focus-visible::after': {\n      opacity: 0.15,\n    },\n    '&:active::before': {\n      backgroundColor: 'rgba(0, 0, 0, 0.15)',\n    },\n  },\n\n  '@media': {\n    '(hover: hover)': {\n      selectors: {\n        '&:hover': {\n          cursor: 'pointer',\n        },\n        '&:hover::before': {\n          backgroundColor: 'rgba(255, 255, 255, 0.15)',\n        },\n        '&:hover::after': {\n          opacity: 0.05,\n        },\n      },\n    },\n  },\n});\n\nexport const iconButtonRecipe = recipe({\n  base: baseIconButton,\n\n  variants: {\n    size: {\n      '1': {\n        borderRadius: tokens.radii['1'],\n        height: tokens.sizes['5'],\n        width: tokens.sizes['5'],\n      },\n      '2': {\n        borderRadius: tokens.radii['2'],\n        height: tokens.sizes['6'],\n        width: tokens.sizes['6'],\n      },\n      '3': {\n        borderRadius: tokens.radii['2'],\n        height: tokens.sizes['7'],\n        width: tokens.sizes['7'],\n      },\n      '4': {\n        borderRadius: tokens.radii['3'],\n        height: tokens.sizes['8'],\n        width: tokens.sizes['8'],\n      },\n    },\n    variant: {\n      default: {\n        color: tokens.colors.slate['10'],\n      },\n      contrast: {\n        color: tokens.colors.hiContrast,\n      },\n      primary: {\n        color: tokens.colors.primary,\n      },\n      red: {\n        color: tokens.colors.red['9'],\n      },\n      green: {\n        color: tokens.colors.green['9'],\n      },\n      orange: {\n        color: tokens.colors.orange['9'],\n      },\n    },\n  },\n\n  defaultVariants: {\n    variant: 'default',\n    size: '2',\n  },\n});\n\nexport type IconButtonRecipeVariants = RecipeVariants<typeof iconButtonRecipe>;\n"],"mappings":""}

package/dist/components/IconButton/IconButton.vanilla.js

@@ -1,34 +1,32 @@
-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 { iconButtonRecipe } from "./IconButton.vanilla.css.js";
-const IconButtonVanillaComponentImpl = forwardRef(
-  ({ as, className, css, style, size, variant, ...props }, ref) => {
-    const Component = as || "button";
-    const { colors } = useVanillaExtractTheme();
-    const { style: cssStyles, vars } = processCSSProp(css, colors);
-    const mergedStyles = {
-      ...cssStyles,
-      ...style,
-      ...assignInlineVars(vars)
-    };
-    const recipeClass = iconButtonRecipe({ size, variant });
-    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/IconButton/IconButton.vanilla.tsx
+var IconButtonVanillaComponentImpl = forwardRef(({ as, className, css, style, size, variant, ...props }, ref) => {
+	const Component = as || "button";
+	const { colors } = useVanillaExtractTheme();
+	const { style: cssStyles, vars } = processCSSProp(css, colors);
+	const mergedStyles = {
+		...cssStyles,
+		...style,
+		...assignInlineVars(vars)
+	};
+	return /* @__PURE__ */ jsx(Component, {
+		ref,
+		className: `${iconButtonRecipe({
+			size,
+			variant
+		})} ${className || ""}`.trim(),
+		style: mergedStyles,
+		...props
+	});
+});
 IconButtonVanillaComponentImpl.displayName = "IconButtonVanilla";
-const IconButtonVanilla = IconButtonVanillaComponentImpl;
-export {
-  IconButtonVanilla
-};
-//# sourceMappingURL=IconButton.vanilla.js.map
+var IconButtonVanilla = IconButtonVanillaComponentImpl;
+//#endregion
+export { IconButtonVanilla };
+
+//# sourceMappingURL=IconButton.vanilla.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"IconButton.vanilla.js","sources":["../../../components/IconButton/IconButton.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 { iconButtonRecipe } from './IconButton.vanilla.css';\n\ntype IconButtonRecipeVariants = RecipeVariants<typeof iconButtonRecipe>;\n\ninterface IconButtonOwnProps extends Omit<IconButtonRecipeVariants, never>, CSSProps {}\n\nexport type IconButtonVanillaProps<C extends ElementType = 'button'> = PolymorphicComponentProps<\n  C,\n  IconButtonOwnProps\n>;\n\ntype IconButtonVanillaComponent = PolymorphicComponent<\n  'button',\n  IconButtonVanillaProps<ElementType>\n>;\n\nconst IconButtonVanillaComponentImpl = forwardRef(\n  <C extends ElementType = 'button'>(\n    { as, className, css, style, size, variant, ...props }: IconButtonVanillaProps<C>,\n    ref?: PolymorphicRef<C>,\n  ) => {\n    const Component = as || 'button';\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 = iconButtonRecipe({ size, variant });\n\n    return (\n      <Component\n        ref={ref}\n        className={`${recipeClass} ${className || ''}`.trim()}\n        style={mergedStyles}\n        {...props}\n      />\n    );\n  },\n);\n\nIconButtonVanillaComponentImpl.displayName = 'IconButtonVanilla';\n\nexport const IconButtonVanilla = IconButtonVanillaComponentImpl as IconButtonVanillaComponent;\n"],"names":[],"mappings":";;;;;;AA2BA,MAAM,iCAAiC;AAAA,EACrC,CACE,EAAE,IAAI,WAAW,KAAK,OAAO,MAAM,SAAS,GAAG,MAAA,GAC/C,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,iBAAiB,EAAE,MAAM,SAAS;AAEtD,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,+BAA+B,cAAc;AAEtC,MAAM,oBAAoB;"}
+{"version":3,"file":"IconButton.vanilla.js","names":[],"sources":["../../../components/IconButton/IconButton.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 { iconButtonRecipe } from './IconButton.vanilla.css';\n\ntype IconButtonRecipeVariants = RecipeVariants<typeof iconButtonRecipe>;\n\ninterface IconButtonOwnProps extends Omit<IconButtonRecipeVariants, never>, CSSProps {}\n\nexport type IconButtonVanillaProps<C extends ElementType = 'button'> = PolymorphicComponentProps<\n  C,\n  IconButtonOwnProps\n>;\n\ntype IconButtonVanillaComponent = PolymorphicComponent<\n  'button',\n  IconButtonVanillaProps<ElementType>\n>;\n\nconst IconButtonVanillaComponentImpl = forwardRef(\n  <C extends ElementType = 'button'>(\n    { as, className, css, style, size, variant, ...props }: IconButtonVanillaProps<C>,\n    ref?: PolymorphicRef<C>,\n  ) => {\n    const Component = as || 'button';\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 = iconButtonRecipe({ size, variant });\n\n    return (\n      <Component\n        ref={ref}\n        className={`${recipeClass} ${className || ''}`.trim()}\n        style={mergedStyles}\n        {...props}\n      />\n    );\n  },\n);\n\nIconButtonVanillaComponentImpl.displayName = 'IconButtonVanilla';\n\nexport const IconButtonVanilla = IconButtonVanillaComponentImpl as IconButtonVanillaComponent;\n"],"mappings":";;;;;;;AA2BA,IAAM,iCAAiC,YAEnC,EAAE,IAAI,WAAW,KAAK,OAAO,MAAM,SAAS,GAAG,SAC/C,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,iBAAiB;GAAE;GAAM;GAAS,CAAC,CAKzB,GAAG,aAAa,KAAK,MAAM;EACrD,OAAO;EACP,GAAI;EACJ,CAAA;EAGP;AAED,+BAA+B,cAAc;AAE7C,IAAa,oBAAoB"}

package/dist/components/Image/Image.cjs

@@ -1,10 +1,9 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const stitches_config = require("../../stitches.config.cjs");
-const Image = stitches_config.styled("img", {
-  // Reset
-  verticalAlign: "middle",
-  maxWidth: "100%"
+//#region components/Image/Image.tsx
+var Image = require("../../stitches.config.cjs").styled("img", {
+	verticalAlign: "middle",
+	maxWidth: "100%"
 });
+//#endregion
 exports.Image = Image;
-//# sourceMappingURL=Image.cjs.map
+
+//# sourceMappingURL=Image.cjs.map

package/dist/components/Image/Image.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Image.cjs","sources":["../../../components/Image/Image.tsx"],"sourcesContent":["import { styled } from '../../stitches.config';\n\nexport const Image = styled('img', {\n  // Reset\n  verticalAlign: 'middle',\n  maxWidth: '100%',\n});\n"],"names":["styled"],"mappings":";;;AAEO,MAAM,QAAQA,gBAAAA,OAAO,OAAO;AAAA;AAAA,EAEjC,eAAe;AAAA,EACf,UAAU;AACZ,CAAC;;"}
+{"version":3,"file":"Image.cjs","names":[],"sources":["../../../components/Image/Image.tsx"],"sourcesContent":["import { styled } from '../../stitches.config';\n\nexport const Image = styled('img', {\n  // Reset\n  verticalAlign: 'middle',\n  maxWidth: '100%',\n});\n"],"mappings":";AAEA,IAAa,6CAAQ,OAAO,OAAO;CAEjC,eAAe;CACf,UAAU;CACX,CAAC"}

package/dist/components/Image/Image.js

@@ -1,10 +1,10 @@
 import { styled } from "../../stitches.config.js";
-const Image = styled("img", {
-  // Reset
-  verticalAlign: "middle",
-  maxWidth: "100%"
+//#region components/Image/Image.tsx
+var Image = styled("img", {
+	verticalAlign: "middle",
+	maxWidth: "100%"
 });
-export {
-  Image
-};
-//# sourceMappingURL=Image.js.map
+//#endregion
+export { Image };
+
+//# sourceMappingURL=Image.js.map

package/dist/components/Image/Image.js.map

@@ -1 +1 @@
-{"version":3,"file":"Image.js","sources":["../../../components/Image/Image.tsx"],"sourcesContent":["import { styled } from '../../stitches.config';\n\nexport const Image = styled('img', {\n  // Reset\n  verticalAlign: 'middle',\n  maxWidth: '100%',\n});\n"],"names":[],"mappings":";AAEO,MAAM,QAAQ,OAAO,OAAO;AAAA;AAAA,EAEjC,eAAe;AAAA,EACf,UAAU;AACZ,CAAC;"}
+{"version":3,"file":"Image.js","names":[],"sources":["../../../components/Image/Image.tsx"],"sourcesContent":["import { styled } from '../../stitches.config';\n\nexport const Image = styled('img', {\n  // Reset\n  verticalAlign: 'middle',\n  maxWidth: '100%',\n});\n"],"mappings":";;AAEA,IAAa,QAAQ,OAAO,OAAO;CAEjC,eAAe;CACf,UAAU;CACX,CAAC"}

package/dist/components/Image/Image.vanilla.cjs

@@ -1,33 +1,30 @@
-"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 Image_vanilla_css = require("./Image.vanilla.css.cjs");
-const ImageVanillaImpl = React.forwardRef(
-  ({ as, className, css, style, ...props }, ref) => {
-    const Component = as || "img";
-    const { colors } = themeContext.useVanillaExtractTheme();
-    const { style: cssStyles, vars } = cssProps.processCSSProp(css, colors);
-    const mergedStyles = {
-      ...cssStyles,
-      ...style,
-      ...dynamic.assignInlineVars(vars)
-    };
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      Component,
-      {
-        ref,
-        className: `${Image_vanilla_css.image} ${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_Image_vanilla_css = require("./Image.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/Image/Image.vanilla.tsx
+var ImageVanillaImpl = (0, react.forwardRef)(({ as, className, css, style, ...props }, ref) => {
+	const Component = as || "img";
+	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_Image_vanilla_css.image} ${className || ""}`.trim(),
+		style: mergedStyles,
+		...props
+	});
+});
 ImageVanillaImpl.displayName = "ImageVanilla";
-const ImageVanilla = ImageVanillaImpl;
+var ImageVanilla = ImageVanillaImpl;
+//#endregion
 exports.ImageVanilla = ImageVanilla;
-//# sourceMappingURL=Image.vanilla.cjs.map
+
+//# sourceMappingURL=Image.vanilla.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Image.vanilla.cjs","sources":["../../../components/Image/Image.vanilla.tsx"],"sourcesContent":["import { assignInlineVars } from '@vanilla-extract/dynamic';\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 { image } from './Image.vanilla.css';\n\nexport type ImageVanillaProps<C extends ElementType = 'img'> = PolymorphicComponentProps<\n  C,\n  CSSProps\n>;\n\ntype ImageVanillaComponent = PolymorphicComponent<'img', ImageVanillaProps<ElementType>>;\n\nconst ImageVanillaImpl = forwardRef(\n  <C extends ElementType = 'img'>(\n    { as, className, css, style, ...props }: ImageVanillaProps<C>,\n    ref?: PolymorphicRef<C>,\n  ) => {\n    const Component = as || 'img';\n    const { colors } = useVanillaExtractTheme();\n    const { style: cssStyles, vars } = processCSSProp(css, colors);\n\n    const mergedStyles = {\n      ...cssStyles,\n      ...style,\n      ...assignInlineVars(vars),\n    };\n\n    return (\n      <Component\n        ref={ref}\n        className={`${image} ${className || ''}`.trim()}\n        style={mergedStyles}\n        {...props}\n      />\n    );\n  },\n);\n\nImageVanillaImpl.displayName = 'ImageVanilla';\n\nexport const ImageVanilla = ImageVanillaImpl as ImageVanillaComponent;\n"],"names":["forwardRef","useVanillaExtractTheme","processCSSProp","assignInlineVars","jsx","image"],"mappings":";;;;;;;;AAmBA,MAAM,mBAAmBA,MAAAA;AAAAA,EACvB,CACE,EAAE,IAAI,WAAW,KAAK,OAAO,GAAG,MAAA,GAChC,QACG;AACH,UAAM,YAAY,MAAM;AACxB,UAAM,EAAE,OAAA,IAAWC,oCAAA;AACnB,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,WACEC,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,WAAW,GAAGC,uBAAK,IAAI,aAAa,EAAE,GAAG,KAAA;AAAA,QACzC,OAAO;AAAA,QACN,GAAG;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;AAEA,iBAAiB,cAAc;AAExB,MAAM,eAAe;;"}
+{"version":3,"file":"Image.vanilla.cjs","names":[],"sources":["../../../components/Image/Image.vanilla.tsx"],"sourcesContent":["import { assignInlineVars } from '@vanilla-extract/dynamic';\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 { image } from './Image.vanilla.css';\n\nexport type ImageVanillaProps<C extends ElementType = 'img'> = PolymorphicComponentProps<\n  C,\n  CSSProps\n>;\n\ntype ImageVanillaComponent = PolymorphicComponent<'img', ImageVanillaProps<ElementType>>;\n\nconst ImageVanillaImpl = forwardRef(\n  <C extends ElementType = 'img'>(\n    { as, className, css, style, ...props }: ImageVanillaProps<C>,\n    ref?: PolymorphicRef<C>,\n  ) => {\n    const Component = as || 'img';\n    const { colors } = useVanillaExtractTheme();\n    const { style: cssStyles, vars } = processCSSProp(css, colors);\n\n    const mergedStyles = {\n      ...cssStyles,\n      ...style,\n      ...assignInlineVars(vars),\n    };\n\n    return (\n      <Component\n        ref={ref}\n        className={`${image} ${className || ''}`.trim()}\n        style={mergedStyles}\n        {...props}\n      />\n    );\n  },\n);\n\nImageVanillaImpl.displayName = 'ImageVanilla';\n\nexport const ImageVanilla = ImageVanillaImpl as ImageVanillaComponent;\n"],"mappings":";;;;;;;;AAmBA,IAAM,oBAAA,GAAA,MAAA,aAEF,EAAE,IAAI,WAAW,KAAK,OAAO,GAAG,SAChC,QACG;CACH,MAAM,YAAY,MAAM;CACxB,MAAM,EAAE,WAAW,qBAAA,wBAAwB;CAC3C,MAAM,EAAE,OAAO,WAAW,SAAS,iBAAA,eAAe,KAAK,OAAO;CAE9D,MAAM,eAAe;EACnB,GAAG;EACH,GAAG;EACH,IAAA,GAAA,yBAAA,kBAAoB,KAAK;EAC1B;AAED,QACE,iBAAA,GAAA,kBAAA,KAAC,WAAD;EACO;EACL,WAAW,GAAG,0BAAA,MAAM,GAAG,aAAa,KAAK,MAAM;EAC/C,OAAO;EACP,GAAI;EACJ,CAAA;EAGP;AAED,iBAAiB,cAAc;AAE/B,IAAa,eAAe"}

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

@@ -1,6 +1,7 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 ;/* empty css                                   */
+//#region components/Image/Image.vanilla.css.ts
 var image = "_18cm5pz0";
+//#endregion
 exports.image = image;
-//# sourceMappingURL=Image.vanilla.css.cjs.map
+
+//# sourceMappingURL=Image.vanilla.css.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Image.vanilla.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
+{"version":3,"file":"Image.vanilla.css.cjs","names":[],"sources":["../../../components/Image/Image.vanilla.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\n\nexport const image = style({\n  verticalAlign: 'middle',\n  maxWidth: '100%',\n});\n"],"mappings":""}

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

@@ -1,6 +1,7 @@
 /* empty css                                 */
+//#region components/Image/Image.vanilla.css.ts
 var image = "_18cm5pz0";
-export {
-  image
-};
-//# sourceMappingURL=Image.vanilla.css.js.map
+//#endregion
+export { image };
+
+//# sourceMappingURL=Image.vanilla.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Image.vanilla.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
+{"version":3,"file":"Image.vanilla.css.js","names":[],"sources":["../../../components/Image/Image.vanilla.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\n\nexport const image = style({\n  verticalAlign: 'middle',\n  maxWidth: '100%',\n});\n"],"mappings":""}

package/dist/components/Image/Image.vanilla.js

@@ -1,33 +1,29 @@
-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 { image } from "./Image.vanilla.css.js";
-const ImageVanillaImpl = forwardRef(
-  ({ as, className, css, style, ...props }, ref) => {
-    const Component = as || "img";
-    const { colors } = useVanillaExtractTheme();
-    const { style: cssStyles, vars } = processCSSProp(css, colors);
-    const mergedStyles = {
-      ...cssStyles,
-      ...style,
-      ...assignInlineVars(vars)
-    };
-    return /* @__PURE__ */ jsx(
-      Component,
-      {
-        ref,
-        className: `${image} ${className || ""}`.trim(),
-        style: mergedStyles,
-        ...props
-      }
-    );
-  }
-);
+import { forwardRef } from "react";
+import { assignInlineVars } from "@vanilla-extract/dynamic";
+import { jsx } from "react/jsx-runtime";
+//#region components/Image/Image.vanilla.tsx
+var ImageVanillaImpl = forwardRef(({ as, className, css, style, ...props }, ref) => {
+	const Component = as || "img";
+	const { colors } = useVanillaExtractTheme();
+	const { style: cssStyles, vars } = processCSSProp(css, colors);
+	const mergedStyles = {
+		...cssStyles,
+		...style,
+		...assignInlineVars(vars)
+	};
+	return /* @__PURE__ */ jsx(Component, {
+		ref,
+		className: `${image} ${className || ""}`.trim(),
+		style: mergedStyles,
+		...props
+	});
+});
 ImageVanillaImpl.displayName = "ImageVanilla";
-const ImageVanilla = ImageVanillaImpl;
-export {
-  ImageVanilla
-};
-//# sourceMappingURL=Image.vanilla.js.map
+var ImageVanilla = ImageVanillaImpl;
+//#endregion
+export { ImageVanilla };
+
+//# sourceMappingURL=Image.vanilla.js.map