@furystack/shades-common-components 10.0.35 → 11.0.0

package/esm/components/button.js

@@ -1,165 +1,154 @@
-import { Shade, attachProps, createComponent } from '@furystack/shades';
-import { ThemeProviderService } from '../services/theme-provider-service.js';
-import { promisifyAnimation } from '../utils/promisify-animation.js';
-const getBackground = (buttonProps, theme) => buttonProps.variant === 'contained'
-    ? buttonProps.color
-        ? buttonProps.disabled
-            ? theme.palette[buttonProps.color].dark
-            : theme.palette[buttonProps.color].main
-        : buttonProps.disabled
-            ? theme.button.disabledBackground
-            : theme.text.primary
-    : 'rgba(0,0,0,0)';
-const getHoveredBackground = (buttonProps, theme, fallback) => buttonProps.variant === 'contained'
-    ? buttonProps.color
-        ? theme.palette[buttonProps.color].dark
-        : buttonProps.disabled
-            ? theme.button.disabledBackground
-            : theme.text.secondary
-    : fallback();
-const getBoxShadow = (buttonProps, theme) => buttonProps.variant === 'outlined'
-    ? buttonProps.color
-        ? `0px 0px 0px 1px ${buttonProps.disabled ? theme.palette[buttonProps.color].dark : theme.palette[buttonProps.color].main}`
-        : `0px 0px 0px 1px ${buttonProps.disabled ? theme.button.disabledBackground : theme.text.secondary}`
-    : 'none';
-const getHoveredBoxShadow = (buttonProps, theme) => buttonProps.variant === 'outlined'
-    ? buttonProps.color
-        ? `0px 0px 0px 1px ${buttonProps.disabled ? theme.button.disabledBackground : theme.palette[buttonProps.color].light}`
-        : `0px 0px 0px 1px ${buttonProps.disabled ? theme.button.disabledBackground : theme.text.primary}`
-    : 'none';
-const getTextColor = (buttonProps, theme, fallback) => buttonProps.variant !== 'contained'
-    ? buttonProps.color
-        ? buttonProps.disabled
-            ? theme.palette[buttonProps.color].dark
-            : theme.palette[buttonProps.color].main
-        : theme.text.secondary
-    : fallback();
-const getHoveredTextColor = (buttonProps, theme, fallback) => buttonProps.variant !== 'contained'
-    ? buttonProps.color
-        ? buttonProps.disabled
-            ? theme.palette[buttonProps.color].dark
-            : theme.palette[buttonProps.color].light
-        : theme.text.primary
-    : fallback();
+import { Shade, createComponent } from '@furystack/shades';
+import { cssVariableTheme } from '../services/css-variable-theme.js';
+// Color mappings for each palette color
+const colorMap = {
+    primary: {
+        main: cssVariableTheme.palette.primary.main,
+        mainContrast: cssVariableTheme.palette.primary.mainContrast,
+        light: cssVariableTheme.palette.primary.light,
+        dark: cssVariableTheme.palette.primary.dark,
+        darkContrast: cssVariableTheme.palette.primary.darkContrast,
+    },
+    secondary: {
+        main: cssVariableTheme.palette.secondary.main,
+        mainContrast: cssVariableTheme.palette.secondary.mainContrast,
+        light: cssVariableTheme.palette.secondary.light,
+        dark: cssVariableTheme.palette.secondary.dark,
+        darkContrast: cssVariableTheme.palette.secondary.darkContrast,
+    },
+    error: {
+        main: cssVariableTheme.palette.error.main,
+        mainContrast: cssVariableTheme.palette.error.mainContrast,
+        light: cssVariableTheme.palette.error.light,
+        dark: cssVariableTheme.palette.error.dark,
+        darkContrast: cssVariableTheme.palette.error.darkContrast,
+    },
+    warning: {
+        main: cssVariableTheme.palette.warning.main,
+        mainContrast: cssVariableTheme.palette.warning.mainContrast,
+        light: cssVariableTheme.palette.warning.light,
+        dark: cssVariableTheme.palette.warning.dark,
+        darkContrast: cssVariableTheme.palette.warning.darkContrast,
+    },
+    success: {
+        main: cssVariableTheme.palette.success.main,
+        mainContrast: cssVariableTheme.palette.success.mainContrast,
+        light: cssVariableTheme.palette.success.light,
+        dark: cssVariableTheme.palette.success.dark,
+        darkContrast: cssVariableTheme.palette.success.darkContrast,
+    },
+    info: {
+        main: cssVariableTheme.palette.info.main,
+        mainContrast: cssVariableTheme.palette.info.mainContrast,
+        light: cssVariableTheme.palette.info.light,
+        dark: cssVariableTheme.palette.info.dark,
+        darkContrast: cssVariableTheme.palette.info.darkContrast,
+    },
+};
+// Default colors when no color prop is specified
+const defaultColors = {
+    main: cssVariableTheme.text.secondary,
+    mainContrast: cssVariableTheme.background.default,
+    light: cssVariableTheme.text.primary,
+    dark: cssVariableTheme.button.disabledBackground,
+    darkContrast: cssVariableTheme.text.primary,
+};
 export const Button = Shade({
     shadowDomName: 'shade-button',
     elementBase: HTMLButtonElement,
     elementBaseName: 'button',
-    constructed: ({ element }) => {
-        /**
-         * @param this The Document instance
-         * @param ev The Mouse event
-         */
-        function mouseUp(ev) {
-            if (ev.target === element) {
-                void promisifyAnimation(element, [
-                    {
-                        transform: 'scale(1)',
-                    },
-                ], { duration: 150, fill: 'forwards', easing: 'cubic-bezier(0.230, 1.000, 0.320, 1.000)' });
-            }
-        }
-        document.addEventListener('mouseup', mouseUp);
-        return () => {
-            document.removeEventListener('mouseup', mouseUp);
-        };
+    css: {
+        // Base styles (layout, typography)
+        display: 'inline-flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        margin: '8px',
+        padding: '8px 20px',
+        border: 'none',
+        borderRadius: '6px',
+        textTransform: 'uppercase',
+        fontSize: '14px',
+        fontWeight: '500',
+        letterSpacing: '0.5px',
+        lineHeight: '1.75',
+        minWidth: '64px',
+        userSelect: 'none',
+        cursor: 'pointer',
+        boxShadow: 'none',
+        background: 'transparent',
+        transition: 'background 0.2s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1), transform 0.1s cubic-bezier(0.230, 1.000, 0.320, 1.000), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1)',
+        // Common states
+        '&:active:not(:disabled)': {
+            transform: 'scale(0.96)',
+        },
+        '&:disabled': {
+            cursor: 'not-allowed',
+            opacity: '0.6',
+        },
+        // ==========================================
+        // FLAT VARIANT (default - no data-variant)
+        // Uses CSS custom properties set in render
+        // ==========================================
+        color: 'var(--btn-color-main)',
+        '&:not([data-variant]):hover:not(:disabled)': {
+            color: 'var(--btn-color-light)',
+            background: 'color-mix(in srgb, var(--btn-color-main) 10%, transparent)',
+        },
+        '&:not([data-variant]):disabled': {
+            color: 'var(--btn-color-dark)',
+        },
+        // ==========================================
+        // CONTAINED VARIANT
+        // ==========================================
+        '&[data-variant="contained"]': {
+            background: 'var(--btn-color-main)',
+            color: 'var(--btn-color-main-contrast)',
+        },
+        '&[data-variant="contained"]:hover:not(:disabled)': {
+            background: 'var(--btn-color-dark)',
+            color: 'var(--btn-color-dark-contrast)',
+        },
+        '&[data-variant="contained"]:disabled': {
+            background: 'var(--btn-color-dark)',
+            color: 'var(--btn-color-dark-contrast)',
+        },
+        // ==========================================
+        // OUTLINED VARIANT
+        // ==========================================
+        '&[data-variant="outlined"]': {
+            color: 'var(--btn-color-main)',
+            boxShadow: '0px 0px 0px 1px var(--btn-color-main)',
+            backdropFilter: 'blur(35px)',
+        },
+        '&[data-variant="outlined"]:hover:not(:disabled)': {
+            color: 'var(--btn-color-light)',
+            boxShadow: '0px 0px 0px 1px var(--btn-color-light)',
+            background: 'color-mix(in srgb, var(--btn-color-main) 10%, transparent)',
+        },
+        '&[data-variant="outlined"]:disabled': {
+            color: 'var(--btn-color-dark)',
+            boxShadow: '0px 0px 0px 1px var(--btn-color-dark)',
+        },
     },
-    render: ({ props, children, injector, element, useDisposable }) => {
-        const mouseDownHandler = props.onmousedown;
-        const mouseUpHandler = props.onmouseup;
-        const themeProvider = injector.getInstance(ThemeProviderService);
-        const { theme } = themeProvider;
-        const background = getBackground(props, theme);
-        if (props.variant === 'contained') {
-            useDisposable('themeChanged', () => themeProvider.subscribe('themeChanged', () => {
-                const el = element;
-                el.style.color = getTextColor(props, themeProvider.theme, () => themeProvider.getTextColor(el.style.background || el.style.backgroundColor));
-            }));
+    render: ({ props, children, element }) => {
+        // Set data attributes for CSS styling
+        if (props.variant) {
+            element.setAttribute('data-variant', props.variant);
+        }
+        else {
+            element.removeAttribute('data-variant');
+        }
+        // Set CSS custom properties for the button colors
+        const colors = props.color ? colorMap[props.color] : defaultColors;
+        element.style.setProperty('--btn-color-main', colors.main);
+        element.style.setProperty('--btn-color-main-contrast', colors.mainContrast);
+        element.style.setProperty('--btn-color-light', colors.light);
+        element.style.setProperty('--btn-color-dark', colors.dark);
+        element.style.setProperty('--btn-color-dark-contrast', colors.darkContrast);
+        // Apply any custom styles from props
+        if (props.style) {
+            Object.assign(element.style, props.style);
         }
-        const hoveredBackground = getHoveredBackground(props, theme, () => {
-            const { r, g, b } = themeProvider.getRgbFromColorString((props.color && theme.palette[props.color].main) || theme.text.primary);
-            return `rgba(${r}, ${g}, ${b}, 0.1)`;
-        });
-        const boxShadow = getBoxShadow(props, theme);
-        const hoveredBoxShadow = getHoveredBoxShadow(props, theme);
-        const getTextColorInner = () => getTextColor(props, theme, () => themeProvider.getTextColor(background));
-        const getHoveredTextColorInner = () => getHoveredTextColor(props, theme, () => themeProvider.getTextColor(background));
-        const tryAnimate = async (keyframes, options) => {
-            const el = element;
-            if (element) {
-                void promisifyAnimation(el, keyframes, options);
-            }
-        };
-        attachProps(element, {
-            ...props,
-            onmousedown(ev) {
-                mouseDownHandler?.call(this, ev);
-                if (!props.disabled) {
-                    void tryAnimate([
-                        {
-                            transform: 'scale(0.96)',
-                        },
-                    ], { duration: 100, fill: 'forwards', easing: 'cubic-bezier(0.230, 1.000, 0.320, 1.000)' });
-                }
-            },
-            onmouseup(ev) {
-                mouseUpHandler?.call(this, ev);
-            },
-            onmouseenter: () => {
-                if (!props.disabled) {
-                    void tryAnimate([
-                        {
-                            background,
-                            boxShadow,
-                            color: getTextColorInner(),
-                        },
-                        {
-                            background: hoveredBackground,
-                            boxShadow: hoveredBoxShadow,
-                            color: getHoveredTextColorInner(),
-                        },
-                    ], { duration: 200, fill: 'forwards', easing: 'cubic-bezier(0.4, 0, 0.2, 1)' });
-                }
-            },
-            onmouseleave: () => {
-                if (!props.disabled) {
-                    void tryAnimate([
-                        { background: hoveredBackground, boxShadow: hoveredBoxShadow, color: getHoveredTextColorInner() },
-                        { background, boxShadow, color: getTextColorInner() },
-                    ], {
-                        duration: 200,
-                        fill: 'forwards',
-                        easing: 'cubic-bezier(0.4, 0, 0.2, 1)',
-                    });
-                }
-            },
-            ...props,
-            style: {
-                display: 'inline-flex',
-                alignItems: 'center',
-                justifyContent: 'center',
-                cursor: props.disabled ? 'not-allowed' : 'pointer',
-                background,
-                boxShadow,
-                margin: '8px',
-                padding: '8px 20px',
-                border: 'none',
-                borderRadius: '6px',
-                textTransform: 'uppercase',
-                color: getTextColorInner(),
-                fontSize: '14px',
-                fontWeight: '500',
-                letterSpacing: '0.5px',
-                lineHeight: '1.75',
-                minWidth: '64px',
-                backdropFilter: props.variant === 'outlined' ? 'blur(35px)' : undefined,
-                userSelect: 'none',
-                opacity: props.disabled ? '0.6' : '1',
-                transition: 'opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1)',
-                WebkitTapHighlightColor: 'transparent',
-                ...props.style,
-            },
-        });
         return createComponent(createComponent, null, children);
     },
 });

package/esm/components/button.js.map

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

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

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

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

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

package/esm/components/button.spec.js

@@ -0,0 +1,155 @@
+import { Injector } from '@furystack/inject';
+import { createComponent, initializeShadeRoot, Shade } from '@furystack/shades';
+import { sleepAsync, usingAsync } from '@furystack/utils';
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+import { Button } from './button.js';
+describe('Button', () => {
+    beforeEach(() => {
+        document.body.innerHTML = '<div id="root"></div>';
+    });
+    afterEach(() => {
+        document.body.innerHTML = '';
+    });
+    const renderButton = async (props = {}, children) => {
+        const injector = new Injector();
+        const root = document.getElementById('root');
+        initializeShadeRoot({
+            injector,
+            rootElement: root,
+            jsxElement: createComponent(Button, { ...props }, children),
+        });
+        await sleepAsync(50);
+        return {
+            injector,
+            button: root.querySelector('button[is="shade-button"]'),
+        };
+    };
+    describe('rendering', () => {
+        it('should render a button element', async () => {
+            const { button } = await renderButton();
+            expect(button).toBeTruthy();
+            expect(button.tagName.toLowerCase()).toBe('button');
+            expect(button.getAttribute('is')).toBe('shade-button');
+        });
+        it('should render children', async () => {
+            const { button } = await renderButton({}, ['Click me']);
+            expect(button.textContent).toContain('Click me');
+        });
+    });
+    describe('variants', () => {
+        it('should have no data-variant attribute when variant is not specified (flat default)', async () => {
+            const { button } = await renderButton();
+            expect(button.getAttribute('data-variant')).toBeNull();
+        });
+        it('should set data-variant="contained" for contained variant', async () => {
+            const { button } = await renderButton({ variant: 'contained' });
+            expect(button.getAttribute('data-variant')).toBe('contained');
+        });
+        it('should set data-variant="outlined" for outlined variant', async () => {
+            const { button } = await renderButton({ variant: 'outlined' });
+            expect(button.getAttribute('data-variant')).toBe('outlined');
+        });
+        it('should remove data-variant attribute when variant changes to undefined', async () => {
+            await usingAsync(new Injector(), async (injector) => {
+                const root = document.getElementById('root');
+                const TestComponent = Shade({
+                    shadowDomName: 'button-test-variant-wrapper',
+                    render: ({ props }) => createComponent(Button, { variant: props.variant }, "Test"),
+                });
+                initializeShadeRoot({
+                    injector,
+                    rootElement: root,
+                    jsxElement: createComponent(TestComponent, { variant: "contained" }),
+                });
+                await sleepAsync(50);
+                const button = root.querySelector('button[is="shade-button"]');
+                expect(button.getAttribute('data-variant')).toBe('contained');
+            });
+        });
+    });
+    describe('colors', () => {
+        const colors = ['primary', 'secondary', 'error', 'warning', 'success', 'info'];
+        colors.forEach((color) => {
+            it(`should set CSS custom properties for ${color} color`, async () => {
+                const { button } = await renderButton({ color });
+                expect(button.style.getPropertyValue('--btn-color-main')).toBe(`var(--shades-theme-palette-${color}-main)`);
+                expect(button.style.getPropertyValue('--btn-color-main-contrast')).toBe(`var(--shades-theme-palette-${color}-main-contrast)`);
+                expect(button.style.getPropertyValue('--btn-color-light')).toBe(`var(--shades-theme-palette-${color}-light)`);
+                expect(button.style.getPropertyValue('--btn-color-dark')).toBe(`var(--shades-theme-palette-${color}-dark)`);
+                expect(button.style.getPropertyValue('--btn-color-dark-contrast')).toBe(`var(--shades-theme-palette-${color}-dark-contrast)`);
+            });
+        });
+        it('should set default color CSS custom properties when no color is specified', async () => {
+            const { button } = await renderButton();
+            expect(button.style.getPropertyValue('--btn-color-main')).toBe('var(--shades-theme-text-secondary)');
+            expect(button.style.getPropertyValue('--btn-color-main-contrast')).toBe('var(--shades-theme-background-default)');
+            expect(button.style.getPropertyValue('--btn-color-light')).toBe('var(--shades-theme-text-primary)');
+            expect(button.style.getPropertyValue('--btn-color-dark')).toBe('var(--shades-theme-button-disabled-background)');
+            expect(button.style.getPropertyValue('--btn-color-dark-contrast')).toBe('var(--shades-theme-text-primary)');
+        });
+    });
+    describe('variant and color combinations', () => {
+        it('should apply both contained variant and primary color', async () => {
+            const { button } = await renderButton({ variant: 'contained', color: 'primary' });
+            expect(button.getAttribute('data-variant')).toBe('contained');
+            expect(button.style.getPropertyValue('--btn-color-main')).toBe('var(--shades-theme-palette-primary-main)');
+        });
+        it('should apply both outlined variant and error color', async () => {
+            const { button } = await renderButton({ variant: 'outlined', color: 'error' });
+            expect(button.getAttribute('data-variant')).toBe('outlined');
+            expect(button.style.getPropertyValue('--btn-color-main')).toBe('var(--shades-theme-palette-error-main)');
+        });
+    });
+    describe('disabled state', () => {
+        it('should be enabled by default', async () => {
+            const { button } = await renderButton();
+            expect(button.disabled).toBe(false);
+        });
+        it('should be disabled when disabled prop is set', async () => {
+            const { button } = await renderButton({ disabled: true });
+            expect(button.disabled).toBe(true);
+        });
+    });
+    describe('custom styles', () => {
+        it('should apply custom styles from style prop', async () => {
+            const { button } = await renderButton({
+                style: { margin: '20px', padding: '15px' },
+            });
+            expect(button.style.margin).toBe('20px');
+            expect(button.style.padding).toBe('15px');
+        });
+        it('should merge custom styles with component defaults', async () => {
+            const { button } = await renderButton({
+                color: 'primary',
+                style: { fontSize: '18px' },
+            });
+            expect(button.style.fontSize).toBe('18px');
+            expect(button.style.getPropertyValue('--btn-color-main')).toBe('var(--shades-theme-palette-primary-main)');
+        });
+    });
+    describe('event handling', () => {
+        it('should trigger onclick handler when clicked', async () => {
+            const handleClick = vi.fn();
+            const { button } = await renderButton({ onclick: handleClick });
+            button.click();
+            expect(handleClick).toHaveBeenCalledTimes(1);
+        });
+        it('should not trigger onclick when disabled', async () => {
+            const handleClick = vi.fn();
+            const { button } = await renderButton({ onclick: handleClick, disabled: true });
+            button.click();
+            expect(handleClick).not.toHaveBeenCalled();
+        });
+    });
+    describe('HTML button attributes', () => {
+        it('should support type attribute', async () => {
+            const { button } = await renderButton({ type: 'submit' });
+            expect(button.type).toBe('submit');
+        });
+        it('should support name attribute', async () => {
+            const { button } = await renderButton({ name: 'my-button' });
+            expect(button.name).toBe('my-button');
+        });
+    });
+});
+//# sourceMappingURL=button.spec.js.map

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

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

package/esm/components/command-palette/command-palette-input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"command-palette-input.d.ts","sourceRoot":"","sources":["../../../src/components/command-palette/command-palette-input.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAA;AAwBzE,eAAO,MAAM,mBAAmB;aAAoB,qBAAqB;;;sEA8BvE,CAAA"}
+{"version":3,"file":"command-palette-input.d.ts","sourceRoot":"","sources":["../../../src/components/command-palette/command-palette-input.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAA;AAwBzE,eAAO,MAAM,mBAAmB;aAAoB,qBAAqB;;;sEA2BvE,CAAA"}

package/esm/components/command-palette/command-palette-input.js

@@ -1,5 +1,5 @@
 import { Shade, createComponent } from '@furystack/shades';
-import { ThemeProviderService } from '../../services/theme-provider-service.js';
+import { cssVariableTheme } from '../../services/css-variable-theme.js';
 import { promisifyAnimation } from '../../utils/promisify-animation.js';
 const updateComponent = async (element, isOpened) => {
     const input = element.firstChild;
@@ -25,26 +25,28 @@ const updateComponent = async (element, isOpened) => {
 };
 export const CommandPaletteInput = Shade({
     shadowDomName: 'shades-command-palette-input',
-    render: ({ element, props, injector, useObservable }) => {
-        const { theme } = injector.getInstance(ThemeProviderService);
+    css: {
+        overflow: 'hidden',
+        '& input': {
+            color: cssVariableTheme.text.primary,
+            outline: 'none',
+            padding: '0.875em 0.5em',
+            background: 'transparent',
+            border: 'none',
+            display: 'inline-flex',
+            width: 'calc(100% - 1em)',
+            fontSize: '0.95em',
+            fontWeight: '400',
+            letterSpacing: '0.01em',
+        },
+    },
+    render: ({ element, props, useObservable }) => {
         const { manager } = props;
         const [isCurrentlyOpened] = useObservable('isOpened', manager.isOpened, {
             onChange: (newValue) => void updateComponent(element, newValue),
         });
         element.style.width = isCurrentlyOpened ? '100%' : '0%';
-        element.style.overflow = 'hidden';
-        return (createComponent("input", { autofocus: true, placeholder: "Type to search commands...", style: {
-                color: theme.text.primary,
-                outline: 'none',
-                padding: '0.875em 0.5em',
-                background: 'transparent',
-                border: 'none',
-                display: 'inline-flex',
-                width: 'calc(100% - 1em)',
-                fontSize: '0.95em',
-                fontWeight: '400',
-                letterSpacing: '0.01em',
-            } }));
+        return createComponent("input", { autofocus: true, placeholder: "Type to search commands..." });
     },
 });
 //# sourceMappingURL=command-palette-input.js.map

package/esm/components/command-palette/command-palette-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"command-palette-input.js","sourceRoot":"","sources":["../../../src/components/command-palette/command-palette-input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAC1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,0CAA0C,CAAA;AAC/E,OAAO,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAA;AAGvE,MAAM,eAAe,GAAG,KAAK,EAAE,OAAoB,EAAE,QAAiB,EAAE,EAAE;IACxE,MAAM,KAAK,GAAG,OAAO,CAAC,UAAqC,CAAA;IAC3D,IAAI,KAAK,EAAE,CAAC;QACV,IAAI,QAAQ,EAAE,CAAC;YACb,KAAK,CAAC,KAAK,GAAG,EAAE,CAAA;YAChB,MAAM,kBAAkB,CAAC,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,EAAE;gBACtE,QAAQ,EAAE,GAAG;gBACb,IAAI,EAAE,UAAU;gBAChB,MAAM,EAAE,0CAA0C;aACnD,CAAC,CAAA;YACF,KAAK,CAAC,KAAK,EAAE,CAAA;QACf,CAAC;aAAM,CAAC;YACN,MAAM,kBAAkB,CAAC,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,EAAE;gBACtE,QAAQ,EAAE,GAAG;gBACb,IAAI,EAAE,UAAU;gBAChB,MAAM,EAAE,0CAA0C;aACnD,CAAC,CAAA;YACF,KAAK,CAAC,KAAK,GAAG,EAAE,CAAA;QAClB,CAAC;IACH,CAAC;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,mBAAmB,GAAG,KAAK,CAAqC;IAC3E,aAAa,EAAE,8BAA8B;IAC7C,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAE,EAAE,EAAE;QACtD,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,CAAC,WAAW,CAAC,oBAAoB,CAAC,CAAA;QAC5D,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAA;QAEzB,MAAM,CAAC,iBAAiB,CAAC,GAAG,aAAa,CAAC,UAAU,EAAE,OAAO,CAAC,QAAQ,EAAE;YACtE,QAAQ,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,KAAK,eAAe,CAAC,OAAO,EAAE,QAAQ,CAAC;SAChE,CAAC,CAAA;QACF,OAAO,CAAC,KAAK,CAAC,KAAK,GAAG,iBAAiB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAA;QACvD,OAAO,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAA;QACjC,OAAO,CACL,2BACE,SAAS,QACT,WAAW,EAAC,4BAA4B,EACxC,KAAK,EAAE;gBACL,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,OAAO;gBACzB,OAAO,EAAE,MAAM;gBACf,OAAO,EAAE,eAAe;gBACxB,UAAU,EAAE,aAAa;gBACzB,MAAM,EAAE,MAAM;gBACd,OAAO,EAAE,aAAa;gBACtB,KAAK,EAAE,kBAAkB;gBACzB,QAAQ,EAAE,QAAQ;gBAClB,UAAU,EAAE,KAAK;gBACjB,aAAa,EAAE,QAAQ;aACxB,GACD,CACH,CAAA;IACH,CAAC;CACF,CAAC,CAAA"}
+{"version":3,"file":"command-palette-input.js","sourceRoot":"","sources":["../../../src/components/command-palette/command-palette-input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAC1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAA;AACvE,OAAO,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAA;AAGvE,MAAM,eAAe,GAAG,KAAK,EAAE,OAAoB,EAAE,QAAiB,EAAE,EAAE;IACxE,MAAM,KAAK,GAAG,OAAO,CAAC,UAAqC,CAAA;IAC3D,IAAI,KAAK,EAAE,CAAC;QACV,IAAI,QAAQ,EAAE,CAAC;YACb,KAAK,CAAC,KAAK,GAAG,EAAE,CAAA;YAChB,MAAM,kBAAkB,CAAC,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,EAAE;gBACtE,QAAQ,EAAE,GAAG;gBACb,IAAI,EAAE,UAAU;gBAChB,MAAM,EAAE,0CAA0C;aACnD,CAAC,CAAA;YACF,KAAK,CAAC,KAAK,EAAE,CAAA;QACf,CAAC;aAAM,CAAC;YACN,MAAM,kBAAkB,CAAC,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,EAAE;gBACtE,QAAQ,EAAE,GAAG;gBACb,IAAI,EAAE,UAAU;gBAChB,MAAM,EAAE,0CAA0C;aACnD,CAAC,CAAA;YACF,KAAK,CAAC,KAAK,GAAG,EAAE,CAAA;QAClB,CAAC;IACH,CAAC;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,mBAAmB,GAAG,KAAK,CAAqC;IAC3E,aAAa,EAAE,8BAA8B;IAC7C,GAAG,EAAE;QACH,QAAQ,EAAE,QAAQ;QAClB,SAAS,EAAE;YACT,KAAK,EAAE,gBAAgB,CAAC,IAAI,CAAC,OAAO;YACpC,OAAO,EAAE,MAAM;YACf,OAAO,EAAE,eAAe;YACxB,UAAU,EAAE,aAAa;YACzB,MAAM,EAAE,MAAM;YACd,OAAO,EAAE,aAAa;YACtB,KAAK,EAAE,kBAAkB;YACzB,QAAQ,EAAE,QAAQ;YAClB,UAAU,EAAE,KAAK;YACjB,aAAa,EAAE,QAAQ;SACxB;KACF;IACD,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE,EAAE;QAC5C,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAA;QAEzB,MAAM,CAAC,iBAAiB,CAAC,GAAG,aAAa,CAAC,UAAU,EAAE,OAAO,CAAC,QAAQ,EAAE;YACtE,QAAQ,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,KAAK,eAAe,CAAC,OAAO,EAAE,QAAQ,CAAC;SAChE,CAAC,CAAA;QACF,OAAO,CAAC,KAAK,CAAC,KAAK,GAAG,iBAAiB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAA;QAEvD,OAAO,2BAAO,SAAS,QAAC,WAAW,EAAC,4BAA4B,GAAG,CAAA;IACrE,CAAC;CACF,CAAC,CAAA"}

package/esm/components/command-palette/command-palette-input.spec.d.ts

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

package/esm/components/command-palette/command-palette-input.spec.d.ts.map

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