@furystack/shades-common-components 10.0.35 → 11.0.0

package/esm/components/noty-list.spec.js

@@ -0,0 +1,486 @@
+import { Injector } from '@furystack/inject';
+import { createComponent, initializeShadeRoot } from '@furystack/shades';
+import { sleepAsync, usingAsync } from '@furystack/utils';
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+import { defaultDarkTheme } from '../services/default-dark-theme.js';
+import { NotyService } from '../services/noty-service.js';
+import { ThemeProviderService } from '../services/theme-provider-service.js';
+import { getDefaultNotyTimeouts, NotyComponent, NotyList } from './noty-list.js';
+describe('getDefaultNotyTimeouts', () => {
+    it('should return 0 for error type', () => {
+        expect(getDefaultNotyTimeouts('error')).toBe(0);
+    });
+    it('should return 0 for warning type', () => {
+        expect(getDefaultNotyTimeouts('warning')).toBe(0);
+    });
+    it('should return 5000 for success type', () => {
+        expect(getDefaultNotyTimeouts('success')).toBe(5000);
+    });
+    it('should return 20000 for info type', () => {
+        expect(getDefaultNotyTimeouts('info')).toBe(20000);
+    });
+    it('should return 0 for unknown type', () => {
+        expect(getDefaultNotyTimeouts('unknown')).toBe(0);
+    });
+});
+describe('NotyComponent', () => {
+    let originalAnimate;
+    let animateCalls;
+    const setupTheme = (injector) => {
+        const themeProvider = injector.getInstance(ThemeProviderService);
+        themeProvider.setAssignedTheme(defaultDarkTheme);
+    };
+    beforeEach(() => {
+        document.body.innerHTML = '<div id="root"></div>';
+        animateCalls = [];
+        originalAnimate = Element.prototype.animate;
+        Element.prototype.animate = vi.fn((keyframes, options) => {
+            animateCalls.push({ keyframes, options });
+            const mockAnimation = {
+                onfinish: null,
+                oncancel: null,
+                cancel: vi.fn(),
+                play: vi.fn(),
+                pause: vi.fn(),
+                finish: vi.fn(),
+                addEventListener: vi.fn(),
+                removeEventListener: vi.fn(),
+            };
+            return mockAnimation;
+        });
+    });
+    afterEach(() => {
+        document.body.innerHTML = '';
+        Element.prototype.animate = originalAnimate;
+        vi.restoreAllMocks();
+    });
+    it('should render the shade-noty custom element', async () => {
+        await usingAsync(new Injector(), async (injector) => {
+            setupTheme(injector);
+            const rootElement = document.getElementById('root');
+            const model = { type: 'info', title: 'Test', body: 'Test body' };
+            initializeShadeRoot({
+                injector,
+                rootElement,
+                jsxElement: createComponent(NotyComponent, { model: model, onDismiss: () => { } }),
+            });
+            await sleepAsync(50);
+            const noty = document.querySelector('shade-noty');
+            expect(noty).not.toBeNull();
+            expect(noty?.tagName.toLowerCase()).toBe('shade-noty');
+        });
+    });
+    it('should render title and body content', async () => {
+        await usingAsync(new Injector(), async (injector) => {
+            setupTheme(injector);
+            const rootElement = document.getElementById('root');
+            const model = { type: 'success', title: 'Success Title', body: 'Success message body' };
+            initializeShadeRoot({
+                injector,
+                rootElement,
+                jsxElement: createComponent(NotyComponent, { model: model, onDismiss: () => { } }),
+            });
+            await sleepAsync(50);
+            expect(document.body.innerHTML).toContain('Success Title');
+            expect(document.body.innerHTML).toContain('Success message body');
+        });
+    });
+    it('should apply noty class with type on the element', async () => {
+        await usingAsync(new Injector(), async (injector) => {
+            setupTheme(injector);
+            const rootElement = document.getElementById('root');
+            const model = { type: 'error', title: 'Error', body: 'Error occurred' };
+            initializeShadeRoot({
+                injector,
+                rootElement,
+                jsxElement: createComponent(NotyComponent, { model: model, onDismiss: () => { } }),
+            });
+            await sleepAsync(50);
+            const noty = document.querySelector('shade-noty');
+            expect(noty).not.toBeNull();
+            expect(noty.classList.contains('noty')).toBe(true);
+            expect(noty.classList.contains('error')).toBe(true);
+        });
+    });
+    it('should render dismiss button', async () => {
+        await usingAsync(new Injector(), async (injector) => {
+            setupTheme(injector);
+            const rootElement = document.getElementById('root');
+            const model = { type: 'warning', title: 'Warning', body: 'Warning message' };
+            initializeShadeRoot({
+                injector,
+                rootElement,
+                jsxElement: createComponent(NotyComponent, { model: model, onDismiss: () => { } }),
+            });
+            await sleepAsync(50);
+            const dismissButton = document.querySelector('button[is="shade-button"]');
+            expect(dismissButton).not.toBeNull();
+            expect(dismissButton?.textContent).toContain('✖');
+        });
+    });
+    it('should call onDismiss when dismiss button is clicked', async () => {
+        const onDismiss = vi.fn();
+        Element.prototype.animate = vi.fn((keyframes, options) => {
+            animateCalls.push({ keyframes, options });
+            const mockAnimation = {
+                onfinish: null,
+                oncancel: null,
+                cancel: vi.fn(),
+                play: vi.fn(),
+                pause: vi.fn(),
+                finish: vi.fn(),
+                addEventListener: vi.fn(),
+                removeEventListener: vi.fn(),
+            };
+            setTimeout(() => {
+                mockAnimation.onfinish?.({});
+            }, 10);
+            return mockAnimation;
+        });
+        await usingAsync(new Injector(), async (injector) => {
+            setupTheme(injector);
+            const rootElement = document.getElementById('root');
+            const model = { type: 'info', title: 'Info', body: 'Info message' };
+            initializeShadeRoot({
+                injector,
+                rootElement,
+                jsxElement: createComponent(NotyComponent, { model: model, onDismiss: onDismiss }),
+            });
+            await sleepAsync(50);
+            const dismissButton = document.querySelector('button[is="shade-button"]');
+            expect(dismissButton).not.toBeNull();
+            dismissButton.click();
+            await sleepAsync(50);
+            expect(onDismiss).toHaveBeenCalled();
+        });
+    });
+    it('should start fade-in animation on mount', async () => {
+        vi.useFakeTimers();
+        const injector = new Injector();
+        setupTheme(injector);
+        const rootElement = document.getElementById('root');
+        const model = { type: 'success', title: 'Success', body: 'Success message' };
+        initializeShadeRoot({
+            injector,
+            rootElement,
+            jsxElement: createComponent(NotyComponent, { model: model, onDismiss: () => { } }),
+        });
+        // Wait for render
+        await vi.advanceTimersByTimeAsync(50);
+        // The constructed hook schedules the animation via setTimeout
+        await vi.advanceTimersByTimeAsync(10);
+        const fadeInCall = animateCalls.find((call) => Array.isArray(call.keyframes) && call.keyframes.some((kf) => 'opacity' in kf && 'height' in kf));
+        expect(fadeInCall).toBeDefined();
+        expect(fadeInCall?.options?.duration).toBe(700);
+        expect(fadeInCall?.options?.fill).toBe('forwards');
+        vi.useRealTimers();
+    });
+    it('should auto-dismiss after timeout for success type', async () => {
+        vi.useFakeTimers();
+        const onDismiss = vi.fn();
+        Element.prototype.animate = vi.fn((keyframes, options) => {
+            animateCalls.push({ keyframes, options });
+            const mockAnimation = {
+                onfinish: null,
+                oncancel: null,
+                cancel: vi.fn(),
+                play: vi.fn(),
+                pause: vi.fn(),
+                finish: vi.fn(),
+                addEventListener: vi.fn(),
+                removeEventListener: vi.fn(),
+            };
+            setTimeout(() => {
+                mockAnimation.onfinish?.({});
+            }, 10);
+            return mockAnimation;
+        });
+        const injector = new Injector();
+        setupTheme(injector);
+        const rootElement = document.getElementById('root');
+        const model = { type: 'success', title: 'Success', body: 'Success message' };
+        initializeShadeRoot({
+            injector,
+            rootElement,
+            jsxElement: createComponent(NotyComponent, { model: model, onDismiss: onDismiss }),
+        });
+        await vi.advanceTimersByTimeAsync(50);
+        expect(onDismiss).not.toHaveBeenCalled();
+        // Success timeout is 5000ms
+        await vi.advanceTimersByTimeAsync(5000);
+        await vi.advanceTimersByTimeAsync(50);
+        expect(onDismiss).toHaveBeenCalled();
+        vi.useRealTimers();
+    });
+    it('should use custom timeout when provided', async () => {
+        vi.useFakeTimers();
+        const onDismiss = vi.fn();
+        Element.prototype.animate = vi.fn((keyframes, options) => {
+            animateCalls.push({ keyframes, options });
+            const mockAnimation = {
+                onfinish: null,
+                oncancel: null,
+                cancel: vi.fn(),
+                play: vi.fn(),
+                pause: vi.fn(),
+                finish: vi.fn(),
+                addEventListener: vi.fn(),
+                removeEventListener: vi.fn(),
+            };
+            setTimeout(() => {
+                mockAnimation.onfinish?.({});
+            }, 10);
+            return mockAnimation;
+        });
+        const injector = new Injector();
+        setupTheme(injector);
+        const rootElement = document.getElementById('root');
+        // Info default timeout is 20000, but we set custom 1000
+        const model = { type: 'info', title: 'Info', body: 'Info message', timeout: 1000 };
+        initializeShadeRoot({
+            injector,
+            rootElement,
+            jsxElement: createComponent(NotyComponent, { model: model, onDismiss: onDismiss }),
+        });
+        await vi.advanceTimersByTimeAsync(50);
+        expect(onDismiss).not.toHaveBeenCalled();
+        await vi.advanceTimersByTimeAsync(1000);
+        await vi.advanceTimersByTimeAsync(50);
+        expect(onDismiss).toHaveBeenCalled();
+        vi.useRealTimers();
+    });
+    it('should not auto-dismiss for error type (timeout 0)', async () => {
+        vi.useFakeTimers();
+        const onDismiss = vi.fn();
+        const injector = new Injector();
+        setupTheme(injector);
+        const rootElement = document.getElementById('root');
+        const model = { type: 'error', title: 'Error', body: 'Error message' };
+        initializeShadeRoot({
+            injector,
+            rootElement,
+            jsxElement: createComponent(NotyComponent, { model: model, onDismiss: onDismiss }),
+        });
+        await vi.advanceTimersByTimeAsync(50);
+        await vi.advanceTimersByTimeAsync(30000);
+        expect(onDismiss).not.toHaveBeenCalled();
+        vi.useRealTimers();
+    });
+    it('should render all noty types with appropriate styling', async () => {
+        const types = ['error', 'warning', 'info', 'success'];
+        for (const type of types) {
+            document.body.innerHTML = '<div id="root"></div>';
+            await usingAsync(new Injector(), async (injector) => {
+                setupTheme(injector);
+                const rootElement = document.getElementById('root');
+                const model = { type, title: `${type} Title`, body: `${type} body` };
+                initializeShadeRoot({
+                    injector,
+                    rootElement,
+                    jsxElement: createComponent(NotyComponent, { model: model, onDismiss: () => { } }),
+                });
+                await sleepAsync(50);
+                const noty = document.querySelector('shade-noty');
+                expect(noty).not.toBeNull();
+                expect(noty.classList.contains('noty')).toBe(true);
+                expect(noty.classList.contains(type)).toBe(true);
+            });
+        }
+    });
+    it('should apply background color from theme', async () => {
+        await usingAsync(new Injector(), async (injector) => {
+            setupTheme(injector);
+            const rootElement = document.getElementById('root');
+            const model = { type: 'success', title: 'Success', body: 'Message' };
+            initializeShadeRoot({
+                injector,
+                rootElement,
+                jsxElement: createComponent(NotyComponent, { model: model, onDismiss: () => { } }),
+            });
+            await sleepAsync(50);
+            const noty = document.querySelector('shade-noty');
+            expect(noty).not.toBeNull();
+            // The component sets backgroundColor via style
+            expect(noty.style.backgroundColor).toBeTruthy();
+        });
+    });
+});
+describe('NotyList', () => {
+    let originalAnimate;
+    let animateCalls;
+    const setupTheme = (injector) => {
+        const themeProvider = injector.getInstance(ThemeProviderService);
+        themeProvider.setAssignedTheme(defaultDarkTheme);
+    };
+    beforeEach(() => {
+        document.body.innerHTML = '<div id="root"></div>';
+        animateCalls = [];
+        originalAnimate = Element.prototype.animate;
+        Element.prototype.animate = vi.fn((keyframes, options) => {
+            animateCalls.push({ keyframes, options });
+            const mockAnimation = {
+                onfinish: null,
+                oncancel: null,
+                cancel: vi.fn(),
+                play: vi.fn(),
+                pause: vi.fn(),
+                finish: vi.fn(),
+                addEventListener: vi.fn(),
+                removeEventListener: vi.fn(),
+            };
+            return mockAnimation;
+        });
+    });
+    afterEach(() => {
+        document.body.innerHTML = '';
+        Element.prototype.animate = originalAnimate;
+        vi.restoreAllMocks();
+    });
+    it('should render the shade-noty-list custom element', async () => {
+        await usingAsync(new Injector(), async (injector) => {
+            const rootElement = document.getElementById('root');
+            initializeShadeRoot({
+                injector,
+                rootElement,
+                jsxElement: createComponent(NotyList, null),
+            });
+            await sleepAsync(50);
+            const notyList = document.querySelector('shade-noty-list');
+            expect(notyList).not.toBeNull();
+            expect(notyList?.tagName.toLowerCase()).toBe('shade-noty-list');
+        });
+    });
+    it('should have fixed positioning styles', async () => {
+        await usingAsync(new Injector(), async (injector) => {
+            const rootElement = document.getElementById('root');
+            initializeShadeRoot({
+                injector,
+                rootElement,
+                jsxElement: createComponent(NotyList, null),
+            });
+            await sleepAsync(50);
+            const notyList = document.querySelector('shade-noty-list');
+            expect(notyList).not.toBeNull();
+            const computedStyle = window.getComputedStyle(notyList);
+            expect(computedStyle.position).toBe('fixed');
+            expect(computedStyle.display).toBe('flex');
+            expect(computedStyle.flexDirection).toBe('column');
+        });
+    });
+    it('should render existing notys from NotyService', async () => {
+        await usingAsync(new Injector(), async (injector) => {
+            setupTheme(injector);
+            const notyService = injector.getInstance(NotyService);
+            const noty1 = { type: 'info', title: 'Info 1', body: 'Info body 1' };
+            const noty2 = { type: 'success', title: 'Success 1', body: 'Success body 1' };
+            notyService.emit('onNotyAdded', noty1);
+            notyService.emit('onNotyAdded', noty2);
+            const rootElement = document.getElementById('root');
+            initializeShadeRoot({
+                injector,
+                rootElement,
+                jsxElement: createComponent(NotyList, null),
+            });
+            await sleepAsync(50);
+            const notys = document.querySelectorAll('shade-noty');
+            expect(notys.length).toBe(2);
+        });
+    });
+    it('should add new noty when NotyService emits onNotyAdded', async () => {
+        await usingAsync(new Injector(), async (injector) => {
+            setupTheme(injector);
+            const notyService = injector.getInstance(NotyService);
+            const rootElement = document.getElementById('root');
+            initializeShadeRoot({
+                injector,
+                rootElement,
+                jsxElement: createComponent(NotyList, null),
+            });
+            await sleepAsync(50);
+            let notys = document.querySelectorAll('shade-noty');
+            expect(notys.length).toBe(0);
+            const newNoty = { type: 'warning', title: 'Warning', body: 'Warning message' };
+            notyService.emit('onNotyAdded', newNoty);
+            await sleepAsync(50);
+            notys = document.querySelectorAll('shade-noty');
+            expect(notys.length).toBe(1);
+        });
+    });
+    it('should remove noty when NotyService emits onNotyRemoved', async () => {
+        await usingAsync(new Injector(), async (injector) => {
+            setupTheme(injector);
+            const notyService = injector.getInstance(NotyService);
+            const noty = { type: 'error', title: 'Error', body: 'Error message' };
+            notyService.emit('onNotyAdded', noty);
+            const rootElement = document.getElementById('root');
+            initializeShadeRoot({
+                injector,
+                rootElement,
+                jsxElement: createComponent(NotyList, null),
+            });
+            await sleepAsync(50);
+            let notys = document.querySelectorAll('shade-noty');
+            expect(notys.length).toBe(1);
+            notyService.emit('onNotyRemoved', noty);
+            await sleepAsync(50);
+            notys = document.querySelectorAll('shade-noty');
+            expect(notys.length).toBe(0);
+        });
+    });
+    it('should handle multiple notys being added and removed', async () => {
+        await usingAsync(new Injector(), async (injector) => {
+            setupTheme(injector);
+            const notyService = injector.getInstance(NotyService);
+            const rootElement = document.getElementById('root');
+            initializeShadeRoot({
+                injector,
+                rootElement,
+                jsxElement: createComponent(NotyList, null),
+            });
+            await sleepAsync(50);
+            const noty1 = { type: 'info', title: 'Info 1', body: 'Body 1' };
+            const noty2 = { type: 'success', title: 'Success 1', body: 'Body 2' };
+            const noty3 = { type: 'warning', title: 'Warning 1', body: 'Body 3' };
+            notyService.emit('onNotyAdded', noty1);
+            notyService.emit('onNotyAdded', noty2);
+            notyService.emit('onNotyAdded', noty3);
+            await sleepAsync(50);
+            let notys = document.querySelectorAll('shade-noty');
+            expect(notys.length).toBe(3);
+            notyService.emit('onNotyRemoved', noty2);
+            await sleepAsync(50);
+            notys = document.querySelectorAll('shade-noty');
+            expect(notys.length).toBe(2);
+            notyService.emit('onNotyRemoved', noty1);
+            notyService.emit('onNotyRemoved', noty3);
+            await sleepAsync(50);
+            notys = document.querySelectorAll('shade-noty');
+            expect(notys.length).toBe(0);
+        });
+    });
+    it('should only remove the specific noty that was requested', async () => {
+        await usingAsync(new Injector(), async (injector) => {
+            setupTheme(injector);
+            const notyService = injector.getInstance(NotyService);
+            const rootElement = document.getElementById('root');
+            const noty1 = { type: 'info', title: 'Keep this', body: 'Body 1' };
+            const noty2 = { type: 'error', title: 'Remove this', body: 'Body 2' };
+            notyService.emit('onNotyAdded', noty1);
+            notyService.emit('onNotyAdded', noty2);
+            initializeShadeRoot({
+                injector,
+                rootElement,
+                jsxElement: createComponent(NotyList, null),
+            });
+            await sleepAsync(50);
+            notyService.emit('onNotyRemoved', noty2);
+            await sleepAsync(50);
+            const notys = document.querySelectorAll('shade-noty');
+            expect(notys.length).toBe(1);
+            // Check that the remaining noty is the correct one
+            expect(document.body.innerHTML).toContain('Keep this');
+            expect(document.body.innerHTML).not.toContain('Remove this');
+        });
+    });
+});
+//# sourceMappingURL=noty-list.spec.js.map

