mythik-react 0.1.0

package/dist/primitives/file-upload.js

@@ -0,0 +1,225 @@
+import React from 'react';
+import { useDesignTokens } from './use-design-tokens.js';
+function formatFileSize(bytes) {
+    if (bytes >= 1_048_576)
+        return `${(bytes / 1_048_576).toFixed(1)} MB`;
+    if (bytes >= 1024)
+        return `${(bytes / 1024).toFixed(0)} KB`;
+    return `${bytes} B`;
+}
+function getFileExtension(name) {
+    const dot = name.lastIndexOf('.');
+    if (dot < 0)
+        return '';
+    return name.slice(dot + 1).toUpperCase();
+}
+function isImageType(type) {
+    return type.startsWith('image/');
+}
+// --- Inline SVG Icons ---
+function UploadIcon({ color }) {
+    return React.createElement('svg', { width: 24, height: 24, viewBox: '0 0 24 24', fill: 'none', stroke: color, strokeWidth: 2 }, React.createElement('path', { d: 'M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4' }), React.createElement('polyline', { points: '17 8 12 3 7 8' }), React.createElement('line', { x1: 12, y1: 3, x2: 12, y2: 15 }));
+}
+function CheckIcon({ color }) {
+    return React.createElement('svg', { width: 16, height: 16, viewBox: '0 0 24 24', fill: 'none', stroke: color, strokeWidth: 3 }, React.createElement('polyline', { points: '20 6 9 17 4 12' }));
+}
+function XIcon({ color, size = 14 }) {
+    return React.createElement('svg', { width: size, height: size, viewBox: '0 0 24 24', fill: 'none', stroke: color, strokeWidth: 2.5 }, React.createElement('line', { x1: 18, y1: 6, x2: 6, y2: 18 }), React.createElement('line', { x1: 6, y1: 6, x2: 18, y2: 18 }));
+}
+function RetryIcon({ color }) {
+    return React.createElement('svg', { width: 14, height: 14, viewBox: '0 0 24 24', fill: 'none', stroke: color, strokeWidth: 2.5 }, React.createElement('polyline', { points: '23 4 23 10 17 10' }), React.createElement('path', { d: 'M20.49 15a9 9 0 11-2.12-9.36L23 10' }));
+}
+function SpinnerIcon({ color }) {
+    return React.createElement('svg', {
+        width: 16, height: 16, viewBox: '0 0 24 24', fill: 'none', stroke: color, strokeWidth: 2.5,
+        style: { animation: 'spin 0.8s linear infinite' },
+    }, React.createElement('path', { d: 'M12 2a10 10 0 0110 10', strokeLinecap: 'round' }));
+}
+function FileIcon({ ext, color }) {
+    return React.createElement('div', {
+        style: {
+            width: 40, height: 40, borderRadius: 6, backgroundColor: color + '18',
+            display: 'flex', alignItems: 'center', justifyContent: 'center',
+            fontSize: 10, fontWeight: 700, color, textTransform: 'uppercase',
+        },
+    }, ext || '?');
+}
+export function FileUpload({ accept, multiple = false, maxSize = 10_485_760, maxFiles = 10, preview = true, dropZone = false, autoUpload = true, label = 'Choose file', disabled = false, style, _tokens, uploadState, onFiles, onRemove, onRetry, }) {
+    const inputRef = React.useRef(null);
+    const [dragActive, setDragActive] = React.useState(false);
+    const t = useDesignTokens(_tokens);
+    const borderColor = dragActive ? t.colors.primary : t.colors.border;
+    const primaryColor = t.colors.primary;
+    const errorColor = t.colors.error;
+    const successColor = t.colors.success;
+    const textColor = t.colors.text;
+    const mutedColor = t.colors.textMuted;
+    const surfaceColor = t.colors.surface;
+    const handleFiles = React.useCallback((fileList) => {
+        const files = Array.from(fileList);
+        onFiles?.(files);
+    }, [onFiles]);
+    const handleInputChange = React.useCallback((e) => {
+        if (e.target.files && e.target.files.length > 0) {
+            handleFiles(e.target.files);
+            // Reset input so same file can be re-selected
+            e.target.value = '';
+        }
+    }, [handleFiles]);
+    const handleDragOver = React.useCallback((e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        if (!disabled)
+            setDragActive(true);
+    }, [disabled]);
+    const handleDragLeave = React.useCallback((e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        setDragActive(false);
+    }, []);
+    const handleDrop = React.useCallback((e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        setDragActive(false);
+        if (!disabled && e.dataTransfer.files.length > 0) {
+            handleFiles(e.dataTransfer.files);
+        }
+    }, [disabled, handleFiles]);
+    // Hidden input element
+    const inputEl = React.createElement('input', {
+        ref: inputRef,
+        type: 'file',
+        accept,
+        multiple,
+        disabled,
+        onChange: handleInputChange,
+        style: { display: 'none' },
+    });
+    // Trigger zone (button or drop zone)
+    const triggerEl = dropZone
+        ? React.createElement('div', {
+            onDragOver: handleDragOver,
+            onDragEnter: handleDragOver,
+            onDragLeave: handleDragLeave,
+            onDrop: handleDrop,
+            onClick: () => !disabled && inputRef.current?.click(),
+            style: {
+                padding: `${t.spacing.scale.lg}px ${t.spacing.scale.md}px`,
+                border: `2px dashed ${borderColor}`,
+                borderRadius: t.radius(t.shape.radius.lg),
+                backgroundColor: dragActive ? primaryColor + '08' : 'transparent',
+                cursor: disabled ? 'default' : 'pointer',
+                display: 'flex', flexDirection: 'column', alignItems: 'center', gap: t.spacing.scale.sm,
+                transition: `all ${t.motion.duration.fast}ms ${t.motion.easing.default}`,
+                opacity: disabled ? 0.5 : 1,
+            },
+        }, React.createElement(UploadIcon, { color: mutedColor }), React.createElement('span', { style: { fontSize: t.typography.scale.sm.fontSize, color: mutedColor } }, label))
+        : React.createElement('button', {
+            type: 'button',
+            disabled,
+            onClick: () => inputRef.current?.click(),
+            style: {
+                padding: `${t.spacing.scale.sm}px ${t.spacing.scale.md}px`,
+                border: `2px dashed ${borderColor}`,
+                borderRadius: t.radius(t.shape.radius.md),
+                backgroundColor: 'transparent',
+                cursor: disabled ? 'default' : 'pointer',
+                fontSize: t.typography.scale.sm.fontSize,
+                color: mutedColor,
+                transition: `all ${t.motion.duration.fast}ms ${t.motion.easing.default}`,
+                opacity: disabled ? 0.5 : 1,
+            },
+        }, label);
+    // File list — uploadState comes from /ui/uploads/{elementId}/files in state store
+    const validUploadState = Array.isArray(uploadState) ? uploadState : undefined;
+    const fileListEl = validUploadState && validUploadState.length > 0
+        ? React.createElement('div', { style: { display: 'flex', flexDirection: 'column', gap: t.spacing.unit + 2 } }, validUploadState.map((file, i) => {
+            if (!file || typeof file !== 'object')
+                return null;
+            const isImg = isImageType(file.type ?? '');
+            const ext = getFileExtension(file.name ?? '');
+            // Preview column
+            const previewEl = preview
+                ? (isImg && file.previewUrl
+                    ? React.createElement('img', {
+                        src: file.previewUrl,
+                        alt: file.name,
+                        style: { width: 40, height: 40, borderRadius: 6, objectFit: 'cover' },
+                    })
+                    : React.createElement(FileIcon, { ext, color: primaryColor }))
+                : null;
+            // Progress bar
+            const progressEl = file.status === 'uploading'
+                ? React.createElement('div', {
+                    role: 'progressbar',
+                    'aria-valuenow': file.progress,
+                    'aria-valuemin': 0,
+                    'aria-valuemax': 100,
+                    style: { height: 4, backgroundColor: '#E5E7EB', borderRadius: 2, overflow: 'hidden', marginTop: 4 },
+                }, React.createElement('div', {
+                    style: {
+                        height: '100%', width: `${file.progress}%`,
+                        backgroundColor: primaryColor,
+                        borderRadius: 2,
+                        transition: 'width 0.3s ease',
+                    },
+                }))
+                : null;
+            // Status indicator
+            let statusEl = null;
+            if (file.status === 'uploading') {
+                statusEl = React.createElement(SpinnerIcon, { color: primaryColor });
+            }
+            else if (file.status === 'done') {
+                statusEl = React.createElement(CheckIcon, { color: successColor });
+            }
+            else if (file.status === 'error') {
+                statusEl = onRetry
+                    ? React.createElement('button', {
+                        type: 'button',
+                        'aria-label': `Retry ${file.name}`,
+                        onClick: () => onRetry(i),
+                        style: {
+                            background: 'none', border: 'none', cursor: 'pointer', padding: 2,
+                            display: 'flex', alignItems: 'center',
+                        },
+                    }, React.createElement(RetryIcon, { color: errorColor }))
+                    : React.createElement(XIcon, { color: errorColor });
+            }
+            // Remove button
+            const removeEl = onRemove
+                ? React.createElement('button', {
+                    type: 'button',
+                    'aria-label': `Remove ${file.name}`,
+                    onClick: () => onRemove(i),
+                    style: {
+                        background: 'none', border: 'none', cursor: 'pointer', padding: 2,
+                        display: 'flex', alignItems: 'center', marginLeft: 4,
+                    },
+                }, React.createElement(XIcon, { color: mutedColor, size: 12 }))
+                : null;
+            return React.createElement('div', {
+                key: `${file.name}-${i}`,
+                style: {
+                    display: 'flex', alignItems: 'center', gap: 10,
+                    padding: `${t.spacing.scale.sm}px 10px`, borderRadius: t.radius(t.shape.radius.md),
+                    backgroundColor: file.status === 'error' ? errorColor + '08' : surfaceColor,
+                    border: `1px solid ${file.status === 'error' ? errorColor + '30' : borderColor + '40'}`,
+                },
+            }, previewEl, React.createElement('div', { style: { flex: 1, minWidth: 0 } }, React.createElement('div', {
+                style: {
+                    fontSize: 13, fontWeight: 500, color: textColor,
+                    whiteSpace: 'nowrap', overflow: 'hidden', textOverflow: 'ellipsis',
+                },
+            }, file.name), React.createElement('div', { style: { fontSize: 11, color: mutedColor } }, formatFileSize(file.size ?? 0)), progressEl, file.status === 'error' && file.error
+                ? React.createElement('div', {
+                    style: { fontSize: 11, color: errorColor, marginTop: 2 },
+                }, file.error)
+                : null), statusEl, removeEl);
+        }))
+        : null;
+    return React.createElement('div', {
+        style: { display: 'flex', flexDirection: 'column', gap: t.spacing.scale.sm, ...style },
+    }, inputEl, triggerEl, fileListEl);
+}
+//# sourceMappingURL=file-upload.js.map

