@revikornmann/muka-ui 0.2.1

package/dist/esm/components/FileUpload/FileUpload.js

@@ -0,0 +1,194 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState, useRef, useCallback, forwardRef } from 'react';
+import { FileUploadItem } from './FileUploadItem';
+import './FileUpload.css';
+function generateId() {
+    return `file-${Date.now()}-${Math.random().toString(36).substring(2, 9)}`;
+}
+function formatBytes(bytes) {
+    if (bytes === 0)
+        return '0 B';
+    const k = 1024;
+    const sizes = ['B', 'KB', 'MB', 'GB'];
+    const i = Math.floor(Math.log(bytes) / Math.log(k));
+    return `${parseFloat((bytes / Math.pow(k, i)).toFixed(1))} ${sizes[i]}`;
+}
+function isImageFile(file) {
+    return file.type.startsWith('image/');
+}
+export const FileUpload = forwardRef(({ accept, multiple = false, maxSize, maxFiles, disabled = false, files: controlledFiles, onFilesChange, onError, uploadFn, variant = 'dropzone', size = 'md', showPreview = false, children, className = '', 'aria-label': ariaLabel, ...props }, ref) => {
+    const [internalFiles, setInternalFiles] = useState([]);
+    const [isDragActive, setIsDragActive] = useState(false);
+    const inputRef = useRef(null);
+    const files = controlledFiles ?? internalFiles;
+    const setFiles = useCallback((newFiles) => {
+        const updatedFiles = typeof newFiles === 'function' ? newFiles(files) : newFiles;
+        if (!controlledFiles) {
+            setInternalFiles(updatedFiles);
+        }
+        onFilesChange?.(updatedFiles);
+    }, [controlledFiles, files, onFilesChange]);
+    const validateFile = useCallback((file) => {
+        // Check file type
+        if (accept) {
+            const acceptedTypes = accept.split(',').map((t) => t.trim());
+            const isAccepted = acceptedTypes.some((type) => {
+                if (type.startsWith('.')) {
+                    return file.name.toLowerCase().endsWith(type.toLowerCase());
+                }
+                if (type.endsWith('/*')) {
+                    return file.type.startsWith(type.slice(0, -1));
+                }
+                return file.type === type;
+            });
+            if (!isAccepted) {
+                return {
+                    type: 'type',
+                    message: `File type not accepted: ${file.name}`,
+                    file,
+                };
+            }
+        }
+        // Check file size
+        if (maxSize && file.size > maxSize) {
+            return {
+                type: 'size',
+                message: `File too large: ${file.name} (max ${formatBytes(maxSize)})`,
+                file,
+            };
+        }
+        return null;
+    }, [accept, maxSize]);
+    const processFiles = useCallback(async (selectedFiles) => {
+        const fileArray = Array.from(selectedFiles);
+        // Check max files
+        if (maxFiles && files.length + fileArray.length > maxFiles) {
+            onError?.({
+                type: 'count',
+                message: `Maximum ${maxFiles} files allowed`,
+            });
+            return;
+        }
+        const newFiles = [];
+        for (const file of fileArray) {
+            const error = validateFile(file);
+            if (error) {
+                onError?.(error);
+                continue;
+            }
+            const fileWithStatus = {
+                file,
+                id: generateId(),
+                status: uploadFn ? 'pending' : 'success',
+                previewUrl: showPreview && isImageFile(file) ? URL.createObjectURL(file) : undefined,
+            };
+            newFiles.push(fileWithStatus);
+        }
+        if (newFiles.length === 0)
+            return;
+        const updatedFiles = multiple ? [...files, ...newFiles] : newFiles;
+        setFiles(updatedFiles);
+        // Auto-upload if uploadFn provided
+        if (uploadFn) {
+            for (const fileWithStatus of newFiles) {
+                setFiles((prev) => prev.map((f) => f.id === fileWithStatus.id ? { ...f, status: 'uploading', progress: 0 } : f));
+                try {
+                    const result = await uploadFn(fileWithStatus.file, (progress) => {
+                        setFiles((prev) => prev.map((f) => (f.id === fileWithStatus.id ? { ...f, progress } : f)));
+                    });
+                    setFiles((prev) => prev.map((f) => f.id === fileWithStatus.id
+                        ? {
+                            ...f,
+                            status: result.success ? 'success' : 'error',
+                            error: result.error,
+                            progress: 100,
+                        }
+                        : f));
+                }
+                catch (err) {
+                    setFiles((prev) => prev.map((f) => f.id === fileWithStatus.id
+                        ? {
+                            ...f,
+                            status: 'error',
+                            error: err instanceof Error ? err.message : 'Upload failed',
+                        }
+                        : f));
+                }
+            }
+        }
+    }, [files, maxFiles, multiple, onError, setFiles, showPreview, uploadFn, validateFile]);
+    const handleDragEnter = useCallback((e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        if (!disabled) {
+            setIsDragActive(true);
+        }
+    }, [disabled]);
+    const handleDragLeave = useCallback((e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        setIsDragActive(false);
+    }, []);
+    const handleDragOver = useCallback((e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        if (!disabled) {
+            setIsDragActive(true);
+        }
+    }, [disabled]);
+    const handleDrop = useCallback((e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        setIsDragActive(false);
+        if (disabled)
+            return;
+        const droppedFiles = e.dataTransfer.files;
+        if (droppedFiles.length > 0) {
+            processFiles(droppedFiles);
+        }
+    }, [disabled, processFiles]);
+    const handleClick = useCallback(() => {
+        if (!disabled) {
+            inputRef.current?.click();
+        }
+    }, [disabled]);
+    const handleKeyDown = useCallback((e) => {
+        if ((e.key === 'Enter' || e.key === ' ') && !disabled) {
+            e.preventDefault();
+            inputRef.current?.click();
+        }
+    }, [disabled]);
+    const handleInputChange = useCallback((e) => {
+        const selectedFiles = e.target.files;
+        if (selectedFiles && selectedFiles.length > 0) {
+            processFiles(selectedFiles);
+        }
+        // Reset input value to allow re-selecting the same file
+        e.target.value = '';
+    }, [processFiles]);
+    const handleRemoveFile = useCallback((id) => {
+        setFiles((prev) => {
+            const fileToRemove = prev.find((f) => f.id === id);
+            if (fileToRemove?.previewUrl) {
+                URL.revokeObjectURL(fileToRemove.previewUrl);
+            }
+            return prev.filter((f) => f.id !== id);
+        });
+    }, [setFiles]);
+    const dropzoneClasses = [
+        'muka-fileupload',
+        `muka-fileupload--${variant}`,
+        `muka-fileupload--${size}`,
+        isDragActive && 'muka-fileupload--active',
+        disabled && 'muka-fileupload--disabled',
+        className,
+    ]
+        .filter(Boolean)
+        .join(' ');
+    const defaultContent = (_jsxs(_Fragment, { children: [_jsx("span", { className: "muka-fileupload__icon", "aria-hidden": "true", children: _jsxs("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [_jsx("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }), _jsx("polyline", { points: "17 8 12 3 7 8" }), _jsx("line", { x1: "12", y1: "3", x2: "12", y2: "15" })] }) }), _jsx("span", { className: "muka-fileupload__text", children: isDragActive ? 'Drop files here' : 'Drag files here or click to browse' }), accept && (_jsxs("span", { className: "muka-fileupload__hint", children: ["Accepted: ", accept, maxSize && ` (max ${formatBytes(maxSize)})`] }))] }));
+    return (_jsxs("div", { ref: ref, className: "muka-fileupload-wrapper", ...props, children: [_jsxs("div", { className: dropzoneClasses, onClick: handleClick, onKeyDown: handleKeyDown, onDragEnter: handleDragEnter, onDragLeave: handleDragLeave, onDragOver: handleDragOver, onDrop: handleDrop, role: "button", tabIndex: disabled ? -1 : 0, "aria-label": ariaLabel ?? 'Upload files', "aria-disabled": disabled, "aria-dropeffect": "copy", children: [_jsx("input", { ref: inputRef, type: "file", accept: accept, multiple: multiple, disabled: disabled, onChange: handleInputChange, className: "muka-fileupload__input", tabIndex: -1, "aria-hidden": "true" }), _jsx("div", { className: "muka-fileupload__content", children: children ?? defaultContent })] }), files.length > 0 && (_jsx("ul", { className: "muka-fileupload__list", "aria-label": "Uploaded files", children: files.map((fileWithStatus) => (_jsx("li", { children: _jsx(FileUploadItem, { file: fileWithStatus.file, progress: fileWithStatus.progress, status: fileWithStatus.status, error: fileWithStatus.error, previewUrl: fileWithStatus.previewUrl, showPreview: showPreview, onRemove: () => handleRemoveFile(fileWithStatus.id) }) }, fileWithStatus.id))) }))] }));
+});
+FileUpload.displayName = 'FileUpload';
+export { FileUploadItem };
+export default FileUpload;
+//# sourceMappingURL=FileUpload.js.map

