@furystack/shades-common-components 10.0.35 → 12.0.0

package/esm/components/alert.js

@@ -0,0 +1,131 @@
+import { Shade, createComponent } from '@furystack/shades';
+import { buildTransition, cssVariableTheme } from '../services/css-variable-theme.js';
+import { paletteMainColors } from '../services/palette-css-vars.js';
+import { Icon } from './icons/icon.js';
+import { checkCircle, close as closeIcon, errorCircle, info as infoIcon, warning as warningIcon, } from './icons/icon-definitions.js';
+const severityColorMap = {
+    error: { ...paletteMainColors.error, light: cssVariableTheme.palette.error.light },
+    warning: { ...paletteMainColors.warning, light: cssVariableTheme.palette.warning.light },
+    info: { ...paletteMainColors.info, light: cssVariableTheme.palette.info.light },
+    success: { ...paletteMainColors.success, light: cssVariableTheme.palette.success.light },
+};
+const defaultIcons = {
+    error: (createComponent(Icon, { icon: errorCircle, size: "small" })),
+    warning: (createComponent(Icon, { icon: warningIcon, size: "small" })),
+    info: (createComponent(Icon, { icon: infoIcon, size: "small" })),
+    success: (createComponent(Icon, { icon: checkCircle, size: "small" })),
+};
+export const Alert = Shade({
+    shadowDomName: 'shade-alert',
+    css: {
+        display: 'flex',
+        alignItems: 'flex-start',
+        gap: cssVariableTheme.spacing.md,
+        padding: `${cssVariableTheme.spacing.md} ${cssVariableTheme.spacing.lg}`,
+        fontFamily: cssVariableTheme.typography.fontFamily,
+        fontSize: cssVariableTheme.typography.fontSize.sm,
+        lineHeight: '1.5',
+        borderRadius: cssVariableTheme.shape.borderRadius.md,
+        boxSizing: 'border-box',
+        transition: buildTransition(['background', cssVariableTheme.transitions.duration.fast, cssVariableTheme.transitions.easing.default], ['color', cssVariableTheme.transitions.duration.fast, cssVariableTheme.transitions.easing.default], ['box-shadow', cssVariableTheme.transitions.duration.fast, cssVariableTheme.transitions.easing.default]),
+        // ==========================================
+        // STANDARD VARIANT (default)
+        // ==========================================
+        '&:not([data-variant]), &[data-variant="standard"]': {
+            background: 'color-mix(in srgb, var(--alert-color-main) 12%, transparent)',
+            color: 'var(--alert-color-main)',
+        },
+        // ==========================================
+        // FILLED VARIANT
+        // ==========================================
+        '&[data-variant="filled"]': {
+            background: 'var(--alert-color-main)',
+            color: 'var(--alert-color-main-contrast)',
+        },
+        // ==========================================
+        // OUTLINED VARIANT
+        // ==========================================
+        '&[data-variant="outlined"]': {
+            background: 'transparent',
+            color: 'var(--alert-color-main)',
+            boxShadow: '0px 0px 0px 1px var(--alert-color-main)',
+        },
+        // ==========================================
+        // ICON
+        // ==========================================
+        '& .alert-icon': {
+            display: 'flex',
+            alignItems: 'center',
+            fontSize: '20px',
+            lineHeight: '1',
+            flexShrink: '0',
+            paddingTop: '1px',
+        },
+        // ==========================================
+        // CONTENT
+        // ==========================================
+        '& .alert-content': {
+            flex: '1',
+            minWidth: '0',
+        },
+        '& .alert-title': {
+            fontWeight: cssVariableTheme.typography.fontWeight.semibold,
+            marginBottom: cssVariableTheme.spacing.xs,
+        },
+        '& .alert-message': {
+            opacity: '0.9',
+        },
+        // ==========================================
+        // CLOSE BUTTON
+        // ==========================================
+        '& .alert-close': {
+            display: 'inline-flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+            cursor: 'pointer',
+            borderRadius: cssVariableTheme.shape.borderRadius.full,
+            border: 'none',
+            background: 'transparent',
+            color: 'inherit',
+            padding: '4px',
+            marginTop: '-2px',
+            marginRight: `-${cssVariableTheme.spacing.sm}`,
+            fontSize: '14px',
+            lineHeight: '1',
+            opacity: '0.7',
+            flexShrink: '0',
+            transition: buildTransition(['opacity', cssVariableTheme.transitions.duration.fast, cssVariableTheme.transitions.easing.default], ['background', cssVariableTheme.transitions.duration.fast, cssVariableTheme.transitions.easing.default]),
+        },
+        '& .alert-close:hover': {
+            opacity: '1',
+            background: 'color-mix(in srgb, currentColor 15%, transparent)',
+        },
+    },
+    render: ({ props, children, useHostProps }) => {
+        const { severity = 'info', variant, title, onClose, icon, style } = props;
+        const colors = severityColorMap[severity];
+        useHostProps({
+            'data-variant': variant || undefined,
+            'data-severity': severity,
+            role: 'alert',
+            style: {
+                '--alert-color-main': colors.main,
+                '--alert-color-main-contrast': colors.mainContrast,
+                '--alert-color-light': colors.light,
+                ...style,
+            },
+        });
+        const displayIcon = icon ?? defaultIcons[severity];
+        return (createComponent(createComponent, null,
+            createComponent("span", { className: "alert-icon" }, displayIcon),
+            createComponent("div", { className: "alert-content" },
+                title ? createComponent("div", { className: "alert-title" }, title) : null,
+                createComponent("div", { className: "alert-message" }, children)),
+            onClose ? (createComponent("span", { className: "alert-close", role: "button", onclick: (ev) => {
+                    ev.stopPropagation();
+                    onClose(ev);
+                } },
+                createComponent(Icon, { icon: closeIcon, size: "small" }))) : null));
+    },
+});
+//# sourceMappingURL=alert.js.map

