@revikornmann/muka-ui 0.2.1

package/dist/types/components/Drawer/Drawer.d.ts

@@ -0,0 +1,31 @@
+import React from 'react';
+import './Drawer.css';
+export interface DrawerProps {
+    /** Whether the drawer is open */
+    open: boolean;
+    /** Called when the drawer should close */
+    onClose?: () => void;
+    /** Drawer content */
+    children: React.ReactNode;
+    /** Side the drawer slides in from */
+    side?: 'left' | 'right' | 'bottom' | 'top';
+    /** Size variant */
+    size?: 'sm' | 'md' | 'lg' | 'full';
+    /** Title shown in the header */
+    title?: string;
+    /** Leading slot in the header */
+    leading?: React.ReactNode;
+    /** Trailing slot in the header */
+    trailing?: React.ReactNode;
+    /** Footer content */
+    footer?: React.ReactNode;
+    /** Close on backdrop click */
+    closeOnBackdropClick?: boolean;
+    /** Lock body scroll when open */
+    lockScroll?: boolean;
+    /** Additional CSS classes */
+    className?: string;
+}
+export declare const Drawer: React.FC<DrawerProps>;
+export default Drawer;
+//# sourceMappingURL=Drawer.d.ts.map

package/dist/types/components/Drawer/Drawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../../components/Drawer/Drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoE,MAAM,OAAO,CAAC;AACzF,OAAO,cAAc,CAAC;AAEtB,MAAM,WAAW,WAAW;IAC1B,iCAAiC;IACjC,IAAI,EAAE,OAAO,CAAC;IACd,0CAA0C;IAC1C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,qBAAqB;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,qCAAqC;IACrC,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IAC3C,mBAAmB;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;IACnC,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iCAAiC;IACjC,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,kCAAkC;IAClC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,qBAAqB;IACrB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,8BAA8B;IAC9B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,iCAAiC;IACjC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAID,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA4HxC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/types/components/Drawer/index.d.ts

@@ -0,0 +1,3 @@
+export { Drawer, type DrawerProps } from './Drawer';
+export { default } from './Drawer';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/Drawer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/Drawer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC"}

package/dist/types/components/EmptyState/EmptyState.d.ts

@@ -0,0 +1,37 @@
+import React from 'react';
+import './EmptyState.css';
+export interface EmptyStateProps {
+    title: string;
+    description?: string;
+    icon?: React.ReactNode;
+    illustration?: React.ReactNode;
+    primaryAction?: {
+        label: string;
+        onClick: () => void;
+        icon?: React.ReactNode;
+    };
+    secondaryAction?: {
+        label: string;
+        onClick: () => void;
+    };
+    size?: 'sm' | 'md' | 'lg';
+    align?: 'center' | 'left';
+    className?: string;
+}
+/**
+ * EmptyState Component
+ *
+ * Displays a zero-state UI when no data is available.
+ * Used for empty tables, search results, dashboards, and initial states.
+ *
+ * @accessibility WCAG 2.1 AA compliant
+ * - Uses role="status" for dynamic empty states
+ * - Illustrations marked as decorative (aria-hidden)
+ * - Action buttons fully accessible
+ * - Proper heading hierarchy with title
+ *
+ * @see https://www.w3.org/WAI/ARIA/apg/patterns/alert/
+ */
+export declare const EmptyState: React.FC<EmptyStateProps>;
+export default EmptyState;
+//# sourceMappingURL=EmptyState.d.ts.map

package/dist/types/components/EmptyState/EmptyState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.d.ts","sourceRoot":"","sources":["../../../../components/EmptyState/EmptyState.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,kBAAkB,CAAC;AAG1B,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,aAAa,CAAC,EAAE;QACd,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,MAAM,IAAI,CAAC;QACpB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;KACxB,CAAC;IACF,eAAe,CAAC,EAAE;QAChB,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,MAAM,IAAI,CAAC;KACrB,CAAC;IACF,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,KAAK,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAiEhD,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/types/components/EmptyState/index.d.ts

@@ -0,0 +1,3 @@
+export { EmptyState, type EmptyStateProps } from './EmptyState';
+export { default } from './EmptyState';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/EmptyState/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/EmptyState/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAChE,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC"}

package/dist/types/components/FAB/FAB.d.ts