package/dist/esm/components/FileUpload/FileUpload.js.map

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

package/dist/esm/components/FileUpload/FileUploadItem.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Progress } from '../Progress';
+import { Icon } from '../Icon';
+import { Button } from '../Button';
+function formatBytes(bytes) {
+    if (bytes === 0)
+        return '0 B';
+    const k = 1024;
+    const sizes = ['B', 'KB', 'MB', 'GB'];
+    const i = Math.floor(Math.log(bytes) / Math.log(k));
+    return `${parseFloat((bytes / Math.pow(k, i)).toFixed(1))} ${sizes[i]}`;
+}
+function getFileIcon(file) {
+    if (file.type.startsWith('image/'))
+        return 'image';
+    if (file.type === 'application/pdf')
+        return 'file-pdf';
+    if (file.type.startsWith('text/') || file.name.match(/\.(doc|docx|txt|rtf)$/i)) {
+        return 'file-text';
+    }
+    return 'file';
+}
+export const FileUploadItem = ({ file, progress = 0, status = 'pending', error, previewUrl, showPreview = false, onRemove, }) => {
+    const itemClasses = ['muka-fileupload-item', `muka-fileupload-item--${status}`]
+        .filter(Boolean)
+        .join(' ');
+    const iconName = getFileIcon(file);
+    const showThumbnail = showPreview && previewUrl;
+    return (_jsxs("div", { className: itemClasses, children: [_jsx("div", { className: "muka-fileupload-item__preview", children: showThumbnail ? (_jsx("img", { src: previewUrl, alt: `Preview of ${file.name}`, className: "muka-fileupload-item__thumbnail" })) : (_jsx(Icon, { name: iconName, size: "md", className: "muka-fileupload-item__icon" })) }), _jsxs("div", { className: "muka-fileupload-item__info", children: [_jsx("span", { className: "muka-fileupload-item__name", title: file.name, children: file.name }), _jsxs("span", { className: "muka-fileupload-item__meta", children: [formatBytes(file.size), status === 'uploading' && progress !== undefined && ` • ${Math.round(progress)}%`, status === 'error' && error && (_jsxs("span", { className: "muka-fileupload-item__error", children: [" \u2022 ", error] }))] }), status === 'uploading' && (_jsx(Progress, { value: progress, size: "sm", className: "muka-fileupload-item__progress", "aria-label": `Uploading ${file.name}: ${Math.round(progress)}%` }))] }), _jsxs("div", { className: "muka-fileupload-item__actions", children: [status === 'success' && (_jsx(Icon, { name: "checkbox-circle", variant: "fill", size: "sm", className: "muka-fileupload-item__status-icon muka-fileupload-item__status-icon--success", label: "Upload complete" })), status === 'error' && (_jsx(Icon, { name: "error-warning", variant: "fill", size: "sm", className: "muka-fileupload-item__status-icon muka-fileupload-item__status-icon--error", label: "Upload failed" })), onRemove && (_jsx(Button, { variant: "ghost", size: "sm", iconOnly: true, iconLeft: _jsx(Icon, { name: "close", size: "sm" }), onClick: onRemove, "aria-label": `Remove ${file.name}`, className: "muka-fileupload-item__remove", children: "Remove" }))] })] }));
+};
+FileUploadItem.displayName = 'FileUploadItem';
+export default FileUploadItem;
+//# sourceMappingURL=FileUploadItem.js.map