package/esm/components/alert.js.map

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

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

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

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

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

package/esm/components/alert.spec.js

@@ -0,0 +1,177 @@
+import { createComponent } from '@furystack/shades';
+import { flushUpdates } from '@furystack/shades';
+import { describe, expect, it, vi } from 'vitest';
+import { Alert } from './alert.js';
+describe('Alert', () => {
+    it('should be defined', () => {
+        expect(Alert).toBeDefined();
+        expect(typeof Alert).toBe('function');
+    });
+    it('should create an alert element with default props', () => {
+        const el = (createComponent(Alert, null, "Test message"));
+        expect(el).toBeDefined();
+        expect(el.tagName?.toLowerCase()).toBe('shade-alert');
+    });
+    it('should set severity to info by default', async () => {
+        const el = (createComponent("div", null,
+            createComponent(Alert, null, "Info message")));
+        const alert = el.firstElementChild;
+        alert.updateComponent();
+        await flushUpdates();
+        expect(alert.getAttribute('data-severity')).toBe('info');
+    });
+    it('should set data-severity attribute for each severity', async () => {
+        const severities = ['error', 'warning', 'info', 'success'];
+        for (const severity of severities) {
+            const el = (createComponent("div", null,
+                createComponent(Alert, { severity: severity }, "Message")));
+            const alert = el.firstElementChild;
+            alert.updateComponent();
+            await flushUpdates();
+            expect(alert.getAttribute('data-severity')).toBe(severity);
+        }
+    });
+    it('should set data-variant attribute when variant is provided', async () => {
+        const variants = ['filled', 'outlined', 'standard'];
+        for (const variant of variants) {
+            const el = (createComponent("div", null,
+                createComponent(Alert, { variant: variant }, "Message")));
+            const alert = el.firstElementChild;
+            alert.updateComponent();
+            await flushUpdates();
+            expect(alert.getAttribute('data-variant')).toBe(variant);
+        }
+    });
+    it('should not set data-variant attribute when variant is not provided', async () => {
+        const el = (createComponent("div", null,
+            createComponent(Alert, null, "Message")));
+        const alert = el.firstElementChild;
+        alert.updateComponent();
+        await flushUpdates();
+        expect(alert.hasAttribute('data-variant')).toBe(false);
+    });
+    it('should set role="alert" on the element', async () => {
+        const el = (createComponent("div", null,
+            createComponent(Alert, null, "Message")));
+        const alert = el.firstElementChild;
+        alert.updateComponent();
+        await flushUpdates();
+        expect(alert.getAttribute('role')).toBe('alert');
+    });
+    it('should render a title when title prop is provided', async () => {
+        const el = (createComponent("div", null,
+            createComponent(Alert, { title: "Error Title", severity: "error" }, "Details here")));
+        const alert = el.firstElementChild;
+        alert.updateComponent();
+        await flushUpdates();
+        const titleEl = alert.querySelector('.alert-title');
+        expect(titleEl).not.toBeNull();
+        expect(titleEl?.textContent).toBe('Error Title');
+    });
+    it('should not render a title when title prop is not provided', async () => {
+        const el = (createComponent("div", null,
+            createComponent(Alert, { severity: "info" }, "Just a message")));
+        const alert = el.firstElementChild;
+        alert.updateComponent();
+        await flushUpdates();
+        const titleEl = alert.querySelector('.alert-title');
+        expect(titleEl).toBeNull();
+    });
+    it('should render a close button when onClose is provided', async () => {
+        const onClose = vi.fn();
+        const el = (createComponent("div", null,
+            createComponent(Alert, { onClose: onClose }, "Closeable")));
+        const alert = el.firstElementChild;
+        alert.updateComponent();
+        await flushUpdates();
+        const closeBtn = alert.querySelector('.alert-close');
+        expect(closeBtn).not.toBeNull();
+    });
+    it('should not render a close button when onClose is not provided', async () => {
+        const el = (createComponent("div", null,
+            createComponent(Alert, null, "Not closeable")));
+        const alert = el.firstElementChild;
+        alert.updateComponent();
+        await flushUpdates();
+        const closeBtn = alert.querySelector('.alert-close');
+        expect(closeBtn).toBeNull();
+    });
+    it('should call onClose when close button is clicked', async () => {
+        const onClose = vi.fn();
+        const el = (createComponent("div", null,
+            createComponent(Alert, { onClose: onClose }, "Closeable")));
+        const alert = el.firstElementChild;
+        alert.updateComponent();
+        await flushUpdates();
+        const closeBtn = alert.querySelector('.alert-close');
+        closeBtn.click();
+        expect(onClose).toHaveBeenCalledOnce();
+    });
+    it('should stop propagation when close button is clicked', async () => {
+        const onClose = vi.fn();
+        const onAlertClick = vi.fn();
+        const el = (createComponent("div", null,
+            createComponent(Alert, { onClose: onClose, onclick: onAlertClick }, "Closeable")));
+        const alert = el.firstElementChild;
+        alert.updateComponent();
+        await flushUpdates();
+        const closeBtn = alert.querySelector('.alert-close');
+        closeBtn.click();
+        expect(onClose).toHaveBeenCalledOnce();
+        expect(onAlertClick).not.toHaveBeenCalled();
+    });
+    it('should render the default icon for the severity', async () => {
+        const el = (createComponent("div", null,
+            createComponent(Alert, { severity: "error" }, "Error")));
+        const alert = el.firstElementChild;
+        alert.updateComponent();
+        await flushUpdates();
+        const iconEl = alert.querySelector('.alert-icon');
+        expect(iconEl).not.toBeNull();
+        expect(iconEl?.querySelector('shade-icon')).not.toBeNull();
+    });
+    it('should render a custom icon when icon prop is provided', async () => {
+        const el = (createComponent("div", null,
+            createComponent(Alert, { severity: "error", icon: "\uD83D\uDD25" }, "Error")));
+        const alert = el.firstElementChild;
+        alert.updateComponent();
+        await flushUpdates();
+        const iconEl = alert.querySelector('.alert-icon');
+        expect(iconEl).not.toBeNull();
+        expect(iconEl?.textContent).toBe('🔥');
+    });
+    it('should set CSS custom properties for severity color', async () => {
+        const el = (createComponent("div", null,
+            createComponent(Alert, { severity: "error" }, "Error")));
+        const alert = el.firstElementChild;
+        alert.updateComponent();
+        await flushUpdates();
+        expect(alert.style.getPropertyValue('--alert-color-main')).toBe('var(--shades-theme-palette-error-main)');
+    });
+    it('should set CSS custom properties for success severity', async () => {
+        const el = (createComponent("div", null,
+            createComponent(Alert, { severity: "success" }, "Success")));
+        const alert = el.firstElementChild;
+        alert.updateComponent();
+        await flushUpdates();
+        expect(alert.style.getPropertyValue('--alert-color-main')).toBe('var(--shades-theme-palette-success-main)');
+    });
+    it('should render children in the message area', async () => {
+        const el = (createComponent("div", null,
+            createComponent(Alert, null, "Alert message content")));
+        const alert = el.firstElementChild;
+        alert.updateComponent();
+        await flushUpdates();
+        const messageEl = alert.querySelector('.alert-message');
+        expect(messageEl).not.toBeNull();
+    });
+    it('should set props correctly', () => {
+        const el = (createComponent(Alert, { severity: "warning", variant: "filled", title: "Warning Title", icon: "\u26A1" }, "Warning content"));
+        const props = el.props;
+        expect(props.severity).toBe('warning');
+        expect(props.variant).toBe('filled');
+        expect(props.title).toBe('Warning Title');
+        expect(props.icon).toBe('⚡');
+    });
+});
+//# sourceMappingURL=alert.spec.js.map

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

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

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

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

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

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

