@traefik-labs/faency 12.2.0 → 12.2.2

package/dist/components/Heading/Heading.js

@@ -1,61 +1,47 @@
 import { styled } from "../../stitches.config.js";
-const HEADING_BASE_STYLES = {
-  fontFamily: "$rubik",
-  fontVariantNumeric: "proportional-nums",
-  display: "block",
-  lineHeight: "1.25",
-  fontWeight: "$medium",
-  margin: 0,
-  color: "$headingDefault",
-  variants: {
-    transform: {
-      uppercase: {
-        textTransform: "uppercase"
-      },
-      capitalize: {
-        // WARNING: this will only work with block elements (display block/inline-block)
-        // @see https://developer.mozilla.org/en-US/docs/Web/CSS/::first-letter
-        display: "block",
-        "&::first-letter": {
-          textTransform: "uppercase"
-        }
-      },
-      capitalizeWords: {
-        textTransform: "capitalize"
-      }
-    }
-  }
+//#region components/Heading/Heading.tsx
+var HEADING_BASE_STYLES = {
+	fontFamily: "$rubik",
+	fontVariantNumeric: "proportional-nums",
+	display: "block",
+	lineHeight: "1.25",
+	fontWeight: "$medium",
+	margin: 0,
+	color: "$headingDefault",
+	variants: { transform: {
+		uppercase: { textTransform: "uppercase" },
+		capitalize: {
+			display: "block",
+			"&::first-letter": { textTransform: "uppercase" }
+		},
+		capitalizeWords: { textTransform: "capitalize" }
+	} }
 };
-const H1 = styled("h1", {
-  ...HEADING_BASE_STYLES,
-  fontSize: "$12"
+var H1 = styled("h1", {
+	...HEADING_BASE_STYLES,
+	fontSize: "$12"
 });
-const H2 = styled("h2", {
-  ...HEADING_BASE_STYLES,
-  fontSize: "$10"
+var H2 = styled("h2", {
+	...HEADING_BASE_STYLES,
+	fontSize: "$10"
 });
-const H3 = styled("h3", {
-  ...HEADING_BASE_STYLES,
-  fontSize: "$8"
+var H3 = styled("h3", {
+	...HEADING_BASE_STYLES,
+	fontSize: "$8"
 });
-const H4 = styled("h4", {
-  ...HEADING_BASE_STYLES,
-  fontSize: "$7"
+var H4 = styled("h4", {
+	...HEADING_BASE_STYLES,
+	fontSize: "$7"
 });
-const H5 = styled("h5", {
-  ...HEADING_BASE_STYLES,
-  fontSize: "$6"
+var H5 = styled("h5", {
+	...HEADING_BASE_STYLES,
+	fontSize: "$6"
 });
-const H6 = styled("h6", {
-  ...HEADING_BASE_STYLES,
-  fontSize: "$4"
+var H6 = styled("h6", {
+	...HEADING_BASE_STYLES,
+	fontSize: "$4"
 });
-export {
-  H1,
-  H2,
-  H3,
-  H4,
-  H5,
-  H6
-};
-//# sourceMappingURL=Heading.js.map
+//#endregion
+export { H1, H2, H3, H4, H5, H6 };
+
+//# sourceMappingURL=Heading.js.map

package/dist/components/Heading/Heading.js.map

@@ -1 +1 @@
-{"version":3,"file":"Heading.js","sources":["../../../components/Heading/Heading.tsx"],"sourcesContent":["import { styled } from '../../stitches.config';\n\nconst HEADING_BASE_STYLES = {\n  fontFamily: '$rubik',\n  fontVariantNumeric: 'proportional-nums',\n  display: 'block',\n  lineHeight: '1.25',\n  fontWeight: '$medium',\n  margin: 0,\n  color: '$headingDefault',\n  variants: {\n    transform: {\n      uppercase: {\n        textTransform: 'uppercase',\n      },\n      capitalize: {\n        // WARNING: this will only work with block elements (display block/inline-block)\n        // @see https://developer.mozilla.org/en-US/docs/Web/CSS/::first-letter\n        display: 'block',\n        '&::first-letter': {\n          textTransform: 'uppercase',\n        },\n      },\n      capitalizeWords: {\n        textTransform: 'capitalize',\n      },\n    },\n  },\n};\n\nexport const H1 = styled('h1', {\n  ...HEADING_BASE_STYLES,\n  fontSize: '$12',\n});\n\nexport const H2 = styled('h2', {\n  ...HEADING_BASE_STYLES,\n  fontSize: '$10',\n});\n\nexport const H3 = styled('h3', {\n  ...HEADING_BASE_STYLES,\n  fontSize: '$8',\n});\n\nexport const H4 = styled('h4', {\n  ...HEADING_BASE_STYLES,\n  fontSize: '$7',\n});\n\nexport const H5 = styled('h5', {\n  ...HEADING_BASE_STYLES,\n  fontSize: '$6',\n});\n\nexport const H6 = styled('h6', {\n  ...HEADING_BASE_STYLES,\n  fontSize: '$4',\n});\n"],"names":[],"mappings":";AAEA,MAAM,sBAAsB;AAAA,EAC1B,YAAY;AAAA,EACZ,oBAAoB;AAAA,EACpB,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,UAAU;AAAA,IACR,WAAW;AAAA,MACT,WAAW;AAAA,QACT,eAAe;AAAA,MAAA;AAAA,MAEjB,YAAY;AAAA;AAAA;AAAA,QAGV,SAAS;AAAA,QACT,mBAAmB;AAAA,UACjB,eAAe;AAAA,QAAA;AAAA,MACjB;AAAA,MAEF,iBAAiB;AAAA,QACf,eAAe;AAAA,MAAA;AAAA,IACjB;AAAA,EACF;AAEJ;AAEO,MAAM,KAAK,OAAO,MAAM;AAAA,EAC7B,GAAG;AAAA,EACH,UAAU;AACZ,CAAC;AAEM,MAAM,KAAK,OAAO,MAAM;AAAA,EAC7B,GAAG;AAAA,EACH,UAAU;AACZ,CAAC;AAEM,MAAM,KAAK,OAAO,MAAM;AAAA,EAC7B,GAAG;AAAA,EACH,UAAU;AACZ,CAAC;AAEM,MAAM,KAAK,OAAO,MAAM;AAAA,EAC7B,GAAG;AAAA,EACH,UAAU;AACZ,CAAC;AAEM,MAAM,KAAK,OAAO,MAAM;AAAA,EAC7B,GAAG;AAAA,EACH,UAAU;AACZ,CAAC;AAEM,MAAM,KAAK,OAAO,MAAM;AAAA,EAC7B,GAAG;AAAA,EACH,UAAU;AACZ,CAAC;"}
+{"version":3,"file":"Heading.js","names":[],"sources":["../../../components/Heading/Heading.tsx"],"sourcesContent":["import { styled } from '../../stitches.config';\n\nconst HEADING_BASE_STYLES = {\n  fontFamily: '$rubik',\n  fontVariantNumeric: 'proportional-nums',\n  display: 'block',\n  lineHeight: '1.25',\n  fontWeight: '$medium',\n  margin: 0,\n  color: '$headingDefault',\n  variants: {\n    transform: {\n      uppercase: {\n        textTransform: 'uppercase',\n      },\n      capitalize: {\n        // WARNING: this will only work with block elements (display block/inline-block)\n        // @see https://developer.mozilla.org/en-US/docs/Web/CSS/::first-letter\n        display: 'block',\n        '&::first-letter': {\n          textTransform: 'uppercase',\n        },\n      },\n      capitalizeWords: {\n        textTransform: 'capitalize',\n      },\n    },\n  },\n};\n\nexport const H1 = styled('h1', {\n  ...HEADING_BASE_STYLES,\n  fontSize: '$12',\n});\n\nexport const H2 = styled('h2', {\n  ...HEADING_BASE_STYLES,\n  fontSize: '$10',\n});\n\nexport const H3 = styled('h3', {\n  ...HEADING_BASE_STYLES,\n  fontSize: '$8',\n});\n\nexport const H4 = styled('h4', {\n  ...HEADING_BASE_STYLES,\n  fontSize: '$7',\n});\n\nexport const H5 = styled('h5', {\n  ...HEADING_BASE_STYLES,\n  fontSize: '$6',\n});\n\nexport const H6 = styled('h6', {\n  ...HEADING_BASE_STYLES,\n  fontSize: '$4',\n});\n"],"mappings":";;AAEA,IAAM,sBAAsB;CAC1B,YAAY;CACZ,oBAAoB;CACpB,SAAS;CACT,YAAY;CACZ,YAAY;CACZ,QAAQ;CACR,OAAO;CACP,UAAU,EACR,WAAW;EACT,WAAW,EACT,eAAe,aAChB;EACD,YAAY;GAGV,SAAS;GACT,mBAAmB,EACjB,eAAe,aAChB;GACF;EACD,iBAAiB,EACf,eAAe,cAChB;EACF,EACF;CACF;AAED,IAAa,KAAK,OAAO,MAAM;CAC7B,GAAG;CACH,UAAU;CACX,CAAC;AAEF,IAAa,KAAK,OAAO,MAAM;CAC7B,GAAG;CACH,UAAU;CACX,CAAC;AAEF,IAAa,KAAK,OAAO,MAAM;CAC7B,GAAG;CACH,UAAU;CACX,CAAC;AAEF,IAAa,KAAK,OAAO,MAAM;CAC7B,GAAG;CACH,UAAU;CACX,CAAC;AAEF,IAAa,KAAK,OAAO,MAAM;CAC7B,GAAG;CACH,UAAU;CACX,CAAC;AAEF,IAAa,KAAK,OAAO,MAAM;CAC7B,GAAG;CACH,UAAU;CACX,CAAC"}

package/dist/components/Heading/Heading.themes.cjs

@@ -1,13 +1,18 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const tinycolor = require("tinycolor2");
-exports.Theme = void 0;
-((Theme2) => {
-  Theme2.getLight = () => ({
-    headingDefault: tinycolor("black").setAlpha(0.74).toHslString()
-  });
-  Theme2.getDark = () => ({
-    headingDefault: tinycolor("white").setAlpha(0.74).toHslString()
-  });
-})(exports.Theme || (exports.Theme = {}));
-//# sourceMappingURL=Heading.themes.cjs.map
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+let tinycolor2 = require("tinycolor2");
+tinycolor2 = require_runtime.__toESM(tinycolor2, 1);
+//#region components/Heading/Heading.themes.ts
+var Theme;
+(function(_Theme) {
+	_Theme.getLight = () => ({ headingDefault: (0, tinycolor2.default)("black").setAlpha(.74).toHslString() });
+	_Theme.getDark = () => ({ headingDefault: (0, tinycolor2.default)("white").setAlpha(.74).toHslString() });
+})(Theme || (Theme = {}));
+//#endregion
+Object.defineProperty(exports, "Theme", {
+	enumerable: true,
+	get: function() {
+		return Theme;
+	}
+});
+
+//# sourceMappingURL=Heading.themes.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Heading.themes.cjs","sources":["../../../components/Heading/Heading.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    headingDefault: Property.Color;\n  };\n\n  type Factory = (primaryColor: ColorInfo) => Colors;\n\n  export const getLight: Factory = () => ({\n    headingDefault: tinycolor('black').setAlpha(0.74).toHslString(),\n  });\n\n  export const getDark: Factory = () => ({\n    headingDefault: tinycolor('white').setAlpha(0.74).toHslString(),\n  });\n}\n"],"names":["Theme"],"mappings":";;;AAKiBA,QAAAA,QAAAA;AAAAA,CAAV,CAAUA,WAAV;AAOQA,SAAA,WAAoB,OAAO;AAAA,IACtC,gBAAgB,UAAU,OAAO,EAAE,SAAS,IAAI,EAAE,YAAA;AAAA,EAAY;AAGnDA,SAAA,UAAmB,OAAO;AAAA,IACrC,gBAAgB,UAAU,OAAO,EAAE,SAAS,IAAI,EAAE,YAAA;AAAA,EAAY;AAChE,GAbeA,QAAAA,UAAAA,gBAAA,CAAA,EAAA;"}
+{"version":3,"file":"Heading.themes.cjs","names":[],"sources":["../../../components/Heading/Heading.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    headingDefault: Property.Color;\n  };\n\n  type Factory = (primaryColor: ColorInfo) => Colors;\n\n  export const getLight: Factory = () => ({\n    headingDefault: tinycolor('black').setAlpha(0.74).toHslString(),\n  });\n\n  export const getDark: Factory = () => ({\n    headingDefault: tinycolor('white').setAlpha(0.74).toHslString(),\n  });\n}\n"],"mappings":";;;;AAKO,IAAA;;AAOQ,QAAA,kBAA2B,EACtC,iBAAA,GAAA,WAAA,SAA0B,QAAQ,CAAC,SAAS,IAAK,CAAC,aAAa,EAChE;AAEY,QAAA,iBAA0B,EACrC,iBAAA,GAAA,WAAA,SAA0B,QAAQ,CAAC,SAAS,IAAK,CAAC,aAAa,EAChE;yBACF"}

package/dist/components/Heading/Heading.themes.js

@@ -1,14 +1,11 @@
 import tinycolor from "tinycolor2";
+//#region components/Heading/Heading.themes.ts
 var Theme;
-((Theme2) => {
-  Theme2.getLight = () => ({
-    headingDefault: tinycolor("black").setAlpha(0.74).toHslString()
-  });
-  Theme2.getDark = () => ({
-    headingDefault: tinycolor("white").setAlpha(0.74).toHslString()
-  });
+(function(_Theme) {
+	_Theme.getLight = () => ({ headingDefault: tinycolor("black").setAlpha(.74).toHslString() });
+	_Theme.getDark = () => ({ headingDefault: tinycolor("white").setAlpha(.74).toHslString() });
 })(Theme || (Theme = {}));
-export {
-  Theme
-};
-//# sourceMappingURL=Heading.themes.js.map
+//#endregion
+export { Theme };
+
+//# sourceMappingURL=Heading.themes.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Heading.themes.js","sources":["../../../components/Heading/Heading.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    headingDefault: Property.Color;\n  };\n\n  type Factory = (primaryColor: ColorInfo) => Colors;\n\n  export const getLight: Factory = () => ({\n    headingDefault: tinycolor('black').setAlpha(0.74).toHslString(),\n  });\n\n  export const getDark: Factory = () => ({\n    headingDefault: tinycolor('white').setAlpha(0.74).toHslString(),\n  });\n}\n"],"names":["Theme"],"mappings":";AAKO,IAAU;AAAA,CAAV,CAAUA,WAAV;AAOQA,SAAA,WAAoB,OAAO;AAAA,IACtC,gBAAgB,UAAU,OAAO,EAAE,SAAS,IAAI,EAAE,YAAA;AAAA,EAAY;AAGnDA,SAAA,UAAmB,OAAO;AAAA,IACrC,gBAAgB,UAAU,OAAO,EAAE,SAAS,IAAI,EAAE,YAAA;AAAA,EAAY;AAChE,GAbe,UAAA,QAAA,CAAA,EAAA;"}
+{"version":3,"file":"Heading.themes.js","names":[],"sources":["../../../components/Heading/Heading.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    headingDefault: Property.Color;\n  };\n\n  type Factory = (primaryColor: ColorInfo) => Colors;\n\n  export const getLight: Factory = () => ({\n    headingDefault: tinycolor('black').setAlpha(0.74).toHslString(),\n  });\n\n  export const getDark: Factory = () => ({\n    headingDefault: tinycolor('white').setAlpha(0.74).toHslString(),\n  });\n}\n"],"mappings":";;AAKO,IAAA;;AAOQ,QAAA,kBAA2B,EACtC,gBAAgB,UAAU,QAAQ,CAAC,SAAS,IAAK,CAAC,aAAa,EAChE;AAEY,QAAA,iBAA0B,EACrC,gBAAgB,UAAU,QAAQ,CAAC,SAAS,IAAK,CAAC,aAAa,EAChE;yBACF"}

package/dist/components/IconButton/IconButton.cjs

@@ -1,109 +1,82 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const stitches_config = require("../../stitches.config.cjs");
-const Button = require("../Button/Button.cjs");
-const IconButton = stitches_config.styled("button", {
-  ...Button.BUTTON_BASE_STYLES,
-  // Reset
-  alignItems: "center",
-  display: "inline-flex",
-  flexShrink: 0,
-  fontFamily: "inherit",
-  fontSize: "14px",
-  justifyContent: "center",
-  lineHeight: "1",
-  // Custom
-  position: "relative",
-  padding: "0",
-  textDecoration: "none",
-  backgroundColor: "transparent",
-  "&::before": {
-    boxSizing: "border-box",
-    content: '""',
-    position: "absolute",
-    inset: 0,
-    borderRadius: "inherit"
-  },
-  "&::after": {
-    boxSizing: "border-box",
-    content: '""',
-    position: "absolute",
-    inset: 0,
-    borderRadius: "inherit"
-  },
-  "@hover": {
-    "&:hover": {
-      cursor: "pointer",
-      "&::before": {
-        backgroundColor: "rgba(255, 255, 255, 0.15)"
-      },
-      "&::after": {
-        opacity: 0.05
-      }
-    }
-  },
-  "&:focus-visible": {
-    outline: "2px solid currentColor",
-    "&::before": {
-      backgroundColor: "rgba(255, 255, 255, 0.15)"
-    },
-    "&::after": {
-      opacity: 0.15
-    }
-  },
-  "&:active": {
-    "&::before": {
-      backgroundColor: "rgba(0, 0, 0, 0.15)"
-    }
-  },
-  variants: {
-    size: {
-      "1": {
-        borderRadius: "$1",
-        height: "$5",
-        width: "$5"
-      },
-      "2": {
-        borderRadius: "$2",
-        height: "$6",
-        width: "$6"
-      },
-      "3": {
-        borderRadius: "$2",
-        height: "$7",
-        width: "$7"
-      },
-      "4": {
-        borderRadius: "$3",
-        height: "$8",
-        width: "$8"
-      }
-    },
-    variant: {
-      default: {
-        color: "$slate10"
-      },
-      contrast: {
-        color: "$hiContrast"
-      },
-      primary: {
-        color: "$primary"
-      },
-      red: {
-        color: "$red9"
-      },
-      green: {
-        color: "$green9"
-      },
-      orange: {
-        color: "$orange9"
-      }
-    }
-  },
-  defaultVariants: {
-    variant: "default",
-    size: "2"
-  }
+const require_stitches_config = require("../../stitches.config.cjs");
+const require_Button = require("../Button/Button.cjs");
+//#region components/IconButton/IconButton.tsx
+var IconButton = require_stitches_config.styled("button", {
+	...require_Button.BUTTON_BASE_STYLES,
+	alignItems: "center",
+	display: "inline-flex",
+	flexShrink: 0,
+	fontFamily: "inherit",
+	fontSize: "14px",
+	justifyContent: "center",
+	lineHeight: "1",
+	position: "relative",
+	padding: "0",
+	textDecoration: "none",
+	backgroundColor: "transparent",
+	"&::before": {
+		boxSizing: "border-box",
+		content: "\"\"",
+		position: "absolute",
+		inset: 0,
+		borderRadius: "inherit"
+	},
+	"&::after": {
+		boxSizing: "border-box",
+		content: "\"\"",
+		position: "absolute",
+		inset: 0,
+		borderRadius: "inherit"
+	},
+	"@hover": { "&:hover": {
+		cursor: "pointer",
+		"&::before": { backgroundColor: "rgba(255, 255, 255, 0.15)" },
+		"&::after": { opacity: .05 }
+	} },
+	"&:focus-visible": {
+		outline: "2px solid currentColor",
+		"&::before": { backgroundColor: "rgba(255, 255, 255, 0.15)" },
+		"&::after": { opacity: .15 }
+	},
+	"&:active": { "&::before": { backgroundColor: "rgba(0, 0, 0, 0.15)" } },
+	variants: {
+		size: {
+			"1": {
+				borderRadius: "$1",
+				height: "$5",
+				width: "$5"
+			},
+			"2": {
+				borderRadius: "$2",
+				height: "$6",
+				width: "$6"
+			},
+			"3": {
+				borderRadius: "$2",
+				height: "$7",
+				width: "$7"
+			},
+			"4": {
+				borderRadius: "$3",
+				height: "$8",
+				width: "$8"
+			}
+		},
+		variant: {
+			default: { color: "$slate10" },
+			contrast: { color: "$hiContrast" },
+			primary: { color: "$primary" },
+			red: { color: "$red9" },
+			green: { color: "$green9" },
+			orange: { color: "$orange9" }
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "2"
+	}
 });
+//#endregion
 exports.IconButton = IconButton;
-//# sourceMappingURL=IconButton.cjs.map
+
+//# sourceMappingURL=IconButton.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"IconButton.cjs","sources":["../../../components/IconButton/IconButton.tsx"],"sourcesContent":["import { styled, VariantProps } from '../../stitches.config';\nimport { BUTTON_BASE_STYLES } from '../Button';\n\nexport const IconButton = styled('button', {\n  ...BUTTON_BASE_STYLES,\n  // Reset\n  alignItems: 'center',\n  display: 'inline-flex',\n  flexShrink: 0,\n  fontFamily: 'inherit',\n  fontSize: '14px',\n  justifyContent: 'center',\n  lineHeight: '1',\n  // Custom\n  position: 'relative',\n  padding: '0',\n  textDecoration: 'none',\n  backgroundColor: 'transparent',\n\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  '@hover': {\n    '&:hover': {\n      cursor: 'pointer',\n      '&::before': {\n        backgroundColor: 'rgba(255, 255, 255, 0.15)',\n      },\n      '&::after': {\n        opacity: 0.05,\n      },\n    },\n  },\n\n  '&:focus-visible': {\n    outline: '2px solid currentColor',\n    '&::before': {\n      backgroundColor: 'rgba(255, 255, 255, 0.15)',\n    },\n    '&::after': {\n      opacity: 0.15,\n    },\n  },\n\n  '&:active': {\n    '&::before': {\n      backgroundColor: 'rgba(0, 0, 0, 0.15)',\n    },\n  },\n\n  variants: {\n    size: {\n      '1': {\n        borderRadius: '$1',\n        height: '$5',\n        width: '$5',\n      },\n      '2': {\n        borderRadius: '$2',\n        height: '$6',\n        width: '$6',\n      },\n      '3': {\n        borderRadius: '$2',\n        height: '$7',\n        width: '$7',\n      },\n      '4': {\n        borderRadius: '$3',\n        height: '$8',\n        width: '$8',\n      },\n    },\n    variant: {\n      default: {\n        color: '$slate10',\n      },\n      contrast: {\n        color: '$hiContrast',\n      },\n      primary: {\n        color: '$primary',\n      },\n      red: {\n        color: '$red9',\n      },\n      green: {\n        color: '$green9',\n      },\n      orange: {\n        color: '$orange9',\n      },\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n    size: '2',\n  },\n});\n\nexport type IconButtonVariants = VariantProps<typeof IconButton>;\n"],"names":["styled","BUTTON_BASE_STYLES"],"mappings":";;;;AAGO,MAAM,aAAaA,gBAAAA,OAAO,UAAU;AAAA,EACzC,GAAGC,OAAAA;AAAAA;AAAAA,EAEH,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,gBAAgB;AAAA,EAChB,YAAY;AAAA;AAAA,EAEZ,UAAU;AAAA,EACV,SAAS;AAAA,EACT,gBAAgB;AAAA,EAChB,iBAAiB;AAAA,EAEjB,aAAa;AAAA,IACX,WAAW;AAAA,IACX,SAAS;AAAA,IACT,UAAU;AAAA,IACV,OAAO;AAAA,IACP,cAAc;AAAA,EAAA;AAAA,EAEhB,YAAY;AAAA,IACV,WAAW;AAAA,IACX,SAAS;AAAA,IACT,UAAU;AAAA,IACV,OAAO;AAAA,IACP,cAAc;AAAA,EAAA;AAAA,EAEhB,UAAU;AAAA,IACR,WAAW;AAAA,MACT,QAAQ;AAAA,MACR,aAAa;AAAA,QACX,iBAAiB;AAAA,MAAA;AAAA,MAEnB,YAAY;AAAA,QACV,SAAS;AAAA,MAAA;AAAA,IACX;AAAA,EACF;AAAA,EAGF,mBAAmB;AAAA,IACjB,SAAS;AAAA,IACT,aAAa;AAAA,MACX,iBAAiB;AAAA,IAAA;AAAA,IAEnB,YAAY;AAAA,MACV,SAAS;AAAA,IAAA;AAAA,EACX;AAAA,EAGF,YAAY;AAAA,IACV,aAAa;AAAA,MACX,iBAAiB;AAAA,IAAA;AAAA,EACnB;AAAA,EAGF,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,KAAK;AAAA,QACH,cAAc;AAAA,QACd,QAAQ;AAAA,QACR,OAAO;AAAA,MAAA;AAAA,MAET,KAAK;AAAA,QACH,cAAc;AAAA,QACd,QAAQ;AAAA,QACR,OAAO;AAAA,MAAA;AAAA,MAET,KAAK;AAAA,QACH,cAAc;AAAA,QACd,QAAQ;AAAA,QACR,OAAO;AAAA,MAAA;AAAA,MAET,KAAK;AAAA,QACH,cAAc;AAAA,QACd,QAAQ;AAAA,QACR,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,IAEF,SAAS;AAAA,MACP,SAAS;AAAA,QACP,OAAO;AAAA,MAAA;AAAA,MAET,UAAU;AAAA,QACR,OAAO;AAAA,MAAA;AAAA,MAET,SAAS;AAAA,QACP,OAAO;AAAA,MAAA;AAAA,MAET,KAAK;AAAA,QACH,OAAO;AAAA,MAAA;AAAA,MAET,OAAO;AAAA,QACL,OAAO;AAAA,MAAA;AAAA,MAET,QAAQ;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,EACF;AAAA,EAEF,iBAAiB;AAAA,IACf,SAAS;AAAA,IACT,MAAM;AAAA,EAAA;AAEV,CAAC;;"}
+{"version":3,"file":"IconButton.cjs","names":[],"sources":["../../../components/IconButton/IconButton.tsx"],"sourcesContent":["import { styled, VariantProps } from '../../stitches.config';\nimport { BUTTON_BASE_STYLES } from '../Button';\n\nexport const IconButton = styled('button', {\n  ...BUTTON_BASE_STYLES,\n  // Reset\n  alignItems: 'center',\n  display: 'inline-flex',\n  flexShrink: 0,\n  fontFamily: 'inherit',\n  fontSize: '14px',\n  justifyContent: 'center',\n  lineHeight: '1',\n  // Custom\n  position: 'relative',\n  padding: '0',\n  textDecoration: 'none',\n  backgroundColor: 'transparent',\n\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  '@hover': {\n    '&:hover': {\n      cursor: 'pointer',\n      '&::before': {\n        backgroundColor: 'rgba(255, 255, 255, 0.15)',\n      },\n      '&::after': {\n        opacity: 0.05,\n      },\n    },\n  },\n\n  '&:focus-visible': {\n    outline: '2px solid currentColor',\n    '&::before': {\n      backgroundColor: 'rgba(255, 255, 255, 0.15)',\n    },\n    '&::after': {\n      opacity: 0.15,\n    },\n  },\n\n  '&:active': {\n    '&::before': {\n      backgroundColor: 'rgba(0, 0, 0, 0.15)',\n    },\n  },\n\n  variants: {\n    size: {\n      '1': {\n        borderRadius: '$1',\n        height: '$5',\n        width: '$5',\n      },\n      '2': {\n        borderRadius: '$2',\n        height: '$6',\n        width: '$6',\n      },\n      '3': {\n        borderRadius: '$2',\n        height: '$7',\n        width: '$7',\n      },\n      '4': {\n        borderRadius: '$3',\n        height: '$8',\n        width: '$8',\n      },\n    },\n    variant: {\n      default: {\n        color: '$slate10',\n      },\n      contrast: {\n        color: '$hiContrast',\n      },\n      primary: {\n        color: '$primary',\n      },\n      red: {\n        color: '$red9',\n      },\n      green: {\n        color: '$green9',\n      },\n      orange: {\n        color: '$orange9',\n      },\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n    size: '2',\n  },\n});\n\nexport type IconButtonVariants = VariantProps<typeof IconButton>;\n"],"mappings":";;;AAGA,IAAa,aAAa,wBAAA,OAAO,UAAU;CACzC,GAAG,eAAA;CAEH,YAAY;CACZ,SAAS;CACT,YAAY;CACZ,YAAY;CACZ,UAAU;CACV,gBAAgB;CAChB,YAAY;CAEZ,UAAU;CACV,SAAS;CACT,gBAAgB;CAChB,iBAAiB;CAEjB,aAAa;EACX,WAAW;EACX,SAAS;EACT,UAAU;EACV,OAAO;EACP,cAAc;EACf;CACD,YAAY;EACV,WAAW;EACX,SAAS;EACT,UAAU;EACV,OAAO;EACP,cAAc;EACf;CACD,UAAU,EACR,WAAW;EACT,QAAQ;EACR,aAAa,EACX,iBAAiB,6BAClB;EACD,YAAY,EACV,SAAS,KACV;EACF,EACF;CAED,mBAAmB;EACjB,SAAS;EACT,aAAa,EACX,iBAAiB,6BAClB;EACD,YAAY,EACV,SAAS,KACV;EACF;CAED,YAAY,EACV,aAAa,EACX,iBAAiB,uBAClB,EACF;CAED,UAAU;EACR,MAAM;GACJ,KAAK;IACH,cAAc;IACd,QAAQ;IACR,OAAO;IACR;GACD,KAAK;IACH,cAAc;IACd,QAAQ;IACR,OAAO;IACR;GACD,KAAK;IACH,cAAc;IACd,QAAQ;IACR,OAAO;IACR;GACD,KAAK;IACH,cAAc;IACd,QAAQ;IACR,OAAO;IACR;GACF;EACD,SAAS;GACP,SAAS,EACP,OAAO,YACR;GACD,UAAU,EACR,OAAO,eACR;GACD,SAAS,EACP,OAAO,YACR;GACD,KAAK,EACH,OAAO,SACR;GACD,OAAO,EACL,OAAO,WACR;GACD,QAAQ,EACN,OAAO,YACR;GACF;EACF;CACD,iBAAiB;EACf,SAAS;EACT,MAAM;EACP;CACF,CAAC"}

package/dist/components/IconButton/IconButton.js

@@ -1,109 +1,82 @@
 import { styled } from "../../stitches.config.js";
 import { BUTTON_BASE_STYLES } from "../Button/Button.js";
-const IconButton = styled("button", {
-  ...BUTTON_BASE_STYLES,
-  // Reset
-  alignItems: "center",
-  display: "inline-flex",
-  flexShrink: 0,
-  fontFamily: "inherit",
-  fontSize: "14px",
-  justifyContent: "center",
-  lineHeight: "1",
-  // Custom
-  position: "relative",
-  padding: "0",
-  textDecoration: "none",
-  backgroundColor: "transparent",
-  "&::before": {
-    boxSizing: "border-box",
-    content: '""',
-    position: "absolute",
-    inset: 0,
-    borderRadius: "inherit"
-  },
-  "&::after": {
-    boxSizing: "border-box",
-    content: '""',
-    position: "absolute",
-    inset: 0,
-    borderRadius: "inherit"
-  },
-  "@hover": {
-    "&:hover": {
-      cursor: "pointer",
-      "&::before": {
-        backgroundColor: "rgba(255, 255, 255, 0.15)"
-      },
-      "&::after": {
-        opacity: 0.05
-      }
-    }
-  },
-  "&:focus-visible": {
-    outline: "2px solid currentColor",
-    "&::before": {
-      backgroundColor: "rgba(255, 255, 255, 0.15)"
-    },
-    "&::after": {
-      opacity: 0.15
-    }
-  },
-  "&:active": {
-    "&::before": {
-      backgroundColor: "rgba(0, 0, 0, 0.15)"
-    }
-  },
-  variants: {
-    size: {
-      "1": {
-        borderRadius: "$1",
-        height: "$5",
-        width: "$5"
-      },
-      "2": {
-        borderRadius: "$2",
-        height: "$6",
-        width: "$6"
-      },
-      "3": {
-        borderRadius: "$2",
-        height: "$7",
-        width: "$7"
-      },
-      "4": {
-        borderRadius: "$3",
-        height: "$8",
-        width: "$8"
-      }
-    },
-    variant: {
-      default: {
-        color: "$slate10"
-      },
-      contrast: {
-        color: "$hiContrast"
-      },
-      primary: {
-        color: "$primary"
-      },
-      red: {
-        color: "$red9"
-      },
-      green: {
-        color: "$green9"
-      },
-      orange: {
-        color: "$orange9"
-      }
-    }
-  },
-  defaultVariants: {
-    variant: "default",
-    size: "2"
-  }
+//#region components/IconButton/IconButton.tsx
+var IconButton = styled("button", {
+	...BUTTON_BASE_STYLES,
+	alignItems: "center",
+	display: "inline-flex",
+	flexShrink: 0,
+	fontFamily: "inherit",
+	fontSize: "14px",
+	justifyContent: "center",
+	lineHeight: "1",
+	position: "relative",
+	padding: "0",
+	textDecoration: "none",
+	backgroundColor: "transparent",
+	"&::before": {
+		boxSizing: "border-box",
+		content: "\"\"",
+		position: "absolute",
+		inset: 0,
+		borderRadius: "inherit"
+	},
+	"&::after": {
+		boxSizing: "border-box",
+		content: "\"\"",
+		position: "absolute",
+		inset: 0,
+		borderRadius: "inherit"
+	},
+	"@hover": { "&:hover": {
+		cursor: "pointer",
+		"&::before": { backgroundColor: "rgba(255, 255, 255, 0.15)" },
+		"&::after": { opacity: .05 }
+	} },
+	"&:focus-visible": {
+		outline: "2px solid currentColor",
+		"&::before": { backgroundColor: "rgba(255, 255, 255, 0.15)" },
+		"&::after": { opacity: .15 }
+	},
+	"&:active": { "&::before": { backgroundColor: "rgba(0, 0, 0, 0.15)" } },
+	variants: {
+		size: {
+			"1": {
+				borderRadius: "$1",
+				height: "$5",
+				width: "$5"
+			},
+			"2": {
+				borderRadius: "$2",
+				height: "$6",
+				width: "$6"
+			},
+			"3": {
+				borderRadius: "$2",
+				height: "$7",
+				width: "$7"
+			},
+			"4": {
+				borderRadius: "$3",
+				height: "$8",
+				width: "$8"
+			}
+		},
+		variant: {
+			default: { color: "$slate10" },
+			contrast: { color: "$hiContrast" },
+			primary: { color: "$primary" },
+			red: { color: "$red9" },
+			green: { color: "$green9" },
+			orange: { color: "$orange9" }
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "2"
+	}
 });
-export {
-  IconButton
-};
-//# sourceMappingURL=IconButton.js.map
+//#endregion
+export { IconButton };
+
+//# sourceMappingURL=IconButton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"IconButton.js","sources":["../../../components/IconButton/IconButton.tsx"],"sourcesContent":["import { styled, VariantProps } from '../../stitches.config';\nimport { BUTTON_BASE_STYLES } from '../Button';\n\nexport const IconButton = styled('button', {\n  ...BUTTON_BASE_STYLES,\n  // Reset\n  alignItems: 'center',\n  display: 'inline-flex',\n  flexShrink: 0,\n  fontFamily: 'inherit',\n  fontSize: '14px',\n  justifyContent: 'center',\n  lineHeight: '1',\n  // Custom\n  position: 'relative',\n  padding: '0',\n  textDecoration: 'none',\n  backgroundColor: 'transparent',\n\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  '@hover': {\n    '&:hover': {\n      cursor: 'pointer',\n      '&::before': {\n        backgroundColor: 'rgba(255, 255, 255, 0.15)',\n      },\n      '&::after': {\n        opacity: 0.05,\n      },\n    },\n  },\n\n  '&:focus-visible': {\n    outline: '2px solid currentColor',\n    '&::before': {\n      backgroundColor: 'rgba(255, 255, 255, 0.15)',\n    },\n    '&::after': {\n      opacity: 0.15,\n    },\n  },\n\n  '&:active': {\n    '&::before': {\n      backgroundColor: 'rgba(0, 0, 0, 0.15)',\n    },\n  },\n\n  variants: {\n    size: {\n      '1': {\n        borderRadius: '$1',\n        height: '$5',\n        width: '$5',\n      },\n      '2': {\n        borderRadius: '$2',\n        height: '$6',\n        width: '$6',\n      },\n      '3': {\n        borderRadius: '$2',\n        height: '$7',\n        width: '$7',\n      },\n      '4': {\n        borderRadius: '$3',\n        height: '$8',\n        width: '$8',\n      },\n    },\n    variant: {\n      default: {\n        color: '$slate10',\n      },\n      contrast: {\n        color: '$hiContrast',\n      },\n      primary: {\n        color: '$primary',\n      },\n      red: {\n        color: '$red9',\n      },\n      green: {\n        color: '$green9',\n      },\n      orange: {\n        color: '$orange9',\n      },\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n    size: '2',\n  },\n});\n\nexport type IconButtonVariants = VariantProps<typeof IconButton>;\n"],"names":[],"mappings":";;AAGO,MAAM,aAAa,OAAO,UAAU;AAAA,EACzC,GAAG;AAAA;AAAA,EAEH,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,gBAAgB;AAAA,EAChB,YAAY;AAAA;AAAA,EAEZ,UAAU;AAAA,EACV,SAAS;AAAA,EACT,gBAAgB;AAAA,EAChB,iBAAiB;AAAA,EAEjB,aAAa;AAAA,IACX,WAAW;AAAA,IACX,SAAS;AAAA,IACT,UAAU;AAAA,IACV,OAAO;AAAA,IACP,cAAc;AAAA,EAAA;AAAA,EAEhB,YAAY;AAAA,IACV,WAAW;AAAA,IACX,SAAS;AAAA,IACT,UAAU;AAAA,IACV,OAAO;AAAA,IACP,cAAc;AAAA,EAAA;AAAA,EAEhB,UAAU;AAAA,IACR,WAAW;AAAA,MACT,QAAQ;AAAA,MACR,aAAa;AAAA,QACX,iBAAiB;AAAA,MAAA;AAAA,MAEnB,YAAY;AAAA,QACV,SAAS;AAAA,MAAA;AAAA,IACX;AAAA,EACF;AAAA,EAGF,mBAAmB;AAAA,IACjB,SAAS;AAAA,IACT,aAAa;AAAA,MACX,iBAAiB;AAAA,IAAA;AAAA,IAEnB,YAAY;AAAA,MACV,SAAS;AAAA,IAAA;AAAA,EACX;AAAA,EAGF,YAAY;AAAA,IACV,aAAa;AAAA,MACX,iBAAiB;AAAA,IAAA;AAAA,EACnB;AAAA,EAGF,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,KAAK;AAAA,QACH,cAAc;AAAA,QACd,QAAQ;AAAA,QACR,OAAO;AAAA,MAAA;AAAA,MAET,KAAK;AAAA,QACH,cAAc;AAAA,QACd,QAAQ;AAAA,QACR,OAAO;AAAA,MAAA;AAAA,MAET,KAAK;AAAA,QACH,cAAc;AAAA,QACd,QAAQ;AAAA,QACR,OAAO;AAAA,MAAA;AAAA,MAET,KAAK;AAAA,QACH,cAAc;AAAA,QACd,QAAQ;AAAA,QACR,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,IAEF,SAAS;AAAA,MACP,SAAS;AAAA,QACP,OAAO;AAAA,MAAA;AAAA,MAET,UAAU;AAAA,QACR,OAAO;AAAA,MAAA;AAAA,MAET,SAAS;AAAA,QACP,OAAO;AAAA,MAAA;AAAA,MAET,KAAK;AAAA,QACH,OAAO;AAAA,MAAA;AAAA,MAET,OAAO;AAAA,QACL,OAAO;AAAA,MAAA;AAAA,MAET,QAAQ;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,EACF;AAAA,EAEF,iBAAiB;AAAA,IACf,SAAS;AAAA,IACT,MAAM;AAAA,EAAA;AAEV,CAAC;"}
+{"version":3,"file":"IconButton.js","names":[],"sources":["../../../components/IconButton/IconButton.tsx"],"sourcesContent":["import { styled, VariantProps } from '../../stitches.config';\nimport { BUTTON_BASE_STYLES } from '../Button';\n\nexport const IconButton = styled('button', {\n  ...BUTTON_BASE_STYLES,\n  // Reset\n  alignItems: 'center',\n  display: 'inline-flex',\n  flexShrink: 0,\n  fontFamily: 'inherit',\n  fontSize: '14px',\n  justifyContent: 'center',\n  lineHeight: '1',\n  // Custom\n  position: 'relative',\n  padding: '0',\n  textDecoration: 'none',\n  backgroundColor: 'transparent',\n\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  '@hover': {\n    '&:hover': {\n      cursor: 'pointer',\n      '&::before': {\n        backgroundColor: 'rgba(255, 255, 255, 0.15)',\n      },\n      '&::after': {\n        opacity: 0.05,\n      },\n    },\n  },\n\n  '&:focus-visible': {\n    outline: '2px solid currentColor',\n    '&::before': {\n      backgroundColor: 'rgba(255, 255, 255, 0.15)',\n    },\n    '&::after': {\n      opacity: 0.15,\n    },\n  },\n\n  '&:active': {\n    '&::before': {\n      backgroundColor: 'rgba(0, 0, 0, 0.15)',\n    },\n  },\n\n  variants: {\n    size: {\n      '1': {\n        borderRadius: '$1',\n        height: '$5',\n        width: '$5',\n      },\n      '2': {\n        borderRadius: '$2',\n        height: '$6',\n        width: '$6',\n      },\n      '3': {\n        borderRadius: '$2',\n        height: '$7',\n        width: '$7',\n      },\n      '4': {\n        borderRadius: '$3',\n        height: '$8',\n        width: '$8',\n      },\n    },\n    variant: {\n      default: {\n        color: '$slate10',\n      },\n      contrast: {\n        color: '$hiContrast',\n      },\n      primary: {\n        color: '$primary',\n      },\n      red: {\n        color: '$red9',\n      },\n      green: {\n        color: '$green9',\n      },\n      orange: {\n        color: '$orange9',\n      },\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n    size: '2',\n  },\n});\n\nexport type IconButtonVariants = VariantProps<typeof IconButton>;\n"],"mappings":";;;AAGA,IAAa,aAAa,OAAO,UAAU;CACzC,GAAG;CAEH,YAAY;CACZ,SAAS;CACT,YAAY;CACZ,YAAY;CACZ,UAAU;CACV,gBAAgB;CAChB,YAAY;CAEZ,UAAU;CACV,SAAS;CACT,gBAAgB;CAChB,iBAAiB;CAEjB,aAAa;EACX,WAAW;EACX,SAAS;EACT,UAAU;EACV,OAAO;EACP,cAAc;EACf;CACD,YAAY;EACV,WAAW;EACX,SAAS;EACT,UAAU;EACV,OAAO;EACP,cAAc;EACf;CACD,UAAU,EACR,WAAW;EACT,QAAQ;EACR,aAAa,EACX,iBAAiB,6BAClB;EACD,YAAY,EACV,SAAS,KACV;EACF,EACF;CAED,mBAAmB;EACjB,SAAS;EACT,aAAa,EACX,iBAAiB,6BAClB;EACD,YAAY,EACV,SAAS,KACV;EACF;CAED,YAAY,EACV,aAAa,EACX,iBAAiB,uBAClB,EACF;CAED,UAAU;EACR,MAAM;GACJ,KAAK;IACH,cAAc;IACd,QAAQ;IACR,OAAO;IACR;GACD,KAAK;IACH,cAAc;IACd,QAAQ;IACR,OAAO;IACR;GACD,KAAK;IACH,cAAc;IACd,QAAQ;IACR,OAAO;IACR;GACD,KAAK;IACH,cAAc;IACd,QAAQ;IACR,OAAO;IACR;GACF;EACD,SAAS;GACP,SAAS,EACP,OAAO,YACR;GACD,UAAU,EACR,OAAO,eACR;GACD,SAAS,EACP,OAAO,YACR;GACD,KAAK,EACH,OAAO,SACR;GACD,OAAO,EACL,OAAO,WACR;GACD,QAAQ,EACN,OAAO,YACR;GACF;EACF;CACD,iBAAiB;EACf,SAAS;EACT,MAAM;EACP;CACF,CAAC"}