package/esm/components/noty-list.spec.js.map

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

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

@@ -1 +1 @@
-{"version":3,"file":"paper.d.ts","sourceRoot":"","sources":["../../src/components/paper.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,KAAK;gBAAuB,CAAC,GAAG,CAAC,GAAG,CAAC;;;sEAuBhD,CAAA"}
+{"version":3,"file":"paper.d.ts","sourceRoot":"","sources":["../../src/components/paper.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,KAAK;gBAAuB,CAAC,GAAG,CAAC,GAAG,CAAC;;;sEA0BhD,CAAA"}

package/esm/components/paper.js

@@ -1,25 +1,28 @@
-import { attachStyles } from '@furystack/shades';
 import { Shade, createComponent } from '@furystack/shades';
-import { ThemeProviderService } from '../services/theme-provider-service.js';
+import { cssVariableTheme } from '../services/css-variable-theme.js';
 export const Paper = Shade({
     shadowDomName: 'shade-paper',
     elementBase: HTMLDivElement,
     elementBaseName: 'div',
-    style: {
+    css: {
         borderRadius: '3px',
         margin: '8px',
         padding: '6px 16px',
+        backgroundColor: cssVariableTheme.background.paper,
+        color: cssVariableTheme.text.secondary,
+        '&[data-elevation="1"]': {
+            boxShadow: '1px 1px 1px rgba(0,0,0,0.3)',
+        },
+        '&[data-elevation="2"]': {
+            boxShadow: '1px 2px 2px rgba(0,0,0,0.3)',
+        },
+        '&[data-elevation="3"]': {
+            boxShadow: '1px 3px 3px rgba(0,0,0,0.3)',
+        },
     },
-    render: ({ injector, props, children, element }) => {
-        const themeProvider = injector.getInstance(ThemeProviderService);
+    render: ({ props, children, element }) => {
         const { elevation = 1 } = props;
-        attachStyles(element, {
-            style: {
-                boxShadow: elevation ? `1px ${elevation}px ${elevation}px rgba(0,0,0,0.3)` : '',
-                backgroundColor: themeProvider.theme.background.paper,
-                color: themeProvider.theme.text.secondary,
-            },
-        });
+        element.setAttribute('data-elevation', elevation.toString());
         return createComponent(createComponent, null, children);
     },
 });

package/esm/components/paper.js.map

@@ -1 +1 @@
-{"version":3,"file":"paper.js","sourceRoot":"","sources":["../../src/components/paper.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAChD,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAC1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,uCAAuC,CAAA;AAE5E,MAAM,CAAC,MAAM,KAAK,GAAG,KAAK,CAA4B;IACpD,aAAa,EAAE,aAAa;IAC5B,WAAW,EAAE,cAAc;IAC3B,eAAe,EAAE,KAAK;IACtB,KAAK,EAAE;QACL,YAAY,EAAE,KAAK;QACnB,MAAM,EAAE,KAAK;QACb,OAAO,EAAE,UAAU;KACpB;IACD,MAAM,EAAE,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE;QACjD,MAAM,aAAa,GAAG,QAAQ,CAAC,WAAW,CAAC,oBAAoB,CAAC,CAAA;QAChE,MAAM,EAAE,SAAS,GAAG,CAAC,EAAE,GAAG,KAAK,CAAA;QAE/B,YAAY,CAAC,OAAO,EAAE;YACpB,KAAK,EAAE;gBACL,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,OAAO,SAAS,MAAM,SAAS,oBAAoB,CAAC,CAAC,CAAC,EAAE;gBAC/E,eAAe,EAAE,aAAa,CAAC,KAAK,CAAC,UAAU,CAAC,KAAK;gBACrD,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS;aAC1C;SACF,CAAC,CAAA;QAEF,OAAO,uCAAG,QAAQ,CAAI,CAAA;IACxB,CAAC;CACF,CAAC,CAAA"}
+{"version":3,"file":"paper.js","sourceRoot":"","sources":["../../src/components/paper.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,KAAK,GAAG,KAAK,CAA4B;IACpD,aAAa,EAAE,aAAa;IAC5B,WAAW,EAAE,cAAc;IAC3B,eAAe,EAAE,KAAK;IACtB,GAAG,EAAE;QACH,YAAY,EAAE,KAAK;QACnB,MAAM,EAAE,KAAK;QACb,OAAO,EAAE,UAAU;QACnB,eAAe,EAAE,gBAAgB,CAAC,UAAU,CAAC,KAAK;QAClD,KAAK,EAAE,gBAAgB,CAAC,IAAI,CAAC,SAAS;QACtC,uBAAuB,EAAE;YACvB,SAAS,EAAE,6BAA6B;SACzC;QACD,uBAAuB,EAAE;YACvB,SAAS,EAAE,6BAA6B;SACzC;QACD,uBAAuB,EAAE;YACvB,SAAS,EAAE,6BAA6B;SACzC;KACF;IACD,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE;QACvC,MAAM,EAAE,SAAS,GAAG,CAAC,EAAE,GAAG,KAAK,CAAA;QAC/B,OAAO,CAAC,YAAY,CAAC,gBAAgB,EAAE,SAAS,CAAC,QAAQ,EAAE,CAAC,CAAA;QAE5D,OAAO,uCAAG,QAAQ,CAAI,CAAA;IACxB,CAAC;CACF,CAAC,CAAA"}

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

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

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

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

package/esm/components/paper.spec.js

@@ -0,0 +1,63 @@
+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 { Paper } from './paper.js';
+describe('Paper', () => {
+    beforeEach(() => {
+        document.body.innerHTML = '<div id="root"></div>';
+    });
+    afterEach(() => {
+        document.body.innerHTML = '';
+    });
+    const renderPaper = async (props = {}, children) => {
+        const injector = new Injector();
+        const root = document.getElementById('root');
+        initializeShadeRoot({
+            injector,
+            rootElement: root,
+            jsxElement: createComponent(Paper, { ...props }, children),
+        });
+        await sleepAsync(50);
+        return {
+            injector,
+            paper: root.querySelector('div[is="shade-paper"]'),
+        };
+    };
+    describe('rendering', () => {
+        it('should render a div element', async () => {
+            const { paper } = await renderPaper();
+            expect(paper).toBeTruthy();
+            expect(paper.tagName.toLowerCase()).toBe('div');
+            expect(paper.getAttribute('is')).toBe('shade-paper');
+        });
+        it('should render children', async () => {
+            const { paper } = await renderPaper({}, [createComponent("span", null, "Child content")]);
+            expect(paper.textContent).toContain('Child content');
+        });
+        it('should render multiple children', async () => {
+            const { paper } = await renderPaper({}, [createComponent("span", null, "First"), createComponent("span", null, "Second")]);
+            expect(paper.textContent).toContain('First');
+            expect(paper.textContent).toContain('Second');
+        });
+    });
+    describe('elevation', () => {
+        it('should have data-elevation="1" by default', async () => {
+            const { paper } = await renderPaper();
+            expect(paper.getAttribute('data-elevation')).toBe('1');
+        });
+        it('should set data-elevation="1" for elevation 1', async () => {
+            const { paper } = await renderPaper({ elevation: 1 });
+            expect(paper.getAttribute('data-elevation')).toBe('1');
+        });
+        it('should set data-elevation="2" for elevation 2', async () => {
+            const { paper } = await renderPaper({ elevation: 2 });
+            expect(paper.getAttribute('data-elevation')).toBe('2');
+        });
+        it('should set data-elevation="3" for elevation 3', async () => {
+            const { paper } = await renderPaper({ elevation: 3 });
+            expect(paper.getAttribute('data-elevation')).toBe('3');
+        });
+    });
+});
+//# sourceMappingURL=paper.spec.js.map