package/esm/components/animations.spec.js

@@ -0,0 +1,201 @@
+import { sleepAsync } from '@furystack/utils';
+import { describe, expect, it, vi } from 'vitest';
+import { collapse, expand, fadeIn, fadeOut, hideSlide, showParallax, showSlide } from './animations.js';
+const createMockElement = (scrollHeight = 100) => {
+    const el = document.createElement('div');
+    const onfinish = vi.fn();
+    const oncancel = vi.fn();
+    const animate = vi.fn(() => {
+        const animation = {
+            onfinish,
+            oncancel,
+        };
+        void sleepAsync(10).then(() => {
+            animation.onfinish();
+        });
+        return animation;
+    });
+    Object.defineProperty(el, 'animate', { value: animate, writable: true });
+    Object.defineProperty(el, 'scrollHeight', { value: scrollHeight, writable: true });
+    return { el, animate, onfinish, oncancel };
+};
+describe('animations', () => {
+    describe('showSlide', () => {
+        it('should animate element with slide-in keyframes', async () => {
+            const { el, animate } = createMockElement();
+            await showSlide(el);
+            expect(animate).toHaveBeenCalledWith([
+                { transform: 'translate(-350px, 0)scale(0)', opacity: 0 },
+                { transform: 'translate(0, 0)scale(1)', opacity: 1 },
+            ], expect.objectContaining({
+                duration: 500,
+                easing: 'cubic-bezier(0.215, 0.610, 0.355, 1.000)',
+                fill: 'forwards',
+            }));
+        });
+        it('should merge custom options', async () => {
+            const { el, animate } = createMockElement();
+            await showSlide(el, { duration: 1000, delay: 200 });
+            expect(animate).toHaveBeenCalledWith(expect.any(Array), expect.objectContaining({
+                duration: 1000,
+                delay: 200,
+                easing: 'cubic-bezier(0.215, 0.610, 0.355, 1.000)',
+                fill: 'forwards',
+            }));
+        });
+        it('should reject when element is null', async () => {
+            await expect(showSlide(null)).rejects.toThrow('No element provided');
+        });
+        it('should reject when element is undefined', async () => {
+            await expect(showSlide(undefined)).rejects.toThrow('No element provided');
+        });
+    });
+    describe('hideSlide', () => {
+        it('should animate element with slide-out keyframes', async () => {
+            const { el, animate } = createMockElement();
+            await hideSlide(el);
+            expect(animate).toHaveBeenCalledWith([
+                { transform: 'translate(0, 0)scale(1)', opacity: 1 },
+                { transform: 'translate(-350px, 0)scale(0)', opacity: 0 },
+            ], expect.objectContaining({
+                duration: 500,
+                easing: 'cubic-bezier(0.215, 0.610, 0.355, 1.000)',
+                fill: 'forwards',
+            }));
+        });
+        it('should merge custom options', async () => {
+            const { el, animate } = createMockElement();
+            await hideSlide(el, { duration: 300 });
+            expect(animate).toHaveBeenCalledWith(expect.any(Array), expect.objectContaining({
+                duration: 300,
+            }));
+        });
+        it('should reject when element is null', async () => {
+            await expect(hideSlide(null)).rejects.toThrow('No element provided');
+        });
+    });
+    describe('fadeOut', () => {
+        it('should animate element with fade-out keyframes', async () => {
+            const { el, animate } = createMockElement();
+            await fadeOut(el);
+            expect(animate).toHaveBeenCalledWith([{ opacity: 1 }, { opacity: 0 }], expect.objectContaining({
+                duration: 500,
+                easing: 'cubic-bezier(0.165, 0.840, 0.440, 1.000)',
+            }));
+        });
+        it('should merge custom options', async () => {
+            const { el, animate } = createMockElement();
+            await fadeOut(el, { duration: 200, fill: 'both' });
+            expect(animate).toHaveBeenCalledWith(expect.any(Array), expect.objectContaining({
+                duration: 200,
+                fill: 'both',
+            }));
+        });
+        it('should reject when element is null', async () => {
+            await expect(fadeOut(null)).rejects.toThrow('No element provided');
+        });
+    });
+    describe('fadeIn', () => {
+        it('should animate element with fade-in keyframes', async () => {
+            const { el, animate } = createMockElement();
+            await fadeIn(el);
+            expect(animate).toHaveBeenCalledWith([{ opacity: 0 }, { opacity: 1 }], expect.objectContaining({
+                duration: 500,
+                easing: 'cubic-bezier(0.165, 0.840, 0.440, 1.000)',
+            }));
+        });
+        it('should merge custom options', async () => {
+            const { el, animate } = createMockElement();
+            await fadeIn(el, { duration: 800, easing: 'linear' });
+            expect(animate).toHaveBeenCalledWith(expect.any(Array), expect.objectContaining({
+                duration: 800,
+                easing: 'linear',
+            }));
+        });
+        it('should reject when element is null', async () => {
+            await expect(fadeIn(null)).rejects.toThrow('No element provided');
+        });
+    });
+    describe('showParallax', () => {
+        it('should animate element with parallax keyframes', async () => {
+            const { el, animate } = createMockElement();
+            await showParallax(el);
+            expect(animate).toHaveBeenCalledWith([
+                { transform: 'translate(50px, 0)', opacity: 0 },
+                { transform: 'translate(0, 0)', opacity: 1 },
+            ], expect.objectContaining({
+                duration: 900,
+                easing: 'cubic-bezier(0.215, 0.610, 0.355, 1.000)',
+                fill: 'forwards',
+            }));
+        });
+        it('should merge custom options', async () => {
+            const { el, animate } = createMockElement();
+            await showParallax(el, { duration: 1200 });
+            expect(animate).toHaveBeenCalledWith(expect.any(Array), expect.objectContaining({
+                duration: 1200,
+            }));
+        });
+        it('should reject when element is null', async () => {
+            await expect(showParallax(null)).rejects.toThrow('No element provided');
+        });
+    });
+    describe('collapse', () => {
+        it('should animate element with collapse keyframes using scrollHeight', async () => {
+            const { el, animate } = createMockElement(150);
+            await collapse(el);
+            expect(animate).toHaveBeenCalledWith([
+                { height: '150px', opacity: 1 },
+                { height: '0px', opacity: 0 },
+            ], expect.objectContaining({
+                duration: 500,
+                easing: 'cubic-bezier(0.215, 0.610, 0.355, 1.000)',
+                fill: 'forwards',
+            }));
+        });
+        it('should merge custom options', async () => {
+            const { el, animate } = createMockElement();
+            await collapse(el, { duration: 250 });
+            expect(animate).toHaveBeenCalledWith(expect.any(Array), expect.objectContaining({
+                duration: 250,
+            }));
+        });
+        it('should reject when element is null', async () => {
+            await expect(collapse(null)).rejects.toThrow('No element provided');
+        });
+        it('should handle zero scrollHeight', async () => {
+            const { el, animate } = createMockElement(0);
+            await collapse(el);
+            expect(animate).toHaveBeenCalledWith([
+                { height: '0px', opacity: 1 },
+                { height: '0px', opacity: 0 },
+            ], expect.any(Object));
+        });
+    });
+    describe('expand', () => {
+        it('should animate element with expand keyframes using scrollHeight', async () => {
+            const { el, animate } = createMockElement(200);
+            await expand(el);
+            expect(animate).toHaveBeenCalledWith([
+                { height: '0px', opacity: 0 },
+                { height: '200px', opacity: 1 },
+            ], expect.objectContaining({
+                duration: 500,
+                easing: 'cubic-bezier(0.215, 0.610, 0.355, 1.000)',
+                fill: 'forwards',
+            }));
+        });
+        it('should merge custom options', async () => {
+            const { el, animate } = createMockElement();
+            await expand(el, { duration: 400, fill: 'both' });
+            expect(animate).toHaveBeenCalledWith(expect.any(Array), expect.objectContaining({
+                duration: 400,
+                fill: 'both',
+            }));
+        });
+        it('should reject when element is null', async () => {
+            await expect(expand(null)).rejects.toThrow('No element provided');
+        });
+    });
+});
+//# sourceMappingURL=animations.spec.js.map

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

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

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

