@stackshift-ui/avatar 7.0.0-beta.0 → 7.0.0-beta.3

package/dist/avatar.d.ts

@@ -1,13 +1,6 @@
-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 {};
+import * as AvatarPrimitive from "@radix-ui/react-avatar";
+import * as React from "react";
+declare const Avatar: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+declare const AvatarImage: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarImageProps & React.RefAttributes<HTMLImageElement>, "ref"> & React.RefAttributes<HTMLImageElement>>;
+declare const AvatarFallback: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarFallbackProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+export { Avatar, AvatarFallback, AvatarImage };

package/dist/avatar.js

@@ -1 +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});
+"use strict";var y=Object.create;var l=Object.defineProperty;var P=Object.getOwnPropertyDescriptor;var h=Object.getOwnPropertyNames;var N=Object.getPrototypeOf,k=Object.prototype.hasOwnProperty;var C=(a,t)=>{for(var e in t)l(a,e,{get:t[e],enumerable:!0})},s=(a,t,e,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let m of h(t))!k.call(a,m)&&m!==e&&l(a,m,{get:()=>t[m],enumerable:!(o=P(t,m))||o.enumerable});return a};var c=(a,t,e)=>(e=a!=null?y(N(a)):{},s(t||!a||!a.__esModule?l(e,"default",{value:a,enumerable:!0}):e,a)),b=a=>s(l({},"__esModule",{value:!0}),a);var g={};C(g,{Avatar:()=>A,AvatarFallback:()=>d,AvatarImage:()=>u});module.exports=b(g);var i=c(require("@radix-ui/react-avatar")),r=require("@stackshift-ui/system"),n=c(require("react")),f=require("react/jsx-runtime"),v="Avatar",p="AvatarImage",R="AvatarFallback",A=n.forwardRef(({className:a,...t},e)=>{let{[v]:o=r.DefaultComponent}=(0,r.useStackShiftUIComponents)();return(0,f.jsx)(o,{as:i.Root,ref:e,className:(0,r.cn)("relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full",a),...t})});A.displayName=v;var u=n.forwardRef(({className:a,...t},e)=>{let{[p]:o=r.DefaultComponent}=(0,r.useStackShiftUIComponents)();return(0,f.jsx)(o,{as:i.Image,ref:e,className:(0,r.cn)("aspect-square h-full w-full",a),...t})});u.displayName=p;var d=n.forwardRef(({className:a,...t},e)=>{let{[R]:o=r.DefaultComponent}=(0,r.useStackShiftUIComponents)();return(0,f.jsx)(o,{as:i.Fallback,ref:e,className:(0,r.cn)("flex h-full w-full items-center justify-center rounded-full bg-muted",a),...t})});d.displayName=R;0&&(module.exports={Avatar,AvatarFallback,AvatarImage});

package/dist/avatar.mjs

@@ -1 +1 @@
-import{a}from"./chunk-ED3O2KBX.mjs";export{a as Avatar};
+import{a,b,c}from"./chunk-FFRWVVUZ.mjs";import"./chunk-3EYN2AKU.mjs";export{a as Avatar,c as AvatarFallback,b as AvatarImage};

package/dist/chunk-3EYN2AKU.mjs

@@ -0,0 +1 @@
+var g=Object.create;var f=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var i=Object.getOwnPropertyNames;var j=Object.getPrototypeOf,k=Object.prototype.hasOwnProperty;var m=(a=>typeof require!="undefined"?require:typeof Proxy!="undefined"?new Proxy(a,{get:(b,c)=>(typeof require!="undefined"?require:b)[c]}):a)(function(a){if(typeof require!="undefined")return require.apply(this,arguments);throw Error('Dynamic require of "'+a+'" is not supported')});var n=(a,b)=>()=>(b||a((b={exports:{}}).exports,b),b.exports);var l=(a,b,c,e)=>{if(b&&typeof b=="object"||typeof b=="function")for(let d of i(b))!k.call(a,d)&&d!==c&&f(a,d,{get:()=>b[d],enumerable:!(e=h(b,d))||e.enumerable});return a};var o=(a,b,c)=>(c=a!=null?g(j(a)):{},l(b||!a||!a.__esModule?f(c,"default",{value:a,enumerable:!0}):c,a));export{m as a,n as b,o as c};

