@jamsrui/avatar 0.0.13 → 0.0.15

package/dist/avatar-config.mjs

@@ -1 +1 @@
-"use client";import{a,b}from"./chunk-GXVNM3CJ.mjs";export{a as AvatarConfig,b as useAvatarConfig};
+"use client";import{createConfigContext as a}from"@jamsrui/utils";const[r,t]=a({displayName:"AvatarConfig"});export{r as AvatarConfig,t as useAvatarConfig};

package/dist/avatar-context.mjs

@@ -1 +1 @@
-"use client";import{a,b}from"./chunk-66YE63BY.mjs";export{a as AvatarContext,b as useAvatarContext};
+"use client";import{createContext as e,use as r}from"react";const a=e(null),n=()=>{const t=r(a);if(!t)throw new Error("useAvatarContext must be used within a AvatarContext");return t};export{a as AvatarContext,n as useAvatarContext};

package/dist/avatar-fallback.mjs

@@ -1 +1 @@
-"use client";import{a}from"./chunk-VC4JML7B.mjs";import"./chunk-66YE63BY.mjs";export{a as AvatarFallback};
+"use client";import{jsx as b}from"react/jsx-runtime";import{useRenderElement as m}from"@jamsrui/hooks";import{AvatarIcon as u}from"@jamsrui/icons";import{useAvatarContext as i}from"./avatar-context.mjs";import{useEffect as d,useState as f}from"react";const A=e=>{const{delayMs:t=0,children:r=b(u,{}),...o}=e,{getFallbackProps:a,status:s}=i(),[l,n]=f(t===0);d(()=>{const p=setTimeout(()=>{n(!0)},t);return()=>clearTimeout(p)},[t]);const c=m("div",{props:[a(o),{children:r}]});return s==="loaded"||!l?null:c};export{A as AvatarFallback};

package/dist/avatar-image.mjs

@@ -1 +1 @@
-"use client";import{a}from"./chunk-NNG4ZIGT.mjs";import"./chunk-66YE63BY.mjs";export{a as AvatarImage};
+"use client";import{useRenderElement as s}from"@jamsrui/hooks";import{useAvatarContext as a}from"./avatar-context.mjs";const p=r=>{const{getImgProps:e,status:t}=a(),o=s("img",{props:[e(r)]});return t==="error"?null:o};export{p as AvatarImage};

package/dist/avatar-indicator.mjs

@@ -1 +1 @@
-"use client";import{a}from"./chunk-FL77FLGY.mjs";import"./chunk-66YE63BY.mjs";export{a as AvatarIndicator};
+"use client";import{useRenderElement as t}from"@jamsrui/hooks";import{useAvatarContext as o}from"./avatar-context.mjs";const p=r=>{const{getIndicatorProps:e}=o();return t("div",{props:[e(r)]})};export{p as AvatarIndicator};

package/dist/avatar-root.mjs

@@ -1 +1 @@
-"use client";import{a}from"./chunk-TFVXTTJW.mjs";import"./chunk-66YE63BY.mjs";export{a as AvatarRoot};
+"use client";import{useRenderElement as r}from"@jamsrui/hooks";import{useAvatarContext as t}from"./avatar-context.mjs";const a=o=>{const{getRootProps:e}=t();return r("div",{props:[e()]})};export{a as AvatarRoot};

package/dist/avatar.mjs

@@ -1 +1 @@
-"use client";import{a}from"./chunk-WWG32IWR.mjs";import"./chunk-NBSCA4JY.mjs";import"./chunk-7LHVHVMT.mjs";import"./chunk-GXVNM3CJ.mjs";import"./chunk-TFVXTTJW.mjs";import"./chunk-66YE63BY.mjs";export{a as Avatar};
+"use client";import{jsx as r}from"react/jsx-runtime";import{mergeConfigProps as s}from"@jamsrui/utils";import{useAvatarConfig as m}from"./avatar-config.mjs";import{AvatarContext as p}from"./avatar-context.mjs";import{AvatarRoot as v}from"./avatar-root.mjs";import{useAvatar as c}from"./use-avatar.mjs";const u=t=>{const{children:a}=t,o=m(),e=s(o,o,t),n=c(e);return r(p,{value:n,children:r(v,{children:a})})};export{u as Avatar};

