@stackshift-ui/avatar 6.0.6 → 6.0.8

package/dist/avatar.d.ts

@@ -0,0 +1,13 @@
+import type { ElementType, HTMLProps, ReactNode } from "react";
+type ImageSize = "sm" | "md" | "lg" | "xl";
+export interface AvatarProps extends Omit<HTMLProps<HTMLElement>, "as" | "size"> {
+    src: string;
+    alt: string;
+    size?: ImageSize | number;
+    text?: string;
+    children?: ReactNode;
+    className?: string;
+    as?: ElementType;
+}
+export declare const Avatar: React.FC<AvatarProps>;
+export {};

package/dist/avatar.js

@@ -0,0 +1 @@
+"use strict";var A=Object.create;var n=Object.defineProperty;var L=Object.getOwnPropertyDescriptor;var M=Object.getOwnPropertyNames;var T=Object.getPrototypeOf,I=Object.prototype.hasOwnProperty;var P=(e,t)=>{for(var a in t)n(e,a,{get:t[a],enumerable:!0})},c=(e,t,a,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of M(t))!I.call(e,o)&&o!==a&&n(e,o,{get:()=>t[o],enumerable:!(s=L(t,o))||s.enumerable});return e};var E=(e,t,a)=>(a=e!=null?A(T(e)):{},c(t||!e||!e.__esModule?n(a,"default",{value:e,enumerable:!0}):a,e)),F=e=>c(n({},"__esModule",{value:!0}),e);var R={};P(R,{Avatar:()=>H});module.exports=F(R);var d=require("@stackshift-ui/flex"),f=require("@stackshift-ui/image"),l=require("@stackshift-ui/system"),g=E(require("classnames")),u=require("react"),r=require("react/jsx-runtime"),p="Avatar",H=({src:e,alt:t="image",size:a="sm",text:s,children:o,className:h,as:y,...b})=>{var i;let v=(0,l.useStackShiftUIComponents)(),{[p]:N=l.DefaultComponent}=v,[x,C]=(0,u.useState)(!1),m=typeof a=="number"?`${a}px`:`${{sm:40,md:80,lg:120,xl:160}[a]}px`,S=s?(i=s==null?void 0:s.split(" "))==null?void 0:i.reduce((z,w)=>z+w[0],""):"AB";return(0,r.jsxs)(N,{as:y,className:(0,g.default)("relative flex rounded-full aspect-square overflow-hidden border-2 border-solid border-primary",h),style:{maxWidth:m},...b,"data-testid":p,children:[(!x||!e)&&(0,r.jsx)(d.Flex,{align:"center",justify:"center",className:"w-full h-full bg-primary",children:(0,r.jsx)("p",{style:{fontSize:`calc(${m}/2)`},className:"text-white",children:S})}),e&&(0,r.jsx)(f.Image,{className:"object-cover object-center w-[100%] h-[100%]",src:e,alt:t,width:100,height:100,onLoad:()=>C(!0)})]})};0&&(module.exports={Avatar});

package/dist/avatar.mjs

@@ -0,0 +1 @@
+import{a}from"./chunk-ED3O2KBX.mjs";export{a as Avatar};

package/dist/chunk-ED3O2KBX.mjs

@@ -0,0 +1 @@
+import{Flex as b}from"@stackshift-ui/flex";import{Image as v}from"@stackshift-ui/image";import{DefaultComponent as N,useStackShiftUIComponents as x}from"@stackshift-ui/system";import C from"classnames";import{useState as S}from"react";import{jsx as s,jsxs as z}from"react/jsx-runtime";var n="Avatar",F=({src:t,alt:l="image",size:a="sm",text:e,children:w,className:m,as:i,...c})=>{var r;let p=x(),{[n]:d=N}=p,[f,g]=S(!1),o=typeof a=="number"?`${a}px`:`${{sm:40,md:80,lg:120,xl:160}[a]}px`,u=e?(r=e==null?void 0:e.split(" "))==null?void 0:r.reduce((h,y)=>h+y[0],""):"AB";return z(d,{as:i,className:C("relative flex rounded-full aspect-square overflow-hidden border-2 border-solid border-primary",m),style:{maxWidth:o},...c,"data-testid":n,children:[(!f||!t)&&s(b,{align:"center",justify:"center",className:"w-full h-full bg-primary",children:s("p",{style:{fontSize:`calc(${o}/2)`},className:"text-white",children:u})}),t&&s(v,{className:"object-cover object-center w-[100%] h-[100%]",src:t,alt:l,width:100,height:100,onLoad:()=>g(!0)})]})};export{F as a};

