@causw/core 0.0.20 → 0.0.22

package/dist/components/Avatar/Avatar.cjs

@@ -2,14 +2,24 @@ const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
 const require_Primitive = require('../Primitive/Primitive.cjs');
 const require_mergeStyles = require('../../utils/mergeStyles/mergeStyles.cjs');
 const require_Avatar_styles = require('./Avatar.styles.cjs');
-const require_default = require('../../assets/avatar/default.cjs');
+const require_defaultAvatar1 = require('../../assets/avatar/defaultAvatar1.cjs');
+const require_defaultAvatar2 = require('../../assets/avatar/defaultAvatar2.cjs');
+const require_defaultAvatar3 = require('../../assets/avatar/defaultAvatar3.cjs');
+const require_defaultAvatar4 = require('../../assets/avatar/defaultAvatar4.cjs');
 let react = require("react");
 react = require_rolldown_runtime.__toESM(react);
 let react_jsx_runtime = require("react/jsx-runtime");
 
 //#region src/components/Avatar/Avatar.tsx
-const Avatar = ({ size = "md", src, alt, className, fallback, ...props }) => {
+const Avatar = ({ size = "44", src, alt, className, fallback, ...props }) => {
 	const [hasError, setHasError] = react.useState(false);
+	const defaultAvatars = [
+		require_defaultAvatar1.default,
+		require_defaultAvatar2.default,
+		require_defaultAvatar3.default,
+		require_defaultAvatar4.default
+	];
+	const randomDefault = react.useMemo(() => defaultAvatars[Math.floor(Math.random() * defaultAvatars.length)], []);
 	const { root, image, fallback: fallbackStyle } = require_Avatar_styles.avatar({ size });
 	react.useEffect(() => {
 		setHasError(false);
@@ -34,7 +44,7 @@ const Avatar = ({ size = "md", src, alt, className, fallback, ...props }) => {
 				if (!hasError) setHasError(true);
 			}
 		}) : renderFallback() ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
-			src: require_default.default,
+			src: randomDefault,
 			alt: "default avatar",
 			className: image()
 		})

package/dist/components/Avatar/Avatar.d.cts

@@ -2,7 +2,7 @@ import { PrimitiveProps } from "../Primitive/Primitive.cjs";
 import "../Primitive/index.cjs";
 import { AvatarVariants } from "./Avatar.styles.cjs";
 import * as React$1 from "react";
-import * as react_jsx_runtime41 from "react/jsx-runtime";
+import * as react_jsx_runtime36 from "react/jsx-runtime";
 
 //#region src/components/Avatar/Avatar.d.ts
 interface AvatarProps extends Omit<React$1.ComponentPropsWithoutRef<'span'>, 'alt'>, PrimitiveProps, AvatarVariants {
@@ -18,7 +18,7 @@ declare const Avatar: {
     className,
     fallback,
     ...props
-  }: AvatarProps): react_jsx_runtime41.JSX.Element;
+  }: AvatarProps): react_jsx_runtime36.JSX.Element;
   displayName: string;
 };
 //#endregion

package/dist/components/Avatar/Avatar.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.d.cts","names":[],"sources":["../../../src/components/Avatar/Avatar.tsx"],"mappings":";;;;;;;UAOiB,WAAA,SAEb,IAAA,CAAK,OAAA,CAAM,wBAAA,kBACX,cAAA,EACA,cAAA;EACF,GAAA;EACA,GAAA;EACA,QAAA,GAAW,OAAA,CAAM,SAAA;AAAA;AAAA,cAGN,MAAA;EAAA;;;;;;;KAOV,WAAA,GAAW,mBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"Avatar.d.cts","names":[],"sources":["../../../src/components/Avatar/Avatar.tsx"],"mappings":";;;;;;;UAUiB,WAAA,SAEb,IAAA,CAAK,OAAA,CAAM,wBAAA,kBACX,cAAA,EACA,cAAA;EACF,GAAA;EACA,GAAA;EACA,QAAA,GAAW,OAAA,CAAM,SAAA;AAAA;AAAA,cAGN,MAAA;EAAA;;;;;;;KAOV,WAAA,GAAW,mBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/Avatar/Avatar.d.mts

@@ -2,7 +2,7 @@ import { PrimitiveProps } from "../Primitive/Primitive.mjs";
 import "../Primitive/index.mjs";
 import { AvatarVariants } from "./Avatar.styles.mjs";
 import * as React$1 from "react";
-import * as react_jsx_runtime36 from "react/jsx-runtime";
+import * as react_jsx_runtime24 from "react/jsx-runtime";
 
 //#region src/components/Avatar/Avatar.d.ts
 interface AvatarProps extends Omit<React$1.ComponentPropsWithoutRef<'span'>, 'alt'>, PrimitiveProps, AvatarVariants {
@@ -18,7 +18,7 @@ declare const Avatar: {
     className,
     fallback,
     ...props
-  }: AvatarProps): react_jsx_runtime36.JSX.Element;
+  }: AvatarProps): react_jsx_runtime24.JSX.Element;
   displayName: string;
 };
 //#endregion

