the-omelet-ui 1.8.13 → 1.8.14

package/dist/entries/avatar.d.ts

@@ -7,19 +7,12 @@ declare const avatarStyles: (props?: ({
     ringed?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface AvatarProps extends Omit<HTMLAttributes<HTMLDivElement>, "children">, VariantProps<typeof avatarStyles> {
-    /** รูปหลัก */
     src?: string;
-    /** รูปสำรอง (ใช้เมื่อ src โหลดไม่สำเร็จ) */
     defaultSrc?: string;
-    /** alt สำหรับรูป (เพื่อการเข้าถึง) */
     alt?: string;
-    /** โหนด fallback ถ้าไม่มี defaultSrc หรือโหลดรูปไม่ได้ */
     fallback?: ReactNode;
-    /** แสดงขณะโหลดรูป */
     loadingIndicator?: ReactNode;
-    /** ปรับคลาสของ <img> */
     imageClassName?: string;
-    /** รับอีเวนต์โหลด/เออเรอร์จาก <img> */
     onImageLoad?: () => void;
     onImageError?: () => void;
 }

package/dist/entries/avatar.js

@@ -1 +1 @@
-import {a}from'../chunk-6GLPXMGB.js';import R,{forwardRef,useState,useEffect}from'react';import {cva}from'class-variance-authority';import {jsxs,jsx}from'react/jsx-runtime';var C=cva("relative inline-flex items-center justify-center overflow-hidden rounded-full bg-black/5 text-black/50 select-none",{variants:{size:{sm:"h-8 w-8 text-xs",md:"h-10 w-10 text-sm",lg:"h-12 w-12 text-base",xl:"h-16 w-16 text-lg"},ringed:{true:"ring-2 ring-black/10",false:""}},defaultVariants:{size:"md",ringed:false}}),c=forwardRef(({className:u,imageClassName:f,size:m,ringed:g,src:t,defaultSrc:l,alt:v="",fallback:p,loadingIndicator:h,onImageLoad:x,onImageError:k,...y},b)=>{let[a$1,r]=useState("idle"),[o,s]=useState(t);useEffect(()=>{s(t),r(t?"loading":"error");},[t]);let w=()=>{r("loaded"),x?.();},L=()=>{if(l&&o!==l){s(l),r("loading");return}r("error"),k?.();},N=p??jsxs("svg",{className:"h-1/2 w-1/2",viewBox:"0 0 24 24",fill:"none","aria-hidden":"true",children:[jsx("circle",{cx:"12",cy:"8",r:"4",stroke:"currentColor",strokeWidth:"2"}),jsx("path",{d:"M4 20c1.5-3.5 4.6-5 8-5s6.5 1.5 8 5",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round"})]}),E=h??jsxs("svg",{className:"h-5 w-5 animate-spin",viewBox:"0 0 24 24","aria-hidden":"true",children:[jsx("circle",{className:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4",fill:"none"}),jsx("path",{className:"opacity-90",d:"M4 12a8 8 0 0 1 8-8",stroke:"currentColor",strokeWidth:"4",strokeLinecap:"round",fill:"none"})]});return jsxs("div",{ref:b,className:a(C({size:m,ringed:g}),u),"aria-busy":a$1==="loading"||void 0,...y,children:[o?jsx("img",{src:o,alt:v,onLoad:w,onError:L,className:a("absolute inset-0 h-full w-full object-cover transition-opacity",a$1==="loaded"?"opacity-100":"opacity-0",f),draggable:false}):null,jsxs("div",{className:"relative flex h-full w-full items-center justify-center",children:[a$1==="loading"?E:null,a$1==="error"||!o?N:null]})]})});c.displayName="Avatar";var T=R.memo(c);export{T as default};
+import {a}from'../chunk-6GLPXMGB.js';import M,{forwardRef,useState,useRef,useEffect}from'react';import {cva}from'class-variance-authority';import {jsxs,jsx}from'react/jsx-runtime';var W=cva("relative inline-flex items-center justify-center overflow-hidden rounded-full bg-black/5 text-black/50 select-none",{variants:{size:{sm:"h-8 w-8 text-xs",md:"h-10 w-10 text-sm",lg:"h-12 w-12 text-base",xl:"h-16 w-16 text-lg"},ringed:{true:"ring-2 ring-black/10",false:""}},defaultVariants:{size:"md",ringed:false}});function c(s){if(typeof window>"u")return  false;let r=new Image;return r.src=s,r.complete&&r.naturalWidth>0}var g=forwardRef(({className:s,imageClassName:r,size:v,ringed:p,src:e,defaultSrc:n,alt:h="",fallback:x,loadingIndicator:y,onImageLoad:k,onImageError:w,...b},L)=>{let N=()=>e?c(e)?"loaded":"loading":"error",[o,t]=useState(N),[i,u]=useState(e),f=useRef(e);useEffect(()=>{f.current!==e&&(f.current=e,u(e),e?c(e)?t("loaded"):t("loading"):t("error"));},[e]);let R=()=>{t("loaded"),k?.();},E=()=>{if(n&&i!==n){u(n),t(c(n)?"loaded":"loading");return}t("error"),w?.();},H=x??jsxs("svg",{className:"h-1/2 w-1/2",viewBox:"0 0 24 24",fill:"none","aria-hidden":"true",children:[jsx("circle",{cx:"12",cy:"8",r:"4",stroke:"currentColor",strokeWidth:"2"}),jsx("path",{d:"M4 20c1.5-3.5 4.6-5 8-5s6.5 1.5 8 5",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round"})]}),I=y??jsxs("svg",{className:"h-5 w-5 animate-spin",viewBox:"0 0 24 24","aria-hidden":"true",children:[jsx("circle",{className:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4",fill:"none"}),jsx("path",{className:"opacity-90",d:"M4 12a8 8 0 0 1 8-8",stroke:"currentColor",strokeWidth:"4",strokeLinecap:"round",fill:"none"})]});return jsxs("div",{ref:L,className:a(W({size:v,ringed:p}),s),"aria-busy":o==="loading"||void 0,...b,children:[i?jsx("img",{src:i,alt:h,onLoad:R,onError:E,className:a("absolute inset-0 h-full w-full object-cover transition-opacity",o==="loaded"?"opacity-100":"opacity-0",r),draggable:false}):null,jsxs("div",{className:"relative flex h-full w-full items-center justify-center",children:[o==="loading"?I:null,o==="error"||!i?H:null]})]})});g.displayName="Avatar";var D=M.memo(g);export{D as default};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "the-omelet-ui",
-  "version": "1.8.13",
+  "version": "1.8.14",
   "private": false,
   "license": "MIT",
   "type": "module",