@furystack/shades-common-components 11.0.0 → 12.0.1

package/esm/components/icons/icon.js

@@ -0,0 +1,61 @@
+import { Shade, createComponent } from '@furystack/shades';
+import { paletteMainColors } from '../../services/palette-css-vars.js';
+const SIZE_MAP = {
+    small: 16,
+    medium: 24,
+    large: 32,
+};
+export const Icon = Shade({
+    shadowDomName: 'shade-icon',
+    css: {
+        display: 'inline-flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        verticalAlign: 'middle',
+        lineHeight: '1',
+        flexShrink: '0',
+        color: 'var(--icon-color, currentColor)',
+        '& svg': {
+            display: 'block',
+        },
+        '&[data-size="small"]': {
+            width: '16px',
+            height: '16px',
+        },
+        '&[data-size="medium"]': {
+            width: '24px',
+            height: '24px',
+        },
+        '&[data-size="large"]': {
+            width: '32px',
+            height: '32px',
+        },
+    },
+    render: ({ props, useHostProps }) => {
+        const { icon, size = 'medium', color, ariaLabel, style } = props;
+        const sizeName = typeof size === 'string' ? size : undefined;
+        const sizePx = typeof size === 'number' ? size : SIZE_MAP[size];
+        const hostStyle = {};
+        if (!sizeName) {
+            hostStyle.width = `${sizePx}px`;
+            hostStyle.height = `${sizePx}px`;
+        }
+        if (color) {
+            hostStyle['--icon-color'] = paletteMainColors[color].main;
+        }
+        if (style) {
+            Object.assign(hostStyle, style);
+        }
+        useHostProps({
+            'data-size': sizeName || undefined,
+            role: 'img',
+            'aria-label': ariaLabel || undefined,
+            'aria-hidden': ariaLabel ? undefined : 'true',
+            style: hostStyle,
+        });
+        const viewBox = icon.viewBox ?? '0 0 24 24';
+        const isStroke = (icon.style ?? 'stroke') === 'stroke';
+        return (createComponent("svg", { width: sizePx, height: sizePx, viewBox: viewBox, fill: isStroke ? 'none' : 'currentColor', stroke: isStroke ? 'currentColor' : 'none', "stroke-width": isStroke ? (icon.strokeWidth ?? 2) : undefined, "stroke-linecap": isStroke ? 'round' : undefined, "stroke-linejoin": isStroke ? 'round' : undefined }, icon.paths.map((p) => (createComponent("path", { d: p.d, "fill-rule": p.fillRule })))));
+    },
+});
+//# sourceMappingURL=icon.js.map

package/esm/components/icons/icon.js.map

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

package/esm/components/icons/icon.spec.d.ts

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

package/esm/components/icons/icon.spec.d.ts.map

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

package/esm/components/icons/icon.spec.js