@@ -0,0 +1,57 @@
+import React from 'react';
+import './FAB.css';
+export interface FABProps {
+    /** Icon element (single icon, no text) */
+    icon: React.ReactNode;
+    /**
+     * Optional visible label. When provided, the FAB becomes "extended" — a pill
+     * shape with the label rendered next to the icon.
+     */
+    label?: string;
+    /** Click handler */
+    onClick?: () => void;
+    /**
+     * Position relative to the viewport. The FAB is `position: fixed` and respects
+     * iOS safe-area insets unless `disableSafeArea` is set.
+     * Default: 'bottom-right'
+     */
+    position?: 'bottom-right' | 'bottom-left' | 'bottom-center';
+    /**
+     * Visual variant.
+     * - `primary` — filled with action color (default)
+     * - `secondary` — surface color with elevation
+     */
+    variant?: 'primary' | 'secondary';
+    /** Size — md (56px) or lg (64px). Default: 'md' */
+    size?: 'md' | 'lg';
+    /**
+     * Disable iOS safe-area inset offset.
+     * Default: false. Set to true when rendering inside a container that already insets.
+     */
+    disableSafeArea?: boolean;
+    /**
+     * Accessible label. Required when no visible `label` is provided.
+     */
+    'aria-label'?: string;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Additional CSS classes */
+    className?: string;
+}
+/**
+ * FAB — Floating Action Button.
+ *
+ * A circular (or pill-shaped when extended) button positioned over content,
+ * typically used for the primary action on a screen: "Add motorcycle",
+ * "Compose message", etc.
+ *
+ * - `position` controls which screen corner anchors the FAB.
+ * - Provide `label` to render as an **extended FAB** (pill shape with text).
+ * - Safe-area aware by default — won't sit under the iOS home indicator.
+ *
+ * @accessibility
+ * - Requires `aria-label` when used without a visible `label`
+ */
+export declare const FAB: React.FC<FABProps>;
+export default FAB;
+//# sourceMappingURL=FAB.d.ts.map

package/dist/types/components/FAB/FAB.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FAB.d.ts","sourceRoot":"","sources":["../../../../components/FAB/FAB.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,WAAW,CAAC;AAEnB,MAAM,WAAW,QAAQ;IACvB,0CAA0C;IAC1C,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IAEtB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,cAAc,GAAG,aAAa,GAAG,eAAe,CAAC;IAE5D;;;;OAIG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;IAElC,mDAAmD;IACnD,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IAEnB;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,GAAG,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CA8ClC,CAAC;AAEF,eAAe,GAAG,CAAC"}

package/dist/types/components/FAB/index.d.ts

@@ -0,0 +1,2 @@
+export { FAB, type FABProps } from './FAB';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/FAB/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/FAB/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,KAAK,QAAQ,EAAE,MAAM,OAAO,CAAC"}

package/dist/types/components/FileUpload/FileUpload.d.ts

@@ -0,0 +1,55 @@
+import React from 'react';
+import { FileUploadItem, type FileUploadItemProps } from './FileUploadItem';
+import './FileUpload.css';
+export interface FileUploadError {
+    type: 'size' | 'type' | 'count';
+    message: string;
+    file?: File;
+}
+export interface UploadResult {
+    success: boolean;
+    url?: string;
+    error?: string;
+}
+export interface FileWithStatus {
+    file: File;
+    id: string;
+    progress?: number;
+    status: 'pending' | 'uploading' | 'success' | 'error';
+    error?: string;
+    previewUrl?: string;
+}
+export interface FileUploadProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'onError'> {
+    /** Accepted file types (MIME types or extensions, e.g., "image/*,.pdf") */
+    accept?: string;
+    /** Allow multiple file selection */
+    multiple?: boolean;
+    /** Maximum file size in bytes */
+    maxSize?: number;
+    /** Maximum number of files */
+    maxFiles?: number;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Current files (controlled mode) */
+    files?: FileWithStatus[];
+    /** Callback when files change */
+    onFilesChange?: (files: FileWithStatus[]) => void;
+    /** Callback when validation error occurs */
+    onError?: (error: FileUploadError) => void;
+    /** Upload function for each file */
+    uploadFn?: (file: File, onProgress: (progress: number) => void) => Promise<UploadResult>;
+    /** Visual variant */
+    variant?: 'dropzone' | 'button';
+    /** Size variant */
+    size?: 'sm' | 'md' | 'lg';
+    /** Show image previews */
+    showPreview?: boolean;
+    /** Custom content for the drop zone */
+    children?: React.ReactNode;
+    /** Accessible label */
+    'aria-label'?: string;
+}
+export declare const FileUpload: React.ForwardRefExoticComponent<FileUploadProps & React.RefAttributes<HTMLDivElement>>;
+export { FileUploadItem, type FileUploadItemProps };
+export default FileUpload;
+//# sourceMappingURL=FileUpload.d.ts.map

