@traefik-labs/faency 12.2.1 → 12.2.2

package/dist/components/Avatar/Avatar.cjs

@@ -1,174 +1,136 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const AvatarPrimitive = require("@radix-ui/react-avatar");
-const React = require("react");
-const stitches_config = require("../../stitches.config.cjs");
-const Box = require("../Box/Box.cjs");
-function _interopNamespaceDefault(e) {
-  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
-  if (e) {
-    for (const k in e) {
-      if (k !== "default") {
-        const d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: () => e[k]
-        });
-      }
-    }
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-const AvatarPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(AvatarPrimitive);
-const StyledAvatar = stitches_config.styled(AvatarPrimitive__namespace.Root, {
-  alignItems: "center",
-  justifyContent: "center",
-  verticalAlign: "middle",
-  overflow: "hidden",
-  userSelect: "none",
-  boxSizing: "border-box",
-  display: "flex",
-  flexShrink: 0,
-  position: "relative",
-  border: "none",
-  fontFamily: "inherit",
-  lineHeight: "1",
-  margin: "0",
-  outline: "none",
-  padding: "0",
-  fontWeight: "$medium",
-  color: "$hiContrast",
-  "&::before": {
-    content: '""',
-    position: "absolute",
-    top: 0,
-    right: 0,
-    bottom: 0,
-    left: 0,
-    borderRadius: "inherit",
-    boxShadow: "inset 0px 0px 1px rgba(0, 0, 0, 0.12)"
-  },
-  variants: {
-    size: {
-      "1": {
-        width: "$3",
-        height: "$3"
-      },
-      "2": {
-        width: "$5",
-        height: "$5"
-      },
-      "3": {
-        width: "$6",
-        height: "$6"
-      },
-      "4": {
-        width: "$7",
-        height: "$7"
-      },
-      "5": {
-        width: "$8",
-        height: "$8"
-      },
-      "6": {
-        width: "$9",
-        height: "$9"
-      }
-    },
-    variant: {
-      gray: {
-        backgroundColor: "$slate5"
-      },
-      red: {
-        backgroundColor: "$red5"
-      },
-      purple: {
-        backgroundColor: "$purple5"
-      },
-      blue: {
-        backgroundColor: "$blue5"
-      },
-      green: {
-        backgroundColor: "$green5"
-      },
-      orange: {
-        backgroundColor: "$orange5"
-      }
-    },
-    shape: {
-      square: {
-        borderRadius: "$2"
-      },
-      circle: {
-        borderRadius: "50%"
-      }
-    }
-  },
-  defaultVariants: {
-    size: "2",
-    variant: "gray",
-    shape: "circle"
-  }
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_stitches_config = require("../../stitches.config.cjs");
+const require_Box = require("../Box/Box.cjs");
+let react = require("react");
+react = require_runtime.__toESM(react, 1);
+let react_jsx_runtime = require("react/jsx-runtime");
+let _radix_ui_react_avatar = require("@radix-ui/react-avatar");
+_radix_ui_react_avatar = require_runtime.__toESM(_radix_ui_react_avatar, 1);
+//#region components/Avatar/Avatar.tsx
+var StyledAvatar = require_stitches_config.styled(_radix_ui_react_avatar.Root, {
+	alignItems: "center",
+	justifyContent: "center",
+	verticalAlign: "middle",
+	overflow: "hidden",
+	userSelect: "none",
+	boxSizing: "border-box",
+	display: "flex",
+	flexShrink: 0,
+	position: "relative",
+	border: "none",
+	fontFamily: "inherit",
+	lineHeight: "1",
+	margin: "0",
+	outline: "none",
+	padding: "0",
+	fontWeight: "$medium",
+	color: "$hiContrast",
+	"&::before": {
+		content: "\"\"",
+		position: "absolute",
+		top: 0,
+		right: 0,
+		bottom: 0,
+		left: 0,
+		borderRadius: "inherit",
+		boxShadow: "inset 0px 0px 1px rgba(0, 0, 0, 0.12)"
+	},
+	variants: {
+		size: {
+			"1": {
+				width: "$3",
+				height: "$3"
+			},
+			"2": {
+				width: "$5",
+				height: "$5"
+			},
+			"3": {
+				width: "$6",
+				height: "$6"
+			},
+			"4": {
+				width: "$7",
+				height: "$7"
+			},
+			"5": {
+				width: "$8",
+				height: "$8"
+			},
+			"6": {
+				width: "$9",
+				height: "$9"
+			}
+		},
+		variant: {
+			gray: { backgroundColor: "$slate5" },
+			red: { backgroundColor: "$red5" },
+			purple: { backgroundColor: "$purple5" },
+			blue: { backgroundColor: "$blue5" },
+			green: { backgroundColor: "$green5" },
+			orange: { backgroundColor: "$orange5" }
+		},
+		shape: {
+			square: { borderRadius: "$2" },
+			circle: { borderRadius: "50%" }
+		}
+	},
+	defaultVariants: {
+		size: "2",
+		variant: "gray",
+		shape: "circle"
+	}
 });
-const StyledAvatarImage = stitches_config.styled(AvatarPrimitive__namespace.Image, {
-  display: "flex",
-  objectFit: "cover",
-  boxSizing: "border-box",
-  height: "100%",
-  verticalAlign: "middle",
-  width: "100%"
+var StyledAvatarImage = require_stitches_config.styled(_radix_ui_react_avatar.Image, {
+	display: "flex",
+	objectFit: "cover",
+	boxSizing: "border-box",
+	height: "100%",
+	verticalAlign: "middle",
+	width: "100%"
 });
-const StyledAvatarFallback = stitches_config.styled(AvatarPrimitive__namespace.Fallback, {
-  textTransform: "uppercase",
-  fontFamily: "$rubik",
-  color: "$deepBlue10",
-  variants: {
-    size: {
-      "1": {
-        fontSize: "10px",
-        lineHeight: "15px"
-      },
-      "2": {
-        fontSize: "$3"
-      },
-      "3": {
-        fontSize: "$6"
-      },
-      "4": {
-        fontSize: "$7"
-      },
-      "5": {
-        fontSize: "$8"
-      },
-      "6": {
-        fontSize: "$9"
-      }
-    }
-  },
-  defaultVariants: {
-    size: "2"
-  }
+var StyledAvatarFallback = require_stitches_config.styled(_radix_ui_react_avatar.Fallback, {
+	textTransform: "uppercase",
+	fontFamily: "$rubik",
+	color: "$deepBlue10",
+	variants: { size: {
+		"1": {
+			fontSize: "10px",
+			lineHeight: "15px"
+		},
+		"2": { fontSize: "$3" },
+		"3": { fontSize: "$6" },
+		"4": { fontSize: "$7" },
+		"5": { fontSize: "$8" },
+		"6": { fontSize: "$9" }
+	} },
+	defaultVariants: { size: "2" }
 });
-const Avatar = React.forwardRef(
-  ({ alt, src, fallback, size, variant, shape, css, ...props }, forwardedRef) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      Box.Box,
-      {
-        css: {
-          ...css,
-          position: "relative",
-          height: "fit-content",
-          width: "fit-content"
-        },
-        children: /* @__PURE__ */ jsxRuntime.jsxs(StyledAvatar, { ...props, ref: forwardedRef, size, variant, shape, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(StyledAvatarImage, { alt, src }),
-          /* @__PURE__ */ jsxRuntime.jsx(StyledAvatarFallback, { size, children: fallback })
-        ] })
-      }
-    );
-  }
-);
+var Avatar = react.default.forwardRef(({ alt, src, fallback, size, variant, shape, css, ...props }, forwardedRef) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Box.Box, {
+		css: {
+			...css,
+			position: "relative",
+			height: "fit-content",
+			width: "fit-content"
+		},
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(StyledAvatar, {
+			...props,
+			ref: forwardedRef,
+			size,
+			variant,
+			shape,
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(StyledAvatarImage, {
+				alt,
+				src
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StyledAvatarFallback, {
+				size,
+				children: fallback
+			})]
+		})
+	});
+});
+//#endregion
 exports.Avatar = Avatar;
-//# sourceMappingURL=Avatar.cjs.map
+
+//# sourceMappingURL=Avatar.cjs.map

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

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

package/dist/components/Avatar/Avatar.js

@@ -1,157 +1,133 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import * as AvatarPrimitive from "@radix-ui/react-avatar";
-import React from "react";
 import { styled } from "../../stitches.config.js";
 import { Box } from "../Box/Box.js";
-const StyledAvatar = styled(AvatarPrimitive.Root, {
-  alignItems: "center",
-  justifyContent: "center",
-  verticalAlign: "middle",
-  overflow: "hidden",
-  userSelect: "none",
-  boxSizing: "border-box",
-  display: "flex",
-  flexShrink: 0,
-  position: "relative",
-  border: "none",
-  fontFamily: "inherit",
-  lineHeight: "1",
-  margin: "0",
-  outline: "none",
-  padding: "0",
-  fontWeight: "$medium",
-  color: "$hiContrast",
-  "&::before": {
-    content: '""',
-    position: "absolute",
-    top: 0,
-    right: 0,
-    bottom: 0,
-    left: 0,
-    borderRadius: "inherit",
-    boxShadow: "inset 0px 0px 1px rgba(0, 0, 0, 0.12)"
-  },
-  variants: {
-    size: {
-      "1": {
-        width: "$3",
-        height: "$3"
-      },
-      "2": {
-        width: "$5",
-        height: "$5"
-      },
-      "3": {
-        width: "$6",
-        height: "$6"
-      },
-      "4": {
-        width: "$7",
-        height: "$7"
-      },
-      "5": {
-        width: "$8",
-        height: "$8"
-      },
-      "6": {
-        width: "$9",
-        height: "$9"
-      }
-    },
-    variant: {
-      gray: {
-        backgroundColor: "$slate5"
-      },
-      red: {
-        backgroundColor: "$red5"
-      },
-      purple: {
-        backgroundColor: "$purple5"
-      },
-      blue: {
-        backgroundColor: "$blue5"
-      },
-      green: {
-        backgroundColor: "$green5"
-      },
-      orange: {
-        backgroundColor: "$orange5"
-      }
-    },
-    shape: {
-      square: {
-        borderRadius: "$2"
-      },
-      circle: {
-        borderRadius: "50%"
-      }
-    }
-  },
-  defaultVariants: {
-    size: "2",
-    variant: "gray",
-    shape: "circle"
-  }
+import React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as AvatarPrimitive from "@radix-ui/react-avatar";
+//#region components/Avatar/Avatar.tsx
+var StyledAvatar = styled(AvatarPrimitive.Root, {
+	alignItems: "center",
+	justifyContent: "center",
+	verticalAlign: "middle",
+	overflow: "hidden",
+	userSelect: "none",
+	boxSizing: "border-box",
+	display: "flex",
+	flexShrink: 0,
+	position: "relative",
+	border: "none",
+	fontFamily: "inherit",
+	lineHeight: "1",
+	margin: "0",
+	outline: "none",
+	padding: "0",
+	fontWeight: "$medium",
+	color: "$hiContrast",
+	"&::before": {
+		content: "\"\"",
+		position: "absolute",
+		top: 0,
+		right: 0,
+		bottom: 0,
+		left: 0,
+		borderRadius: "inherit",
+		boxShadow: "inset 0px 0px 1px rgba(0, 0, 0, 0.12)"
+	},
+	variants: {
+		size: {
+			"1": {
+				width: "$3",
+				height: "$3"
+			},
+			"2": {
+				width: "$5",
+				height: "$5"
+			},
+			"3": {
+				width: "$6",
+				height: "$6"
+			},
+			"4": {
+				width: "$7",
+				height: "$7"
+			},
+			"5": {
+				width: "$8",
+				height: "$8"
+			},
+			"6": {
+				width: "$9",
+				height: "$9"
+			}
+		},
+		variant: {
+			gray: { backgroundColor: "$slate5" },
+			red: { backgroundColor: "$red5" },
+			purple: { backgroundColor: "$purple5" },
+			blue: { backgroundColor: "$blue5" },
+			green: { backgroundColor: "$green5" },
+			orange: { backgroundColor: "$orange5" }
+		},
+		shape: {
+			square: { borderRadius: "$2" },
+			circle: { borderRadius: "50%" }
+		}
+	},
+	defaultVariants: {
+		size: "2",
+		variant: "gray",
+		shape: "circle"
+	}
+});
+var StyledAvatarImage = styled(AvatarPrimitive.Image, {
+	display: "flex",
+	objectFit: "cover",
+	boxSizing: "border-box",
+	height: "100%",
+	verticalAlign: "middle",
+	width: "100%"
 });
-const StyledAvatarImage = styled(AvatarPrimitive.Image, {
-  display: "flex",
-  objectFit: "cover",
-  boxSizing: "border-box",
-  height: "100%",
-  verticalAlign: "middle",
-  width: "100%"
+var StyledAvatarFallback = styled(AvatarPrimitive.Fallback, {
+	textTransform: "uppercase",
+	fontFamily: "$rubik",
+	color: "$deepBlue10",
+	variants: { size: {
+		"1": {
+			fontSize: "10px",
+			lineHeight: "15px"
+		},
+		"2": { fontSize: "$3" },
+		"3": { fontSize: "$6" },
+		"4": { fontSize: "$7" },
+		"5": { fontSize: "$8" },
+		"6": { fontSize: "$9" }
+	} },
+	defaultVariants: { size: "2" }
 });
-const StyledAvatarFallback = styled(AvatarPrimitive.Fallback, {
-  textTransform: "uppercase",
-  fontFamily: "$rubik",
-  color: "$deepBlue10",
-  variants: {
-    size: {
-      "1": {
-        fontSize: "10px",
-        lineHeight: "15px"
-      },
-      "2": {
-        fontSize: "$3"
-      },
-      "3": {
-        fontSize: "$6"
-      },
-      "4": {
-        fontSize: "$7"
-      },
-      "5": {
-        fontSize: "$8"
-      },
-      "6": {
-        fontSize: "$9"
-      }
-    }
-  },
-  defaultVariants: {
-    size: "2"
-  }
+var Avatar = React.forwardRef(({ alt, src, fallback, size, variant, shape, css, ...props }, forwardedRef) => {
+	return /* @__PURE__ */ jsx(Box, {
+		css: {
+			...css,
+			position: "relative",
+			height: "fit-content",
+			width: "fit-content"
+		},
+		children: /* @__PURE__ */ jsxs(StyledAvatar, {
+			...props,
+			ref: forwardedRef,
+			size,
+			variant,
+			shape,
+			children: [/* @__PURE__ */ jsx(StyledAvatarImage, {
+				alt,
+				src
+			}), /* @__PURE__ */ jsx(StyledAvatarFallback, {
+				size,
+				children: fallback
+			})]
+		})
+	});
 });
-const Avatar = React.forwardRef(
-  ({ alt, src, fallback, size, variant, shape, css, ...props }, forwardedRef) => {
-    return /* @__PURE__ */ jsx(
-      Box,
-      {
-        css: {
-          ...css,
-          position: "relative",
-          height: "fit-content",
-          width: "fit-content"
-        },
-        children: /* @__PURE__ */ jsxs(StyledAvatar, { ...props, ref: forwardedRef, size, variant, shape, children: [
-          /* @__PURE__ */ jsx(StyledAvatarImage, { alt, src }),
-          /* @__PURE__ */ jsx(StyledAvatarFallback, { size, children: fallback })
-        ] })
-      }
-    );
-  }
-);
-export {
-  Avatar
-};
-//# sourceMappingURL=Avatar.js.map
+//#endregion
+export { Avatar };
+
+//# sourceMappingURL=Avatar.js.map