@@ -0,0 +1,224 @@
+import { createComponent, flushUpdates } from '@furystack/shades';
+import { describe, expect, it } from 'vitest';
+import { Icon } from './icon.js';
+const sampleStrokeIcon = {
+    paths: [{ d: 'M6 6l12 12M18 6L6 18' }],
+};
+const sampleFillIcon = {
+    style: 'fill',
+    paths: [
+        { d: 'M12 2l3 6 7 1-5 5 1 7-6-3-6 3 1-7-5-5 7-1z' },
+        { d: 'M12 8a4 4 0 100 8 4 4 0 000-8z', fillRule: 'evenodd' },
+    ],
+};
+const multiPathIcon = {
+    paths: [{ d: 'M3 12h18' }, { d: 'M3 6h18' }, { d: 'M3 18h18' }],
+};
+const customViewBoxIcon = {
+    viewBox: '0 0 48 48',
+    paths: [{ d: 'M10 10l28 28' }],
+};
+describe('Icon', () => {
+    it('should be defined', () => {
+        expect(Icon).toBeDefined();
+        expect(typeof Icon).toBe('function');
+    });
+    it('should create an icon element', () => {
+        const el = (createComponent(Icon, { icon: sampleStrokeIcon }));
+        expect(el).toBeDefined();
+        expect(el.tagName?.toLowerCase()).toBe('shade-icon');
+    });
+    it('should set props correctly', () => {
+        const el = (createComponent(Icon, { icon: sampleStrokeIcon, size: "large", color: "primary", ariaLabel: "Close" }));
+        expect(el.props.size).toBe('large');
+        expect(el.props.color).toBe('primary');
+        expect(el.props.ariaLabel).toBe('Close');
+    });
+    it('should render with default medium size', async () => {
+        const el = (createComponent("div", null,
+            createComponent(Icon, { icon: sampleStrokeIcon })));
+        const icon = el.firstElementChild;
+        icon.updateComponent();
+        await flushUpdates();
+        expect(icon.getAttribute('data-size')).toBe('medium');
+    });
+    it('should render with small size', async () => {
+        const el = (createComponent("div", null,
+            createComponent(Icon, { icon: sampleStrokeIcon, size: "small" })));
+        const icon = el.firstElementChild;
+        icon.updateComponent();
+        await flushUpdates();
+        expect(icon.getAttribute('data-size')).toBe('small');
+    });
+    it('should render with large size', async () => {
+        const el = (createComponent("div", null,
+            createComponent(Icon, { icon: sampleStrokeIcon, size: "large" })));
+        const icon = el.firstElementChild;
+        icon.updateComponent();
+        await flushUpdates();
+        expect(icon.getAttribute('data-size')).toBe('large');
+    });
+    it('should handle custom numeric size', async () => {
+        const el = (createComponent("div", null,
+            createComponent(Icon, { icon: sampleStrokeIcon, size: 20 })));
+        const icon = el.firstElementChild;
+        icon.updateComponent();
+        await flushUpdates();
+        expect(icon.hasAttribute('data-size')).toBe(false);
+        expect(icon.style.width).toBe('20px');
+        expect(icon.style.height).toBe('20px');
+    });
+    it('should set role="img" attribute', async () => {
+        const el = (createComponent("div", null,
+            createComponent(Icon, { icon: sampleStrokeIcon })));
+        const icon = el.firstElementChild;
+        icon.updateComponent();
+        await flushUpdates();
+        expect(icon.getAttribute('role')).toBe('img');
+    });
+    it('should set aria-label when ariaLabel is provided', async () => {
+        const el = (createComponent("div", null,
+            createComponent(Icon, { icon: sampleStrokeIcon, ariaLabel: "Close button" })));
+        const icon = el.firstElementChild;
+        icon.updateComponent();
+        await flushUpdates();
+        expect(icon.getAttribute('aria-label')).toBe('Close button');
+        expect(icon.hasAttribute('aria-hidden')).toBe(false);
+    });
+    it('should set aria-hidden when no ariaLabel is provided', async () => {
+        const el = (createComponent("div", null,
+            createComponent(Icon, { icon: sampleStrokeIcon })));
+        const icon = el.firstElementChild;
+        icon.updateComponent();
+        await flushUpdates();
+        expect(icon.getAttribute('aria-hidden')).toBe('true');
+        expect(icon.hasAttribute('aria-label')).toBe(false);
+    });
+    it('should set palette color CSS custom property', async () => {
+        const el = (createComponent("div", null,
+            createComponent(Icon, { icon: sampleStrokeIcon, color: "error" })));
+        const icon = el.firstElementChild;
+        icon.updateComponent();
+        await flushUpdates();
+        expect(icon.style.getPropertyValue('--icon-color')).toBe('var(--shades-theme-palette-error-main)');
+    });
+    it('should not set --icon-color when no color prop', async () => {
+        const el = (createComponent("div", null,
+            createComponent(Icon, { icon: sampleStrokeIcon })));
+        const icon = el.firstElementChild;
+        icon.updateComponent();
+        await flushUpdates();
+        expect(icon.style.getPropertyValue('--icon-color')).toBe('');
+    });
+    it('should render an SVG element inside the component', async () => {
+        const el = (createComponent("div", null,
+            createComponent(Icon, { icon: sampleStrokeIcon })));
+        const icon = el.firstElementChild;
+        icon.updateComponent();
+        await flushUpdates();
+        const svg = icon.querySelector('svg');
+        expect(svg).not.toBeNull();
+    });
+    it('should render correct number of path elements for stroke icon', async () => {
+        const el = (createComponent("div", null,
+            createComponent(Icon, { icon: multiPathIcon })));
+        const icon = el.firstElementChild;
+        icon.updateComponent();
+        await flushUpdates();
+        const paths = icon.querySelectorAll('path');
+        expect(paths.length).toBe(3);
+    });
+    it('should render correct number of path elements for fill icon', async () => {
+        const el = (createComponent("div", null,
+            createComponent(Icon, { icon: sampleFillIcon })));
+        const icon = el.firstElementChild;
+        icon.updateComponent();
+        await flushUpdates();
+        const paths = icon.querySelectorAll('path');
+        expect(paths.length).toBe(2);
+    });
+    it('should set stroke attributes for stroke-style icons', async () => {
+        const el = (createComponent("div", null,
+            createComponent(Icon, { icon: sampleStrokeIcon })));
+        const icon = el.firstElementChild;
+        icon.updateComponent();
+        await flushUpdates();
+        const svg = icon.querySelector('svg');
+        expect(svg.getAttribute('fill')).toBe('none');
+        expect(svg.getAttribute('stroke')).toBe('currentColor');
+        expect(svg.getAttribute('stroke-width')).toBe('2');
+        expect(svg.getAttribute('stroke-linecap')).toBe('round');
+        expect(svg.getAttribute('stroke-linejoin')).toBe('round');
+    });
+    it('should set fill attributes for fill-style icons', async () => {
+        const el = (createComponent("div", null,
+            createComponent(Icon, { icon: sampleFillIcon })));
+        const icon = el.firstElementChild;
+        icon.updateComponent();
+        await flushUpdates();
+        const svg = icon.querySelector('svg');
+        expect(svg.getAttribute('fill')).toBe('currentColor');
+        expect(svg.getAttribute('stroke')).toBe('none');
+    });
+    it('should set fill-rule on paths that specify it', async () => {
+        const el = (createComponent("div", null,
+            createComponent(Icon, { icon: sampleFillIcon })));
+        const icon = el.firstElementChild;
+        icon.updateComponent();
+        await flushUpdates();
+        const paths = icon.querySelectorAll('path');
+        expect(paths[1].getAttribute('fill-rule')).toBe('evenodd');
+    });
+    it('should use default viewBox of 0 0 24 24', async () => {
+        const el = (createComponent("div", null,
+            createComponent(Icon, { icon: sampleStrokeIcon })));
+        const icon = el.firstElementChild;
+        icon.updateComponent();
+        await flushUpdates();
+        const svg = icon.querySelector('svg');
+        expect(svg.getAttribute('viewBox')).toBe('0 0 24 24');
+    });
+    it('should use custom viewBox when specified', async () => {
+        const el = (createComponent("div", null,
+            createComponent(Icon, { icon: customViewBoxIcon })));
+        const icon = el.firstElementChild;
+        icon.updateComponent();
+        await flushUpdates();
+        const svg = icon.querySelector('svg');
+        expect(svg.getAttribute('viewBox')).toBe('0 0 48 48');
+    });
+    it('should use custom strokeWidth when specified', async () => {
+        const customStrokeIcon = {
+            paths: [{ d: 'M6 6l12 12' }],
+            strokeWidth: 3,
+        };
+        const el = (createComponent("div", null,
+            createComponent(Icon, { icon: customStrokeIcon })));
+        const icon = el.firstElementChild;
+        icon.updateComponent();
+        await flushUpdates();
+        const svg = icon.querySelector('svg');
+        expect(svg.getAttribute('stroke-width')).toBe('3');
+    });
+    it('should set SVG width and height matching size', async () => {
+        const el = (createComponent("div", null,
+            createComponent(Icon, { icon: sampleStrokeIcon, size: "large" })));
+        const icon = el.firstElementChild;
+        icon.updateComponent();
+        await flushUpdates();
+        const svg = icon.querySelector('svg');
+        expect(svg.getAttribute('width')).toBe('32');
+        expect(svg.getAttribute('height')).toBe('32');
+    });
+    it('should set SVG width and height for custom numeric size', async () => {
+        const el = (createComponent("div", null,
+            createComponent(Icon, { icon: sampleStrokeIcon, size: 48 })));
+        const icon = el.firstElementChild;
+        icon.updateComponent();
+        await flushUpdates();
+        const svg = icon.querySelector('svg');
+        expect(svg.getAttribute('width')).toBe('48');
+        expect(svg.getAttribute('height')).toBe('48');
+    });
+});
+//# sourceMappingURL=icon.spec.js.map

