@stackshift-ui/avatar 6.0.4 → 6.0.5-beta.1

package/dist/avatar.js

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

@@ -1 +1 @@
-import{a}from"./chunk-ZPYNVPAC.mjs";export{a as Avatar};
+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.js

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

@@ -1,2 +1,2 @@
 "use client";
-"use strict";import{a as e}from"./chunk-ZPYNVPAC.mjs";export{e as Avatar};
+"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.4",
+  "version": "6.0.5-beta.1",
   "private": false,
   "sideEffects": false,
   "main": "./dist/index.js",
@@ -34,10 +34,10 @@
   },
   "dependencies": {
     "classnames": "^2.5.1",
-    "@stackshift-ui/scripts": "6.0.2",
-    "@stackshift-ui/system": "6.0.3",
+    "@stackshift-ui/image": "6.0.3",
     "@stackshift-ui/flex": "6.0.3",
-    "@stackshift-ui/image": "6.0.3"
+    "@stackshift-ui/scripts": "6.0.2",
+    "@stackshift-ui/system": "6.0.3"
   },
   "peerDependencies": {
     "@types/react": "16.8 - 19",

package/src/avatar.tsx

@@ -29,7 +29,8 @@ export const Avatar: React.FC<AvatarProps> = ({
   as,
   ...props
 }) => {
-  const { [displayName]: Component = DefaultComponent } = useStackShiftUIComponents();
+  const components = useStackShiftUIComponents();
+  const { [displayName]: Component = DefaultComponent } = components;
 
   const [loaded, setLoaded] = useState(false);
   const sizeMap = {
@@ -73,5 +74,3 @@ export const Avatar: React.FC<AvatarProps> = ({
     </Component>
   );
 };
-
-Avatar.displayName = displayName;

package/dist/chunk-ZPYNVPAC.mjs

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