package/dist/types/components/FileUpload/FileUpload.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileUpload.d.ts","sourceRoot":"","sources":["../../../../components/FileUpload/FileUpload.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoD,MAAM,OAAO,CAAC;AACzE,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC5E,OAAO,kBAAkB,CAAC;AAE1B,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;IAChC,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,IAAI,CAAC;CACb;AAED,MAAM,WAAW,YAAY;IAC3B,OAAO,EAAE,OAAO,CAAC;IACjB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,IAAI,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,OAAO,CAAC;IACtD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;IAC1E,2EAA2E;IAC3E,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,iCAAiC;IACjC,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,sCAAsC;IACtC,KAAK,CAAC,EAAE,cAAc,EAAE,CAAC;IAEzB,iCAAiC;IACjC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,EAAE,KAAK,IAAI,CAAC;IAElD,4CAA4C;IAC5C,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAC;IAE3C,oCAAoC;IACpC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,KAAK,OAAO,CAAC,YAAY,CAAC,CAAC;IAEzF,qBAAqB;IACrB,OAAO,CAAC,EAAE,UAAU,GAAG,QAAQ,CAAC;IAEhC,mBAAmB;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAE1B,0BAA0B;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,uBAAuB;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAkBD,eAAO,MAAM,UAAU,wFAqUtB,CAAC;AAIF,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,CAAC;AACpD,eAAe,UAAU,CAAC"}

package/dist/types/components/FileUpload/FileUploadItem.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+export interface FileUploadItemProps {
+    /** The file object */
+    file: File;
+    /** Upload progress (0-100) */
+    progress?: number;
+    /** Upload status */
+    status?: 'pending' | 'uploading' | 'success' | 'error';
+    /** Error message if upload failed */
+    error?: string;
+    /** Preview URL for images */
+    previewUrl?: string;
+    /** Show image preview thumbnail */
+    showPreview?: boolean;
+    /** Callback when remove button is clicked */
+    onRemove?: () => void;
+}
+export declare const FileUploadItem: React.FC<FileUploadItemProps>;
+export default FileUploadItem;
+//# sourceMappingURL=FileUploadItem.d.ts.map

package/dist/types/components/FileUpload/FileUploadItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileUploadItem.d.ts","sourceRoot":"","sources":["../../../../components/FileUpload/FileUploadItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,MAAM,WAAW,mBAAmB;IAClC,sBAAsB;IACtB,IAAI,EAAE,IAAI,CAAC;IAEX,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,oBAAoB;IACpB,MAAM,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,OAAO,CAAC;IAEvD,qCAAqC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,6BAA6B;IAC7B,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,mCAAmC;IACnC,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAmBD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAsFxD,CAAC;AAIF,eAAe,cAAc,CAAC"}

package/dist/types/components/FileUpload/index.d.ts

@@ -0,0 +1,2 @@
+export { FileUpload, FileUploadItem, type FileUploadProps, type FileUploadItemProps, type FileUploadError, type FileWithStatus, type UploadResult, } from './FileUpload';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/FileUpload/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/FileUpload/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EACV,cAAc,EACd,KAAK,eAAe,EACpB,KAAK,mBAAmB,EACxB,KAAK,eAAe,EACpB,KAAK,cAAc,EACnB,KAAK,YAAY,GAClB,MAAM,cAAc,CAAC"}

package/dist/types/components/FormProgressBar/FormProgressBar.d.ts