@@ -1,7 +1,27 @@
+import type { ChildrenList, ExtractRoutePaths, NestedRoute, NestedRouteLinkProps } from '@furystack/shades';
 import { type MatchOptions } from 'path-to-regexp';
-export declare const AppBarLink: (props: Omit<Partial<Omit<HTMLAnchorElement, "onclick">>, "style"> & {
+export type AppBarLinkProps = NestedRouteLinkProps & {
+    routingOptions?: MatchOptions;
+};
+export declare const AppBarLink: (props: {
+    href: string;
+    params?: Record<string, string>;
+} & Omit<Partial<Omit<HTMLAnchorElement, "onclick" | "href">>, "style"> & {
     style?: Partial<CSSStyleDeclaration>;
+} & {
+    ref?: import("@furystack/shades").RefObject<Element>;
 } & {
     routingOptions?: MatchOptions;
-} & Omit<Partial<HTMLElement>, "style">, children?: import("@furystack/shades").ChildrenList) => JSX.Element;
+} & Omit<Partial<HTMLElement>, "style">, children?: ChildrenList) => JSX.Element;
+/**
+ * Creates a type-safe wrapper around AppBarLink constrained to a specific route tree.
+ * The returned component has the same runtime behavior but narrows `href` to only accept
+ * valid route paths, and requires `params` when the route has parameters.
+ *
+ * @typeParam TRoutes - The route tree type (use `typeof yourRoutes`)
+ * @returns A type-safe AppBarLink component constrained to a specific route tree.
+ */
+export declare const createAppBarLink: <TRoutes extends Record<string, NestedRoute<unknown>>>() => <TPath extends ExtractRoutePaths<TRoutes>>(props: AppBarLinkProps & {
+    href: TPath;
+}, children?: ChildrenList) => JSX.Element;
 //# sourceMappingURL=app-bar-link.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"app-bar-link.d.ts","sourceRoot":"","sources":["../../src/components/app-bar-link.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAS,KAAK,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAGzD,eAAO,MAAM,UAAU;;;qBAA6C,YAAY;4GA2B9E,CAAA"}
+{"version":3,"file":"app-bar-link.d.ts","sourceRoot":"","sources":["../../src/components/app-bar-link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,iBAAiB,EAAE,WAAW,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAA;AAE3G,OAAO,EAAS,KAAK,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAGzD,MAAM,MAAM,eAAe,GAAG,oBAAoB,GAAG;IAAE,cAAc,CAAC,EAAE,YAAY,CAAA;CAAE,CAAA;AAEtF,eAAO,MAAM,UAAU;;;;;;;;qBAFiD,YAAY;gFA+BlF,CAAA;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,gBAAgB,GAAI,OAAO,SAAS,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC,OACnD,CAAC,KAAK,SAAS,iBAAiB,CAAC,OAAO,CAAC,EACvE,KAAK,EAAE,eAAe,GAAG;IAAE,IAAI,EAAE,KAAK,CAAA;CAAE,EACxC,QAAQ,CAAC,EAAE,YAAY,KACpB,GAAG,CAAC,OACV,CAAA"}