package/dist/chunk-FFRWVVUZ.mjs

@@ -0,0 +1 @@
+import*as a from"@radix-ui/react-avatar";import{cn as m,DefaultComponent as l,useStackShiftUIComponents as n}from"@stackshift-ui/system";import*as i from"react";import{jsx as f}from"react/jsx-runtime";var s="Avatar",c="AvatarImage",v="AvatarFallback",p=i.forwardRef(({className:t,...e},r)=>{let{[s]:o=l}=n();return f(o,{as:a.Root,ref:r,className:m("relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full",t),...e})});p.displayName=s;var R=i.forwardRef(({className:t,...e},r)=>{let{[c]:o=l}=n();return f(o,{as:a.Image,ref:r,className:m("aspect-square h-full w-full",t),...e})});R.displayName=c;var A=i.forwardRef(({className:t,...e},r)=>{let{[v]:o=l}=n();return f(o,{as:a.Fallback,ref:r,className:m("flex h-full w-full items-center justify-center rounded-full bg-muted",t),...e})});A.displayName=v;export{p as a,R as b,A as c};

package/dist/index.js

@@ -1,2 +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});
+"use strict";var y=Object.create;var l=Object.defineProperty;var P=Object.getOwnPropertyDescriptor;var h=Object.getOwnPropertyNames;var N=Object.getPrototypeOf,k=Object.prototype.hasOwnProperty;var C=(a,t)=>{for(var e in t)l(a,e,{get:t[e],enumerable:!0})},s=(a,t,e,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let m of h(t))!k.call(a,m)&&m!==e&&l(a,m,{get:()=>t[m],enumerable:!(o=P(t,m))||o.enumerable});return a};var c=(a,t,e)=>(e=a!=null?y(N(a)):{},s(t||!a||!a.__esModule?l(e,"default",{value:a,enumerable:!0}):e,a)),b=a=>s(l({},"__esModule",{value:!0}),a);var g={};C(g,{Avatar:()=>u,AvatarFallback:()=>d,AvatarImage:()=>A});module.exports=b(g);var i=c(require("@radix-ui/react-avatar")),r=require("@stackshift-ui/system"),n=c(require("react")),f=require("react/jsx-runtime"),v="Avatar",p="AvatarImage",R="AvatarFallback",u=n.forwardRef(({className:a,...t},e)=>{let{[v]:o=r.DefaultComponent}=(0,r.useStackShiftUIComponents)();return(0,f.jsx)(o,{as:i.Root,ref:e,className:(0,r.cn)("relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full",a),...t})});u.displayName=v;var A=n.forwardRef(({className:a,...t},e)=>{let{[p]:o=r.DefaultComponent}=(0,r.useStackShiftUIComponents)();return(0,f.jsx)(o,{as:i.Image,ref:e,className:(0,r.cn)("aspect-square h-full w-full",a),...t})});A.displayName=p;var d=n.forwardRef(({className:a,...t},e)=>{let{[R]:o=r.DefaultComponent}=(0,r.useStackShiftUIComponents)();return(0,f.jsx)(o,{as:i.Fallback,ref:e,className:(0,r.cn)("flex h-full w-full items-center justify-center rounded-full bg-muted",a),...t})});d.displayName=R;0&&(module.exports={Avatar,AvatarFallback,AvatarImage});

package/dist/index.mjs

@@ -1,2 +1,2 @@
 "use client";
-"use strict";import{a as e}from"./chunk-ED3O2KBX.mjs";export{e as Avatar};
+"use strict";import{a as e,b as o,c as r}from"./chunk-FFRWVVUZ.mjs";import"./chunk-3EYN2AKU.mjs";export{e as Avatar,r as AvatarFallback,o as AvatarImage};

package/dist/setupTests.d.ts

@@ -0,0 +1,2 @@
+import '@testing-library/jest-dom';
+export {};