@@ -0,0 +1,48 @@
+import React from 'react';
+import './FormProgressBar.css';
+export interface FormProgressBarStep {
+    /** Label displayed below the step indicator */
+    label: string;
+}
+export interface FormProgressBarProps {
+    /**
+     * Array of step configurations (2–5 steps supported).
+     * Each step requires a label.
+     */
+    steps: FormProgressBarStep[];
+    /**
+     * Current active step (1-indexed).
+     * - 0 = not started (all steps upcoming)
+     * - 1..N = that step is active
+     * - > N = all steps completed ("done")
+     */
+    currentStep: number;
+    /** Callback when a completed (past) step indicator is clicked */
+    onStepClick?: (stepIndex: number) => void;
+    /** Additional CSS classes */
+    className?: string;
+}
+/**
+ * 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 declare const FormProgressBar: React.FC<FormProgressBarProps>;
+export default FormProgressBar;
+//# sourceMappingURL=FormProgressBar.d.ts.map

package/dist/types/components/FormProgressBar/FormProgressBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormProgressBar.d.ts","sourceRoot":"","sources":["../../../../components/FormProgressBar/FormProgressBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,uBAAuB,CAAC;AAG/B,MAAM,WAAW,mBAAmB;IAClC,+CAA+C;IAC/C,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,oBAAoB;IACnC;;;OAGG;IACH,KAAK,EAAE,mBAAmB,EAAE,CAAC;IAE7B;;;;;OAKG;IACH,WAAW,EAAE,MAAM,CAAC;IAEpB,iEAAiE;IACjE,WAAW,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAE1C,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA8BD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAoG1D,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/types/components/FormProgressBar/index.d.ts

@@ -0,0 +1,3 @@
+export { FormProgressBar, type FormProgressBarProps, type FormProgressBarStep } from './FormProgressBar';
+export { FormProgressBar as default } from './FormProgressBar';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/FormProgressBar/index.d.ts.map

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

package/dist/types/components/Icon/Icon.d.ts

@@ -0,0 +1,35 @@
+import React from 'react';
+import './Icon.css';
+import { type IconName } from './iconRegistry';
+export type { IconName } from './iconRegistry';
+export interface IconProps {
+    /** Registered icon name (RemixIcon). Use with variant for line/fill. */
+    name?: IconName;
+    /** Icon style when using name. Default line. */
+    variant?: 'line' | 'fill';
+    /** SVG element or custom content. Use when not using name. */
+    children?: React.ReactNode;
+    /** Size variant — uses icon.size tokens */
+    size?: 'xs' | 'sm' | 'md' | 'lg';
+    /** Color variant — uses icon.color tokens for theme-aware colors */
+    colorVariant?: 'default' | 'subtle' | 'muted' | 'inverse';
+    /** Color override (overrides colorVariant) */
+    color?: string;
+    /** Accessible label (sets aria-label) */
+    label?: string;
+    /** Additional CSS classes */
+    className?: string;
+}
+/**
+ * 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 declare const Icon: React.FC<IconProps>;
+export default Icon;
+//# sourceMappingURL=Icon.d.ts.map

package/dist/types/components/Icon/Icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../../components/Icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,YAAY,CAAC;AACpB,OAAO,EAAoB,KAAK,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAEjE,YAAY,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE/C,MAAM,WAAW,SAAS;IACxB,wEAAwE;IACxE,IAAI,CAAC,EAAE,QAAQ,CAAC;IAEhB,gDAAgD;IAChD,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAE1B,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,2CAA2C;IAC3C,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAEjC,oEAAoE;IACpE,YAAY,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;IAE1D,8CAA8C;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,yCAAyC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;GASG;AACH,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAwCpC,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/types/components/Icon/iconRegistry.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+export type IconRegistryEntry = {
+    line: React.ComponentType<{
+        className?: string;
+    }>;
+    fill: React.ComponentType<{
+        className?: string;
+    }>;
+};
+/**
+ * Auto-generated registry of all RemixIcon components.
+ * Icons are keyed by kebab-case name (e.g., "arrow-left", "delete-bin-2", "more-2").
+ *
+ * Usage: <Icon name="arrow-left" variant="line" />
+ *
+ * Note: This includes all ~2,800 RemixIcons for development convenience.
+ * Before production release, consider trimming to only used icons for smaller bundles.
+ */
+export declare const iconRegistry: Record<string, IconRegistryEntry>;
+export type IconName = string;
+export declare function getIconComponent(name: IconName, variant: 'line' | 'fill'): React.ComponentType<{
+    className?: string;
+}>;
+//# sourceMappingURL=iconRegistry.d.ts.map

