@furystack/shades-common-components 10.0.35 → 12.0.0

package/esm/components/accordion/accordion-item.js

@@ -0,0 +1,147 @@
+import { Shade, createComponent } from '@furystack/shades';
+import { buildTransition, cssVariableTheme } from '../../services/css-variable-theme.js';
+import { collapse, expand } from '../animations.js';
+import { Icon } from '../icons/icon.js';
+import { chevronDown } from '../icons/icon-definitions.js';
+/**
+ * An individual collapsible section for use within an Accordion container.
+ *
+ * Supports animated expand/collapse, keyboard accessibility, and optional icon.
+ *
+ * @example
+ * ```tsx
+ * <AccordionItem title="Section 1" defaultExpanded>
+ *   <p>Content goes here</p>
+ * </AccordionItem>
+ * ```
+ */
+export const AccordionItem = Shade({
+    shadowDomName: 'shade-accordion-item',
+    css: {
+        display: 'block',
+        fontFamily: cssVariableTheme.typography.fontFamily,
+        '&:not(:last-child)': {
+            borderBottom: `1px solid color-mix(in srgb, ${cssVariableTheme.text.secondary} 20%, transparent)`,
+        },
+        // Header
+        '& .accordion-header': {
+            display: 'flex',
+            alignItems: 'center',
+            gap: cssVariableTheme.spacing.sm,
+            padding: `${cssVariableTheme.spacing.md} ${cssVariableTheme.spacing.lg}`,
+            cursor: 'pointer',
+            userSelect: 'none',
+            backgroundColor: 'transparent',
+            border: 'none',
+            width: '100%',
+            textAlign: 'left',
+            outline: 'none',
+            color: 'inherit',
+            transition: buildTransition([
+                'background-color',
+                cssVariableTheme.transitions.duration.fast,
+                cssVariableTheme.transitions.easing.default,
+            ]),
+        },
+        '& .accordion-header:hover:not([data-disabled])': {
+            backgroundColor: `color-mix(in srgb, ${cssVariableTheme.text.secondary} 8%, transparent)`,
+        },
+        '& .accordion-header:focus-visible': {
+            boxShadow: cssVariableTheme.action.focusRing,
+        },
+        // Icon
+        '& .accordion-icon': {
+            display: 'inline-flex',
+            alignItems: 'center',
+            flexShrink: '0',
+            fontSize: '1.2em',
+        },
+        // Title
+        '& .accordion-title': {
+            flex: '1',
+            fontSize: cssVariableTheme.typography.fontSize.md,
+            fontWeight: cssVariableTheme.typography.fontWeight.medium,
+            color: cssVariableTheme.text.primary,
+        },
+        // Chevron
+        '& .accordion-chevron': {
+            display: 'inline-flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+            flexShrink: '0',
+            fontSize: '1.2em',
+            color: cssVariableTheme.text.secondary,
+            transform: 'rotate(-90deg)',
+            transition: buildTransition([
+                'transform',
+                cssVariableTheme.transitions.duration.fast,
+                cssVariableTheme.transitions.easing.default,
+            ]),
+        },
+        '&[data-expanded] .accordion-chevron': {
+            transform: 'rotate(0deg)',
+        },
+        // Content wrapper (animated)
+        '& .accordion-content': {
+            overflow: 'hidden',
+        },
+        // Content inner (provides padding)
+        '& .accordion-content-inner': {
+            padding: `0 ${cssVariableTheme.spacing.lg} ${cssVariableTheme.spacing.lg}`,
+        },
+        // Disabled state
+        '&[data-disabled]': {
+            opacity: cssVariableTheme.action.disabledOpacity,
+            pointerEvents: 'none',
+        },
+        '&[data-disabled] .accordion-header': {
+            cursor: 'not-allowed',
+        },
+    },
+    render: ({ props, children, useHostProps, useRef, useState }) => {
+        const [isExpanded, setIsExpanded] = useState('expanded', !!props.defaultExpanded);
+        useHostProps({
+            'data-disabled': props.disabled ? '' : undefined,
+            'data-expanded': isExpanded ? '' : undefined,
+        });
+        const contentRef = useRef('content');
+        const handleToggle = async () => {
+            if (props.disabled)
+                return;
+            const content = contentRef.current;
+            if (!content)
+                return;
+            if (isExpanded) {
+                setIsExpanded(false);
+                await collapse(content, { duration: 250 });
+            }
+            else {
+                setIsExpanded(true);
+                await expand(content, { duration: 250 });
+            }
+        };
+        const handleKeyDown = (ev) => {
+            if (ev.key === 'Enter' || ev.key === ' ') {
+                ev.preventDefault();
+                void handleToggle();
+            }
+        };
+        const headerEl = (createComponent("div", { className: "accordion-header", role: "button", tabIndex: props.disabled ? -1 : 0, onclick: handleToggle, onkeydown: handleKeyDown },
+            props.icon ? createComponent("span", { className: "accordion-icon" }, props.icon) : null,
+            createComponent("span", { className: "accordion-title" }, props.title),
+            createComponent("span", { className: "accordion-chevron" },
+                createComponent(Icon, { icon: chevronDown, size: 16 }))));
+        headerEl.setAttribute('aria-expanded', String(isExpanded));
+        if (props.disabled) {
+            headerEl.setAttribute('data-disabled', '');
+        }
+        return (createComponent(createComponent, null,
+            headerEl,
+            createComponent("div", { ref: contentRef, className: "accordion-content", style: {
+                    height: isExpanded ? undefined : '0px',
+                    opacity: isExpanded ? '1' : '0',
+                } },
+                createComponent("div", { className: "accordion-content-inner" }, children))));
+    },
+});
+//# sourceMappingURL=accordion-item.js.map

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

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

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

@@ -0,0 +1,27 @@
+/**
+ * Props for the Accordion container component.
+ */
+export type AccordionProps = {
+    /** Visual variant of the accordion container */
+    variant?: 'outlined' | 'elevation';
+};
+/**
+ * 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 declare const Accordion: (props: AccordionProps & Omit<Partial<HTMLElement>, "style"> & {
+    style?: Partial<CSSStyleDeclaration>;
+} & {
+    ref?: import("@furystack/shades").RefObject<Element>;
+}, children?: import("@furystack/shades").ChildrenList) => JSX.Element;
+//# sourceMappingURL=accordion.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../../src/components/accordion/accordion.tsx"],"names":[],"mappings":"AAGA;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG;IAC3B,gDAAgD;IAChD,OAAO,CAAC,EAAE,UAAU,GAAG,WAAW,CAAA;CACnC,CAAA;AAED;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,SAAS;;;;sEAwBpB,CAAA"}

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