@furystack/shades-common-components 11.0.0 → 12.0.1

package/esm/components/accordion/accordion.js

@@ -0,0 +1,39 @@
+import { Shade, createComponent } from '@furystack/shades';
+import { cssVariableTheme } from '../../services/css-variable-theme.js';
+/**
+ * A container component that groups AccordionItem children with consistent styling.
+ *
+ * Provides a bordered or elevated surface with rounded corners. Use it to wrap
+ * multiple AccordionItem components into a visually cohesive group.
+ *
+ * @example
+ * ```tsx
+ * <Accordion>
+ *   <AccordionItem title="Section 1">Content 1</AccordionItem>
+ *   <AccordionItem title="Section 2">Content 2</AccordionItem>
+ * </Accordion>
+ * ```
+ */
+export const Accordion = Shade({
+    shadowDomName: 'shade-accordion',
+    css: {
+        display: 'flex',
+        flexDirection: 'column',
+        borderRadius: cssVariableTheme.shape.borderRadius.md,
+        overflow: 'hidden',
+        '&[data-variant="outlined"], &:not([data-variant])': {
+            border: `1px solid color-mix(in srgb, ${cssVariableTheme.text.secondary} 20%, transparent)`,
+        },
+        '&[data-variant="elevation"]': {
+            boxShadow: cssVariableTheme.shadows.md,
+            background: cssVariableTheme.background.paper,
+        },
+    },
+    render: ({ props, useHostProps, children }) => {
+        useHostProps({
+            'data-variant': props.variant || undefined,
+        });
+        return createComponent(createComponent, null, children);
+    },
+});
+//# sourceMappingURL=accordion.js.map

package/esm/components/accordion/accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.js","sourceRoot":"","sources":["../../../src/components/accordion/accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAC1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAA;AAUvE;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,KAAK,CAAiB;IAC7C,aAAa,EAAE,iBAAiB;IAChC,GAAG,EAAE;QACH,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;QACvB,YAAY,EAAE,gBAAgB,CAAC,KAAK,CAAC,YAAY,CAAC,EAAE;QACpD,QAAQ,EAAE,QAAQ;QAElB,mDAAmD,EAAE;YACnD,MAAM,EAAE,gCAAgC,gBAAgB,CAAC,IAAI,CAAC,SAAS,oBAAoB;SAC5F;QAED,6BAA6B,EAAE;YAC7B,SAAS,EAAE,gBAAgB,CAAC,OAAO,CAAC,EAAE;YACtC,UAAU,EAAE,gBAAgB,CAAC,UAAU,CAAC,KAAK;SAC9C;KACF;IACD,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,EAAE,EAAE;QAC5C,YAAY,CAAC;YACX,cAAc,EAAE,KAAK,CAAC,OAAO,IAAI,SAAS;SAC3C,CAAC,CAAA;QAEF,OAAO,uCAAG,QAAQ,CAAI,CAAA;IACxB,CAAC;CACF,CAAC,CAAA"}

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

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

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

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

package/esm/components/accordion/accordion.spec.js