package/dist/types/components/Icon/iconRegistry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"iconRegistry.d.ts","sourceRoot":"","sources":["../../../../components/Icon/iconRegistry.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAClD,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CACnD,CAAC;AAiBF;;;;;;;;GAQG;AACH,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,iBAAiB,CAAM,CAAC;AAyDlE,MAAM,MAAM,QAAQ,GAAG,MAAM,CAAC;AAE9B,wBAAgB,gBAAgB,CAC9B,IAAI,EAAE,QAAQ,EACd,OAAO,EAAE,MAAM,GAAG,MAAM,GACvB,KAAK,CAAC,aAAa,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CAI7C"}

package/dist/types/components/Icon/index.d.ts

@@ -0,0 +1,3 @@
+export { Icon, type IconProps, type IconName } from './Icon';
+export { default } from './Icon';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/Icon/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/Icon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAC7D,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC"}

package/dist/types/components/Input/Input.d.ts

@@ -0,0 +1,59 @@
+import React from 'react';
+import './Input.css';
+export interface InputProps {
+    /** Current input value */
+    value?: string;
+    /** Change handler */
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    /** Placeholder text */
+    placeholder?: string;
+    /** Label text displayed above the input */
+    label?: string;
+    /** Helper text displayed below the input */
+    helperText?: string;
+    /** Error state */
+    error?: boolean;
+    /** Error message (shown when error is true) */
+    errorMessage?: string;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Size variant — matches your token system */
+    size?: 'sm' | 'md' | 'lg';
+    /** Input type */
+    type?: 'text' | 'number' | 'email' | 'password' | 'tel' | 'url' | 'search';
+    /** Icon for left side */
+    iconLeft?: React.ReactNode;
+    /** Icon for right side */
+    iconRight?: React.ReactNode;
+    /** Full width input */
+    fullWidth?: boolean;
+    /** Additional CSS classes */
+    className?: string;
+    /** HTML name attribute */
+    name?: string;
+    /** Required field */
+    required?: boolean;
+    /** Read-only state */
+    readOnly?: boolean;
+}
+/**
+ * Input Component
+ *
+ * Built using the Muka design token system with support for:
+ * - 3 sizes: sm, md, lg
+ * - Interactive states: default, hover, focus, error, disabled
+ * - Icons with flexible positioning (left, right, or both)
+ * - Label and helper text
+ * - Multi-brand theming through design tokens
+ *
+ * Tokens used:
+ * - input.field.color.{state}.{background|foreground|border}
+ * - input.field.radius.{size}
+ * - input.field.padding.{x|y}
+ * - input.field.height.{size}
+ * - text.input.{size}
+ * - text.label.{size}.semibold
+ */
+export declare const Input: React.FC<InputProps>;
+export default Input;
+//# sourceMappingURL=Input.d.ts.map

package/dist/types/components/Input/Input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../components/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkC,MAAM,OAAO,CAAC;AACvD,OAAO,aAAa,CAAC;AAErB,MAAM,WAAW,UAAU;IACzB,0BAA0B;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,qBAAqB;IACrB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAE5D,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,4CAA4C;IAC5C,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,kBAAkB;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB,+CAA+C;IAC/C,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,+CAA+C;IAC/C,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAE1B,iBAAiB;IACjB,IAAI,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,UAAU,GAAG,KAAK,GAAG,KAAK,GAAG,QAAQ,CAAC;IAE3E,yBAAyB;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,0BAA0B;IAC1B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE5B,uBAAuB;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,0BAA0B;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,sBAAsB;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CA0HtC,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/dist/types/components/Input/index.d.ts

@@ -0,0 +1,3 @@
+export { Input, type InputProps } from './Input';
+export { default } from './Input';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/Input/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/Input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,SAAS,CAAC;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC"}

package/dist/types/components/Label/Label.d.ts