package/dist/index.mjs

@@ -1 +1 @@
-import{a as r}from"./chunk-VC4JML7B.mjs";import{a as t}from"./chunk-NNG4ZIGT.mjs";import{a as o}from"./chunk-FL77FLGY.mjs";import{a}from"./chunk-WWG32IWR.mjs";import"./chunk-NBSCA4JY.mjs";import"./chunk-7LHVHVMT.mjs";import{a as e,b as n}from"./chunk-GXVNM3CJ.mjs";import"./chunk-TFVXTTJW.mjs";import"./chunk-66YE63BY.mjs";var m=Object.assign(a,{Root:a,Image:t,Fallback:r,Indicator:o});export{m as Avatar,e as AvatarConfig,n as useAvatarConfig};
+import{Avatar as a}from"./avatar.mjs";import{AvatarFallback as r}from"./avatar-fallback.mjs";import{AvatarImage as t}from"./avatar-image.mjs";import{AvatarIndicator as o}from"./avatar-indicator.mjs";import{AvatarConfig as v,useAvatarConfig as A}from"./avatar-config.mjs";const i=Object.assign(a,{Root:a,Image:t,Fallback:r,Indicator:o});export{i as Avatar,v as AvatarConfig,A as useAvatarConfig};

package/dist/styles.mjs

@@ -1 +1 @@
-import{a}from"./chunk-7LHVHVMT.mjs";export{a as avatarVariants};
+import{radiusVariant as r,tv as t}from"@jamsrui/utils";const a=t({slots:{root:"relative cursor-default group shrink-0 rounded-full bg-surface object-cover [&>img]:size-full [&>img]:object-cover",img:"select-none group-data-[status=idle]:hidden group-data-[status=loading]:hidden rounded-inherit",fallback:"absolute inset-0 flex items-center justify-center font-medium",indicator:"absolute -bottom-2 -right-1 size-6 flex justify-center items-center"},variants:{size:{xs:{root:"size-6",fallback:"text-xs"},sm:{root:"size-8",fallback:"text-sm"},md:{root:"size-10",fallback:"text-base"},lg:{root:"size-12",fallback:"text-lg"},xl:{root:"size-16",fallback:"text-xl"}},color:{default:{root:"bg-default text-default-foreground ring-default"},primary:{root:"bg-primary text-primary-foreground ring-primary"},secondary:{root:"bg-secondary text-secondary-foreground ring-secondary"},success:{root:"bg-success text-success-foreground ring-success"},warning:{root:"bg-warning text-warning-foreground ring-warning"},danger:{root:"bg-danger text-danger-foreground ring-danger"}},isBordered:{true:{root:"ring-2"},false:{root:"border-transparent"}},radius:r("root")},defaultVariants:{bordered:!1,size:"md",color:"default",radius:"full"}});export{a as avatarVariants};

package/dist/use-avatar.mjs

@@ -1 +1 @@
-"use client";import{a}from"./chunk-NBSCA4JY.mjs";import"./chunk-7LHVHVMT.mjs";export{a as useAvatar};
+"use client";import{useCallback as o,useLayoutEffect as N,useMemo as y,useRef as b,useState as k}from"react";import{dataAttrDev as r,mapPropsVariants as I}from"@jamsrui/utils";import{avatarVariants as g}from"./styles.mjs";const E=l=>{const[P,m]=I(l,g.variantKeys),{...c}=P,[s,e]=k("idle"),A=m.color??"default",n=b(null),t=g({...m,color:A}),i=o(()=>{e("error")},[e]),p=o(()=>{e("loaded")},[e]),d=o(()=>({...c,"data-slot":r("root"),"data-component":r("avatar"),"data-status":r(s),className:t.root({className:l.className})}),[c,l.className,s,t]);N(()=>{const a=n.current;a?.complete?a.naturalWidth===0?e("error"):e("loaded"):e("loading")},[]);const u=o(a=>({...a,ref:n,"data-slot":r("img"),onError:i,onLoad:p,className:t.img({className:a.className})}),[i,p,t]),v=o(a=>({...a,"data-slot":r("fallback"),className:t.fallback({className:a.className})}),[t]),f=o(a=>({...a,"data-slot":r("indicator"),className:t.indicator({className:a.className})}),[t]);return y(()=>({getRootProps:d,getImgProps:u,getFallbackProps:v,getIndicatorProps:f,status:s}),[v,u,f,d,s])};export{E as useAvatar};