@@ -0,0 +1,284 @@
+import { createComponent, flushUpdates } from '@furystack/shades';
+import { describe, expect, it, vi } from 'vitest';
+import { AccordionItem } from './accordion-item.js';
+import { Accordion } from './accordion.js';
+describe('Accordion', () => {
+    it('should be defined', () => {
+        expect(Accordion).toBeDefined();
+        expect(typeof Accordion).toBe('function');
+    });
+    it('should create an accordion element', () => {
+        const el = (createComponent(Accordion, null));
+        expect(el).toBeDefined();
+        expect(el.tagName?.toLowerCase()).toBe('shade-accordion');
+    });
+    it('should render children', async () => {
+        const el = (createComponent("div", null,
+            createComponent(Accordion, null,
+                createComponent("span", null, "child content"))));
+        const accordion = el.firstElementChild;
+        accordion.updateComponent();
+        await flushUpdates();
+        expect(accordion.querySelector('span')).not.toBeNull();
+    });
+    it('should set data-variant attribute when variant is provided', async () => {
+        const el = (createComponent("div", null,
+            createComponent(Accordion, { variant: "elevation" })));
+        const accordion = el.firstElementChild;
+        accordion.updateComponent();
+        await flushUpdates();
+        expect(accordion.getAttribute('data-variant')).toBe('elevation');
+    });
+    it('should not set data-variant attribute for outlined (default)', async () => {
+        const el = (createComponent("div", null,
+            createComponent(Accordion, null)));
+        const accordion = el.firstElementChild;
+        accordion.updateComponent();
+        await flushUpdates();
+        expect(accordion.hasAttribute('data-variant')).toBe(false);
+    });
+});
+describe('AccordionItem', () => {
+    it('should be defined', () => {
+        expect(AccordionItem).toBeDefined();
+        expect(typeof AccordionItem).toBe('function');
+    });
+    it('should create an accordion-item element', () => {
+        const el = (createComponent(AccordionItem, { title: "Test" }));
+        expect(el).toBeDefined();
+        expect(el.tagName?.toLowerCase()).toBe('shade-accordion-item');
+    });
+    it('should render the title text in the header', async () => {
+        const el = (createComponent("div", null,
+            createComponent(AccordionItem, { title: "My Section" },
+                createComponent("p", null, "Content"))));
+        const item = el.firstElementChild;
+        item.updateComponent();
+        await flushUpdates();
+        const title = item.querySelector('.accordion-title');
+        expect(title).not.toBeNull();
+        expect(title.textContent).toBe('My Section');
+    });
+    it('should render children in the content area', async () => {
+        const el = (createComponent("div", null,
+            createComponent(AccordionItem, { title: "Section" },
+                createComponent("p", null, "Inner content"))));
+        const item = el.firstElementChild;
+        item.updateComponent();
+        await flushUpdates();
+        const inner = item.querySelector('.accordion-content-inner');
+        expect(inner).not.toBeNull();
+        expect(inner.querySelector('p')).not.toBeNull();
+    });
+    it('should not set data-expanded when defaultExpanded is not set', async () => {
+        const el = (createComponent("div", null,
+            createComponent(AccordionItem, { title: "Collapsed" })));
+        const item = el.firstElementChild;
+        item.updateComponent();
+        await flushUpdates();
+        expect(item.hasAttribute('data-expanded')).toBe(false);
+    });
+    it('should set data-expanded when defaultExpanded is true', async () => {
+        const el = (createComponent("div", null,
+            createComponent(AccordionItem, { title: "Expanded", defaultExpanded: true })));
+        const item = el.firstElementChild;
+        item.updateComponent();
+        await flushUpdates();
+        expect(item.hasAttribute('data-expanded')).toBe(true);
+    });
+    it('should set data-disabled when disabled is true', async () => {
+        const el = (createComponent("div", null,
+            createComponent(AccordionItem, { title: "Disabled", disabled: true })));
+        const item = el.firstElementChild;
+        item.updateComponent();
+        await flushUpdates();
+        expect(item.hasAttribute('data-disabled')).toBe(true);
+    });
+    it('should not set data-disabled when disabled is false', async () => {
+        const el = (createComponent("div", null,
+            createComponent(AccordionItem, { title: "Enabled" })));
+        const item = el.firstElementChild;
+        item.updateComponent();
+        await flushUpdates();
+        expect(item.hasAttribute('data-disabled')).toBe(false);
+    });
+    it('should render the icon when provided', async () => {
+        const el = (createComponent("div", null,
+            createComponent(AccordionItem, { title: "With Icon", icon: "\uD83D\uDD27" })));
+        const item = el.firstElementChild;
+        item.updateComponent();
+        await flushUpdates();
+        const icon = item.querySelector('.accordion-icon');
+        expect(icon).not.toBeNull();
+        expect(icon.textContent).toBe('🔧');
+    });
+    it('should not render the icon when not provided', async () => {
+        const el = (createComponent("div", null,
+            createComponent(AccordionItem, { title: "No Icon" })));
+        const item = el.firstElementChild;
+        item.updateComponent();
+        await flushUpdates();
+        expect(item.querySelector('.accordion-icon')).toBeNull();
+    });
+    it('should render the chevron', async () => {
+        const el = (createComponent("div", null,
+            createComponent(AccordionItem, { title: "Has Chevron" })));
+        const item = el.firstElementChild;
+        item.updateComponent();
+        await flushUpdates();
+        const chevron = item.querySelector('.accordion-chevron');
+        expect(chevron).not.toBeNull();
+        expect(chevron.querySelector('shade-icon')).not.toBeNull();
+    });
+    it('should set aria-expanded to false when collapsed', async () => {
+        const el = (createComponent("div", null,
+            createComponent(AccordionItem, { title: "Collapsed" })));
+        const item = el.firstElementChild;
+        item.updateComponent();
+        await flushUpdates();
+        const header = item.querySelector('.accordion-header');
+        expect(header.getAttribute('aria-expanded')).toBe('false');
+    });
+    it('should set aria-expanded to true when expanded', async () => {
+        const el = (createComponent("div", null,
+            createComponent(AccordionItem, { title: "Expanded", defaultExpanded: true })));
+        const item = el.firstElementChild;
+        item.updateComponent();
+        await flushUpdates();
+        const header = item.querySelector('.accordion-header');
+        expect(header.getAttribute('aria-expanded')).toBe('true');
+    });
+    it('should set content height to 0px when collapsed', async () => {
+        const el = (createComponent("div", null,
+            createComponent(AccordionItem, { title: "Collapsed" })));
+        const item = el.firstElementChild;
+        item.updateComponent();
+        await flushUpdates();
+        const content = item.querySelector('.accordion-content');
+        expect(content.style.height).toBe('0px');
+        expect(content.style.opacity).toBe('0');
+    });
+    it('should not set content height to 0px when expanded', async () => {
+        const el = (createComponent("div", null,
+            createComponent(AccordionItem, { title: "Expanded", defaultExpanded: true })));
+        const item = el.firstElementChild;
+        item.updateComponent();
+        await flushUpdates();
+        const content = item.querySelector('.accordion-content');
+        expect(content.style.height).not.toBe('0px');
+    });
+    it('should have a role="button" on the header', async () => {
+        const el = (createComponent("div", null,
+            createComponent(AccordionItem, { title: "Test" })));
+        const item = el.firstElementChild;
+        item.updateComponent();
+        await flushUpdates();
+        const header = item.querySelector('.accordion-header');
+        expect(header.getAttribute('role')).toBe('button');
+    });
+    it('should set tabIndex on the header when not disabled', async () => {
+        const el = (createComponent("div", null,
+            createComponent(AccordionItem, { title: "Test" })));
+        const item = el.firstElementChild;
+        item.updateComponent();
+        await flushUpdates();
+        const header = item.querySelector('.accordion-header');
+        expect(header.tabIndex).toBe(0);
+    });
+    it('should set tabIndex to -1 on the header when disabled', async () => {
+        const el = (createComponent("div", null,
+            createComponent(AccordionItem, { title: "Test", disabled: true })));
+        const item = el.firstElementChild;
+        item.updateComponent();
+        await flushUpdates();
+        const header = item.querySelector('.accordion-header');
+        expect(header.tabIndex).toBe(-1);
+    });
+    it('should toggle data-expanded on header click', async () => {
+        const mockAnimation = { finished: Promise.resolve() };
+        Element.prototype.animate = vi.fn().mockReturnValue(mockAnimation);
+        const el = (createComponent("div", null,
+            createComponent(AccordionItem, { title: "Toggleable" },
+                createComponent("p", null, "Content"))));
+        const item = el.firstElementChild;
+        item.updateComponent();
+        await flushUpdates();
+        expect(item.hasAttribute('data-expanded')).toBe(false);
+        const header = item.querySelector('.accordion-header');
+        header.click();
+        await flushUpdates();
+        // The attribute is set synchronously before the animation awaits
+        expect(item.hasAttribute('data-expanded')).toBe(true);
+    });
+    it('should toggle data-expanded back on second click', async () => {
+        const mockAnimation = { finished: Promise.resolve() };
+        Element.prototype.animate = vi.fn().mockReturnValue(mockAnimation);
+        const el = (createComponent("div", null,
+            createComponent(AccordionItem, { title: "Toggleable", defaultExpanded: true },
+                createComponent("p", null, "Content"))));
+        const item = el.firstElementChild;
+        item.updateComponent();
+        await flushUpdates();
+        expect(item.hasAttribute('data-expanded')).toBe(true);
+        const header = item.querySelector('.accordion-header');
+        header.click();
+        await flushUpdates();
+        // The attribute is removed synchronously before the animation awaits
+        expect(item.hasAttribute('data-expanded')).toBe(false);
+    });
+    it('should toggle on Enter keydown', async () => {
+        const mockAnimation = { finished: Promise.resolve() };
+        Element.prototype.animate = vi.fn().mockReturnValue(mockAnimation);
+        const el = (createComponent("div", null,
+            createComponent(AccordionItem, { title: "Keyboard Toggle" },
+                createComponent("p", null, "Content"))));
+        const item = el.firstElementChild;
+        item.updateComponent();
+        await flushUpdates();
+        expect(item.hasAttribute('data-expanded')).toBe(false);
+        const header = item.querySelector('.accordion-header');
+        header.dispatchEvent(new KeyboardEvent('keydown', { key: 'Enter', bubbles: true }));
+        await flushUpdates();
+        expect(item.hasAttribute('data-expanded')).toBe(true);
+    });
+    it('should toggle on Space keydown', async () => {
+        const mockAnimation = { finished: Promise.resolve() };
+        Element.prototype.animate = vi.fn().mockReturnValue(mockAnimation);
+        const el = (createComponent("div", null,
+            createComponent(AccordionItem, { title: "Space Toggle" },
+                createComponent("p", null, "Content"))));
+        const item = el.firstElementChild;
+        item.updateComponent();
+        await flushUpdates();
+        expect(item.hasAttribute('data-expanded')).toBe(false);
+        const header = item.querySelector('.accordion-header');
+        header.dispatchEvent(new KeyboardEvent('keydown', { key: ' ', bubbles: true }));
+        await flushUpdates();
+        expect(item.hasAttribute('data-expanded')).toBe(true);
+    });
+    it('should not toggle on unrelated keydown', async () => {
+        const el = (createComponent("div", null,
+            createComponent(AccordionItem, { title: "No Toggle" },
+                createComponent("p", null, "Content"))));
+        const item = el.firstElementChild;
+        item.updateComponent();
+        await flushUpdates();
+        expect(item.hasAttribute('data-expanded')).toBe(false);
+        const header = item.querySelector('.accordion-header');
+        header.dispatchEvent(new KeyboardEvent('keydown', { key: 'Tab', bubbles: true }));
+        expect(item.hasAttribute('data-expanded')).toBe(false);
+    });
+    it('should not toggle when disabled', async () => {
+        const el = (createComponent("div", null,
+            createComponent(AccordionItem, { title: "Disabled", disabled: true },
+                createComponent("p", null, "Content"))));
+        const item = el.firstElementChild;
+        item.updateComponent();
+        await flushUpdates();
+        expect(item.hasAttribute('data-expanded')).toBe(false);
+        const header = item.querySelector('.accordion-header');
+        header.click();
+        expect(item.hasAttribute('data-expanded')).toBe(false);
+    });
+});
+//# sourceMappingURL=accordion.spec.js.map

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

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

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