package/dist/components/Avatar/Avatar.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.d.mts","names":[],"sources":["../../../src/components/Avatar/Avatar.tsx"],"mappings":";;;;;;;UAOiB,WAAA,SAEb,IAAA,CAAK,OAAA,CAAM,wBAAA,kBACX,cAAA,EACA,cAAA;EACF,GAAA;EACA,GAAA;EACA,QAAA,GAAW,OAAA,CAAM,SAAA;AAAA;AAAA,cAGN,MAAA;EAAA;;;;;;;KAOV,WAAA,GAAW,mBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"Avatar.d.mts","names":[],"sources":["../../../src/components/Avatar/Avatar.tsx"],"mappings":";;;;;;;UAUiB,WAAA,SAEb,IAAA,CAAK,OAAA,CAAM,wBAAA,kBACX,cAAA,EACA,cAAA;EACF,GAAA;EACA,GAAA;EACA,QAAA,GAAW,OAAA,CAAM,SAAA;AAAA;AAAA,cAGN,MAAA;EAAA;;;;;;;KAOV,WAAA,GAAW,mBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/Avatar/Avatar.mjs

@@ -1,13 +1,23 @@
 import { Primitive } from "../Primitive/Primitive.mjs";
 import { mergeStyles } from "../../utils/mergeStyles/mergeStyles.mjs";
 import { avatar } from "./Avatar.styles.mjs";
-import default_default from "../../assets/avatar/default.mjs";
+import defaultAvatar1_default from "../../assets/avatar/defaultAvatar1.mjs";
+import defaultAvatar2_default from "../../assets/avatar/defaultAvatar2.mjs";
+import defaultAvatar3_default from "../../assets/avatar/defaultAvatar3.mjs";
+import defaultAvatar4_default from "../../assets/avatar/defaultAvatar4.mjs";
 import * as React$1 from "react";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/components/Avatar/Avatar.tsx
