@revikornmann/muka-ui 0.2.1

package/dist/cjs/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/cjs/components/FormProgressBar/FormProgressBar.js

@@ -0,0 +1,101 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormProgressBar = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+require("./FormProgressBar.css");
+const Icon_1 = require("../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
+ */
+const FormProgressBar = ({ steps, currentStep, onStepClick, className = '', }) => {
+    const totalSteps = steps.length;
+    const rootClasses = ['muka-progress-bar', className].filter(Boolean).join(' ');
+    return ((0, jsx_runtime_1.jsx)("div", { className: rootClasses, role: "group", "aria-label": "Form progress", children: (0, jsx_runtime_1.jsxs)("div", { className: "muka-progress-bar__track", children: [(0, jsx_runtime_1.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 ((0, jsx_runtime_1.jsxs)("div", { className: stepClasses, "aria-current": isCurrent ? 'step' : undefined, children: [(0, jsx_runtime_1.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 ? ((0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: "check", variant: "fill", size: "sm", className: "muka-progress-bar__check-icon" })) : ((0, jsx_runtime_1.jsx)("span", { className: "muka-progress-bar__number", children: stepNumber })) }), (0, jsx_runtime_1.jsx)("span", { className: labelClasses, children: step.label })] }, index));
+                    }) }), (0, jsx_runtime_1.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 (0, jsx_runtime_1.jsx)("div", { className: connectorClasses, "aria-hidden": "true" }, index);
+                    }) })] }) }));
+};
+exports.FormProgressBar = FormProgressBar;
+exports.default = exports.FormProgressBar;
+//# sourceMappingURL=FormProgressBar.js.map

package/dist/cjs/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/cjs/components/FormProgressBar/index.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = exports.FormProgressBar = void 0;
+var FormProgressBar_1 = require("./FormProgressBar");
+Object.defineProperty(exports, "FormProgressBar", { enumerable: true, get: function () { return FormProgressBar_1.FormProgressBar; } });
+var FormProgressBar_2 = require("./FormProgressBar");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return FormProgressBar_2.FormProgressBar; } });
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../components/FormProgressBar/index.ts"],"names":[],"mappings":";;;AAAA,qDAAyG;AAAhG,kHAAA,eAAe,OAAA;AACxB,qDAA+D;AAAtD,0GAAA,eAAe,OAAW"}

package/dist/cjs/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/cjs/components/Icon/Icon.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Icon = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+require("./Icon.css");
+const iconRegistry_1 = require("./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}
+ */
+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 = (0, iconRegistry_1.getIconComponent)(name, variant);
+        content = (0, jsx_runtime_1.jsx)(IconComponent, {});
+    }
+    else if (children !== undefined && children !== null) {
+        content = children;
+    }
+    else {
+        content = null;
+    }
+    return ((0, jsx_runtime_1.jsx)("span", { className: iconClasses, style: color ? { color } : undefined, role: label ? 'img' : 'presentation', "aria-label": label, "aria-hidden": !label, ...props, children: content }));
+};
+exports.Icon = Icon;
+exports.default = exports.Icon;
+//# sourceMappingURL=Icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../../components/Icon/Icon.tsx"],"names":[],"mappings":";;;;AACA,sBAAoB;AACpB,iDAAiE;AA8BjE;;;;;;;;;GASG;AACI,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,IAAA,+BAAgB,EAAC,IAAI,EAAE,OAAO,CAAC,CAAC;QACtD,OAAO,GAAG,uBAAC,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,iCACE,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;AAxCW,QAAA,IAAI,QAwCf;AAEF,kBAAe,YAAI,CAAC"}

package/dist/cjs/components/Icon/iconRegistry.js

@@ -0,0 +1,120 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.iconRegistry = void 0;
+exports.getIconComponent = getIconComponent;
+const RemixIcons = __importStar(require("@remixicon/react"));
+/**
+ * Convert PascalCase to kebab-case
+ * e.g., "ArrowLeftS" -> "arrow-left-s"
+ */
+function toKebabCase(str) {
+    return str
+        .replace(/([a-z0-9])([A-Z])/g, '$1-$2')
+        .replace(/([A-Z])([A-Z][a-z])/g, '$1-$2')
+        .toLowerCase();
+}
+const NullComponent = function NullIcon() {
+    return null;
+};
+/**
+ * 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.
+ */
+exports.iconRegistry = {};
+// Build registry from all RemixIcon exports
+// Pattern: Ri{Name}Line, Ri{Name}Fill, or Ri{Name} (single-variant)
+const iconExports = RemixIcons;
+const exportNames = Object.keys(iconExports);
+for (let i = 0; i < exportNames.length; i++) {
+    const exportName = exportNames[i];
+    const Component = iconExports[exportName];
+    if (!exportName.startsWith('Ri'))
+        continue;
+    if (typeof Component !== 'function')
+        continue;
+    const isLine = exportName.endsWith('Line');
+    const isFill = exportName.endsWith('Fill');
+    let baseName;
+    if (isLine || isFill) {
+        // Extract name: "RiArrowLeftLine" -> "ArrowLeft"
+        baseName = exportName.slice(2, -4);
+    }
+    else {
+        // Single-variant icon: "RiSortDesc" -> "SortDesc"
+        baseName = exportName.slice(2);
+    }
+    const kebabName = toKebabCase(baseName);
+    if (!exports.iconRegistry[kebabName]) {
+        exports.iconRegistry[kebabName] = {
+            line: NullComponent,
+            fill: NullComponent,
+        };
+    }
+    if (isLine) {
+        exports.iconRegistry[kebabName].line = Component;
+    }
+    else if (isFill) {
+        exports.iconRegistry[kebabName].fill = Component;
+    }
+    else {
+        // Single-variant icons use the same component for both
+        exports.iconRegistry[kebabName].line = Component;
+        exports.iconRegistry[kebabName].fill = Component;
+    }
+}
+// For icons without both variants, use the available one for both
+const registryKeys = Object.keys(exports.iconRegistry);
+for (let i = 0; i < registryKeys.length; i++) {
+    const entry = exports.iconRegistry[registryKeys[i]];
+    if (entry.line === NullComponent && entry.fill !== NullComponent) {
+        entry.line = entry.fill;
+    }
+    else if (entry.fill === NullComponent && entry.line !== NullComponent) {
+        entry.fill = entry.line;
+    }
+}
+function getIconComponent(name, variant) {
+    const entry = exports.iconRegistry[name];
+    if (!entry)
+        return NullComponent;
+    return variant === 'fill' ? entry.fill : entry.line;
+}
+//# sourceMappingURL=iconRegistry.js.map

package/dist/cjs/components/Icon/iconRegistry.js.map

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

package/dist/cjs/components/Icon/index.js

@@ -0,0 +1,11 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = exports.Icon = void 0;
+var Icon_1 = require("./Icon");
+Object.defineProperty(exports, "Icon", { enumerable: true, get: function () { return Icon_1.Icon; } });
+var Icon_2 = require("./Icon");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Icon_2).default; } });
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/Icon/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../components/Icon/index.ts"],"names":[],"mappings":";;;;;;AAAA,+BAA6D;AAApD,4FAAA,IAAI,OAAA;AACb,+BAAiC;AAAxB,gHAAA,OAAO,OAAA"}