@@ -0,0 +1,3 @@
+export { AccordionItem, type AccordionItemProps } from './accordion-item.js';
+export { Accordion, type AccordionProps } from './accordion.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/accordion/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,qBAAqB,CAAA;AAC5E,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,gBAAgB,CAAA"}

package/esm/components/accordion/index.js

@@ -0,0 +1,3 @@
+export { AccordionItem } from './accordion-item.js';
+export { Accordion } from './accordion.js';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/accordion/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAA2B,MAAM,qBAAqB,CAAA;AAC5E,OAAO,EAAE,SAAS,EAAuB,MAAM,gBAAgB,CAAA"}

package/esm/components/alert.d.ts

@@ -0,0 +1,21 @@
+import type { PartialElement } from '@furystack/shades';
+export type AlertSeverity = 'error' | 'warning' | 'info' | 'success';
+export type AlertProps = PartialElement<HTMLElement> & {
+    severity?: AlertSeverity;
+    variant?: 'filled' | 'outlined' | 'standard';
+    title?: string;
+    onClose?: (ev: MouseEvent) => void;
+    icon?: JSX.Element | string;
+};
+export declare const Alert: (props: Omit<Partial<HTMLElement>, "style"> & {
+    style?: Partial<CSSStyleDeclaration>;
+} & {
+    ref?: import("@furystack/shades").RefObject<Element>;
+} & {
+    severity?: AlertSeverity;
+    variant?: "filled" | "outlined" | "standard";
+    title?: string;
+    onClose?: (ev: MouseEvent) => void;
+    icon?: JSX.Element | string;
+}, children?: import("@furystack/shades").ChildrenList) => JSX.Element;
+//# sourceMappingURL=alert.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../src/components/alert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAavD,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAAA;AAEpE,MAAM,MAAM,UAAU,GAAG,cAAc,CAAC,WAAW,CAAC,GAAG;IACrD,QAAQ,CAAC,EAAE,aAAa,CAAA;IACxB,OAAO,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,UAAU,CAAA;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,UAAU,KAAK,IAAI,CAAA;IAClC,IAAI,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAA;CAC5B,CAAA;AAgBD,eAAO,MAAM,KAAK;;;;;eArBL,aAAa;cACd,QAAQ,GAAG,UAAU,GAAG,UAAU;YACpC,MAAM;cACJ,CAAC,EAAE,EAAE,UAAU,KAAK,IAAI;WAC3B,GAAG,CAAC,OAAO,GAAG,MAAM;sEAqK3B,CAAA"}

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":""}