package/dist/primitives/file-upload.js.map

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

package/dist/primitives/grid.d.ts

@@ -0,0 +1,13 @@
+import type { CSSProperties, ReactNode } from 'react';
+interface GridProps {
+    columns?: number | string;
+    rows?: string;
+    gap?: number | string;
+    areas?: string;
+    style?: CSSProperties;
+    className?: string;
+    children?: ReactNode;
+}
+export declare function Grid({ columns, rows, gap, areas, style, className, children }: GridProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=grid.d.ts.map

package/dist/primitives/grid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["../../src/primitives/grid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtD,UAAU,SAAS;IACjB,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,wBAAgB,IAAI,CAAC,EAAE,OAAW,EAAE,IAAI,EAAE,GAAO,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,SAAS,2CAkBhG"}

package/dist/primitives/grid.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export function Grid({ columns = 1, rows, gap = 0, areas, style, className, children }) {
+    const gridTemplateColumns = typeof columns === 'number' ? `repeat(${columns}, 1fr)` : columns;
+    return (_jsx("div", { className: className, style: {
+            display: 'grid',
+            gridTemplateColumns,
+            ...(rows ? { gridTemplateRows: rows } : {}),
+            ...(areas ? { gridTemplateAreas: areas } : {}),
+            gap,
+            ...style,
+        }, children: children }));
+}
+//# sourceMappingURL=grid.js.map

package/dist/primitives/grid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid.js","sourceRoot":"","sources":["../../src/primitives/grid.tsx"],"names":[],"mappings":";AAYA,MAAM,UAAU,IAAI,CAAC,EAAE,OAAO,GAAG,CAAC,EAAE,IAAI,EAAE,GAAG,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAa;IAC/F,MAAM,mBAAmB,GAAG,OAAO,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,UAAU,OAAO,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC;IAE9F,OAAO,CACL,cACE,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE;YACL,OAAO,EAAE,MAAM;YACf,mBAAmB;YACnB,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,gBAAgB,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;YAC3C,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,iBAAiB,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;YAC9C,GAAG;YACH,GAAG,KAAK;SACT,YAEA,QAAQ,GACL,CACP,CAAC;AACJ,CAAC"}

package/dist/primitives/icon.d.ts

@@ -0,0 +1,22 @@
+import type { CSSProperties } from 'react';
+interface IconProps {
+    name?: string;
+    size?: number;
+    weight?: 'thin' | 'light' | 'regular' | 'bold' | 'fill' | 'duotone';
+    color?: string;
+    style?: CSSProperties;
+    container?: false;
+    _tokens?: Record<string, unknown>;
+}
+/**
+ * Generic icon primitive — renders a placeholder circle or a custom icon renderer.
+ *
+ * Custom icon renderers are registered via plugins.setIconRenderer(Component).
+ * The renderer receives { name, size, weight, color, style } and renders the actual icon.
+ * icon.tsx handles identity wrapping (container, weight default) regardless of renderer.
+ *
+ * Legacy: plugins.overridePrimitive('icon', ...) still works but bypasses identity features.
+ */
+export declare function Icon({ name, size, weight, color, style, container, _tokens }: IconProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=icon.d.ts.map

package/dist/primitives/icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../src/primitives/icon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAG3C,UAAU,SAAS;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;IACpE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACnC;AAED;;;;;;;;GAQG;AACH,wBAAgB,IAAI,CAAC,EAAE,IAAe,EAAE,IAAS,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,EAAE,SAAS,2CA4DvG"}

package/dist/primitives/icon.js

@@ -0,0 +1,52 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { useDesignTokens } from './use-design-tokens.js';
+/**
+ * Generic icon primitive — renders a placeholder circle or a custom icon renderer.
+ *
+ * Custom icon renderers are registered via plugins.setIconRenderer(Component).
+ * The renderer receives { name, size, weight, color, style } and renders the actual icon.
+ * icon.tsx handles identity wrapping (container, weight default) regardless of renderer.
+ *
+ * Legacy: plugins.overridePrimitive('icon', ...) still works but bypasses identity features.
+ */
+export function Icon({ name = 'circle', size = 24, weight, color, style, container, _tokens }) {
+    const t = useDesignTokens(_tokens);
+    const resolvedWeight = weight ?? t.identity.icons.weight ?? 'regular';
+    const containerShape = container === false ? 'none' : (t.identity.icons.container ?? 'none');
+    const containerColorKey = t.identity.icons.containerColor ?? 'primary';
+    const containerBg = containerColorKey === 'primary' ? t.colors.primary
+        : containerColorKey === 'accent' ? t.colors.accent
+            : containerColorKey === 'muted' ? t.colors.border
+                : t.colors.surface;
+    // Use custom icon renderer if registered, otherwise placeholder
+    const IconRenderer = _tokens?._iconRenderer;
+    const iconElement = IconRenderer
+        ? React.createElement(IconRenderer, { name, size, weight: resolvedWeight, color: color ?? 'inherit', style })
+        : (_jsx("span", { role: "img", "aria-label": name, "data-weight": resolvedWeight, style: {
+                fontSize: size,
+                lineHeight: 1,
+                display: 'inline-flex',
+                alignItems: 'center',
+                justifyContent: 'center',
+                width: size,
+                height: size,
+                color: color ?? 'inherit',
+                ...style,
+            }, children: "\u25CF" }));
+    if (containerShape === 'none')
+        return iconElement;
+    const padding = Math.round(size * 0.35);
+    const containerRadius = containerShape === 'circle' ? '50%'
+        : containerShape === 'square' ? '0'
+            : `${Math.round(size * 0.2)}px`;
+    return (_jsx("span", { style: {
+            display: 'inline-flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+            padding,
+            borderRadius: containerRadius,
+            backgroundColor: containerBg,
+        }, children: iconElement }));
+}
+//# sourceMappingURL=icon.js.map

package/dist/primitives/icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.js","sourceRoot":"","sources":["../../src/primitives/icon.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAYzD;;;;;;;;GAQG;AACH,MAAM,UAAU,IAAI,CAAC,EAAE,IAAI,GAAG,QAAQ,EAAE,IAAI,GAAG,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAa;IACtG,MAAM,CAAC,GAAG,eAAe,CAAC,OAAO,CAAC,CAAC;IAEnC,MAAM,cAAc,GAAG,MAAM,IAAI,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,IAAI,SAAS,CAAC;IAEtE,MAAM,cAAc,GAAG,SAAS,KAAK,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,SAAS,IAAI,MAAM,CAAC,CAAC;IAC7F,MAAM,iBAAiB,GAAG,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,IAAI,SAAS,CAAC;IACvE,MAAM,WAAW,GAAG,iBAAiB,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO;QACpE,CAAC,CAAC,iBAAiB,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM;YAClD,CAAC,CAAC,iBAAiB,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM;gBACjD,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC;IAErB,gEAAgE;IAChE,MAAM,YAAY,GAAI,OAA+C,EAAE,aACiD,CAAC;IAEzH,MAAM,WAAW,GAAG,YAAY;QAC9B,CAAC,CAAC,KAAK,CAAC,aAAa,CAAC,YAAY,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,cAAc,EAAE,KAAK,EAAE,KAAK,IAAI,SAAS,EAAE,KAAK,EAAE,CAAC;QAC7G,CAAC,CAAC,CACA,eACE,IAAI,EAAC,KAAK,gBACE,IAAI,iBACH,cAAc,EAC3B,KAAK,EAAE;gBACL,QAAQ,EAAE,IAAI;gBACd,UAAU,EAAE,CAAC;gBACb,OAAO,EAAE,aAAa;gBACtB,UAAU,EAAE,QAAQ;gBACpB,cAAc,EAAE,QAAQ;gBACxB,KAAK,EAAE,IAAI;gBACX,MAAM,EAAE,IAAI;gBACZ,KAAK,EAAE,KAAK,IAAI,SAAS;gBACzB,GAAG,KAAK;aACT,uBAGI,CACR,CAAC;IAEJ,IAAI,cAAc,KAAK,MAAM;QAAE,OAAO,WAAW,CAAC;IAElD,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC;IACxC,MAAM,eAAe,GAAG,cAAc,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK;QACzD,CAAC,CAAC,cAAc,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG;YACnC,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,CAAC,IAAI,CAAC;IAElC,OAAO,CACL,eACE,KAAK,EAAE;YACL,OAAO,EAAE,aAAa;YACtB,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;YACxB,OAAO;YACP,YAAY,EAAE,eAAe;YAC7B,eAAe,EAAE,WAAW;SAC7B,YAEA,WAAW,GACP,CACR,CAAC;AACJ,CAAC"}

package/dist/primitives/image.d.ts

@@ -0,0 +1,13 @@
+import type { CSSProperties } from 'react';
+interface ImageProps {
+    src?: string;
+    alt?: string;
+    aspectRatio?: number;
+    placeholder?: string;
+    overlay?: 'none' | 'gradient-bottom' | 'color-tint';
+    style?: CSSProperties;
+    _tokens?: Record<string, unknown>;
+}
+export declare function Image({ src, alt, aspectRatio, placeholder, overlay, style, _tokens }: ImageProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=image.d.ts.map

package/dist/primitives/image.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"image.d.ts","sourceRoot":"","sources":["../../src/primitives/image.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAG3C,UAAU,UAAU;IAClB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,GAAG,iBAAiB,GAAG,YAAY,CAAC;IACpD,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACnC;AAED,wBAAgB,KAAK,CAAC,EAAE,GAAG,EAAE,GAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,UAAU,2CAmDrG"}

package/dist/primitives/image.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useDesignTokens } from './use-design-tokens.js';
+export function Image({ src, alt = '', aspectRatio, placeholder, overlay, style, _tokens }) {
+    const t = useDesignTokens(_tokens);
+    const cornersId = t.identity.images.corners ?? 'rounded';
+    const borderRadius = style?.borderRadius ?? (cornersId === 'circle' ? '50%'
+        : cornersId === 'square' ? 0
+            : cornersId === 'match-card' ? t.radius(t.shape.radius.md)
+                : 8);
+    const identityBorder = t.identity.images.border ? `1px solid ${t.colors.border}` : undefined;
+    const isCircle = cornersId === 'circle';
+    // For circle: compute the height the image would have had, use that as circle diameter
+    const circleSize = isCircle && style?.width && aspectRatio
+        ? Math.round(Number(style.width) / aspectRatio)
+        : undefined;
+    const imgStyle = {
+        borderRadius,
+        ...(identityBorder && !style?.border ? { border: identityBorder } : {}),
+        ...(isCircle
+            ? { aspectRatio: '1', objectFit: 'cover', ...(circleSize ? { width: circleSize, height: circleSize } : {}) }
+            : { ...(aspectRatio ? { aspectRatio: String(aspectRatio) } : {}), objectFit: 'cover', width: '100%' }),
+        display: 'block',
+        ...style,
+        ...(isCircle && circleSize ? { width: circleSize, height: circleSize } : {}),
+    };
+    const overlayType = overlay ?? (t.identity.images.overlay ?? 'none');
+    if (!src && placeholder) {
+        return _jsx("div", { style: { ...imgStyle, backgroundColor: '#e5e7eb', display: 'flex', alignItems: 'center', justifyContent: 'center' }, children: placeholder });
+    }
+    if (overlayType === 'none') {
+        return _jsx("img", { src: src, alt: alt, style: imgStyle });
+    }
+    const overlayStyle = overlayType === 'gradient-bottom'
+        ? { position: 'absolute', inset: 0, borderRadius, background: 'linear-gradient(transparent 60%, rgba(0,0,0,0.4))', pointerEvents: 'none' }
+        : { position: 'absolute', inset: 0, borderRadius, backgroundColor: `${t.colors.primary}26`, mixBlendMode: 'multiply', pointerEvents: 'none' };
+    return (_jsxs("div", { style: { position: 'relative', display: 'inline-block' }, children: [_jsx("img", { src: src, alt: alt, style: imgStyle }), _jsx("div", { style: overlayStyle })] }));
+}
+//# sourceMappingURL=image.js.map

package/dist/primitives/image.js.map

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

package/dist/primitives/index.d.ts

@@ -0,0 +1,57 @@
+import type { PluginLoader } from 'mythik';
+import React from 'react';
+import { Box } from './box.js';
+import { Text } from './text.js';
+import { Image } from './image.js';
+import { Icon } from './icon.js';
+import { Stack } from './stack.js';
+import { Grid } from './grid.js';
+import { Scroll } from './scroll.js';
+import { Divider } from './divider.js';
+import { Spacer } from './spacer.js';
+import { Input } from './input.js';
+import { Textarea } from './textarea.js';
+import { Select } from './select.js';
+import { Checkbox } from './checkbox.js';
+import { Toggle } from './toggle.js';
+import { Slider } from './slider.js';
+import { Button } from './button.js';
+import { Touchable } from './touchable.js';
+import { List } from './list.js';
+import { Modal } from './modal.js';
+import { Drawer } from './drawer.js';
+import { Tabs } from './tabs.js';
+import { Accordion } from './accordion.js';
+import { Wizard } from './wizard.js';
+import { Screen } from './screen.js';
+import { BarChart } from './bar-chart.js';
+import { LineChart } from './line-chart.js';
+import { PieChart } from './pie-chart.js';
+import { AreaChart } from './area-chart.js';
+import { SpatialMap } from './spatial-map.js';
+import { Table } from './table.js';
+import { KanbanBoard } from './kanban-board.js';
+import { FileUpload } from './file-upload.js';
+import { Camera } from './camera.js';
+import { Signature } from './signature.js';
+import { AudioPlayer } from './audio-player.js';
+import { ToastContainer } from './toast-container.js';
+/** Map of primitive name → React component */
+declare const PRIMITIVES: Record<string, React.ComponentType<Record<string, unknown>>>;
+/**
+ * Register all built-in React primitives with the plugin loader.
+ * Each primitive converts (props, children: RenderNode[]) → RenderNode
+ * where the RenderNode carries the React component reference.
+ */
+export declare function registerReactPrimitives(plugins: PluginLoader): void;
+/** Primitives that accept a `className` prop for CSS-based hover/active/focus. */
+export declare const CSS_HOVER_SUPPORTED: Set<string>;
+export { PRIMITIVES };
+export { Box, Text, Image, Icon, Stack, Grid, Scroll, Divider, Spacer };
+export { Input, Textarea, Select, Checkbox, Toggle, Slider };
+export { Button, Touchable, List };
+export { Modal, Drawer, Tabs, Accordion, Wizard, Screen };
+export { BarChart, LineChart, PieChart, AreaChart, SpatialMap, Table, KanbanBoard };
+export { FileUpload, Camera, Signature, AudioPlayer };
+export { ToastContainer };
+//# sourceMappingURL=index.d.ts.map

package/dist/primitives/index.d.ts.map

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

package/dist/primitives/index.js

@@ -0,0 +1,106 @@
+import { Box } from './box.js';
+import { Text } from './text.js';
+import { Image } from './image.js';
+import { Icon } from './icon.js';
+import { Stack } from './stack.js';
+import { Grid } from './grid.js';
+import { Scroll } from './scroll.js';
+import { Divider } from './divider.js';
+import { Spacer } from './spacer.js';
+import { Input } from './input.js';
+import { Textarea } from './textarea.js';
+import { Select } from './select.js';
+import { Checkbox } from './checkbox.js';
+import { Toggle } from './toggle.js';
+import { Slider } from './slider.js';
+import { Button } from './button.js';
+import { Touchable } from './touchable.js';
+import { List } from './list.js';
+import { Modal } from './modal.js';
+import { Drawer } from './drawer.js';
+import { Tabs } from './tabs.js';
+import { Accordion } from './accordion.js';
+import { Wizard } from './wizard.js';
+import { Screen } from './screen.js';
+import { BarChart } from './bar-chart.js';
+import { LineChart } from './line-chart.js';
+import { PieChart } from './pie-chart.js';
+import { AreaChart } from './area-chart.js';
+import { SpatialMap } from './spatial-map.js';
+import { Table } from './table.js';
+import { KanbanBoard } from './kanban-board.js';
+import { FileUpload } from './file-upload.js';
+import { Camera } from './camera.js';
+import { Signature } from './signature.js';
+import { AudioPlayer } from './audio-player.js';
+import { ScreenOutlet } from './screen-outlet.js';
+import { ToastContainer } from './toast-container.js';
+import { Skeleton } from './skeleton.js';
+/** Map of primitive name → React component */
+const PRIMITIVES = {
+    box: Box,
+    text: Text,
+    image: Image,
+    icon: Icon,
+    stack: Stack,
+    grid: Grid,
+    scroll: Scroll,
+    divider: Divider,
+    spacer: Spacer,
+    input: Input,
+    textarea: Textarea,
+    select: Select,
+    checkbox: Checkbox,
+    toggle: Toggle,
+    slider: Slider,
+    button: Button,
+    touchable: Touchable,
+    list: List,
+    modal: Modal,
+    drawer: Drawer,
+    tabs: Tabs,
+    accordion: Accordion,
+    wizard: Wizard,
+    screen: Screen,
+    'bar-chart': BarChart,
+    'line-chart': LineChart,
+    'pie-chart': PieChart,
+    'area-chart': AreaChart,
+    'spatial-map': SpatialMap,
+    table: Table,
+    'kanban-board': KanbanBoard,
+    'file-upload': FileUpload,
+    camera: Camera,
+    signature: Signature,
+    'audio-player': AudioPlayer,
+    'screen-outlet': ScreenOutlet,
+    'toast-container': ToastContainer,
+    skeleton: Skeleton,
+};
+/**
+ * Register all built-in React primitives with the plugin loader.
+ * Each primitive converts (props, children: RenderNode[]) → RenderNode
+ * where the RenderNode carries the React component reference.
+ */
+export function registerReactPrimitives(plugins) {
+    for (const [name, Component] of Object.entries(PRIMITIVES)) {
+        plugins.registerPrimitive(name, (props, children) => ({
+            type: name,
+            props: { ...props, _component: Component },
+            children,
+        }));
+    }
+}
+/** Primitives that accept a `className` prop for CSS-based hover/active/focus. */
+export const CSS_HOVER_SUPPORTED = new Set([
+    'box', 'text', 'stack', 'grid', 'scroll', 'button', 'touchable', 'table',
+]);
+export { PRIMITIVES };
+export { Box, Text, Image, Icon, Stack, Grid, Scroll, Divider, Spacer };
+export { Input, Textarea, Select, Checkbox, Toggle, Slider };
+export { Button, Touchable, List };
+export { Modal, Drawer, Tabs, Accordion, Wizard, Screen };
+export { BarChart, LineChart, PieChart, AreaChart, SpatialMap, Table, KanbanBoard };
+export { FileUpload, Camera, Signature, AudioPlayer };
+export { ToastContainer };
+//# sourceMappingURL=index.js.map

package/dist/primitives/index.js.map

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