package/dist/esm/components/FileUpload/FileUploadItem.js.map

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

package/dist/esm/components/FileUpload/index.js

@@ -0,0 +1,2 @@
+export { FileUpload, FileUploadItem, } from './FileUpload';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/FileUpload/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../components/FileUpload/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EACV,cAAc,GAMf,MAAM,cAAc,CAAC"}

package/dist/esm/components/FormProgressBar/FormProgressBar.css

@@ -0,0 +1,157 @@
+/* FormProgressBar Component Styles — Using Muka Design Tokens */
+
+/* ─── Root ──────────────────────────────────────────────── */
+.muka-progress-bar {
+  width: 100%;
+  padding-bottom: var(--spacing-7);
+}
+
+/* ─── Track (layered container) ─────────────────────────── */
+.muka-progress-bar__track {
+  position: relative;
+  /* Vertical padding = (indicator size - connector height) / 2 = (32 - 4) / 2 = 14px */
+  padding-top: 14px;
+  padding-bottom: 14px;
+}
+
+/* ─── Steps layer (on top) ──────────────────────────────── */
+.muka-progress-bar__steps {
+  position: absolute;
+  inset: 0;
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  z-index: 2;
+}
+
+/* ─── Individual step ───────────────────────────────────── */
+.muka-progress-bar__step {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 7px;
+  position: relative;
+}
+
+/* ─── Step indicator (circle) ───────────────────────────── */
+.muka-progress-bar__indicator {
+  width: 32px;
+  height: 32px;
+  border-radius: var(--border-radius-full);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  position: relative;
+}
+
+/* Past: dark accent contrast circle with white checkmark */
+.muka-progress-bar__indicator--past {
+  background-color: var(--alias-color-accent-contrast);
+  color: var(--color-text-default-inverse);
+  cursor: pointer;
+}
+
+.muka-progress-bar__indicator--past:hover {
+  opacity: 0.85;
+}
+
+.muka-progress-bar__indicator--past:focus-visible {
+  outline: 2px solid var(--color-border-focus);
+  outline-offset: 2px;
+}
+
+/* Current: accent default circle with white number */
+.muka-progress-bar__indicator--current {
+  background-color: var(--alias-color-accent-default);
+  color: var(--color-text-default-inverse);
+}
+
+/* Upcoming: sunken/gray circle with dark number */
+.muka-progress-bar__indicator--upcoming {
+  background-color: var(--color-surface-sunken);
+  color: var(--color-text-default-default);
+}
+
+/* ─── Step number text ──────────────────────────────────── */
+.muka-progress-bar__number {
+  font-family: var(--text-label-md-bold-fontFamily);
+  font-weight: var(--text-label-md-bold-fontWeight);
+  font-size: var(--text-label-md-bold-fontSize);
+  line-height: var(--text-label-md-bold-lineHeight);
+  text-align: center;
+  user-select: none;
+}
+
+/* ─── Checkmark icon ────────────────────────────────────── */
+.muka-progress-bar__check-icon {
+  width: 20px;
+  height: 20px;
+}
+
+/* ─── Step label ────────────────────────────────────────── */
+.muka-progress-bar__label {
+  font-family: var(--text-label-sm-regular-fontFamily);
+  font-weight: var(--text-label-sm-regular-fontWeight);
+  font-size: var(--text-label-sm-regular-fontSize);
+  line-height: var(--text-label-sm-regular-lineHeight);
+  color: var(--color-text-default-default);
+  text-align: center;
+  max-width: 120px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+/* Current step label is bold */
+.muka-progress-bar__label--current {
+  font-family: var(--text-label-sm-bold-fontFamily);
+  font-weight: var(--text-label-sm-bold-fontWeight);
+}
+
+/* ─── Connectors layer (behind indicators) ──────────────── */
+.muka-progress-bar__connectors {
+  display: flex;
+  align-items: center;
+  /* Horizontal padding = indicator radius (32/2 = 16px) so lines meet circle centers */
+  padding-left: var(--spacing-4);
+  padding-right: var(--spacing-4);
+  position: relative;
+  z-index: 1;
+}
+
+/* ─── Individual connector line ─────────────────────────── */
+.muka-progress-bar__connector {
+  flex: 1 0 0;
+  height: 4px;
+  min-width: 1px;
+}
+
+/* Past: solid dark line */
+.muka-progress-bar__connector--past {
+  background-color: var(--alias-color-accent-contrast);
+}
+
+/* Current: gradient from past (dark) toward current step */
+.muka-progress-bar__connector--current {
+  background: linear-gradient(
+    to right,
+    var(--alias-color-accent-contrast) 0%,
+    var(--alias-color-accent-default) 100%
+  );
+}
+
+/* Current-right: gradient fading from current step into upcoming */
+.muka-progress-bar__connector--current-right {
+  background: linear-gradient(
+    to right,
+    var(--alias-color-accent-default) 0%,
+    var(--alias-color-accent-default) 15%,
+    var(--color-surface-sunken) 50%
+  );
+}
+
+/* Upcoming: solid gray line */
+.muka-progress-bar__connector--upcoming {
+  background-color: var(--color-surface-sunken);
+}

package/dist/esm/components/FormProgressBar/FormProgressBar.js

@@ -0,0 +1,97 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import './FormProgressBar.css';
+import { Icon } from '../Icon';
+function getStepStatus(stepIndex, currentStep, totalSteps) {
+    if (currentStep <= 0)
+        return 'upcoming';
+    if (currentStep > totalSteps)
+        return 'past';
+    // currentStep is 1-indexed, stepIndex is 0-indexed
+    const activeIndex = currentStep - 1;
+    if (stepIndex < activeIndex)
+        return 'past';
+    if (stepIndex === activeIndex)
+        return 'current';
+    return 'upcoming';
+}
+function getConnectorStatus(connectorIndex, currentStep, totalSteps) {
+    if (currentStep <= 0)
+        return 'upcoming';
+    if (currentStep > totalSteps)
+        return 'past';
+    const activeIndex = currentStep - 1;
+    if (connectorIndex < activeIndex - 1)
+        return 'past';
+    if (connectorIndex === activeIndex - 1)
+        return 'current';
+    if (connectorIndex === activeIndex)
+        return 'current-right';
+    return 'upcoming';
+}
+/**
+ * FormProgressBar Component
+ *
+ * A horizontal stepper/progress indicator for multi-step forms.
+ * Shows numbered step indicators connected by progress lines.
+ * Supports 2–5 steps with past, current, and upcoming states.
+ *
+ * Built using the Muka design token system with support for:
+ * - Dynamic step counts (2–5)
+ * - Step states: past (checkmark), current (number), upcoming (number)
+ * - Animated connector lines showing progress
+ * - Multi-brand theming through design tokens
+ *
+ * Tokens used:
+ * - alias.color.accent.{default|contrast} — step indicator backgrounds
+ * - color.surface.sunken — upcoming indicator/connector background
+ * - color.text.default.{default|inverse} — indicator/label text
+ * - text.label.{sm|md}.{regular|bold} — typography
+ * - spacing.4, spacing.7 — layout spacing
+ * - border.radius.full — circular indicators
+ */
+export const FormProgressBar = ({ steps, currentStep, onStepClick, className = '', }) => {
+    const totalSteps = steps.length;
+    const rootClasses = ['muka-progress-bar', className].filter(Boolean).join(' ');
+    return (_jsx("div", { className: rootClasses, role: "group", "aria-label": "Form progress", children: _jsxs("div", { className: "muka-progress-bar__track", children: [_jsx("div", { className: "muka-progress-bar__steps", children: steps.map((step, index) => {
+                        const status = getStepStatus(index, currentStep, totalSteps);
+                        const stepNumber = index + 1;
+                        const isPast = status === 'past';
+                        const isCurrent = status === 'current';
+                        const stepClasses = [
+                            'muka-progress-bar__step',
+                            `muka-progress-bar__step--${status}`,
+                        ].join(' ');
+                        const indicatorClasses = [
+                            'muka-progress-bar__indicator',
+                            `muka-progress-bar__indicator--${status}`,
+                        ].join(' ');
+                        const labelClasses = [
+                            'muka-progress-bar__label',
+                            isCurrent && 'muka-progress-bar__label--current',
+                        ].filter(Boolean).join(' ');
+                        const handleClick = isPast && onStepClick
+                            ? () => onStepClick(index)
+                            : undefined;
+                        return (_jsxs("div", { className: stepClasses, "aria-current": isCurrent ? 'step' : undefined, children: [_jsx("div", { className: indicatorClasses, onClick: handleClick, role: handleClick ? 'button' : undefined, tabIndex: handleClick ? 0 : undefined, onKeyDown: handleClick
+                                        ? (e) => {
+                                            if (e.key === 'Enter' || e.key === ' ') {
+                                                e.preventDefault();
+                                                handleClick();
+                                            }
+                                        }
+                                        : undefined, "aria-label": isPast
+                                        ? `Step ${stepNumber}: ${step.label} (completed)`
+                                        : isCurrent
+                                            ? `Step ${stepNumber}: ${step.label} (current)`
+                                            : `Step ${stepNumber}: ${step.label}`, children: isPast ? (_jsx(Icon, { name: "check", variant: "fill", size: "sm", className: "muka-progress-bar__check-icon" })) : (_jsx("span", { className: "muka-progress-bar__number", children: stepNumber })) }), _jsx("span", { className: labelClasses, children: step.label })] }, index));
+                    }) }), _jsx("div", { className: "muka-progress-bar__connectors", children: Array.from({ length: totalSteps - 1 }, (_, index) => {
+                        const status = getConnectorStatus(index, currentStep, totalSteps);
+                        const connectorClasses = [
+                            'muka-progress-bar__connector',
+                            `muka-progress-bar__connector--${status}`,
+                        ].join(' ');
+                        return _jsx("div", { className: connectorClasses, "aria-hidden": "true" }, index);
+                    }) })] }) }));
+};
+export default FormProgressBar;
+//# sourceMappingURL=FormProgressBar.js.map

package/dist/esm/components/FormProgressBar/FormProgressBar.js.map

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

package/dist/esm/components/FormProgressBar/index.js

@@ -0,0 +1,3 @@
+export { FormProgressBar } from './FormProgressBar';
+export { FormProgressBar as default } from './FormProgressBar';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/FormProgressBar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../components/FormProgressBar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAuD,MAAM,mBAAmB,CAAC;AACzG,OAAO,EAAE,eAAe,IAAI,OAAO,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/esm/components/Icon/Icon.css

@@ -0,0 +1,51 @@
+/* Icon Component Styles - Using Muka Design Tokens */
+
+.muka-icon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  color: var(--color-icon-default-default, currentColor);
+}
+
+/* Icons inside buttons should inherit from button's foreground color */
+.muka-button .muka-icon {
+  color: inherit;
+}
+
+.muka-icon--subtle {
+  color: var(--color-icon-subtle-default);
+}
+
+.muka-icon--muted {
+  color: var(--color-icon-muted-default);
+}
+
+.muka-icon--inverse {
+  color: var(--color-icon-default-inverse);
+}
+
+.muka-icon--xs {
+  width: var(--icon-size-xs);
+  height: var(--icon-size-xs);
+}
+
+.muka-icon--sm {
+  width: var(--icon-size-sm);
+  height: var(--icon-size-sm);
+}
+
+.muka-icon--md {
+  width: var(--icon-size-default);
+  height: var(--icon-size-default);
+}
+
+.muka-icon--lg {
+  width: var(--icon-size-lg);
+  height: var(--icon-size-lg);
+}
+
+.muka-icon svg {
+  width: 100%;
+  height: 100%;
+}

