@fuf-stack/pixels 1.11.0 → 1.11.2

package/dist/Avatar/Avatar.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.cjs","names":["HeroAvatar"],"sources":["../../src/Avatar/Avatar.tsx"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type React from 'react';\n\nimport { Avatar as HeroAvatar } from '@heroui/avatar';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\n// avatar styling variants\nexport const avatarVariants = tv({\n  slots: {\n    base: '',\n    fallback: '',\n    icon: '',\n    img: '',\n    name: '',\n  },\n});\n\ntype VariantProps = TVProps<typeof avatarVariants>;\ntype ClassName = TVClassName<typeof avatarVariants>;\nexport interface AvatarProps extends VariantProps {\n  /* Display a border ring around the Avatar */\n  bordered?: boolean;\n  /* Roundness of the border around the Avatar */\n  rounded?: 'none' | 'sm' | 'md' | 'lg' | 'full';\n  /** CSS class name */\n  className?: ClassName;\n  /* Disables the Avatar */\n  disabled?: boolean;\n  /* Fallback content to display if the image fails to load or is not provided */\n  fallback?: React.ReactNode;\n  /* Size of the Avatar */\n  size?: 'sm' | 'md' | 'lg';\n  /* Image source */\n  src: string;\n}\n\n/**\n * Avatar component based on [HeroUI Avatar](https://www.heroui.com//docs/components/avatar)\n */\nconst Avatar = ({\n  bordered = false,\n  rounded = 'full',\n  className: _className = undefined,\n  disabled = false,\n  fallback = undefined,\n  size = 'md',\n  src,\n}: AvatarProps) => {\n  // className from slots\n  const variants = avatarVariants();\n  const className = variantsToClassNames(variants, _className, 'base');\n\n  return (\n    <HeroAvatar\n      classNames={className}\n      fallback={fallback}\n      isBordered={bordered}\n      isDisabled={disabled}\n      radius={rounded}\n      showFallback={!!fallback}\n      size={size}\n      src={src}\n    />\n  );\n};\n\nexport default Avatar;\n"],"mappings":";;;;;AAQA,MAAa,kBAAA,GAAA,uBAAA,IAAoB,EAC/B,OAAO;CACL,MAAM;CACN,UAAU;CACV,MAAM;CACN,KAAK;CACL,MAAM;AACR,EACF,CAAC;;;;AAwBD,MAAM,UAAU,EACd,WAAW,OACX,UAAU,QACV,WAAW,aAAa,KAAA,GACxB,WAAW,OACX,WAAW,KAAA,GACX,OAAO,MACP,UACiB;CAKjB,OACE,iBAAA,GAAA,kBAAA,KAACA,eAAAA,QAAD;EACE,aAAA,GAAA,uBAAA,sBALa,eAC6B,GAAG,YAAY,MAIrC;EACV;EACV,YAAY;EACZ,YAAY;EACZ,QAAQ;EACR,cAAc,CAAC,CAAC;EACV;EACD;CACN,CAAA;AAEL"}
+{"version":3,"file":"Avatar.cjs","names":["HeroAvatar"],"sources":["../../src/Avatar/Avatar.tsx"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type React from 'react';\n\nimport { Avatar as HeroAvatar } from '@heroui/avatar';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\n// avatar styling variants\nexport const avatarVariants = tv({\n  slots: {\n    base: '',\n    fallback: '',\n    icon: '',\n    img: '',\n    name: '',\n  },\n});\n\ntype VariantProps = TVProps<typeof avatarVariants>;\ntype ClassName = TVClassName<typeof avatarVariants>;\nexport interface AvatarProps extends VariantProps {\n  /* Display a border ring around the Avatar */\n  bordered?: boolean;\n  /* Roundness of the border around the Avatar */\n  rounded?: 'none' | 'sm' | 'md' | 'lg' | 'full';\n  /** CSS class name */\n  className?: ClassName;\n  /* Disables the Avatar */\n  disabled?: boolean;\n  /* Fallback content to display if the image fails to load or is not provided */\n  fallback?: React.ReactNode;\n  /* Size of the Avatar */\n  size?: 'sm' | 'md' | 'lg';\n  /* Image source */\n  src: string;\n}\n\n/**\n * Avatar component based on [HeroUI Avatar](https://www.heroui.com//docs/components/avatar)\n */\nconst Avatar = ({\n  bordered = false,\n  rounded = 'full',\n  className: _className = undefined,\n  disabled = false,\n  fallback = undefined,\n  size = 'md',\n  src,\n}: AvatarProps) => {\n  // className from slots\n  const variants = avatarVariants();\n  const className = variantsToClassNames(variants, _className, 'base');\n\n  return (\n    <HeroAvatar\n      classNames={className}\n      fallback={fallback}\n      isBordered={bordered}\n      isDisabled={disabled}\n      radius={rounded}\n      showFallback={!!fallback}\n      size={size}\n      src={src}\n    />\n  );\n};\n\nexport default Avatar;\n"],"mappings":";;;;AAQA,MAAa,kBAAA,GAAA,uBAAA,IAAoB,EAC/B,OAAO;CACL,MAAM;CACN,UAAU;CACV,MAAM;CACN,KAAK;CACL,MAAM;AACR,EACF,CAAC;;;;AAwBD,MAAM,UAAU,EACd,WAAW,OACX,UAAU,QACV,WAAW,aAAa,KAAA,GACxB,WAAW,OACX,WAAW,KAAA,GACX,OAAO,MACP,UACiB;CAKjB,OACE,iBAAA,GAAA,kBAAA,KAACA,eAAAA,QAAD;EACE,aAAA,GAAA,uBAAA,sBALa,eAC6B,GAAG,YAAY,MAIrC;EACV;EACV,YAAY;EACZ,YAAY;EACZ,QAAQ;EACR,cAAc,CAAC,CAAC;EACV;EACD;CACN,CAAA;AAEL"}