package/esm/components/icons/icon.spec.js.map

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

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

@@ -0,0 +1,5 @@
+export type { IconDefinition, IconPath } from './icon-types.js';
+export { Icon } from './icon.js';
+export type { IconProps } from './icon.js';
+export * as icons from './icon-definitions.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/icons/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAC/D,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAA;AAChC,YAAY,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AAC1C,OAAO,KAAK,KAAK,MAAM,uBAAuB,CAAA"}

package/esm/components/icons/index.js

@@ -0,0 +1,3 @@
+export { Icon } from './icon.js';
+export * as icons from './icon-definitions.js';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/icons/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAA;AAEhC,OAAO,KAAK,KAAK,MAAM,uBAAuB,CAAA"}

package/esm/components/image.d.ts

@@ -0,0 +1,62 @@
+export type ImageProps = {
+    /**
+     * The image source URL
+     */
+    src: string;
+    /**
+     * Alt text for the image
+     */
+    alt?: string;
+    /**
+     * Width of the image
+     */
+    width?: string;
+    /**
+     * Height of the image
+     */
+    height?: string;
+    /**
+     * Object-fit CSS property for the image
+     */
+    objectFit?: 'cover' | 'contain' | 'fill' | 'none' | 'scale-down';
+    /**
+     * Fallback content to display when the image fails to load
+     */
+    fallback?: JSX.Element | string;
+    /**
+     * Whether clicking the image opens a preview lightbox
+     */
+    preview?: boolean;
+    /**
+     * Whether to use lazy loading (loading="lazy")
+     */
+    lazy?: boolean;
+    /**
+     * Optional style overrides
+     */
+    style?: Partial<CSSStyleDeclaration>;
+};
+export type ImageGroupProps = {
+    /**
+     * Gap between images
+     */
+    gap?: string;
+};
+/**
+ * Image component with preview lightbox, zoom/rotate, fallback, and lazy loading support.
+ */
+export declare const Image: (props: ImageProps & Omit<Partial<HTMLElement>, "style"> & {
+    style?: Partial<CSSStyleDeclaration>;
+} & {
+    ref?: import("@furystack/shades").RefObject<Element>;
+}, children?: import("@furystack/shades").ChildrenList) => JSX.Element;
+/**
+ * ImageGroup wraps multiple Image components and enables group preview navigation.
+ * When one image is clicked, the lightbox shows navigation controls to browse all images in the group.
+ */
+export declare const ImageGroup: (props: ImageGroupProps & Omit<Partial<HTMLElement>, "style"> & {
+    style?: Partial<CSSStyleDeclaration>;
+} & {
+    ref?: import("@furystack/shades").RefObject<Element>;
+}, children?: import("@furystack/shades").ChildrenList) => JSX.Element;
+//# sourceMappingURL=image.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"image.d.ts","sourceRoot":"","sources":["../../src/components/image.tsx"],"names":[],"mappings":"AAMA,MAAM,MAAM,UAAU,GAAG;IACvB;;OAEG;IACH,GAAG,EAAE,MAAM,CAAA;IACX;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IACf;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,YAAY,CAAA;IAChE;;OAEG;IACH,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAA;IAC/B;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAA;IACd;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAA;CACrC,CAAA;AAED,MAAM,MAAM,eAAe,GAAG;IAC5B;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAA;CACb,CAAA;AA+SD;;GAEG;AACH,eAAO,MAAM,KAAK;;;;sEAgJhB,CAAA;AAEF;;;GAGG;AACH,eAAO,MAAM,UAAU;;;;sEAarB,CAAA"}