package/dist/index.d.ts

@@ -0,0 +1 @@
+export * from "./avatar";

package/dist/index.js

@@ -0,0 +1,2 @@
+"use client";
+"use strict";var A=Object.create;var n=Object.defineProperty;var L=Object.getOwnPropertyDescriptor;var M=Object.getOwnPropertyNames;var T=Object.getPrototypeOf,I=Object.prototype.hasOwnProperty;var P=(e,t)=>{for(var a in t)n(e,a,{get:t[a],enumerable:!0})},c=(e,t,a,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of M(t))!I.call(e,o)&&o!==a&&n(e,o,{get:()=>t[o],enumerable:!(s=L(t,o))||s.enumerable});return e};var E=(e,t,a)=>(a=e!=null?A(T(e)):{},c(t||!e||!e.__esModule?n(a,"default",{value:e,enumerable:!0}):a,e)),F=e=>c(n({},"__esModule",{value:!0}),e);var R={};P(R,{Avatar:()=>H});module.exports=F(R);var d=require("@stackshift-ui/flex"),f=require("@stackshift-ui/image"),l=require("@stackshift-ui/system"),u=E(require("classnames")),g=require("react"),r=require("react/jsx-runtime"),p="Avatar",H=({src:e,alt:t="image",size:a="sm",text:s,children:o,className:h,as:y,...b})=>{var i;let v=(0,l.useStackShiftUIComponents)(),{[p]:x=l.DefaultComponent}=v,[N,C]=(0,g.useState)(!1),m=typeof a=="number"?`${a}px`:`${{sm:40,md:80,lg:120,xl:160}[a]}px`,S=s?(i=s==null?void 0:s.split(" "))==null?void 0:i.reduce((z,w)=>z+w[0],""):"AB";return(0,r.jsxs)(x,{as:y,className:(0,u.default)("relative flex rounded-full aspect-square overflow-hidden border-2 border-solid border-primary",h),style:{maxWidth:m},...b,"data-testid":p,children:[(!N||!e)&&(0,r.jsx)(d.Flex,{align:"center",justify:"center",className:"w-full h-full bg-primary",children:(0,r.jsx)("p",{style:{fontSize:`calc(${m}/2)`},className:"text-white",children:S})}),e&&(0,r.jsx)(f.Image,{className:"object-cover object-center w-[100%] h-[100%]",src:e,alt:t,width:100,height:100,onLoad:()=>C(!0)})]})};0&&(module.exports={Avatar});

package/dist/index.mjs

@@ -0,0 +1,2 @@
+"use client";
+"use strict";import{a as e}from"./chunk-ED3O2KBX.mjs";export{e as Avatar};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@stackshift-ui/avatar",
   "description": "",
-  "version": "6.0.6",
+  "version": "6.0.8",
   "private": false,
   "sideEffects": false,
   "main": "./dist/index.js",
@@ -29,22 +29,22 @@
     "typescript": "^5.6.2",
     "vite-tsconfig-paths": "^5.0.1",
     "vitest": "^2.1.1",
-    "@stackshift-ui/typescript-config": "6.0.3",
-    "@stackshift-ui/eslint-config": "6.0.3"
+    "@stackshift-ui/eslint-config": "6.0.5",
+    "@stackshift-ui/typescript-config": "6.0.5"
   },
   "dependencies": {
     "classnames": "^2.5.1",
-    "@stackshift-ui/scripts": "6.0.3",
-    "@stackshift-ui/flex": "6.0.4",
-    "@stackshift-ui/system": "6.0.4",
-    "@stackshift-ui/image": "6.0.4"
+    "@stackshift-ui/scripts": "6.0.5",
+    "@stackshift-ui/system": "6.0.6",
+    "@stackshift-ui/flex": "6.0.6",
+    "@stackshift-ui/image": "6.0.6"
   },
   "peerDependencies": {
     "@types/react": "16.8 - 19",
     "next": "10 - 14",
     "react": "16.8 - 19",
     "react-dom": "16.8 - 19",
-    "@stackshift-ui/system": ">=6.0.4"
+    "@stackshift-ui/system": ">=6.0.6"
   },
   "peerDependenciesMeta": {
     "next": {