package/dist/esm/components/Icon/Icon.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import './Icon.css';
+import { getIconComponent } from './iconRegistry';
+/**
+ * Icon Component
+ *
+ * Wrapper that enforces consistent sizing and color inheritance.
+ * Supports two modes: name (RemixIcon from registry) or children (custom SVG).
+ * Provide exactly one of name or children.
+ *
+ * Tokens used:
+ * - icon.size.{xs|sm|default|lg}
+ */
+export const Icon = ({ name, variant = 'line', children, size = 'md', colorVariant, color, label, className = '', ...props }) => {
+    const iconClasses = [
+        'muka-icon',
+        `muka-icon--${size}`,
+        colorVariant && colorVariant !== 'default' && `muka-icon--${colorVariant}`,
+        className,
+    ].filter(Boolean).join(' ');
+    let content;
+    if (name) {
+        const IconComponent = getIconComponent(name, variant);
+        content = _jsx(IconComponent, {});
+    }
+    else if (children !== undefined && children !== null) {
+        content = children;
+    }
+    else {
+        content = null;
+    }
+    return (_jsx("span", { className: iconClasses, style: color ? { color } : undefined, role: label ? 'img' : 'presentation', "aria-label": label, "aria-hidden": !label, ...props, children: content }));
+};
+export default Icon;
+//# sourceMappingURL=Icon.js.map