-const Avatar = ({ size = "md", src, alt, className, fallback, ...props }) => {
+const Avatar = ({ size = "44", src, alt, className, fallback, ...props }) => {
 	const [hasError, setHasError] = React$1.useState(false);
+	const defaultAvatars = [
+		defaultAvatar1_default,
+		defaultAvatar2_default,
+		defaultAvatar3_default,
+		defaultAvatar4_default
+	];
+	const randomDefault = React$1.useMemo(() => defaultAvatars[Math.floor(Math.random() * defaultAvatars.length)], []);
 	const { root, image, fallback: fallbackStyle } = avatar({ size });
 	React$1.useEffect(() => {
 		setHasError(false);
@@ -32,7 +42,7 @@ const Avatar = ({ size = "md", src, alt, className, fallback, ...props }) => {
 				if (!hasError) setHasError(true);
 			}
 		}) : renderFallback() ?? /* @__PURE__ */ jsx("img", {
-			src: default_default,
+			src: randomDefault,
 			alt: "default avatar",
 			className: image()
 		})

package/dist/components/Avatar/Avatar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.mjs","names":["React","DEFAULT_AVATAR_SRC"],"sources":["../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Primitive, PrimitiveProps } from '../Primitive';\nimport { avatar, AvatarVariants } from './Avatar.styles';\nimport { mergeStyles } from '../../utils';\nimport DEFAULT_AVATAR_SRC from '../../assets/avatar/default.jpeg';\n\nexport interface AvatarProps\n  extends\n    Omit<React.ComponentPropsWithoutRef<'span'>, 'alt'>,\n    PrimitiveProps,\n    AvatarVariants {\n  src?: string;\n  alt?: string;\n  fallback?: React.ReactNode;\n}\n\nexport const Avatar = ({\n  size = 'md',\n  src,\n  alt,\n  className,\n  fallback,\n  ...props\n}: AvatarProps) => {\n  const [hasError, setHasError] = React.useState(false);\n  const { root, image, fallback: fallbackStyle } = avatar({ size });\n\n  React.useEffect(() => {\n    setHasError(false);\n  }, [src]);\n\n  const isValidSrc =\n    typeof src === 'string' && src.trim().length > 0 && !hasError;\n\n  const renderFallback = () => {\n    if (fallback == null) return null;\n\n    if (typeof fallback === 'string') {\n      return (\n        <span className={fallbackStyle()}>\n          {fallback.slice(0, 2).toUpperCase()}\n        </span>\n      );\n    }\n    return fallback;\n  };\n\n  return (\n    <Primitive.span className={mergeStyles(root(), className)} {...props}>\n      {isValidSrc ? (\n        <img\n          src={src}\n          alt={alt ?? 'user profile'}\n          className={image()}\n          onError={() => {\n            if (!hasError) setHasError(true);\n          }}\n        />\n      ) : (\n        (renderFallback() ?? (\n          <img\n            src={DEFAULT_AVATAR_SRC}\n            alt=\"default avatar\"\n            className={image()}\n          />\n        ))\n      )}\n    </Primitive.span>\n  );\n};\n\nAvatar.displayName = 'Avatar';\n"],"mappings":";;;;;;;;AAiBA,MAAa,UAAU,EACrB,OAAO,MACP,KACA,KACA,WACA,UACA,GAAG,YACc;CACjB,MAAM,CAAC,UAAU,eAAeA,QAAM,SAAS,MAAM;CACrD,MAAM,EAAE,MAAM,OAAO,UAAU,kBAAkB,OAAO,EAAE,MAAM,CAAC;AAEjE,SAAM,gBAAgB;AACpB,cAAY,MAAM;IACjB,CAAC,IAAI,CAAC;CAET,MAAM,aACJ,OAAO,QAAQ,YAAY,IAAI,MAAM,CAAC,SAAS,KAAK,CAAC;CAEvD,MAAM,uBAAuB;AAC3B,MAAI,YAAY,KAAM,QAAO;AAE7B,MAAI,OAAO,aAAa,SACtB,QACE,oBAAC;GAAK,WAAW,eAAe;aAC7B,SAAS,MAAM,GAAG,EAAE,CAAC,aAAa;IAC9B;AAGX,SAAO;;AAGT,QACE,oBAAC,UAAU;EAAK,WAAW,YAAY,MAAM,EAAE,UAAU;EAAE,GAAI;YAC5D,aACC,oBAAC;GACM;GACL,KAAK,OAAO;GACZ,WAAW,OAAO;GAClB,eAAe;AACb,QAAI,CAAC,SAAU,aAAY,KAAK;;IAElC,GAED,gBAAgB,IACf,oBAAC;GACC,KAAKC;GACL,KAAI;GACJ,WAAW,OAAO;IAClB;GAGS;;AAIrB,OAAO,cAAc"}
+{"version":3,"file":"Avatar.mjs","names":["React","defaultAvatar1","defaultAvatar2","defaultAvatar3","defaultAvatar4"],"sources":["../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Primitive, PrimitiveProps } from '../Primitive';\nimport { avatar, AvatarVariants } from './Avatar.styles';\nimport { mergeStyles } from '../../utils';\nimport defaultAvatar1 from '../../assets/avatar/defaultAvatar1.svg';\nimport defaultAvatar2 from '../../assets/avatar/defaultAvatar2.svg';\nimport defaultAvatar3 from '../../assets/avatar/defaultAvatar3.svg';\nimport defaultAvatar4 from '../../assets/avatar/defaultAvatar4.svg';\n\nexport interface AvatarProps\n  extends\n    Omit<React.ComponentPropsWithoutRef<'span'>, 'alt'>,\n    PrimitiveProps,\n    AvatarVariants {\n  src?: string;\n  alt?: string;\n  fallback?: React.ReactNode;\n}\n\nexport const Avatar = ({\n  size = '44',\n  src,\n  alt,\n  className,\n  fallback,\n  ...props\n}: AvatarProps) => {\n  const [hasError, setHasError] = React.useState(false);\n  const defaultAvatars = [\n    defaultAvatar1,\n    defaultAvatar2,\n    defaultAvatar3,\n    defaultAvatar4,\n  ];\n  const randomDefault = React.useMemo(\n    () => defaultAvatars[Math.floor(Math.random() * defaultAvatars.length)],\n    [],\n  );\n  const { root, image, fallback: fallbackStyle } = avatar({ size });\n\n  React.useEffect(() => {\n    setHasError(false);\n  }, [src]);\n\n  const isValidSrc =\n    typeof src === 'string' && src.trim().length > 0 && !hasError;\n\n  const renderFallback = () => {\n    if (fallback == null) return null;\n\n    if (typeof fallback === 'string') {\n      return (\n        <span className={fallbackStyle()}>\n          {fallback.slice(0, 2).toUpperCase()}\n        </span>\n      );\n    }\n    return fallback;\n  };\n\n  return (\n    <Primitive.span className={mergeStyles(root(), className)} {...props}>\n      {isValidSrc ? (\n        <img\n          src={src}\n          alt={alt ?? 'user profile'}\n          className={image()}\n          onError={() => {\n            if (!hasError) setHasError(true);\n          }}\n        />\n      ) : (\n        (renderFallback() ?? (\n          <img src={randomDefault} alt=\"default avatar\" className={image()} />\n        ))\n      )}\n    </Primitive.span>\n  );\n};\n\nAvatar.displayName = 'Avatar';\n"],"mappings":";;;;;;;;;;;AAoBA,MAAa,UAAU,EACrB,OAAO,MACP,KACA,KACA,WACA,UACA,GAAG,YACc;CACjB,MAAM,CAAC,UAAU,eAAeA,QAAM,SAAS,MAAM;CACrD,MAAM,iBAAiB;EACrBC;EACAC;EACAC;EACAC;EACD;CACD,MAAM,gBAAgBJ,QAAM,cACpB,eAAe,KAAK,MAAM,KAAK,QAAQ,GAAG,eAAe,OAAO,GACtE,EAAE,CACH;CACD,MAAM,EAAE,MAAM,OAAO,UAAU,kBAAkB,OAAO,EAAE,MAAM,CAAC;AAEjE,SAAM,gBAAgB;AACpB,cAAY,MAAM;IACjB,CAAC,IAAI,CAAC;CAET,MAAM,aACJ,OAAO,QAAQ,YAAY,IAAI,MAAM,CAAC,SAAS,KAAK,CAAC;CAEvD,MAAM,uBAAuB;AAC3B,MAAI,YAAY,KAAM,QAAO;AAE7B,MAAI,OAAO,aAAa,SACtB,QACE,oBAAC;GAAK,WAAW,eAAe;aAC7B,SAAS,MAAM,GAAG,EAAE,CAAC,aAAa;IAC9B;AAGX,SAAO;;AAGT,QACE,oBAAC,UAAU;EAAK,WAAW,YAAY,MAAM,EAAE,UAAU;EAAE,GAAI;YAC5D,aACC,oBAAC;GACM;GACL,KAAK,OAAO;GACZ,WAAW,OAAO;GAClB,eAAe;AACb,QAAI,CAAC,SAAU,aAAY,KAAK;;IAElC,GAED,gBAAgB,IACf,oBAAC;GAAI,KAAK;GAAe,KAAI;GAAiB,WAAW,OAAO;IAAI;GAGzD;;AAIrB,OAAO,cAAc"}

package/dist/components/Avatar/Avatar.styles.cjs

@@ -9,13 +9,15 @@ const avatar = (0, tailwind_variants.tv)({
 		fallback: "flex h-full w-full items-center justify-center select-none font-semibold"
 	},
 	variants: { size: {
-		xs: { root: "h-9 w-9 rounded-md" },
-		sm: { root: "h-10 w-10 rounded-md" },
-		md: { root: "h-11 w-11 rounded-md" },
-		lg: { root: "h-15 w-15 rounded-lg" },
-		xl: { root: "h-20 w-20 rounded-2xl" }
+		"36": { root: "h-9 w-9 rounded-md" },
+		"40": { root: "h-10 w-10 rounded-md" },
+		"44": { root: "h-11 w-11 rounded-md" },
+		"64": { root: "h-16 w-16 rounded-lg" },
+		"80": { root: "h-20 w-20 rounded-lg" },
+		"88": { root: "h-22 w-22 rounded-xl" },
+		"120": { root: "h-30 w-30 rounded-2xl" }
 	} },
-	defaultVariants: { size: "md" }
+	defaultVariants: { size: "44" }
 });
 
 //#endregion

package/dist/components/Avatar/Avatar.styles.d.cts

@@ -1,22 +1,28 @@
-import * as tailwind_variants21 from "tailwind-variants";
+import * as tailwind_variants19 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
 
 //#region src/components/Avatar/Avatar.styles.d.ts
-declare const avatar: tailwind_variants21.TVReturnType<{
+declare const avatar: tailwind_variants19.TVReturnType<{
   size: {
-    xs: {
+    '36': {
       root: string;
     };
-    sm: {
+    '40': {
       root: string;
     };
-    md: {
+    '44': {
       root: string;
     };
-    lg: {
+    '64': {
       root: string;
     };
-    xl: {
+    '80': {
+      root: string;
+    };
+    '88': {
+      root: string;
+    };
+    '120': {
       root: string;
     };
   };
@@ -26,19 +32,25 @@ declare const avatar: tailwind_variants21.TVReturnType<{
   fallback: string;
 }, undefined, {
   size: {
-    xs: {
+    '36': {
+      root: string;
+    };
+    '40': {
       root: string;
     };
-    sm: {
+    '44': {
       root: string;
     };
-    md: {
+    '64': {
       root: string;
     };
-    lg: {
+    '80': {
       root: string;
     };
-    xl: {
+    '88': {
+      root: string;
+    };
+    '120': {
       root: string;
     };
   };
@@ -46,21 +58,27 @@ declare const avatar: tailwind_variants21.TVReturnType<{
   root: string;
   image: string;
   fallback: string;
-}, tailwind_variants21.TVReturnType<{
+}, tailwind_variants19.TVReturnType<{
   size: {
-    xs: {
+    '36': {
+      root: string;
+    };
+    '40': {
+      root: string;
+    };
+    '44': {
       root: string;
     };
-    sm: {
+    '64': {
       root: string;
     };
-    md: {
+    '80': {
       root: string;
     };
-    lg: {
+    '88': {
       root: string;
     };
-    xl: {
+    '120': {
       root: string;
     };
   };

package/dist/components/Avatar/Avatar.styles.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.styles.d.cts","names":[],"sources":["../../../src/components/Avatar/Avatar.styles.ts"],"mappings":";;;;cAEa,MAAA,EA6BX,mBAAA,CA7BiB,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BjB,mBAAA,CAAA,YAAA;;;;;;;;;;;;;;;;;;;;;;;KAEU,cAAA,GAAiB,YAAA,QAAoB,MAAA"}
+{"version":3,"file":"Avatar.styles.d.cts","names":[],"sources":["../../../src/components/Avatar/Avatar.styles.ts"],"mappings":";;;;cAEa,MAAA,EAqBX,mBAAA,CArBiB,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqBjB,mBAAA,CAAA,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAEU,cAAA,GAAiB,YAAA,QAAoB,MAAA"}

package/dist/components/Avatar/Avatar.styles.d.mts

@@ -1,22 +1,28 @@
-import * as tailwind_variants19 from "tailwind-variants";
+import * as tailwind_variants9 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
 
 //#region src/components/Avatar/Avatar.styles.d.ts
-declare const avatar: tailwind_variants19.TVReturnType<{
+declare const avatar: tailwind_variants9.TVReturnType<{
   size: {
-    xs: {
+    '36': {
       root: string;
     };
-    sm: {
+    '40': {
       root: string;
     };
-    md: {
+    '44': {
       root: string;
     };
-    lg: {
+    '64': {
       root: string;
     };
-    xl: {
+    '80': {
+      root: string;
+    };
+    '88': {
+      root: string;
+    };
+    '120': {
       root: string;
     };
   };
@@ -26,19 +32,25 @@ declare const avatar: tailwind_variants19.TVReturnType<{
   fallback: string;
 }, undefined, {
   size: {
-    xs: {
+    '36': {
+      root: string;
+    };
+    '40': {
       root: string;
     };
-    sm: {
+    '44': {
       root: string;
     };
-    md: {
+    '64': {
       root: string;
     };
-    lg: {
+    '80': {
       root: string;
     };
-    xl: {
+    '88': {
+      root: string;
+    };
+    '120': {
       root: string;
     };
   };
@@ -46,21 +58,27 @@ declare const avatar: tailwind_variants19.TVReturnType<{
   root: string;
   image: string;
   fallback: string;
-}, tailwind_variants19.TVReturnType<{
+}, tailwind_variants9.TVReturnType<{
   size: {
-    xs: {
+    '36': {
+      root: string;
+    };
+    '40': {
+      root: string;
+    };
+    '44': {
       root: string;
     };
-    sm: {
+    '64': {
       root: string;
     };
-    md: {
+    '80': {
       root: string;
     };
-    lg: {
+    '88': {
       root: string;
     };
-    xl: {
+    '120': {
       root: string;
     };
   };

package/dist/components/Avatar/Avatar.styles.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.styles.d.mts","names":[],"sources":["../../../src/components/Avatar/Avatar.styles.ts"],"mappings":";;;;cAEa,MAAA,EA6BX,mBAAA,CA7BiB,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BjB,mBAAA,CAAA,YAAA;;;;;;;;;;;;;;;;;;;;;;;KAEU,cAAA,GAAiB,YAAA,QAAoB,MAAA"}
+{"version":3,"file":"Avatar.styles.d.mts","names":[],"sources":["../../../src/components/Avatar/Avatar.styles.ts"],"mappings":";;;;cAEa,MAAA,EAqBX,kBAAA,CArBiB,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqBjB,kBAAA,CAAA,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAEU,cAAA,GAAiB,YAAA,QAAoB,MAAA"}

package/dist/components/Avatar/Avatar.styles.mjs

@@ -8,13 +8,15 @@ const avatar = tv({
 		fallback: "flex h-full w-full items-center justify-center select-none font-semibold"
 	},
 	variants: { size: {
-		xs: { root: "h-9 w-9 rounded-md" },
-		sm: { root: "h-10 w-10 rounded-md" },
-		md: { root: "h-11 w-11 rounded-md" },
-		lg: { root: "h-15 w-15 rounded-lg" },
-		xl: { root: "h-20 w-20 rounded-2xl" }
+		"36": { root: "h-9 w-9 rounded-md" },
+		"40": { root: "h-10 w-10 rounded-md" },
+		"44": { root: "h-11 w-11 rounded-md" },
+		"64": { root: "h-16 w-16 rounded-lg" },
+		"80": { root: "h-20 w-20 rounded-lg" },
+		"88": { root: "h-22 w-22 rounded-xl" },
+		"120": { root: "h-30 w-30 rounded-2xl" }
 	} },
-	defaultVariants: { size: "md" }
+	defaultVariants: { size: "44" }
 });
 
 //#endregion

package/dist/components/Avatar/Avatar.styles.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.styles.mjs","names":[],"sources":["../../../src/components/Avatar/Avatar.styles.ts"],"sourcesContent":["import { tv, type VariantProps } from 'tailwind-variants';\n\nexport const avatar = tv({\n  slots: {\n    root: 'inline-flex items-center justify-center overflow-hidden bg-gray-100 text-gray-600',\n    image: 'h-full w-full object-cover',\n    fallback:\n      'flex h-full w-full items-center justify-center select-none font-semibold',\n  },\n  variants: {\n    size: {\n      xs: {\n        root: 'h-9 w-9 rounded-md',\n      },\n      sm: {\n        root: 'h-10 w-10 rounded-md',\n      },\n      md: {\n        root: 'h-11 w-11 rounded-md',\n      },\n      lg: {\n        root: 'h-15 w-15 rounded-lg',\n      },\n      xl: {\n        root: 'h-20 w-20 rounded-2xl',\n      },\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n});\n\nexport type AvatarVariants = VariantProps<typeof avatar>;\n"],"mappings":";;;AAEA,MAAa,SAAS,GAAG;CACvB,OAAO;EACL,MAAM;EACN,OAAO;EACP,UACE;EACH;CACD,UAAU,EACR,MAAM;EACJ,IAAI,EACF,MAAM,sBACP;EACD,IAAI,EACF,MAAM,wBACP;EACD,IAAI,EACF,MAAM,wBACP;EACD,IAAI,EACF,MAAM,wBACP;EACD,IAAI,EACF,MAAM,yBACP;EACF,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CAAC"}
+{"version":3,"file":"Avatar.styles.mjs","names":[],"sources":["../../../src/components/Avatar/Avatar.styles.ts"],"sourcesContent":["import { tv, type VariantProps } from 'tailwind-variants';\n\nexport const avatar = tv({\n  slots: {\n    root: 'inline-flex items-center justify-center overflow-hidden bg-gray-100 text-gray-600',\n    image: 'h-full w-full object-cover',\n    fallback:\n      'flex h-full w-full items-center justify-center select-none font-semibold',\n  },\n  variants: {\n    size: {\n      '36': { root: 'h-9 w-9 rounded-md' },\n      '40': { root: 'h-10 w-10 rounded-md' },\n      '44': { root: 'h-11 w-11 rounded-md' },\n      '64': { root: 'h-16 w-16 rounded-lg' },\n      '80': { root: 'h-20 w-20 rounded-lg' },\n      '88': { root: 'h-22 w-22 rounded-xl' },\n      '120': { root: 'h-30 w-30 rounded-2xl' },\n    },\n  },\n  defaultVariants: {\n    size: '44',\n  },\n});\n\nexport type AvatarVariants = VariantProps<typeof avatar>;\n"],"mappings":";;;AAEA,MAAa,SAAS,GAAG;CACvB,OAAO;EACL,MAAM;EACN,OAAO;EACP,UACE;EACH;CACD,UAAU,EACR,MAAM;EACJ,MAAM,EAAE,MAAM,sBAAsB;EACpC,MAAM,EAAE,MAAM,wBAAwB;EACtC,MAAM,EAAE,MAAM,wBAAwB;EACtC,MAAM,EAAE,MAAM,wBAAwB;EACtC,MAAM,EAAE,MAAM,wBAAwB;EACtC,MAAM,EAAE,MAAM,wBAAwB;EACtC,OAAO,EAAE,MAAM,yBAAyB;EACzC,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CAAC"}

package/dist/components/BottomNavigation/BottomNavigation.d.cts

@@ -2,7 +2,7 @@ import { PrimitiveProps } from "../Primitive/Primitive.cjs";
 import "../Primitive/index.cjs";
 import { BottomNavigationVariants } from "./BottomNavigation.styles.cjs";
 import { ComponentProps, SVGProps } from "react";
-import * as react_jsx_runtime74 from "react/jsx-runtime";
+import * as react_jsx_runtime37 from "react/jsx-runtime";
 
 //#region src/components/BottomNavigation/BottomNavigation.d.ts
 interface BottomNavigationRootProps extends ComponentProps<'nav'>, PrimitiveProps {
@@ -26,7 +26,7 @@ declare const BottomNavigation: (({
   onSelectChange,
   className,
   ...props
-}: BottomNavigationRootProps) => react_jsx_runtime74.JSX.Element) & {
+}: BottomNavigationRootProps) => react_jsx_runtime37.JSX.Element) & {
   Item: ({
     selected,
     value,
@@ -34,19 +34,19 @@ declare const BottomNavigation: (({
     children,
     onClick,
     ...props
-  }: BottomNavigationItemProps) => react_jsx_runtime74.JSX.Element;
+  }: BottomNavigationItemProps) => react_jsx_runtime37.JSX.Element;
   Icon: ({
     children,
     selected,
     className,
     ...props
-  }: BottomNavigationIconProps) => react_jsx_runtime74.JSX.Element;
+  }: BottomNavigationIconProps) => react_jsx_runtime37.JSX.Element;
   Label: ({
     children,
     selected,
     className,
     ...props
-  }: BottomNavigationLabelProps) => react_jsx_runtime74.JSX.Element;
+  }: BottomNavigationLabelProps) => react_jsx_runtime37.JSX.Element;
 };
 //#endregion
 export { BottomNavigation };

package/dist/components/BottomNavigation/BottomNavigation.d.mts

@@ -2,7 +2,7 @@ import { PrimitiveProps } from "../Primitive/Primitive.mjs";
 import "../Primitive/index.mjs";
 import { BottomNavigationVariants } from "./BottomNavigation.styles.mjs";
 import { ComponentProps, SVGProps } from "react";
-import * as react_jsx_runtime74 from "react/jsx-runtime";
+import * as react_jsx_runtime78 from "react/jsx-runtime";
 
 //#region src/components/BottomNavigation/BottomNavigation.d.ts
 interface BottomNavigationRootProps extends ComponentProps<'nav'>, PrimitiveProps {
@@ -26,7 +26,7 @@ declare const BottomNavigation: (({
   onSelectChange,
   className,
   ...props
-}: BottomNavigationRootProps) => react_jsx_runtime74.JSX.Element) & {
+}: BottomNavigationRootProps) => react_jsx_runtime78.JSX.Element) & {
   Item: ({
     selected,
     value,
@@ -34,19 +34,19 @@ declare const BottomNavigation: (({
     children,
     onClick,
     ...props
-  }: BottomNavigationItemProps) => react_jsx_runtime74.JSX.Element;
+  }: BottomNavigationItemProps) => react_jsx_runtime78.JSX.Element;
   Icon: ({
     children,
     selected,
     className,
     ...props
-  }: BottomNavigationIconProps) => react_jsx_runtime74.JSX.Element;
+  }: BottomNavigationIconProps) => react_jsx_runtime78.JSX.Element;
   Label: ({
     children,
     selected,
     className,
     ...props
-  }: BottomNavigationLabelProps) => react_jsx_runtime74.JSX.Element;
+  }: BottomNavigationLabelProps) => react_jsx_runtime78.JSX.Element;
 };
 //#endregion
 export { BottomNavigation };

package/dist/components/BottomNavigation/BottomNavigation.styles.cjs

@@ -4,7 +4,7 @@ let tailwind_variants = require("tailwind-variants");
 //#region src/components/BottomNavigation/BottomNavigation.styles.ts
 const bottomNavigation = (0, tailwind_variants.tv)({
 	slots: {
-		root: "fixed bg-white right-0 bottom-0 left-0 z-sticky flex h-15 items-center justify-between border-t border-gray-200 px-12 py-2 pb-safe",
+		root: "fixed bg-white right-0 bottom-0 left-0 z-sticky flex h-15 items-center justify-between  px-12 py-2 pb-safe shadow-[0_-2px_10px_0_rgba(0,0,0,0.08)]",
 		item: "group flex flex-1 flex-col items-center justify-center gap-1 text-xs transition-colors",
 		icon: "w-5 h-5",
 		label: "typo-caption-12-semibold text-center"

package/dist/components/BottomNavigation/BottomNavigation.styles.d.cts

@@ -1,8 +1,8 @@
-import * as tailwind_variants53 from "tailwind-variants";
+import * as tailwind_variants43 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
 
 //#region src/components/BottomNavigation/BottomNavigation.styles.d.ts
-declare const bottomNavigation: tailwind_variants53.TVReturnType<{
+declare const bottomNavigation: tailwind_variants43.TVReturnType<{
   selected: {
     true: {
       icon: string;
@@ -34,7 +34,7 @@ declare const bottomNavigation: tailwind_variants53.TVReturnType<{
   item: string;
   icon: string;
   label: string;
-}, tailwind_variants53.TVReturnType<{
+}, tailwind_variants43.TVReturnType<{
   selected: {
     true: {
       icon: string;

package/dist/components/BottomNavigation/BottomNavigation.styles.mjs

@@ -3,7 +3,7 @@ import { tv } from "tailwind-variants";
 //#region src/components/BottomNavigation/BottomNavigation.styles.ts
 const bottomNavigation = tv({
 	slots: {
-		root: "fixed bg-white right-0 bottom-0 left-0 z-sticky flex h-15 items-center justify-between border-t border-gray-200 px-12 py-2 pb-safe",
+		root: "fixed bg-white right-0 bottom-0 left-0 z-sticky flex h-15 items-center justify-between  px-12 py-2 pb-safe shadow-[0_-2px_10px_0_rgba(0,0,0,0.08)]",
 		item: "group flex flex-1 flex-col items-center justify-center gap-1 text-xs transition-colors",
 		icon: "w-5 h-5",
 		label: "typo-caption-12-semibold text-center"

package/dist/components/BottomNavigation/BottomNavigation.styles.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"BottomNavigation.styles.mjs","names":[],"sources":["../../../src/components/BottomNavigation/BottomNavigation.styles.ts"],"sourcesContent":["import { tv, VariantProps } from 'tailwind-variants';\n\nexport const bottomNavigation = tv({\n  slots: {\n    root: 'fixed bg-white right-0 bottom-0 left-0 z-sticky flex h-15 items-center justify-between border-t border-gray-200 px-12 py-2 pb-safe',\n    item: 'group flex flex-1 flex-col items-center justify-center gap-1 text-xs transition-colors',\n    icon: 'w-5 h-5',\n    label: 'typo-caption-12-semibold text-center',\n  },\n  variants: {\n    selected: {\n      true: {\n        icon: 'fill-gray-700',\n        label: 'text-gray-600',\n      },\n      false: {\n        icon: 'fill-gray-300 group-hover:fill-gray-500 group-active:fill-gray-500',\n        label:\n          'text-gray-300 group-hover:text-gray-500 group-active:text-gray-500',\n      },\n    },\n  },\n  defaultVariants: {\n    selected: false,\n  },\n});\n\nexport type BottomNavigationVariants = VariantProps<typeof bottomNavigation>;\n"],"mappings":";;;AAEA,MAAa,mBAAmB,GAAG;CACjC,OAAO;EACL,MAAM;EACN,MAAM;EACN,MAAM;EACN,OAAO;EACR;CACD,UAAU,EACR,UAAU;EACR,MAAM;GACJ,MAAM;GACN,OAAO;GACR;EACD,OAAO;GACL,MAAM;GACN,OACE;GACH;EACF,EACF;CACD,iBAAiB,EACf,UAAU,OACX;CACF,CAAC"}
+{"version":3,"file":"BottomNavigation.styles.mjs","names":[],"sources":["../../../src/components/BottomNavigation/BottomNavigation.styles.ts"],"sourcesContent":["import { tv, VariantProps } from 'tailwind-variants';\n\nexport const bottomNavigation = tv({\n  slots: {\n    root: 'fixed bg-white right-0 bottom-0 left-0 z-sticky flex h-15 items-center justify-between  px-12 py-2 pb-safe shadow-[0_-2px_10px_0_rgba(0,0,0,0.08)]',\n    item: 'group flex flex-1 flex-col items-center justify-center gap-1 text-xs transition-colors',\n    icon: 'w-5 h-5',\n    label: 'typo-caption-12-semibold text-center',\n  },\n  variants: {\n    selected: {\n      true: {\n        icon: 'fill-gray-700',\n        label: 'text-gray-600',\n      },\n      false: {\n        icon: 'fill-gray-300 group-hover:fill-gray-500 group-active:fill-gray-500',\n        label:\n          'text-gray-300 group-hover:text-gray-500 group-active:text-gray-500',\n      },\n    },\n  },\n  defaultVariants: {\n    selected: false,\n  },\n});\n\nexport type BottomNavigationVariants = VariantProps<typeof bottomNavigation>;\n"],"mappings":";;;AAEA,MAAa,mBAAmB,GAAG;CACjC,OAAO;EACL,MAAM;EACN,MAAM;EACN,MAAM;EACN,OAAO;EACR;CACD,UAAU,EACR,UAAU;EACR,MAAM;GACJ,MAAM;GACN,OAAO;GACR;EACD,OAAO;GACL,MAAM;GACN,OACE;GACH;EACF,EACF;CACD,iBAAiB,EACf,UAAU,OACX;CACF,CAAC"}

package/dist/components/BottomSheet/BottomSheet.d.cts

@@ -1,6 +1,6 @@
 import { HeaderAlign } from "./BottomSheet.styles.cjs";
 import React from "react";
-import * as react_jsx_runtime79 from "react/jsx-runtime";
+import * as react_jsx_runtime53 from "react/jsx-runtime";
 import * as _radix_ui_react_dialog0 from "@radix-ui/react-dialog";
 import { Drawer } from "vaul";
 
@@ -19,7 +19,7 @@ declare const BottomSheet: {
     defaultOpen,
     onOpenChange,
     headerAlign
-  }: BottomSheetRootProps): react_jsx_runtime79.JSX.Element;
+  }: BottomSheetRootProps): react_jsx_runtime53.JSX.Element;
   displayName: string;
 } & {
   Trigger: React.ForwardRefExoticComponent<_radix_ui_react_dialog0.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
@@ -28,7 +28,7 @@ declare const BottomSheet: {
       children,
       className,
       ...props
-    }: React.ComponentProps<typeof Drawer.Content>): react_jsx_runtime79.JSX.Element;
+    }: React.ComponentProps<typeof Drawer.Content>): react_jsx_runtime53.JSX.Element;
     displayName: string;
   };
   Header: {
@@ -38,7 +38,7 @@ declare const BottomSheet: {
     }: {
       title?: string;
       className?: string;
-    }): react_jsx_runtime79.JSX.Element;
+    }): react_jsx_runtime53.JSX.Element;
     displayName: string;
   };
   Body: {
@@ -50,7 +50,7 @@ declare const BottomSheet: {
       children: React.ReactNode;
       className?: string;
       maxHeight?: string | number;
-    }): react_jsx_runtime79.JSX.Element;
+    }): react_jsx_runtime53.JSX.Element;
     displayName: string;
   };
   Footer: {
@@ -60,7 +60,7 @@ declare const BottomSheet: {
     }: {
       children: React.ReactNode;
       className?: string;
-    }): react_jsx_runtime79.JSX.Element;
+    }): react_jsx_runtime53.JSX.Element;
     displayName: string;
   };
 };

package/dist/components/BottomSheet/BottomSheet.d.mts

@@ -1,6 +1,6 @@
 import { HeaderAlign } from "./BottomSheet.styles.mjs";
 import React from "react";
-import * as react_jsx_runtime79 from "react/jsx-runtime";
+import * as react_jsx_runtime72 from "react/jsx-runtime";
 import * as _radix_ui_react_dialog0 from "@radix-ui/react-dialog";
 import { Drawer } from "vaul";
 
@@ -19,7 +19,7 @@ declare const BottomSheet: {
     defaultOpen,
     onOpenChange,
     headerAlign
-  }: BottomSheetRootProps): react_jsx_runtime79.JSX.Element;
+  }: BottomSheetRootProps): react_jsx_runtime72.JSX.Element;
   displayName: string;
 } & {
   Trigger: React.ForwardRefExoticComponent<_radix_ui_react_dialog0.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
@@ -28,7 +28,7 @@ declare const BottomSheet: {
       children,
       className,
       ...props
-    }: React.ComponentProps<typeof Drawer.Content>): react_jsx_runtime79.JSX.Element;
+    }: React.ComponentProps<typeof Drawer.Content>): react_jsx_runtime72.JSX.Element;
     displayName: string;
   };
   Header: {
@@ -38,7 +38,7 @@ declare const BottomSheet: {
     }: {
       title?: string;
       className?: string;
-    }): react_jsx_runtime79.JSX.Element;
+    }): react_jsx_runtime72.JSX.Element;
     displayName: string;
   };
   Body: {
@@ -50,7 +50,7 @@ declare const BottomSheet: {
       children: React.ReactNode;
       className?: string;
       maxHeight?: string | number;
-    }): react_jsx_runtime79.JSX.Element;
+    }): react_jsx_runtime72.JSX.Element;
     displayName: string;
   };
   Footer: {
@@ -60,7 +60,7 @@ declare const BottomSheet: {
     }: {
       children: React.ReactNode;
       className?: string;
-    }): react_jsx_runtime79.JSX.Element;
+    }): react_jsx_runtime72.JSX.Element;
     displayName: string;
   };
 };