@furystack/shades-common-components 10.0.35 → 12.0.0

package/esm/components/loader.js

@@ -1,37 +1,45 @@
 import { Shade, createComponent } from '@furystack/shades';
+import { cssVariableTheme } from '../services/css-variable-theme.js';
 import { ThemeProviderService } from '../services/theme-provider-service.js';
 import { promisifyAnimation } from '../utils/promisify-animation.js';
 export const Loader = Shade({
     shadowDomName: 'shade-loader',
-    style: {
+    css: {
         display: 'inline-block',
         transformOrigin: 'center',
         opacity: '0',
     },
-    render: ({ element, props, injector }) => {
+    render: ({ props, injector, useRef }) => {
         const { theme } = injector.getInstance(ThemeProviderService);
+        const spinnerRef = useRef('spinner');
         const { delay = 500 } = props;
         const { borderWidth = 15 } = props;
         const { borderColor = theme.palette.primary.main } = props;
         setTimeout(() => {
-            void promisifyAnimation(element, [{ opacity: '0' }, { opacity: '1' }], {
-                duration: 500,
-                delay,
-                fill: 'forwards',
-            });
-            void promisifyAnimation(element.firstElementChild, [{ transform: 'rotate(0deg)' }, { transform: 'rotate(180deg)' }, { transform: 'rotate(360deg)' }], {
+            const spinner = spinnerRef.current;
+            if (!spinner)
+                return;
+            const host = spinner.parentElement;
+            if (host) {
+                void promisifyAnimation(host, [{ opacity: '0' }, { opacity: '1' }], {
+                    duration: 500,
+                    delay,
+                    fill: 'forwards',
+                });
+            }
+            void promisifyAnimation(spinner, [{ transform: 'rotate(0deg)' }, { transform: 'rotate(180deg)' }, { transform: 'rotate(360deg)' }], {
                 duration: 1500,
                 easing: 'ease-in-out',
                 iterations: Infinity,
             });
         }, 1);
-        return (createComponent("div", { style: {
+        return (createComponent("div", { ref: spinnerRef, style: {
                 position: 'relative',
                 width: `calc(100% - ${borderWidth * 2}px)`,
                 height: `calc(100% - ${borderWidth * 2}px)`,
-                border: `${borderWidth}px solid rgba(128,128,128,0.1)`,
+                border: `${borderWidth}px solid ${cssVariableTheme.action.subtleBorder}`,
                 borderBottom: `${borderWidth}px solid ${borderColor}`,
-                borderRadius: '50%',
+                borderRadius: cssVariableTheme.shape.borderRadius.full,
             } }));
     },
 });

package/esm/components/loader.js.map

@@ -1 +1 @@
-{"version":3,"file":"loader.js","sourceRoot":"","sources":["../../src/components/loader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAC1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,uCAAuC,CAAA;AAC5E,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAA;AAuBpE,MAAM,CAAC,MAAM,MAAM,GAAG,KAAK,CAAc;IACvC,aAAa,EAAE,cAAc;IAC7B,KAAK,EAAE;QACL,OAAO,EAAE,cAAc;QACvB,eAAe,EAAE,QAAQ;QACzB,OAAO,EAAE,GAAG;KACb;IACD,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE;QACvC,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,CAAC,WAAW,CAAC,oBAAoB,CAAC,CAAA;QAE5D,MAAM,EAAE,KAAK,GAAG,GAAG,EAAE,GAAG,KAAK,CAAA;QAC7B,MAAM,EAAE,WAAW,GAAG,EAAE,EAAE,GAAG,KAAK,CAAA;QAClC,MAAM,EAAE,WAAW,GAAG,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,KAAK,CAAA;QAE1D,UAAU,CAAC,GAAG,EAAE;YACd,KAAK,kBAAkB,CAAC,OAAO,EAAE,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,EAAE;gBACrE,QAAQ,EAAE,GAAG;gBACb,KAAK;gBACL,IAAI,EAAE,UAAU;aACjB,CAAC,CAAA;YACF,KAAK,kBAAkB,CACrB,OAAO,CAAC,iBAAiB,EACzB,CAAC,EAAE,SAAS,EAAE,cAAc,EAAE,EAAE,EAAE,SAAS,EAAE,gBAAgB,EAAE,EAAE,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC,EACjG;gBACE,QAAQ,EAAE,IAAI;gBACd,MAAM,EAAE,aAAa;gBACrB,UAAU,EAAE,QAAQ;aACrB,CACF,CAAA;QACH,CAAC,EAAE,CAAC,CAAC,CAAA;QACL,OAAO,CACL,yBACE,KAAK,EAAE;gBACL,QAAQ,EAAE,UAAU;gBACpB,KAAK,EAAE,eAAe,WAAW,GAAG,CAAC,KAAK;gBAC1C,MAAM,EAAE,eAAe,WAAW,GAAG,CAAC,KAAK;gBAC3C,MAAM,EAAE,GAAG,WAAW,gCAAgC;gBACtD,YAAY,EAAE,GAAG,WAAW,YAAY,WAAW,EAAE;gBACrD,YAAY,EAAE,KAAK;aACpB,GACD,CACH,CAAA;IACH,CAAC;CACF,CAAC,CAAA"}
+{"version":3,"file":"loader.js","sourceRoot":"","sources":["../../src/components/loader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAC1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAA;AACpE,OAAO,EAAE,oBAAoB,EAAE,MAAM,uCAAuC,CAAA;AAC5E,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAA;AAuBpE,MAAM,CAAC,MAAM,MAAM,GAAG,KAAK,CAAc;IACvC,aAAa,EAAE,cAAc;IAC7B,GAAG,EAAE;QACH,OAAO,EAAE,cAAc;QACvB,eAAe,EAAE,QAAQ;QACzB,OAAO,EAAE,GAAG;KACb;IACD,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE;QACtC,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,CAAC,WAAW,CAAC,oBAAoB,CAAC,CAAA;QAC5D,MAAM,UAAU,GAAG,MAAM,CAAiB,SAAS,CAAC,CAAA;QAEpD,MAAM,EAAE,KAAK,GAAG,GAAG,EAAE,GAAG,KAAK,CAAA;QAC7B,MAAM,EAAE,WAAW,GAAG,EAAE,EAAE,GAAG,KAAK,CAAA;QAClC,MAAM,EAAE,WAAW,GAAG,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,KAAK,CAAA;QAE1D,UAAU,CAAC,GAAG,EAAE;YACd,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO,CAAA;YAClC,IAAI,CAAC,OAAO;gBAAE,OAAM;YACpB,MAAM,IAAI,GAAG,OAAO,CAAC,aAAa,CAAA;YAClC,IAAI,IAAI,EAAE,CAAC;gBACT,KAAK,kBAAkB,CAAC,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,EAAE;oBAClE,QAAQ,EAAE,GAAG;oBACb,KAAK;oBACL,IAAI,EAAE,UAAU;iBACjB,CAAC,CAAA;YACJ,CAAC;YACD,KAAK,kBAAkB,CACrB,OAAO,EACP,CAAC,EAAE,SAAS,EAAE,cAAc,EAAE,EAAE,EAAE,SAAS,EAAE,gBAAgB,EAAE,EAAE,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC,EACjG;gBACE,QAAQ,EAAE,IAAI;gBACd,MAAM,EAAE,aAAa;gBACrB,UAAU,EAAE,QAAQ;aACrB,CACF,CAAA;QACH,CAAC,EAAE,CAAC,CAAC,CAAA;QACL,OAAO,CACL,yBACE,GAAG,EAAE,UAAU,EACf,KAAK,EAAE;gBACL,QAAQ,EAAE,UAAU;gBACpB,KAAK,EAAE,eAAe,WAAW,GAAG,CAAC,KAAK;gBAC1C,MAAM,EAAE,eAAe,WAAW,GAAG,CAAC,KAAK;gBAC3C,MAAM,EAAE,GAAG,WAAW,YAAY,gBAAgB,CAAC,MAAM,CAAC,YAAY,EAAE;gBACxE,YAAY,EAAE,GAAG,WAAW,YAAY,WAAW,EAAE;gBACrD,YAAY,EAAE,gBAAgB,CAAC,KAAK,CAAC,YAAY,CAAC,IAAI;aACvD,GACD,CACH,CAAA;IACH,CAAC;CACF,CAAC,CAAA"}

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

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

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

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

package/esm/components/loader.spec.js

@@ -0,0 +1,267 @@
+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 { cssVariableTheme } from '../services/css-variable-theme.js';
+import { ThemeProviderService } from '../services/theme-provider-service.js';
+import { Loader } from './loader.js';
+describe('Loader', () => {
+    let originalAnimate;
+    let animateCalls;
+    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 with shadow DOM', async () => {
+        await usingAsync(new Injector(), async (injector) => {
+            const rootElement = document.getElementById('root');
+            initializeShadeRoot({
+                injector,
+                rootElement,
+                jsxElement: createComponent(Loader, null),
+            });
+            await sleepAsync(50);
+            const loader = document.querySelector('shade-loader');
+            expect(loader).not.toBeNull();
+        });
+    });
+    it('should have initial opacity of 0', async () => {
+        await usingAsync(new Injector(), async (injector) => {
+            const rootElement = document.getElementById('root');
+            initializeShadeRoot({
+                injector,
+                rootElement,
+                jsxElement: createComponent(Loader, null),
+            });
+            await sleepAsync(50);
+            const loader = document.querySelector('shade-loader');
+            expect(loader).not.toBeNull();
+            const computedStyle = window.getComputedStyle(loader);
+            expect(computedStyle.opacity).toBe('0');
+        });
+    });
+    it('should have correct css styles applied', async () => {
+        await usingAsync(new Injector(), async (injector) => {
+            const rootElement = document.getElementById('root');
+            initializeShadeRoot({
+                injector,
+                rootElement,
+                jsxElement: createComponent(Loader, null),
+            });
+            await sleepAsync(50);
+            const loader = document.querySelector('shade-loader');
+            expect(loader).not.toBeNull();
+            const computedStyle = window.getComputedStyle(loader);
+            expect(computedStyle.display).toBe('inline-block');
+            expect(computedStyle.transformOrigin).toBe('center');
+        });
+    });
+    it('should use default delay of 500ms', async () => {
+        await usingAsync(new Injector(), async (injector) => {
+            const rootElement = document.getElementById('root');
+            initializeShadeRoot({
+                injector,
+                rootElement,
+                jsxElement: createComponent(Loader, null),
+            });
+            await sleepAsync(50);
+            const fadeInCall = animateCalls.find((call) => Array.isArray(call.keyframes) && call.keyframes.some((kf) => 'opacity' in kf));
+            expect(fadeInCall).toBeDefined();
+            expect(fadeInCall?.options?.delay).toBe(500);
+        });
+    });
+    it('should use custom delay when provided', async () => {
+        await usingAsync(new Injector(), async (injector) => {
+            const rootElement = document.getElementById('root');
+            initializeShadeRoot({
+                injector,
+                rootElement,
+                jsxElement: createComponent(Loader, { delay: 200 }),
+            });
+            await sleepAsync(50);
+            const fadeInCall = animateCalls.find((call) => Array.isArray(call.keyframes) && call.keyframes.some((kf) => 'opacity' in kf));
+            expect(fadeInCall).toBeDefined();
+            expect(fadeInCall?.options?.delay).toBe(200);
+        });
+    });
+    it('should start fade-in animation with correct parameters', async () => {
+        await usingAsync(new Injector(), async (injector) => {
+            const rootElement = document.getElementById('root');
+            initializeShadeRoot({
+                injector,
+                rootElement,
+                jsxElement: createComponent(Loader, { delay: 100 }),
+            });
+            await sleepAsync(50);
+            const fadeInCall = animateCalls.find((call) => Array.isArray(call.keyframes) &&
+                call.keyframes.length === 2 &&
+                call.keyframes[0].opacity === '0' &&
+                call.keyframes[1].opacity === '1');
+            expect(fadeInCall).toBeDefined();
+            const options = fadeInCall?.options;
+            expect(options.fill).toBe('forwards');
+            expect(options.duration).toBe(500);
+            expect(options.delay).toBe(100);
+        });
+    });
+    it('should start rotation animation', async () => {
+        await usingAsync(new Injector(), async (injector) => {
+            const rootElement = document.getElementById('root');
+            initializeShadeRoot({
+                injector,
+                rootElement,
+                jsxElement: createComponent(Loader, null),
+            });
+            await sleepAsync(50);
+            const rotationCall = animateCalls.find((call) => Array.isArray(call.keyframes) && call.keyframes.some((kf) => 'transform' in kf));
+            expect(rotationCall).toBeDefined();
+            const options = rotationCall?.options;
+            expect(options.duration).toBe(1500);
+            expect(options.easing).toBe('ease-in-out');
+            expect(options.iterations).toBe(Infinity);
+        });
+    });
+    it('should have rotation keyframes from 0 to 360 degrees', async () => {
+        await usingAsync(new Injector(), async (injector) => {
+            const rootElement = document.getElementById('root');
+            initializeShadeRoot({
+                injector,
+                rootElement,
+                jsxElement: createComponent(Loader, null),
+            });
+            await sleepAsync(50);
+            const rotationCall = animateCalls.find((call) => Array.isArray(call.keyframes) && call.keyframes.some((kf) => 'transform' in kf));
+            expect(rotationCall).toBeDefined();
+            const keyframes = rotationCall?.keyframes;
+            expect(keyframes).toHaveLength(3);
+            expect(keyframes[0].transform).toBe('rotate(0deg)');
+            expect(keyframes[1].transform).toBe('rotate(180deg)');
+            expect(keyframes[2].transform).toBe('rotate(360deg)');
+        });
+    });
+    it('should use default borderWidth of 15px', async () => {
+        await usingAsync(new Injector(), async (injector) => {
+            const rootElement = document.getElementById('root');
+            initializeShadeRoot({
+                injector,
+                rootElement,
+                jsxElement: createComponent(Loader, null),
+            });
+            await sleepAsync(50);
+            const loader = document.querySelector('shade-loader');
+            expect(loader).not.toBeNull();
+            const innerDiv = loader.querySelector('div');
+            expect(innerDiv).not.toBeNull();
+            expect(innerDiv.style.width).toBe('calc(100% - 30px)');
+            expect(innerDiv.style.height).toBe('calc(100% - 30px)');
+            const styleAttr = innerDiv.getAttribute('style') || '';
+            expect(styleAttr).toContain('15px solid');
+        });
+    });
+    it('should use custom borderWidth when provided', async () => {
+        await usingAsync(new Injector(), async (injector) => {
+            const rootElement = document.getElementById('root');
+            initializeShadeRoot({
+                injector,
+                rootElement,
+                jsxElement: createComponent(Loader, { borderWidth: 10 }),
+            });
+            await sleepAsync(50);
+            const loader = document.querySelector('shade-loader');
+            expect(loader).not.toBeNull();
+            const innerDiv = loader.querySelector('div');
+            expect(innerDiv).not.toBeNull();
+            expect(innerDiv.style.width).toBe('calc(100% - 20px)');
+            expect(innerDiv.style.height).toBe('calc(100% - 20px)');
+            const styleAttr = innerDiv.getAttribute('style') || '';
+            expect(styleAttr).toContain('10px solid');
+        });
+    });
+    it('should use custom borderColor when provided', async () => {
+        await usingAsync(new Injector(), async (injector) => {
+            const rootElement = document.getElementById('root');
+            initializeShadeRoot({
+                injector,
+                rootElement,
+                jsxElement: createComponent(Loader, { borderColor: "#ff0000" }),
+            });
+            await sleepAsync(50);
+            const loader = document.querySelector('shade-loader');
+            expect(loader).not.toBeNull();
+            const innerDiv = loader.querySelector('div');
+            expect(innerDiv).not.toBeNull();
+            expect(innerDiv.style.borderBottomColor).toBe('rgb(255, 0, 0)');
+        });
+    });
+    it('should use theme primary color as default borderColor', async () => {
+        await usingAsync(new Injector(), async (injector) => {
+            const rootElement = document.getElementById('root');
+            initializeShadeRoot({
+                injector,
+                rootElement,
+                jsxElement: createComponent(Loader, null),
+            });
+            await sleepAsync(50);
+            const loader = document.querySelector('shade-loader');
+            expect(loader).not.toBeNull();
+            const innerDiv = loader.querySelector('div');
+            expect(innerDiv).not.toBeNull();
+            const themeService = injector.getInstance(ThemeProviderService);
+            expect(innerDiv.style.borderBottom).toContain(themeService.theme.palette.primary.main);
+        });
+    });
+    it('should render with circular shape', async () => {
+        await usingAsync(new Injector(), async (injector) => {
+            const rootElement = document.getElementById('root');
+            initializeShadeRoot({
+                injector,
+                rootElement,
+                jsxElement: createComponent(Loader, null),
+            });
+            await sleepAsync(50);
+            const loader = document.querySelector('shade-loader');
+            expect(loader).not.toBeNull();
+            const innerDiv = loader.querySelector('div');
+            expect(innerDiv).not.toBeNull();
+            expect(innerDiv.style.borderRadius).toBe(cssVariableTheme.shape.borderRadius.full);
+            expect(innerDiv.style.position).toBe('relative');
+        });
+    });
+    it('should have a semi-transparent main border and colored bottom border', async () => {
+        await usingAsync(new Injector(), async (injector) => {
+            const rootElement = document.getElementById('root');
+            initializeShadeRoot({
+                injector,
+                rootElement,
+                jsxElement: createComponent(Loader, { borderColor: "#00ff00" }),
+            });
+            await sleepAsync(50);
+            const loader = document.querySelector('shade-loader');
+            expect(loader).not.toBeNull();
+            const innerDiv = loader.querySelector('div');
+            expect(innerDiv).not.toBeNull();
+            expect(innerDiv.style.borderBottom).toContain('rgb(0, 255, 0)');
+        });
+    });
+});
+//# sourceMappingURL=loader.spec.js.map

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

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

package/esm/components/menu/index.d.ts

@@ -0,0 +1,3 @@
+export * from './menu-types.js';
+export * from './menu.js';
+//# sourceMappingURL=index.d.ts.map

package/esm/components/menu/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/menu/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA;AAC/B,cAAc,WAAW,CAAA"}

package/esm/components/menu/index.js

@@ -0,0 +1,3 @@
+export * from './menu-types.js';
+export * from './menu.js';
+//# sourceMappingURL=index.js.map

package/esm/components/menu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/menu/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA;AAC/B,cAAc,WAAW,CAAA"}

package/esm/components/menu/menu-types.d.ts

@@ -0,0 +1,27 @@
+/**
+ * Type definitions for Menu and Dropdown items
+ */
+export type MenuItemEntry = {
+    type?: 'item';
+    key: string;
+    label: string | JSX.Element;
+    icon?: JSX.Element;
+    disabled?: boolean;
+};
+export type MenuGroupEntry = {
+    type: 'group';
+    key: string;
+    label: string;
+    children: MenuEntry[];
+};
+export type MenuDividerEntry = {
+    type: 'divider';
+    key?: string;
+};
+export type MenuEntry = MenuItemEntry | MenuGroupEntry | MenuDividerEntry;
+export type MenuMode = 'vertical' | 'horizontal' | 'inline';
+/**
+ * Returns a flat list of navigable (non-divider, non-disabled) item keys from the menu entries
+ */
+export declare const getNavigableKeys: (items: MenuEntry[]) => string[];
+//# sourceMappingURL=menu-types.d.ts.map

package/esm/components/menu/menu-types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-types.d.ts","sourceRoot":"","sources":["../../../src/components/menu/menu-types.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,MAAM,MAAM,aAAa,GAAG;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAA;IAC3B,IAAI,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,EAAE,OAAO,CAAA;IACb,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,SAAS,EAAE,CAAA;CACtB,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,EAAE,SAAS,CAAA;IACf,GAAG,CAAC,EAAE,MAAM,CAAA;CACb,CAAA;AAED,MAAM,MAAM,SAAS,GAAG,aAAa,GAAG,cAAc,GAAG,gBAAgB,CAAA;AAEzE,MAAM,MAAM,QAAQ,GAAG,UAAU,GAAG,YAAY,GAAG,QAAQ,CAAA;AAE3D;;GAEG;AACH,eAAO,MAAM,gBAAgB,GAAI,OAAO,SAAS,EAAE,KAAG,MAAM,EAW3D,CAAA"}

package/esm/components/menu/menu-types.js

@@ -0,0 +1,22 @@
+/**
+ * Type definitions for Menu and Dropdown items
+ */
+/**
+ * Returns a flat list of navigable (non-divider, non-disabled) item keys from the menu entries
+ */
+export const getNavigableKeys = (items) => {
+    const keys = [];
+    for (const item of items) {
+        if (item.type === 'divider')
+            continue;
+        if (item.type === 'group') {
+            keys.push(...getNavigableKeys(item.children));
+        }
+        else {
+            if (!item.disabled)
+                keys.push(item.key);
+        }
+    }
+    return keys;
+};
+//# sourceMappingURL=menu-types.js.map

package/esm/components/menu/menu-types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-types.js","sourceRoot":"","sources":["../../../src/components/menu/menu-types.ts"],"names":[],"mappings":"AAAA;;GAEG;AA0BH;;GAEG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,KAAkB,EAAY,EAAE;IAC/D,MAAM,IAAI,GAAa,EAAE,CAAA;IACzB,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE,CAAC;QACzB,IAAI,IAAI,CAAC,IAAI,KAAK,SAAS;YAAE,SAAQ;QACrC,IAAI,IAAI,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;YAC1B,IAAI,CAAC,IAAI,CAAC,GAAG,gBAAgB,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAA;QAC/C,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,IAAI,CAAC,QAAQ;gBAAE,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;QACzC,CAAC;IACH,CAAC;IACD,OAAO,IAAI,CAAA;AACb,CAAC,CAAA"}

package/esm/components/menu/menu-types.spec.d.ts

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

package/esm/components/menu/menu-types.spec.d.ts.map

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

package/esm/components/menu/menu-types.spec.js

@@ -0,0 +1,103 @@
+import { describe, expect, it } from 'vitest';
+import { getNavigableKeys } from './menu-types.js';
+describe('getNavigableKeys', () => {
+    it('should return keys of non-disabled items', () => {
+        const items = [
+            { key: 'a', label: 'A' },
+            { key: 'b', label: 'B' },
+            { key: 'c', label: 'C' },
+        ];
+        expect(getNavigableKeys(items)).toEqual(['a', 'b', 'c']);
+    });
+    it('should skip dividers', () => {
+        const items = [{ key: 'a', label: 'A' }, { type: 'divider' }, { key: 'b', label: 'B' }];
+        expect(getNavigableKeys(items)).toEqual(['a', 'b']);
+    });
+    it('should skip disabled items', () => {
+        const items = [
+            { key: 'a', label: 'A' },
+            { key: 'b', label: 'B', disabled: true },
+            { key: 'c', label: 'C' },
+        ];
+        expect(getNavigableKeys(items)).toEqual(['a', 'c']);
+    });
+    it('should flatten group children', () => {
+        const items = [
+            { key: 'a', label: 'A' },
+            {
+                type: 'group',
+                key: 'group1',
+                label: 'Group',
+                children: [
+                    { key: 'b', label: 'B' },
+                    { key: 'c', label: 'C' },
+                ],
+            },
+            { key: 'd', label: 'D' },
+        ];
+        expect(getNavigableKeys(items)).toEqual(['a', 'b', 'c', 'd']);
+    });
+    it('should skip disabled items inside groups', () => {
+        const items = [
+            {
+                type: 'group',
+                key: 'group1',
+                label: 'Group',
+                children: [
+                    { key: 'a', label: 'A' },
+                    { key: 'b', label: 'B', disabled: true },
+                    { key: 'c', label: 'C' },
+                ],
+            },
+        ];
+        expect(getNavigableKeys(items)).toEqual(['a', 'c']);
+    });
+    it('should skip dividers inside groups', () => {
+        const items = [
+            {
+                type: 'group',
+                key: 'group1',
+                label: 'Group',
+                children: [{ key: 'a', label: 'A' }, { type: 'divider' }, { key: 'b', label: 'B' }],
+            },
+        ];
+        expect(getNavigableKeys(items)).toEqual(['a', 'b']);
+    });
+    it('should return empty array for empty items', () => {
+        expect(getNavigableKeys([])).toEqual([]);
+    });
+    it('should return empty array when all items are dividers', () => {
+        const items = [{ type: 'divider' }, { type: 'divider' }];
+        expect(getNavigableKeys(items)).toEqual([]);
+    });
+    it('should return empty array when all items are disabled', () => {
+        const items = [
+            { key: 'a', label: 'A', disabled: true },
+            { key: 'b', label: 'B', disabled: true },
+        ];
+        expect(getNavigableKeys(items)).toEqual([]);
+    });
+    it('should handle nested groups', () => {
+        const items = [
+            {
+                type: 'group',
+                key: 'outer',
+                label: 'Outer',
+                children: [
+                    { key: 'a', label: 'A' },
+                    {
+                        type: 'group',
+                        key: 'inner',
+                        label: 'Inner',
+                        children: [
+                            { key: 'b', label: 'B' },
+                            { key: 'c', label: 'C' },
+                        ],
+                    },
+                ],
+            },
+        ];
+        expect(getNavigableKeys(items)).toEqual(['a', 'b', 'c']);
+    });
+});
+//# sourceMappingURL=menu-types.spec.js.map

package/esm/components/menu/menu-types.spec.js.map

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

package/esm/components/menu/menu.d.ts

@@ -0,0 +1,17 @@
+import type { MenuEntry, MenuMode } from './menu-types.js';
+export type MenuProps = {
+    /** Menu items to render */
+    items: MenuEntry[];
+    /** Layout mode */
+    mode?: MenuMode;
+    /** Currently selected item key */
+    selectedKey?: string;
+    /** Called when an item is selected */
+    onSelect?: (key: string) => void;
+};
+export declare const Menu: (props: MenuProps & Omit<Partial<HTMLElement>, "style"> & {
+    style?: Partial<CSSStyleDeclaration>;
+} & {
+    ref?: import("@furystack/shades").RefObject<Element>;
+}, children?: import("@furystack/shades").ChildrenList) => JSX.Element;
+//# sourceMappingURL=menu.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../src/components/menu/menu.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAG1D,MAAM,MAAM,SAAS,GAAG;IACtB,2BAA2B;IAC3B,KAAK,EAAE,SAAS,EAAE,CAAA;IAClB,kBAAkB;IAClB,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,kCAAkC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,sCAAsC;IACtC,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAA;CACjC,CAAA;AAoFD,eAAO,MAAM,IAAI;;;;sEAmOf,CAAA"}