package/dist/esm/components/Icon/Icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../../components/Icon/Icon.tsx"],"names":[],"mappings":";AACA,OAAO,YAAY,CAAC;AACpB,OAAO,EAAE,gBAAgB,EAAiB,MAAM,gBAAgB,CAAC;AA8BjE;;;;;;;;;GASG;AACH,MAAM,CAAC,MAAM,IAAI,GAAwB,CAAC,EACxC,IAAI,EACJ,OAAO,GAAG,MAAM,EAChB,QAAQ,EACR,IAAI,GAAG,IAAI,EACX,YAAY,EACZ,KAAK,EACL,KAAK,EACL,SAAS,GAAG,EAAE,EACd,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,WAAW,GAAG;QAClB,WAAW;QACX,cAAc,IAAI,EAAE;QACpB,YAAY,IAAI,YAAY,KAAK,SAAS,IAAI,cAAc,YAAY,EAAE;QAC1E,SAAS;KACV,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAE5B,IAAI,OAAwB,CAAC;IAC7B,IAAI,IAAI,EAAE,CAAC;QACT,MAAM,aAAa,GAAG,gBAAgB,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;QACtD,OAAO,GAAG,KAAC,aAAa,KAAG,CAAC;IAC9B,CAAC;SAAM,IAAI,QAAQ,KAAK,SAAS,IAAI,QAAQ,KAAK,IAAI,EAAE,CAAC;QACvD,OAAO,GAAG,QAAQ,CAAC;IACrB,CAAC;SAAM,CAAC;QACN,OAAO,GAAG,IAAI,CAAC;IACjB,CAAC;IAED,OAAO,CACL,eACE,SAAS,EAAE,WAAW,EACtB,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,SAAS,EACpC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,cAAc,gBACxB,KAAK,iBACJ,CAAC,KAAK,KACf,KAAK,YAER,OAAO,GACH,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,IAAI,CAAC"}