@@ -0,0 +1,32 @@
+import React from 'react';
+import './Label.css';
+export interface LabelProps {
+    /** Label content */
+    children: React.ReactNode;
+    /** Associated input ID */
+    htmlFor?: string;
+    /** Size variant — matches token system */
+    size?: 'sm' | 'md' | 'lg';
+    /** Show required indicator */
+    required?: boolean;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Hide label visually but keep accessible to screen readers */
+    visuallyHidden?: boolean;
+    /** Additional CSS classes */
+    className?: string;
+}
+/**
+ * Label Component
+ *
+ * Built using the Muka design token system.
+ * Uses semantic typography tokens: text.label.{size}.semibold
+ *
+ * @accessibility WCAG 2.1 AA compliant
+ * - Native <label> element with htmlFor association
+ * - Required indicator hidden from assistive tech (visual only)
+ * - visuallyHidden prop for accessible but invisible labels
+ */
+export declare const Label: React.FC<LabelProps>;
+export default Label;
+//# sourceMappingURL=Label.d.ts.map

package/dist/types/components/Label/Label.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../../../components/Label/Label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,aAAa,CAAC;AAErB,MAAM,WAAW,UAAU;IACzB,oBAAoB;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B,0BAA0B;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,0CAA0C;IAC1C,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAE1B,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,gEAAgE;IAChE,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;GAUG;AACH,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAwBtC,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/dist/types/components/Label/index.d.ts

@@ -0,0 +1,3 @@
+export { Label, type LabelProps } from './Label';
+export { default } from './Label';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/Label/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/Label/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,SAAS,CAAC;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC"}

package/dist/types/components/LicensePlateInput/LicensePlateInput.d.ts

@@ -0,0 +1,51 @@
+import React from 'react';
+import './LicensePlateInput.css';
+export interface LicensePlateInputProps {
+    /** Current plate value (controlled). Auto-uppercased. */
+    value?: string;
+    /** Change handler — receives the uppercased value */
+    onChange?: (value: string) => void;
+    /** Submit handler — fires on Enter */
+    onSubmit?: (value: string) => void;
+    /** Placeholder text shown when empty. Default: 'TIK HIER' */
+    placeholder?: string;
+    /** Helper text below the field */
+    helperText?: string;
+    /** Error state */
+    error?: boolean;
+    /** Error message (shown when error is true) */
+    errorMessage?: string;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Read-only state */
+    readOnly?: boolean;
+    /** Size variant */
+    size?: 'sm' | 'md' | 'lg';
+    /** Maximum number of characters allowed (excluding hyphens). Default: 8 */
+    maxLength?: number;
+    /** Required field */
+    required?: boolean;
+    /** Additional CSS classes */
+    className?: string;
+    /** HTML name attribute */
+    name?: string;
+    /**
+     * Country code shown on the EU strip. Default: 'NL'.
+     * Currently only the visual label changes; flag stays the EU ring of stars.
+     */
+    countryCode?: string;
+}
+/**
+ * LicensePlateInput
+ *
+ * European-style license plate input modelled after the Dutch RDW kentekencheck.
+ * Renders a yellow plate body with a blue EU strip on the left (stars + country code),
+ * and a single text field for the plate value.
+ *
+ * Plate body colors (yellow background, EU blue, plate text) follow the EU/NL
+ * regulatory palette and are kept fixed across brands. Surrounding UI (helper,
+ * focus ring, error border) uses Muka semantic tokens.
+ */
+export declare const LicensePlateInput: React.FC<LicensePlateInputProps>;
+export default LicensePlateInput;
+//# sourceMappingURL=LicensePlateInput.d.ts.map

package/dist/types/components/LicensePlateInput/LicensePlateInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LicensePlateInput.d.ts","sourceRoot":"","sources":["../../../../components/LicensePlateInput/LicensePlateInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkC,MAAM,OAAO,CAAC;AACvD,OAAO,yBAAyB,CAAC;AAEjC,MAAM,WAAW,sBAAsB;IACrC,yDAAyD;IACzD,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,qDAAqD;IACrD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAEnC,sCAAsC;IACtC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAEnC,6DAA6D;IAC7D,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,kCAAkC;IAClC,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,kBAAkB;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB,+CAA+C;IAC/C,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,sBAAsB;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,mBAAmB;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAE1B,2EAA2E;IAC3E,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,0BAA0B;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAKD;;;;;;;;;;GAUG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAkI9D,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/types/components/LicensePlateInput/index.d.ts

@@ -0,0 +1,3 @@
+export { LicensePlateInput, type LicensePlateInputProps } from './LicensePlateInput';
+export { default } from './LicensePlateInput';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/LicensePlateInput/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/LicensePlateInput/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,KAAK,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AACrF,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC"}