package/dist/utils.mjs

@@ -1 +1 @@
-var t=r=>r.charAt(0).toUpperCase(),e=r=>["A","N","H","L","Q"].includes(r)?"primary":["F","G","T","I","J"].includes(r)?"secondary":["K","D","Y","B","O"].includes(r)?"success":["P","E","R","S","U"].includes(r)?"warning":["V","W","X","M","Z"].includes(r)?"danger":"default";export{e as getColorByName,t as getFirstChar};
+const t=r=>r.charAt(0).toUpperCase(),e=r=>["A","N","H","L","Q"].includes(r)?"primary":["F","G","T","I","J"].includes(r)?"secondary":["K","D","Y","B","O"].includes(r)?"success":["P","E","R","S","U"].includes(r)?"warning":["V","W","X","M","Z"].includes(r)?"danger":"default";export{e as getColorByName,t as getFirstChar};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jamsrui/avatar",
-  "version": "0.0.13",
+  "version": "0.0.15",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
@@ -15,11 +15,11 @@
     "react": ">=19"
   },
   "dependencies": {
-    "@jamsrui/core": "^0.0.11",
-    "@jamsrui/icons": "^0.0.11",
-    "@jamsrui/hooks": "^0.0.13",
-    "@jamsrui/slot": "^0.0.12",
-    "@jamsrui/utils": "^0.0.13"
+    "@jamsrui/hooks": "^0.0.15",
+    "@jamsrui/core": "^0.0.13",
+    "@jamsrui/slot": "^0.0.14",
+    "@jamsrui/utils": "^0.0.15",
+    "@jamsrui/icons": "^0.0.13"
   },
   "description": "A modern and beautiful Next.js UI components library.",
   "keywords": [

package/dist/chunk-66YE63BY.mjs

@@ -1 +0,0 @@
-import{createContext as e,use as r}from"react";var a=e(null),n=()=>{let t=r(a);if(!t)throw new Error("useAvatarContext must be used within a AvatarContext");return t};export{a,n as b};

package/dist/chunk-7LHVHVMT.mjs

@@ -1 +0,0 @@
-import{radiusVariant as r,tv as t}from"@jamsrui/utils";var a=t({slots:{root:"relative cursor-default group shrink-0 rounded-full bg-surface object-cover [&>img]:size-full [&>img]:object-cover",img:"select-none group-data-[status=idle]:hidden group-data-[status=loading]:hidden rounded-inherit",fallback:"absolute inset-0 flex items-center justify-center font-medium",indicator:"absolute -bottom-2 -right-1 size-6 flex justify-center items-center"},variants:{size:{xs:{root:"size-6",fallback:"text-xs"},sm:{root:"size-8",fallback:"text-sm"},md:{root:"size-10",fallback:"text-base"},lg:{root:"size-12",fallback:"text-lg"},xl:{root:"size-16",fallback:"text-xl"}},color:{default:{root:"bg-default text-default-foreground ring-default"},primary:{root:"bg-primary text-primary-foreground ring-primary"},secondary:{root:"bg-secondary text-secondary-foreground ring-secondary"},success:{root:"bg-success text-success-foreground ring-success"},warning:{root:"bg-warning text-warning-foreground ring-warning"},danger:{root:"bg-danger text-danger-foreground ring-danger"}},isBordered:{true:{root:"ring-2"},false:{root:"border-transparent"}},radius:r("root")},defaultVariants:{bordered:!1,size:"md",color:"default",radius:"full"}});export{a};

package/dist/chunk-FL77FLGY.mjs

@@ -1 +0,0 @@
-import{b as r}from"./chunk-66YE63BY.mjs";import{useRenderElement as o}from"@jamsrui/hooks";var p=e=>{let{getIndicatorProps:t}=r();return o("div",{props:[t(e)]})};export{p as a};

package/dist/chunk-GXVNM3CJ.mjs

@@ -1 +0,0 @@
-import{createConfigContext as a}from"@jamsrui/utils";var[r,t]=a({displayName:"AvatarConfig"});export{r as a,t as b};

package/dist/chunk-NBSCA4JY.mjs

@@ -1 +0,0 @@
-import{a as m}from"./chunk-7LHVHVMT.mjs";import{useCallback as o,useLayoutEffect as N,useMemo as y,useRef as b,useState as k}from"react";import{dataAttrDev as r,mapPropsVariants as I}from"@jamsrui/utils";var E=l=>{let[P,c]=I(l,m.variantKeys),{...n}=P,[s,e]=k("idle"),A=c.color??"default",i=b(null),t=m({...c,color:A}),p=o(()=>{e("error")},[e]),d=o(()=>{e("loaded")},[e]),u=o(()=>({...n,"data-slot":r("root"),"data-component":r("avatar"),"data-status":r(s),className:t.root({className:l.className})}),[n,l.className,s,t]);N(()=>{let a=i.current;a?.complete?a.naturalWidth===0?e("error"):e("loaded"):e("loading")},[]);let v=o(a=>({...a,ref:i,"data-slot":r("img"),onError:p,onLoad:d,className:t.img({className:a.className})}),[p,d,t]),f=o(a=>({...a,"data-slot":r("fallback"),className:t.fallback({className:a.className})}),[t]),g=o(a=>({...a,"data-slot":r("indicator"),className:t.indicator({className:a.className})}),[t]);return y(()=>({getRootProps:u,getImgProps:v,getFallbackProps:f,getIndicatorProps:g,status:s}),[f,v,g,u,s])};export{E as a};

package/dist/chunk-NNG4ZIGT.mjs

@@ -1 +0,0 @@
-import{b as r}from"./chunk-66YE63BY.mjs";import{useRenderElement as a}from"@jamsrui/hooks";var p=e=>{let{getImgProps:t,status:o}=r(),s=a("img",{props:[t(e)]});return o==="error"?null:s};export{p as a};

package/dist/chunk-TFVXTTJW.mjs

@@ -1 +0,0 @@
-import{b as e}from"./chunk-66YE63BY.mjs";import{useRenderElement as t}from"@jamsrui/hooks";var a=o=>{let{getRootProps:r}=e();return t("div",{props:[r()]})};export{a};

package/dist/chunk-VC4JML7B.mjs

@@ -1 +0,0 @@
-import{b as e}from"./chunk-66YE63BY.mjs";import{useRenderElement as u}from"@jamsrui/hooks";import{AvatarIcon as i}from"@jamsrui/icons";import{useEffect as d,useState as f}from"react";import{jsx as b}from"react/jsx-runtime";var A=r=>{let{delayMs:t=0,children:o=b(i,{}),...a}=r,{getFallbackProps:s,status:l}=e(),[n,c]=f(t===0);d(()=>{let m=setTimeout(()=>{c(!0)},t);return()=>clearTimeout(m)},[t]);let p=u("div",{props:[s(a),{children:o}]});return l==="loaded"||!n?null:p};export{A as a};

package/dist/chunk-WWG32IWR.mjs

@@ -1 +0,0 @@
-import{a as n}from"./chunk-NBSCA4JY.mjs";import{b as r}from"./chunk-GXVNM3CJ.mjs";import{a as e}from"./chunk-TFVXTTJW.mjs";import{a}from"./chunk-66YE63BY.mjs";import{mergeConfigProps as c}from"@jamsrui/utils";import{jsx as s}from"react/jsx-runtime";var u=t=>{let{children:m}=t,o=r(),p=c(o,o,t),v=n(p);return s(a,{value:v,children:s(e,{children:m})})};export{u as a};