@furystack/shades-common-components 10.0.35 → 11.0.0

package/esm/components/app-bar.js

@@ -1,30 +1,30 @@
-import { Shade, createComponent, attachProps } from '@furystack/shades';
-import { ThemeProviderService } from '../services/theme-provider-service.js';
+import { Shade, createComponent } from '@furystack/shades';
+import { cssVariableTheme } from '../services/css-variable-theme.js';
 export const AppBar = Shade({
     shadowDomName: 'shade-app-bar',
+    css: {
+        width: '100%',
+        background: 'rgba(128,128,128,0.2)',
+        backdropFilter: 'blur(15px)',
+        display: 'flex',
+        justifyContent: 'flex-start',
+        alignItems: 'center',
+        boxShadow: '0 0 12px rgba(0,0,0,0.6)',
+        transition: 'opacity .35s cubic-bezier(0.550, 0.085, 0.680, 0.530), padding .2s cubic-bezier(0.550, 0.085, 0.680, 0.530)',
+        opacity: '0',
+        position: 'fixed',
+        zIndex: '1',
+        color: cssVariableTheme.text.secondary,
+        '&.visible': {
+            opacity: '1',
+        },
+    },
     constructed: ({ element }) => {
         requestAnimationFrame(() => {
-            element.style.opacity = '1';
+            element.classList.add('visible');
         });
     },
-    render: ({ children, injector, element }) => {
-        const { theme } = injector.getInstance(ThemeProviderService);
-        attachProps(element, {
-            style: {
-                width: '100%',
-                background: 'rgba(128,128,128,0.2)',
-                backdropFilter: 'blur(15px)',
-                display: 'flex',
-                justifyContent: 'flex-start',
-                alignItems: 'center',
-                boxShadow: '0 0 12px rgba(0,0,0,0.6)',
-                transition: 'opacity .35s cubic-bezier(0.550, 0.085, 0.680, 0.530), padding .2s cubic-bezier(0.550, 0.085, 0.680, 0.530)',
-                opacity: '0',
-                position: 'fixed',
-                zIndex: '1',
-                color: theme.text.secondary,
-            },
-        });
+    render: ({ children }) => {
         return createComponent(createComponent, null, children);
     },
 });

package/esm/components/app-bar.js.map

@@ -1 +1 @@
-{"version":3,"file":"app-bar.js","sourceRoot":"","sources":["../../src/components/app-bar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AACvE,OAAO,EAAE,oBAAoB,EAAE,MAAM,uCAAuC,CAAA;AAE5E,MAAM,CAAC,MAAM,MAAM,GAAG,KAAK,CAAC;IAC1B,aAAa,EAAE,eAAe;IAC9B,WAAW,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE;QAC3B,qBAAqB,CAAC,GAAG,EAAE;YACzB,OAAO,CAAC,KAAK,CAAC,OAAO,GAAG,GAAG,CAAA;QAC7B,CAAC,CAAC,CAAA;IACJ,CAAC;IACD,MAAM,EAAE,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE;QAC1C,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,CAAC,WAAW,CAAC,oBAAoB,CAAC,CAAA;QAC5D,WAAW,CAAC,OAAO,EAAE;YACnB,KAAK,EAAE;gBACL,KAAK,EAAE,MAAM;gBACb,UAAU,EAAE,uBAAuB;gBACnC,cAAc,EAAE,YAAY;gBAC5B,OAAO,EAAE,MAAM;gBACf,cAAc,EAAE,YAAY;gBAC5B,UAAU,EAAE,QAAQ;gBACpB,SAAS,EAAE,0BAA0B;gBACrC,UAAU,EACR,6GAA6G;gBAC/G,OAAO,EAAE,GAAG;gBACZ,QAAQ,EAAE,OAAO;gBACjB,MAAM,EAAE,GAAG;gBACX,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,SAAS;aAC5B;SACF,CAAC,CAAA;QACF,OAAO,uCAAG,QAAQ,CAAI,CAAA;IACxB,CAAC;CACF,CAAC,CAAA"}
+{"version":3,"file":"app-bar.js","sourceRoot":"","sources":["../../src/components/app-bar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAC1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAA;AAEpE,MAAM,CAAC,MAAM,MAAM,GAAG,KAAK,CAAC;IAC1B,aAAa,EAAE,eAAe;IAC9B,GAAG,EAAE;QACH,KAAK,EAAE,MAAM;QACb,UAAU,EAAE,uBAAuB;QACnC,cAAc,EAAE,YAAY;QAC5B,OAAO,EAAE,MAAM;QACf,cAAc,EAAE,YAAY;QAC5B,UAAU,EAAE,QAAQ;QACpB,SAAS,EAAE,0BAA0B;QACrC,UAAU,EACR,6GAA6G;QAC/G,OAAO,EAAE,GAAG;QACZ,QAAQ,EAAE,OAAO;QACjB,MAAM,EAAE,GAAG;QACX,KAAK,EAAE,gBAAgB,CAAC,IAAI,CAAC,SAAS;QACtC,WAAW,EAAE;YACX,OAAO,EAAE,GAAG;SACb;KACF;IACD,WAAW,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE;QAC3B,qBAAqB,CAAC,GAAG,EAAE;YACzB,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,SAAS,CAAC,CAAA;QAClC,CAAC,CAAC,CAAA;IACJ,CAAC;IACD,MAAM,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;QACvB,OAAO,uCAAG,QAAQ,CAAI,CAAA;IACxB,CAAC;CACF,CAAC,CAAA"}

package/esm/components/app-bar.spec.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=app-bar.spec.d.ts.map

package/esm/components/app-bar.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-bar.spec.d.ts","sourceRoot":"","sources":["../../src/components/app-bar.spec.tsx"],"names":[],"mappings":""}

package/esm/components/app-bar.spec.js

@@ -0,0 +1,117 @@
+import { Injector } from '@furystack/inject';
+import { createComponent, initializeShadeRoot } from '@furystack/shades';
+import { sleepAsync } from '@furystack/utils';
+import { afterEach, beforeEach, describe, expect, it } from 'vitest';
+import { AppBar } from './app-bar.js';
+describe('AppBar component', () => {
+    beforeEach(() => {
+        document.body.innerHTML = '<div id="root"></div>';
+    });
+    afterEach(() => {
+        document.body.innerHTML = '';
+    });
+    const renderAppBar = async (children) => {
+        const injector = new Injector();
+        const rootElement = document.getElementById('root');
+        initializeShadeRoot({
+            injector,
+            rootElement,
+            jsxElement: createComponent(AppBar, null, children),
+        });
+        await sleepAsync(50);
+        return {
+            injector,
+            appBar: document.querySelector('shade-app-bar'),
+        };
+    };
+    describe('rendering', () => {
+        it('should render the shade-app-bar custom element', async () => {
+            const { appBar } = await renderAppBar(createComponent("span", null, "Content"));
+            expect(appBar).not.toBeNull();
+            expect(appBar.tagName.toLowerCase()).toBe('shade-app-bar');
+        });
+        it('should render children in shadow DOM', async () => {
+            const { appBar } = await renderAppBar(createComponent("span", { id: "child-content" }, "Test Content"));
+            // Children are rendered inside shadow DOM - verify via the element itself
+            expect(appBar).not.toBeNull();
+        });
+        it('should render multiple children', async () => {
+            const injector = new Injector();
+            const rootElement = document.getElementById('root');
+            initializeShadeRoot({
+                injector,
+                rootElement,
+                jsxElement: (createComponent(AppBar, null,
+                    createComponent("span", { id: "logo" }, "Logo"),
+                    createComponent("nav", { id: "navigation" }, "Nav"),
+                    createComponent("button", { id: "action" }, "Action"))),
+            });
+            await sleepAsync(50);
+            const appBar = document.querySelector('shade-app-bar');
+            expect(appBar).not.toBeNull();
+        });
+    });
+    describe('positioning', () => {
+        it('should have fixed positioning', async () => {
+            const { appBar } = await renderAppBar(createComponent("span", null, "Content"));
+            const computedStyle = window.getComputedStyle(appBar);
+            expect(computedStyle.position).toBe('fixed');
+        });
+        it('should have z-index of 1', async () => {
+            const { appBar } = await renderAppBar(createComponent("span", null, "Content"));
+            const computedStyle = window.getComputedStyle(appBar);
+            expect(computedStyle.zIndex).toBe('1');
+        });
+        it('should have full width', async () => {
+            const { appBar } = await renderAppBar(createComponent("span", null, "Content"));
+            const computedStyle = window.getComputedStyle(appBar);
+            expect(computedStyle.width).toBe('100%');
+        });
+    });
+    describe('fade-in animation', () => {
+        it('should add visible class after construction', async () => {
+            const { appBar } = await renderAppBar(createComponent("span", null, "Content"));
+            expect(appBar.classList.contains('visible')).toBe(true);
+        });
+        it('should have opacity 1 when visible class is applied', async () => {
+            const { appBar } = await renderAppBar(createComponent("span", null, "Content"));
+            const computedStyle = window.getComputedStyle(appBar);
+            expect(computedStyle.opacity).toBe('1');
+        });
+        it('should have transition styles for animation', async () => {
+            const { appBar } = await renderAppBar(createComponent("span", null, "Content"));
+            const computedStyle = window.getComputedStyle(appBar);
+            expect(computedStyle.transition).toContain('opacity');
+        });
+    });
+    describe('layout', () => {
+        it('should have flex display', async () => {
+            const { appBar } = await renderAppBar(createComponent("span", null, "Content"));
+            const computedStyle = window.getComputedStyle(appBar);
+            expect(computedStyle.display).toBe('flex');
+        });
+        it('should align items center', async () => {
+            const { appBar } = await renderAppBar(createComponent("span", null, "Content"));
+            const computedStyle = window.getComputedStyle(appBar);
+            expect(computedStyle.alignItems).toBe('center');
+        });
+        it('should justify content to flex-start', async () => {
+            const { appBar } = await renderAppBar(createComponent("span", null, "Content"));
+            const computedStyle = window.getComputedStyle(appBar);
+            expect(computedStyle.justifyContent).toBe('flex-start');
+        });
+    });
+    describe('styling', () => {
+        it('should have box shadow', async () => {
+            const { appBar } = await renderAppBar(createComponent("span", null, "Content"));
+            const computedStyle = window.getComputedStyle(appBar);
+            expect(computedStyle.boxShadow).not.toBe('none');
+        });
+        it('should have semi-transparent background', async () => {
+            const { appBar } = await renderAppBar(createComponent("span", null, "Content"));
+            const computedStyle = window.getComputedStyle(appBar);
+            expect(computedStyle.background).toContain('rgba');
+        });
+    });
+});
+//# sourceMappingURL=app-bar.spec.js.map

package/esm/components/app-bar.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-bar.spec.js","sourceRoot":"","sources":["../../src/components/app-bar.spec.tsx"],"names":[],"mappings":"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"}

package/esm/components/avatar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../src/components/avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAGvD,MAAM,MAAM,WAAW,GAAG;IAAE,SAAS,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;CAAE,GAAG,cAAc,CAAC,cAAc,CAAC,CAAA;AAExG,eAAO,MAAM,MAAM;eAFoB,MAAM;eAAa,GAAG,CAAC,OAAO;;;4GAiFnE,CAAA"}
+{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../src/components/avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAGvD,MAAM,MAAM,WAAW,GAAG;IAAE,SAAS,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;CAAE,GAAG,cAAc,CAAC,cAAc,CAAC,CAAA;AAExG,eAAO,MAAM,MAAM;eAFoB,MAAM;eAAa,GAAG,CAAC,OAAO;;;4GA8EnE,CAAA"}

package/esm/components/avatar.js

@@ -1,32 +1,28 @@
 import { Shade, attachProps, createComponent } from '@furystack/shades';
 export const Avatar = Shade({
     shadowDomName: 'shade-avatar',
+    css: {
+        width: '128px',
+        height: '128px',
+        overflow: 'hidden',
+        borderRadius: '50%',
+        boxShadow: '0 0 0 3px rgba(255, 255, 255, 0.1), 0 4px 6px -1px rgba(0, 0, 0, 0.15), 0 2px 4px -1px rgba(0, 0, 0, 0.1)',
+        backgroundColor: 'linear-gradient(135deg, rgba(99, 102, 241, 0.1) 0%, rgba(168, 85, 247, 0.1) 100%)',
+        display: 'flex',
+        position: 'relative',
+        transition: 'all 0.3s cubic-bezier(0.4, 0, 0.2, 1)',
+        '&:hover': {
+            transform: 'translateY(-2px) scale(1.02)',
+            boxShadow: '0 0 0 3px rgba(255, 255, 255, 0.15), 0 10px 15px -3px rgba(0, 0, 0, 0.2), 0 4px 6px -2px rgba(0, 0, 0, 0.1)',
+        },
+    },
     render: ({ props, element }) => {
         const { avatarUrl, ...containerProps } = props;
         attachProps(element, {
             ...containerProps,
             style: {
-                width: '128px',
-                height: '128px',
-                overflow: 'hidden',
-                borderRadius: '50%',
-                boxShadow: '0 0 0 3px rgba(255, 255, 255, 0.1), 0 4px 6px -1px rgba(0, 0, 0, 0.15), 0 2px 4px -1px rgba(0, 0, 0, 0.1)',
-                backgroundColor: 'linear-gradient(135deg, rgba(99, 102, 241, 0.1) 0%, rgba(168, 85, 247, 0.1) 100%)',
-                display: 'flex',
-                position: 'relative',
-                transition: 'all 0.3s cubic-bezier(0.4, 0, 0.2, 1)',
                 ...containerProps?.style,
             },
-            onmouseenter: () => {
-                element.style.transform = 'translateY(-2px) scale(1.02)';
-                element.style.boxShadow =
-                    '0 0 0 3px rgba(255, 255, 255, 0.15), 0 10px 15px -3px rgba(0, 0, 0, 0.2), 0 4px 6px -2px rgba(0, 0, 0, 0.1)';
-            },
-            onmouseleave: () => {
-                element.style.transform = 'translateY(0) scale(1)';
-                element.style.boxShadow =
-                    '0 0 0 3px rgba(255, 255, 255, 0.1), 0 4px 6px -1px rgba(0, 0, 0, 0.15), 0 2px 4px -1px rgba(0, 0, 0, 0.1)';
-            },
         });
         return (createComponent("img", { style: {
                 width: '100%',

package/esm/components/avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"avatar.js","sourceRoot":"","sources":["../../src/components/avatar.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAIvE,MAAM,CAAC,MAAM,MAAM,GAAG,KAAK,CAAc;IACvC,aAAa,EAAE,cAAc;IAC7B,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE;QAC7B,MAAM,EAAE,SAAS,EAAE,GAAG,cAAc,EAAE,GAAG,KAAK,CAAA;QAE9C,WAAW,CAAC,OAAO,EAAE;YACnB,GAAG,cAAc;YACjB,KAAK,EAAE;gBACL,KAAK,EAAE,OAAO;gBACd,MAAM,EAAE,OAAO;gBACf,QAAQ,EAAE,QAAQ;gBAClB,YAAY,EAAE,KAAK;gBACnB,SAAS,EACP,2GAA2G;gBAC7G,eAAe,EAAE,mFAAmF;gBACpG,OAAO,EAAE,MAAM;gBACf,QAAQ,EAAE,UAAU;gBACpB,UAAU,EAAE,uCAAuC;gBACnD,GAAG,cAAc,EAAE,KAAK;aACzB;YACD,YAAY,EAAE,GAAG,EAAE;gBACjB,OAAO,CAAC,KAAK,CAAC,SAAS,GAAG,8BAA8B,CAAA;gBACxD,OAAO,CAAC,KAAK,CAAC,SAAS;oBACrB,6GAA6G,CAAA;YACjH,CAAC;YACD,YAAY,EAAE,GAAG,EAAE;gBACjB,OAAO,CAAC,KAAK,CAAC,SAAS,GAAG,wBAAwB,CAAA;gBAClD,OAAO,CAAC,KAAK,CAAC,SAAS;oBACrB,2GAA2G,CAAA;YAC/G,CAAC;SACF,CAAC,CAAA;QAEF,OAAO,CACL,yBACE,KAAK,EAAE;gBACL,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE,MAAM;gBACd,SAAS,EAAE,OAAO;gBAClB,cAAc,EAAE,QAAQ;gBACxB,UAAU,EAAE,eAAe;aAC5B,EACD,GAAG,EAAE,cAAc,EACnB,GAAG,EAAE,KAAK,CAAC,SAAS,EACpB,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE;gBACd,CAAC;gBAAE,EAAY,CAAC,MAA2B,CAAC,WAAW,CACrD,yBACE,KAAK,EAAE;wBACL,OAAO,EAAE,MAAM;wBACf,UAAU,EAAE,QAAQ;wBACpB,cAAc,EAAE,QAAQ;wBACxB,MAAM,EAAE,MAAM;wBACd,KAAK,EAAE,MAAM;wBACb,UAAU,EAAE,mFAAmF;qBAChG;oBAED,yBACE,KAAK,EAAE;4BACL,OAAO,EAAE,MAAM;4BACf,UAAU,EAAE,QAAQ;4BACpB,cAAc,EAAE,QAAQ;4BACxB,KAAK,EAAE,MAAM;4BACb,MAAM,EAAE,MAAM;4BACd,YAAY,EAAE,KAAK;4BACnB,UAAU,EAAE,0BAA0B;4BACtC,cAAc,EAAE,YAAY;4BAC5B,SAAS,EAAE,QAAQ;4BACnB,UAAU,EAAE,MAAM;4BAClB,QAAQ,EAAE,MAAM;4BAChB,UAAU,EAAE,GAAG;yBAChB,IAEA,KAAK,CAAC,QAAQ,IAAI,IAAI,CACnB,CACF,CACP,CAAA;YACH,CAAC,GACD,CACH,CAAA;IACH,CAAC;CACF,CAAC,CAAA"}
+{"version":3,"file":"avatar.js","sourceRoot":"","sources":["../../src/components/avatar.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAIvE,MAAM,CAAC,MAAM,MAAM,GAAG,KAAK,CAAc;IACvC,aAAa,EAAE,cAAc;IAC7B,GAAG,EAAE;QACH,KAAK,EAAE,OAAO;QACd,MAAM,EAAE,OAAO;QACf,QAAQ,EAAE,QAAQ;QAClB,YAAY,EAAE,KAAK;QACnB,SAAS,EACP,2GAA2G;QAC7G,eAAe,EAAE,mFAAmF;QACpG,OAAO,EAAE,MAAM;QACf,QAAQ,EAAE,UAAU;QACpB,UAAU,EAAE,uCAAuC;QACnD,SAAS,EAAE;YACT,SAAS,EAAE,8BAA8B;YACzC,SAAS,EACP,6GAA6G;SAChH;KACF;IACD,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE;QAC7B,MAAM,EAAE,SAAS,EAAE,GAAG,cAAc,EAAE,GAAG,KAAK,CAAA;QAE9C,WAAW,CAAC,OAAO,EAAE;YACnB,GAAG,cAAc;YACjB,KAAK,EAAE;gBACL,GAAG,cAAc,EAAE,KAAK;aACzB;SACF,CAAC,CAAA;QAEF,OAAO,CACL,yBACE,KAAK,EAAE;gBACL,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE,MAAM;gBACd,SAAS,EAAE,OAAO;gBAClB,cAAc,EAAE,QAAQ;gBACxB,UAAU,EAAE,eAAe;aAC5B,EACD,GAAG,EAAE,cAAc,EACnB,GAAG,EAAE,KAAK,CAAC,SAAS,EACpB,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE;gBACd,CAAC;gBAAE,EAAY,CAAC,MAA2B,CAAC,WAAW,CACrD,yBACE,KAAK,EAAE;wBACL,OAAO,EAAE,MAAM;wBACf,UAAU,EAAE,QAAQ;wBACpB,cAAc,EAAE,QAAQ;wBACxB,MAAM,EAAE,MAAM;wBACd,KAAK,EAAE,MAAM;wBACb,UAAU,EAAE,mFAAmF;qBAChG;oBAED,yBACE,KAAK,EAAE;4BACL,OAAO,EAAE,MAAM;4BACf,UAAU,EAAE,QAAQ;4BACpB,cAAc,EAAE,QAAQ;4BACxB,KAAK,EAAE,MAAM;4BACb,MAAM,EAAE,MAAM;4BACd,YAAY,EAAE,KAAK;4BACnB,UAAU,EAAE,0BAA0B;4BACtC,cAAc,EAAE,YAAY;4BAC5B,SAAS,EAAE,QAAQ;4BACnB,UAAU,EAAE,MAAM;4BAClB,QAAQ,EAAE,MAAM;4BAChB,UAAU,EAAE,GAAG;yBAChB,IAEA,KAAK,CAAC,QAAQ,IAAI,IAAI,CACnB,CACF,CACP,CAAA;YACH,CAAC,GACD,CACH,CAAA;IACH,CAAC;CACF,CAAC,CAAA"}

package/esm/components/avatar.spec.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=avatar.spec.d.ts.map

package/esm/components/avatar.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.spec.d.ts","sourceRoot":"","sources":["../../src/components/avatar.spec.tsx"],"names":[],"mappings":""}

package/esm/components/avatar.spec.js

@@ -0,0 +1,114 @@
+import { Injector } from '@furystack/inject';
+import { createComponent, initializeShadeRoot } from '@furystack/shades';
+import { sleepAsync, usingAsync } from '@furystack/utils';
+import { afterEach, beforeEach, describe, expect, it } from 'vitest';
+import { Avatar } from './avatar.js';
+describe('Avatar component', () => {
+    beforeEach(() => {
+        document.body.innerHTML = '<div id="root"></div>';
+    });
+    afterEach(() => {
+        document.body.innerHTML = '';
+    });
+    it('should render an image with the provided avatarUrl', async () => {
+        await usingAsync(new Injector(), async (injector) => {
+            const rootElement = document.getElementById('root');
+            const testUrl = 'https://example.com/avatar.png';
+            initializeShadeRoot({
+                injector,
+                rootElement,
+                jsxElement: createComponent(Avatar, { avatarUrl: testUrl }),
+            });
+            await sleepAsync(50);
+            const avatar = document.querySelector('shade-avatar');
+            expect(avatar).not.toBeNull();
+            const img = avatar?.querySelector('img');
+            expect(img).not.toBeNull();
+            expect(img?.src).toBe(testUrl);
+            expect(img?.alt).toBe('avatar image');
+        });
+    });
+    it('should display default fallback emoji when image fails to load', async () => {
+        await usingAsync(new Injector(), async (injector) => {
+            const rootElement = document.getElementById('root');
+            initializeShadeRoot({
+                injector,
+                rootElement,
+                jsxElement: createComponent(Avatar, { avatarUrl: "invalid-url" }),
+            });
+            await sleepAsync(50);
+            const avatar = document.querySelector('shade-avatar');
+            expect(avatar).not.toBeNull();
+            const img = avatar?.querySelector('img');
+            expect(img).not.toBeNull();
+            // Trigger the error event
+            const errorEvent = new Event('error');
+            img?.dispatchEvent(errorEvent);
+            await sleepAsync(50);
+            // After error, img should be replaced with fallback div
+            const fallbackImg = avatar?.querySelector('img');
+            expect(fallbackImg).toBeNull();
+            // The fallback div should contain the default emoji
+            const fallbackContent = avatar?.textContent;
+            expect(fallbackContent).toContain('🛑');
+        });
+    });
+    it('should display custom fallback when image fails to load and fallback prop is provided', async () => {
+        await usingAsync(new Injector(), async (injector) => {
+            const rootElement = document.getElementById('root');
+            const customFallback = createComponent("span", { "data-testid": "custom-fallback" }, "AB");
+            initializeShadeRoot({
+                injector,
+                rootElement,
+                jsxElement: createComponent(Avatar, { avatarUrl: "invalid-url", fallback: customFallback }),
+            });
+            await sleepAsync(50);
+            const avatar = document.querySelector('shade-avatar');
+            expect(avatar).not.toBeNull();
+            const img = avatar?.querySelector('img');
+            expect(img).not.toBeNull();
+            // Trigger the error event
+            const errorEvent = new Event('error');
+            img?.dispatchEvent(errorEvent);
+            await sleepAsync(50);
+            // After error, img should be replaced with fallback div
+            const fallbackImg = avatar?.querySelector('img');
+            expect(fallbackImg).toBeNull();
+            // The custom fallback should be rendered
+            const customElement = avatar?.querySelector('[data-testid="custom-fallback"]');
+            expect(customElement).not.toBeNull();
+            expect(customElement?.textContent).toBe('AB');
+        });
+    });
+    it('should apply custom style from props', async () => {
+        await usingAsync(new Injector(), async (injector) => {
+            const rootElement = document.getElementById('root');
+            initializeShadeRoot({
+                injector,
+                rootElement,
+                jsxElement: createComponent(Avatar, { avatarUrl: "https://example.com/avatar.png", style: { width: '64px', height: '64px' } }),
+            });
+            await sleepAsync(50);
+            const avatar = document.querySelector('shade-avatar');
+            expect(avatar).not.toBeNull();
+            expect(avatar.style.width).toBe('64px');
+            expect(avatar.style.height).toBe('64px');
+        });
+    });
+    it('should pass through additional props to the container', async () => {
+        await usingAsync(new Injector(), async (injector) => {
+            const rootElement = document.getElementById('root');
+            initializeShadeRoot({
+                injector,
+                rootElement,
+                jsxElement: createComponent(Avatar, { avatarUrl: "https://example.com/avatar.png", className: "custom-avatar", title: "User Avatar" }),
+            });
+            await sleepAsync(50);
+            const avatar = document.querySelector('shade-avatar');
+            expect(avatar).not.toBeNull();
+            expect(avatar.className).toBe('custom-avatar');
+            expect(avatar.title).toBe('User Avatar');
+        });
+    });
+});
+//# sourceMappingURL=avatar.spec.js.map

package/esm/components/avatar.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.spec.js","sourceRoot":"","sources":["../../src/components/avatar.spec.tsx"],"names":[],"mappings":"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"}

package/esm/components/button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/components/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAEvD,OAAO,KAAK,EAAE,OAAO,EAAS,MAAM,uCAAuC,CAAA;AAI3E,MAAM,MAAM,WAAW,GAAG,cAAc,CAAC,iBAAiB,CAAC,GAAG;IAC5D,OAAO,CAAC,EAAE,WAAW,GAAG,UAAU,CAAA;IAClC,KAAK,CAAC,EAAE,MAAM,OAAO,CAAA;CACtB,CAAA;AA0DD,eAAO,MAAM,MAAM;;;cA5DP,WAAW,GAAG,UAAU;YAC1B,MAAM,OAAO;4GAkNrB,CAAA"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/components/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAEvD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,uCAAuC,CAAA;AAGpE,MAAM,MAAM,WAAW,GAAG,cAAc,CAAC,iBAAiB,CAAC,GAAG;IAC5D,OAAO,CAAC,EAAE,WAAW,GAAG,UAAU,CAAA;IAClC,KAAK,CAAC,EAAE,MAAM,OAAO,CAAA;CACtB,CAAA;AA4DD,eAAO,MAAM,MAAM;;;cA9DP,WAAW,GAAG,UAAU;YAC1B,MAAM,OAAO;4GAgLrB,CAAA"}