@revikornmann/muka-ui 0.7.0 → 0.8.0

package/dist/cjs/components/Alert/Alert.css

@@ -109,6 +109,13 @@
   height: 100%;
 }
 
+/* The leading icon and the dismiss (×) icon inherit the variant accent set on
+   their container, overriding the Icon component's default color. */
+.muka-alert__icon .muka-icon,
+.muka-alert__dismiss .muka-icon {
+  color: inherit;
+}
+
 /* Content */
 .muka-alert__content {
   flex: 1;

package/dist/cjs/components/DataPieChart/DataPieChart.css

@@ -27,6 +27,35 @@
   transition: stroke-dasharray 0.3s ease;
 }
 
+/* ─── Indeterminate (spinner) ─────────────────────────── */
+/* A masked ring filled with an angular (conic) gradient that rotates. The mask
+   band matches the donut geometry (r=40, strokeWidth=16 → 64%–96% of radius) so
+   it swaps seamlessly with the value-based progress donut. */
+.muka-data-pie-chart__spinner-track,
+.muka-data-pie-chart__spinner {
+  position: absolute;
+  inset: 0;
+  border-radius: 50%;
+  -webkit-mask: radial-gradient(farthest-side, transparent 63%, #000 65%, #000 95%, transparent 97%);
+  mask: radial-gradient(farthest-side, transparent 63%, #000 65%, #000 95%, transparent 97%);
+}
+
+.muka-data-pie-chart__spinner {
+  animation: muka-data-pie-chart-spin 0.9s linear infinite;
+}
+
+@keyframes muka-data-pie-chart-spin {
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .muka-data-pie-chart__spinner {
+    animation-duration: 2.5s;
+  }
+}
+
 .muka-data-pie-chart__value {
   position: absolute;
   inset: 0;

package/dist/cjs/components/DataPieChart/DataPieChart.js

@@ -17,9 +17,14 @@ const GEOMETRY = {
  *
  * Variants: donut (default), pie
  */
-const DataPieChart = ({ value, max = 100, variant = 'donut', size = 120, color = 'var(--color-action-default)', trackColor = 'var(--color-surface-level0)', showValue = false, className = '', 'aria-label': ariaLabel, ...props }) => {
+const DataPieChart = ({ value, max = 100, variant = 'donut', size = 120, color, trackColor = 'var(--color-surface-level0)', showValue = false, indeterminate = false, className = '', 'aria-label': ariaLabel, ...props }) => {
     const { radius, strokeWidth } = GEOMETRY[variant];
     const circumference = 2 * Math.PI * radius;
+    // Indeterminate is a donut-only spinner; ignore it for the pie variant.
+    const spinning = indeterminate && variant === 'donut';
+    // The determinate arc defaults to the accent; the indeterminate spinner
+    // defaults to a subtle grey (its angular gradient fades to this colour).
+    const resolvedColor = color ?? (spinning ? 'var(--color-icon-subtle-default)' : 'var(--color-action-default)');
     const safeMax = max > 0 ? max : 1;
     const fraction = Math.min(1, Math.max(0, value / safeMax));
     const percent = Math.round(fraction * 100);
@@ -27,12 +32,24 @@ const DataPieChart = ({ value, max = 100, variant = 'donut', size = 120, color =
     const chartClasses = [
         'muka-data-pie-chart',
         `muka-data-pie-chart--${variant}`,
+        spinning && 'muka-data-pie-chart--indeterminate',
         className,
     ]
         .filter(Boolean)
         .join(' ');
-    const label = ariaLabel ?? `${variant === 'donut' ? 'Donut' : 'Pie'} chart: ${percent}%`;
-    return ((0, jsx_runtime_1.jsxs)("div", { className: chartClasses, style: { width: size, height: size }, role: "img", "aria-label": label, ...props, children: [(0, jsx_runtime_1.jsxs)("svg", { className: "muka-data-pie-chart__svg", viewBox: "0 0 100 100", "aria-hidden": "true", children: [(0, jsx_runtime_1.jsx)("circle", { className: "muka-data-pie-chart__track", cx: 50, cy: 50, r: radius, strokeWidth: strokeWidth, stroke: trackColor }), fraction > 0 && ((0, jsx_runtime_1.jsx)("circle", { className: "muka-data-pie-chart__segment", cx: 50, cy: 50, r: radius, strokeWidth: strokeWidth, stroke: color, strokeDasharray: `${arcLength} ${circumference - arcLength}`, strokeDashoffset: 0 }))] }), showValue && variant === 'donut' && ((0, jsx_runtime_1.jsxs)("span", { className: "muka-data-pie-chart__value", "aria-hidden": "true", children: [percent, "%"] }))] }));
+    const label = ariaLabel ??
+        (spinning
+            ? 'Loading'
+            : `${variant === 'donut' ? 'Donut' : 'Pie'} chart: ${percent}%`);
+    // Indeterminate spinner: a masked ring with an angular (conic) gradient that
+    // fades from the track colour round to `resolvedColor`, rotating. Shares the
+    // donut footprint so it swaps seamlessly with a progress donut of the same size.
+    if (spinning) {
+        return ((0, jsx_runtime_1.jsxs)("div", { className: chartClasses, style: { width: size, height: size }, role: "img", "aria-label": label, ...props, children: [(0, jsx_runtime_1.jsx)("span", { className: "muka-data-pie-chart__spinner-track", "aria-hidden": "true", style: { background: trackColor } }), (0, jsx_runtime_1.jsx)("span", { className: "muka-data-pie-chart__spinner", "aria-hidden": "true", style: {
+                        background: `conic-gradient(from 0deg, ${trackColor} 0deg, ${resolvedColor} 340deg, ${resolvedColor} 360deg)`,
+                    } })] }));
+    }
+    return ((0, jsx_runtime_1.jsxs)("div", { className: chartClasses, style: { width: size, height: size }, role: "img", "aria-label": label, ...props, children: [(0, jsx_runtime_1.jsxs)("svg", { className: "muka-data-pie-chart__svg", viewBox: "0 0 100 100", "aria-hidden": "true", children: [(0, jsx_runtime_1.jsx)("circle", { className: "muka-data-pie-chart__track", cx: 50, cy: 50, r: radius, strokeWidth: strokeWidth, stroke: trackColor }), fraction > 0 && ((0, jsx_runtime_1.jsx)("circle", { className: "muka-data-pie-chart__segment", cx: 50, cy: 50, r: radius, strokeWidth: strokeWidth, stroke: resolvedColor, strokeDasharray: `${arcLength} ${circumference - arcLength}`, strokeDashoffset: 0 }))] }), showValue && variant === 'donut' && ((0, jsx_runtime_1.jsxs)("span", { className: "muka-data-pie-chart__value", "aria-hidden": "true", children: [percent, "%"] }))] }));
 };
 exports.DataPieChart = DataPieChart;
 exports.default = exports.DataPieChart;

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

@@ -1 +1 @@
-{"version":3,"file":"DataPieChart.js","sourceRoot":"","sources":["../../../../components/DataPieChart/DataPieChart.tsx"],"names":[],"mappings":";;;;AACA,8BAA4B;AA+B5B,4EAA4E;AAC5E,MAAM,QAAQ,GAAG;IACf,KAAK,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,WAAW,EAAE,EAAE,EAAE;IACtC,GAAG,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,WAAW,EAAE,EAAE,EAAE;CAC5B,CAAC;AAEX;;;;;;;;GAQG;AACI,MAAM,YAAY,GAAgC,CAAC,EACxD,KAAK,EACL,GAAG,GAAG,GAAG,EACT,OAAO,GAAG,OAAO,EACjB,IAAI,GAAG,GAAG,EACV,KAAK,GAAG,6BAA6B,EACrC,UAAU,GAAG,6BAA6B,EAC1C,SAAS,GAAG,KAAK,EACjB,SAAS,GAAG,EAAE,EACd,YAAY,EAAE,SAAS,EACvB,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC;IAClD,MAAM,aAAa,GAAG,CAAC,GAAG,IAAI,CAAC,EAAE,GAAG,MAAM,CAAC;IAE3C,MAAM,OAAO,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IAClC,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,GAAG,OAAO,CAAC,CAAC,CAAC;IAC3D,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,GAAG,CAAC,CAAC;IAC3C,MAAM,SAAS,GAAG,QAAQ,GAAG,aAAa,CAAC;IAE3C,MAAM,YAAY,GAAG;QACnB,qBAAqB;QACrB,wBAAwB,OAAO,EAAE;QACjC,SAAS;KACV;SACE,MAAM,CAAC,OAAO,CAAC;SACf,IAAI,CAAC,GAAG,CAAC,CAAC;IAEb,MAAM,KAAK,GAAG,SAAS,IAAI,GAAG,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,WAAW,OAAO,GAAG,CAAC;IAEzF,OAAO,CACL,iCACE,SAAS,EAAE,YAAY,EACvB,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,EACpC,IAAI,EAAC,KAAK,gBACE,KAAK,KACb,KAAK,aAET,iCAAK,SAAS,EAAC,0BAA0B,EAAC,OAAO,EAAC,aAAa,iBAAa,MAAM,aAEhF,mCACE,SAAS,EAAC,4BAA4B,EACtC,EAAE,EAAE,EAAE,EACN,EAAE,EAAE,EAAE,EACN,CAAC,EAAE,MAAM,EACT,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,UAAU,GAClB,EACD,QAAQ,GAAG,CAAC,IAAI,CACf,mCACE,SAAS,EAAC,8BAA8B,EACxC,EAAE,EAAE,EAAE,EACN,EAAE,EAAE,EAAE,EACN,CAAC,EAAE,MAAM,EACT,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,KAAK,EACb,eAAe,EAAE,GAAG,SAAS,IAAI,aAAa,GAAG,SAAS,EAAE,EAC5D,gBAAgB,EAAE,CAAC,GACnB,CACH,IACG,EACL,SAAS,IAAI,OAAO,KAAK,OAAO,IAAI,CACnC,kCAAM,SAAS,EAAC,4BAA4B,iBAAa,MAAM,aAC5D,OAAO,SACH,CACR,IACG,CACP,CAAC;AACJ,CAAC,CAAC;AApEW,QAAA,YAAY,gBAoEvB;AAEF,kBAAe,oBAAY,CAAC"}
+{"version":3,"file":"DataPieChart.js","sourceRoot":"","sources":["../../../../components/DataPieChart/DataPieChart.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/Dialog/Dialog.js

@@ -1,9 +1,42 @@
 "use strict";
 'use client';
+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.Dialog = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
+const react_1 = __importStar(require("react"));
 const TopBar_1 = require("../TopBar");
 const BottomBar_1 = require("../BottomBar");
 const Button_1 = require("../Button");
@@ -19,6 +52,25 @@ function getNearestSnap(height) {
     const snaps = [SNAP_SM, SNAP_MD, snapLg];
     return snaps.reduce((prev, curr) => Math.abs(curr - height) < Math.abs(prev - height) ? curr : prev);
 }
+/**
+ * Clone the Dialog's action Buttons (including those wrapped in a Fragment) to
+ * force a size, so the TopBar/BottomBar buttons always match the design regardless
+ * of the size a consumer passes. Non-Button nodes are left untouched.
+ */
+function withButtonSize(node, size) {
+    return react_1.default.Children.map(node, (child) => {
+        if (!react_1.default.isValidElement(child))
+            return child;
+        if (child.type === react_1.default.Fragment) {
+            const fragment = child;
+            return react_1.default.cloneElement(fragment, {}, withButtonSize(fragment.props.children, size));
+        }
+        if (child.type === Button_1.Button) {
+            return react_1.default.cloneElement(child, { size });
+        }
+        return child;
+    });
+}
 const Dialog = ({ open, onClose, children, size = 'sm', mobileHeight = 'full', modal = true, title, leading, trailing, footerActions, footerVariant = 'actions', mobileLeadingLabel, mobileTrailingLabel, onMobileLeadingClick, onMobileTrailingClick, 'aria-label': ariaLabel, surfaceLevel = 3, 'aria-describedby': ariaDescribedBy, className = '', }) => {
     const dialogRef = (0, react_1.useRef)(null);
     const surfaceRef = (0, react_1.useRef)(null);
@@ -158,17 +210,22 @@ const Dialog = ({ open, onClose, children, size = 'sm', mobileHeight = 'full', m
     ].filter(Boolean).join(' ');
     // Non-modal on mobile gets drag handle via TopBar variant
     const topBarVariant = !modal ? 'draggable' : 'default';
-    // Compute leading/trailing for TopBar — avoid always-truthy fragments
+    // Compute leading/trailing for TopBar — avoid always-truthy fragments.
+    // Per design, TopBar action buttons are `lg` on every viewport.
     const topBarLeading = !modal
-        ? leading
+        ? withButtonSize(leading, 'lg')
         : (mobileLeadingLabel && hasInputs)
-            ? ((0, jsx_runtime_1.jsx)("span", { className: "muka-dialog__mobile-only", children: (0, jsx_runtime_1.jsx)(Button_1.Button, { variant: "tertiary", size: "sm", onClick: onMobileLeadingClick, children: mobileLeadingLabel }) }))
+            ? ((0, jsx_runtime_1.jsx)("span", { className: "muka-dialog__mobile-only", children: (0, jsx_runtime_1.jsx)(Button_1.Button, { variant: "tertiary", size: "lg", onClick: onMobileLeadingClick, children: mobileLeadingLabel }) }))
             : undefined;
     const topBarTrailing = !modal
-        ? trailing
+        ? withButtonSize(trailing, 'lg')
         : (mobileTrailingLabel && hasInputs)
-            ? ((0, jsx_runtime_1.jsx)("span", { className: "muka-dialog__mobile-only", children: (0, jsx_runtime_1.jsx)(Button_1.Button, { variant: "primary", size: "sm", onClick: onMobileTrailingClick || onClose, children: mobileTrailingLabel }) }))
+            ? ((0, jsx_runtime_1.jsx)("span", { className: "muka-dialog__mobile-only", children: (0, jsx_runtime_1.jsx)(Button_1.Button, { variant: "primary", size: "lg", onClick: onMobileTrailingClick || onClose, children: mobileTrailingLabel }) }))
             : undefined;
+    // Per design, BottomBar action buttons are `lg`.
+    const sizedFooterActions = footerActions
+        ? withButtonSize(footerActions, 'lg')
+        : undefined;
     // Surface inline style for drag/snap
     const surfaceStyle = isDragging && dragHeight !== null
         ? { height: `${dragHeight}px`, transition: 'none' }
@@ -179,7 +236,7 @@ const Dialog = ({ open, onClose, children, size = 'sm', mobileHeight = 'full', m
     return (
     // Native <dialog> is interactive and handles Escape natively; click handler closes on backdrop click.
     // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions
-    (0, jsx_runtime_1.jsx)("dialog", { ref: dialogRef, className: dialogClasses, onClick: handleBackdropClick, "aria-label": ariaLabel, "aria-describedby": ariaDescribedBy, children: (0, jsx_runtime_1.jsxs)("div", { ref: surfaceRef, className: "muka-dialog__surface", style: surfaceStyle, tabIndex: -1, children: [!modal ? ((0, jsx_runtime_1.jsx)("div", { className: "muka-dialog__drag-area", onPointerDown: handlePointerDown, onPointerMove: handlePointerMove, onPointerUp: handlePointerUp, onPointerCancel: handlePointerUp, style: { touchAction: 'none' }, children: topBar })) : (topBar), (0, jsx_runtime_1.jsx)("div", { ref: bodyRef, className: "muka-dialog__body", children: children }), footerActions && ((0, jsx_runtime_1.jsx)("div", { className: "muka-dialog__footer", children: (0, jsx_runtime_1.jsx)(BottomBar_1.BottomBar, { variant: footerVariant, size: "lg", bordered: false, children: footerActions }) }))] }) }));
+    (0, jsx_runtime_1.jsx)("dialog", { ref: dialogRef, className: dialogClasses, onClick: handleBackdropClick, "aria-label": ariaLabel, "aria-describedby": ariaDescribedBy, children: (0, jsx_runtime_1.jsxs)("div", { ref: surfaceRef, className: "muka-dialog__surface", style: surfaceStyle, tabIndex: -1, children: [!modal ? ((0, jsx_runtime_1.jsx)("div", { className: "muka-dialog__drag-area", onPointerDown: handlePointerDown, onPointerMove: handlePointerMove, onPointerUp: handlePointerUp, onPointerCancel: handlePointerUp, style: { touchAction: 'none' }, children: topBar })) : (topBar), (0, jsx_runtime_1.jsx)("div", { ref: bodyRef, className: "muka-dialog__body", children: children }), sizedFooterActions && ((0, jsx_runtime_1.jsx)("div", { className: "muka-dialog__footer", children: (0, jsx_runtime_1.jsx)(BottomBar_1.BottomBar, { variant: footerVariant, size: "lg", bordered: false, children: sizedFooterActions }) }))] }) }));
 };
 exports.Dialog = Dialog;
 exports.default = exports.Dialog;

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

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

package/dist/cjs/components/PhotoUploader/PhotoUploader.css

@@ -0,0 +1,125 @@
+/* PhotoUploader Component Styles - Using Muka Design Tokens */
+
+.muka-photo-uploader {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: var(--spacing-4);
+  width: 100%;
+}
+
+/* Visually-hidden native file input */
+.muka-photo-uploader__input {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0;
+}
+
+/* ─── Error feedback alert ────────────────────────────── */
+.muka-photo-uploader__alert {
+  width: 100%;
+}
+
+/* ─── Thumbnail grid ──────────────────────────────────── */
+.muka-photo-uploader__grid {
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--spacing-3);
+  width: 100%;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+.muka-photo-uploader__grid-item {
+  margin: 0;
+  padding: 0;
+}
+
+/* ─── Drop zone card ──────────────────────────────────── */
+.muka-photo-uploader__dropzone {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: var(--spacing-4);
+  width: 100%;
+  padding: var(--card-padding-lg);
+  background-color: var(--card-color-default-background);
+  border: var(--border-width-regular, 1px) solid var(--card-color-default-border);
+  border-radius: var(--border-radius-lg);
+  cursor: pointer;
+  text-align: center;
+  transition: background-color var(--motion-duration-micro) var(--motion-easing-enter),
+    border-color var(--motion-duration-micro) var(--motion-easing-enter);
+}
+
+.muka-photo-uploader__dropzone:hover,
+.muka-photo-uploader__dropzone--active {
+  border-color: var(--color-border-focus);
+  background-color: var(--color-surface-level1);
+}
+
+.muka-photo-uploader__dropzone:focus-visible {
+  outline: 2px solid var(--color-border-focus);
+  outline-offset: 2px;
+}
+
+.muka-photo-uploader__dropzone-icon {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--color-icon-subtle-default);
+}
+
+.muka-photo-uploader__dropzone-text {
+  font-family: var(--text-body-md-regular-fontFamily);
+  font-size: var(--text-body-md-regular-fontSize);
+  font-weight: var(--text-body-md-regular-fontWeight);
+  line-height: var(--text-body-md-regular-lineHeight);
+  color: var(--color-text-subtle-default);
+}
+
+/* ─── Disabled ────────────────────────────────────────── */
+.muka-photo-uploader--disabled .muka-photo-uploader__dropzone {
+  cursor: not-allowed;
+  opacity: 0.6;
+}
+
+.muka-photo-uploader--disabled .muka-photo-uploader__dropzone:hover {
+  border-color: var(--card-color-default-border);
+  background-color: var(--card-color-default-background);
+}
+
+/* ─── Enlarged photo dialog ───────────────────────────── */
+.muka-photo-uploader__preview {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+}
+
+/* Fits the dialog while preserving the photo's original aspect ratio. */
+.muka-photo-uploader__preview-image {
+  display: block;
+  max-width: 100%;
+  max-height: 100%;
+  width: auto;
+  height: auto;
+  object-fit: contain;
+  border-radius: var(--border-radius-lg);
+}
+
+/* ─── Reduced motion ──────────────────────────────────── */
+@media (prefers-reduced-motion: reduce) {
+  .muka-photo-uploader__dropzone {
+    transition: none;
+  }
+}

package/dist/cjs/components/PhotoUploader/PhotoUploader.js

@@ -0,0 +1,257 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PhotoUploader = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const Button_1 = require("../Button");
+const Icon_1 = require("../Icon");
+const Dialog_1 = require("../Dialog");
+const Alert_1 = require("../Alert");
+const Thumbnail_1 = require("../Thumbnail");
+require("./PhotoUploader.css");
+function generateId() {
+    return `photo-${Date.now()}-${Math.random().toString(36).substring(2, 9)}`;
+}
+function isImageFile(file) {
+    return file.type.startsWith('image/');
+}
+/**
+ * PhotoUploader Component
+ *
+ * A photo-first uploader: a primary "choose photos" button, a grid of
+ * `Thumbnail` tiles for the selected photos, and a drop-zone card. Each
+ * thumbnail shows a progress donut while uploading, a remove (×) button once
+ * loaded, and — when `enableDialog` is set — opens the photo full-size in a
+ * `Dialog` (original aspect ratio preserved) on click.
+ *
+ * Photos can be supplied controlled (`files` + `onFilesChange`) or left
+ * uncontrolled. Provide `uploadFn` to drive per-photo upload progress.
+ */
+exports.PhotoUploader = (0, react_1.forwardRef)(({ accept = 'image/*', multiple = true, maxSize, maxFiles, disabled = false, files: controlledFiles, onFilesChange, onError, uploadFn, processFile, shape = '4:3', chooseLabel = 'Choose photos', dropzoneLabel = 'Or drag photos here', dialogTitle, enableDialog = true, dialogCloseButtonLabel = 'Close', dialogRemoveLabel = 'Delete photo', dialogCloseLabel = 'Close', showErrorAlert = true, errorAlertTitle = (count) => `${count} photo${count === 1 ? '' : 's'} couldn’t be added`, errorAlertMessage = 'Check if photos are fully downloaded and try again', className = '', 'aria-label': ariaLabel, ...props }, ref) => {
+    const [internalFiles, setInternalFiles] = (0, react_1.useState)([]);
+    const [isDragActive, setIsDragActive] = (0, react_1.useState)(false);
+    const [activeId, setActiveId] = (0, react_1.useState)(null);
+    const [alertDismissed, setAlertDismissed] = (0, react_1.useState)(false);
+    const inputRef = (0, react_1.useRef)(null);
+    const files = controlledFiles ?? internalFiles;
+    // Latest-value ref so functional `setFiles` updates chain correctly across
+    // the awaits in `processFiles` (process → upload) without stale closures.
+    const filesRef = (0, react_1.useRef)(files);
+    filesRef.current = files;
+    const setFiles = (0, react_1.useCallback)((newFiles) => {
+        const updatedFiles = typeof newFiles === 'function' ? newFiles(filesRef.current) : newFiles;
+        filesRef.current = updatedFiles;
+        if (!controlledFiles) {
+            setInternalFiles(updatedFiles);
+        }
+        onFilesChange?.(updatedFiles);
+    }, [controlledFiles, onFilesChange]);
+    const validateFile = (0, react_1.useCallback)((file) => {
+        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 };
+            }
+        }
+        if (maxSize && file.size > maxSize) {
+            return { type: 'size', message: `File too large: ${file.name}`, file };
+        }
+        return null;
+    }, [accept, maxSize]);
+    const processFiles = (0, react_1.useCallback)(async (selectedFiles) => {
+        const fileArray = Array.from(selectedFiles);
+        if (maxFiles && files.length + fileArray.length > maxFiles) {
+            onError?.({ type: 'count', message: `Maximum ${maxFiles} photos allowed` });
+            return;
+        }
+        const newFiles = [];
+        for (const file of fileArray) {
+            const error = validateFile(file);
+            if (error) {
+                onError?.(error);
+                continue;
+            }
+            newFiles.push({
+                file,
+                id: generateId(),
+                status: processFile ? 'processing' : uploadFn ? 'pending' : 'success',
+                previewUrl: isImageFile(file) ? URL.createObjectURL(file) : undefined,
+            });
+        }
+        if (newFiles.length === 0)
+            return;
+        setFiles(multiple ? [...files, ...newFiles] : newFiles);
+        if (!processFile && !uploadFn)
+            return;
+        for (const fileWithStatus of newFiles) {
+            let currentFile = fileWithStatus.file;
+            // ─── Pre-upload transform (HEIC conversion / compression) ─────────
+            if (processFile) {
+                try {
+                    currentFile = await processFile(currentFile);
+                    const processed = currentFile;
+                    // Regenerate the preview from the processed file (e.g. a HEIC
+                    // original can't preview, but its converted JPEG can).
+                    setFiles((prev) => prev.map((f) => {
+                        if (f.id !== fileWithStatus.id)
+                            return f;
+                        if (f.previewUrl)
+                            URL.revokeObjectURL(f.previewUrl);
+                        return {
+                            ...f,
+                            file: processed,
+                            previewUrl: isImageFile(processed)
+                                ? URL.createObjectURL(processed)
+                                : undefined,
+                        };
+                    }));
+                }
+                catch (err) {
+                    setFiles((prev) => prev.map((f) => f.id === fileWithStatus.id
+                        ? {
+                            ...f,
+                            status: 'error',
+                            error: err instanceof Error ? err.message : 'Processing failed',
+                        }
+                        : f));
+                    continue;
+                }
+            }
+            // ─── Upload ───────────────────────────────────────────────────────
+            if (!uploadFn) {
+                setFiles((prev) => prev.map((f) => f.id === fileWithStatus.id ? { ...f, status: 'success' } : f));
+                continue;
+            }
+            setFiles((prev) => prev.map((f) => f.id === fileWithStatus.id
+                ? { ...f, status: 'uploading', progress: 0 }
+                : f));
+            try {
+                const result = await uploadFn(currentFile, (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, uploadFn, processFile, validateFile]);
+    const handleRemove = (0, react_1.useCallback)((id) => {
+        setFiles((prev) => {
+            const target = prev.find((f) => f.id === id);
+            if (target?.previewUrl) {
+                URL.revokeObjectURL(target.previewUrl);
+            }
+            return prev.filter((f) => f.id !== id);
+        });
+    }, [setFiles]);
+    const openPicker = (0, react_1.useCallback)(() => {
+        if (!disabled)
+            inputRef.current?.click();
+    }, [disabled]);
+    const handleInputChange = (0, react_1.useCallback)((e) => {
+        const selected = e.target.files;
+        if (selected && selected.length > 0) {
+            processFiles(selected);
+        }
+        e.target.value = '';
+    }, [processFiles]);
+    const handleDragEnter = (0, react_1.useCallback)((e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        if (!disabled)
+            setIsDragActive(true);
+    }, [disabled]);
+    const handleDragLeave = (0, react_1.useCallback)((e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        setIsDragActive(false);
+    }, []);
+    const handleDragOver = (0, react_1.useCallback)((e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        if (!disabled)
+            setIsDragActive(true);
+    }, [disabled]);
+    const handleDrop = (0, react_1.useCallback)((e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        setIsDragActive(false);
+        if (disabled)
+            return;
+        const dropped = e.dataTransfer.files;
+        if (dropped.length > 0)
+            processFiles(dropped);
+    }, [disabled, processFiles]);
+    const handleDropzoneKeyDown = (0, react_1.useCallback)((e) => {
+        if ((e.key === 'Enter' || e.key === ' ') && !disabled) {
+            e.preventDefault();
+            openPicker();
+        }
+    }, [disabled, openPicker]);
+    const closeDialog = (0, react_1.useCallback)(() => setActiveId(null), []);
+    const handleDialogRemove = (0, react_1.useCallback)(() => {
+        if (activeId) {
+            handleRemove(activeId);
+            setActiveId(null);
+        }
+    }, [activeId, handleRemove]);
+    const activePhoto = activeId ? files.find((f) => f.id === activeId) : undefined;
+    const errorCount = files.reduce((n, f) => (f.status === 'error' ? n + 1 : n), 0);
+    // Re-surface the Alert only when the failure count grows (a new failure),
+    // not while previously-failed photos merely persist after a dismissal.
+    const prevErrorCount = (0, react_1.useRef)(0);
+    (0, react_1.useEffect)(() => {
+        if (errorCount > prevErrorCount.current)
+            setAlertDismissed(false);
+        prevErrorCount.current = errorCount;
+    }, [errorCount]);
+    const showAlert = showErrorAlert && errorCount > 0 && !alertDismissed;
+    const classes = [
+        'muka-photo-uploader',
+        disabled && 'muka-photo-uploader--disabled',
+        className,
+    ]
+        .filter(Boolean)
+        .join(' ');
+    return ((0, jsx_runtime_1.jsxs)("div", { ref: ref, className: classes, ...props, children: [(0, jsx_runtime_1.jsx)("input", { ref: inputRef, type: "file", accept: accept, multiple: multiple, disabled: disabled, onChange: handleInputChange, className: "muka-photo-uploader__input", tabIndex: -1, "aria-hidden": "true" }), (0, jsx_runtime_1.jsx)(Button_1.Button, { variant: "primary", size: "md", onClick: openPicker, disabled: disabled, iconLeft: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: "add", variant: "line" }), children: chooseLabel }), showAlert && ((0, jsx_runtime_1.jsx)(Alert_1.Alert, { className: "muka-photo-uploader__alert", variant: "error", title: errorAlertTitle(errorCount), icon: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: "alert", variant: "fill", size: "md" }), dismissible: true, onDismiss: () => setAlertDismissed(true), children: errorAlertMessage })), files.length > 0 && ((0, jsx_runtime_1.jsx)("ul", { className: "muka-photo-uploader__grid", "aria-label": "Selected photos", children: files.map((f) => {
+                    const isProcessing = f.status === 'processing';
+                    const isUploading = f.status === 'uploading' || f.status === 'pending';
+                    const isError = f.status === 'error';
+                    const isBusy = isProcessing || isUploading;
+                    return ((0, jsx_runtime_1.jsx)("li", { className: "muka-photo-uploader__grid-item", children: (0, jsx_runtime_1.jsx)(Thumbnail_1.Thumbnail, { src: f.previewUrl ?? '', alt: f.file.name, shape: shape, processing: isProcessing, loading: isUploading, error: isError, caption: isError ? f.file.name : undefined, errorReason: f.error, progress: f.progress ?? 0, onRemove: disabled ? undefined : () => handleRemove(f.id), onClick: enableDialog && !isBusy && !isError && f.previewUrl
+                                ? () => setActiveId(f.id)
+                                : undefined, viewLabel: `View ${f.file.name}`, removeLabel: `Remove ${f.file.name}` }) }, f.id));
+                }) })), (0, jsx_runtime_1.jsxs)("div", { className: [
+                    'muka-photo-uploader__dropzone',
+                    isDragActive && 'muka-photo-uploader__dropzone--active',
+                ]
+                    .filter(Boolean)
+                    .join(' '), onClick: openPicker, onKeyDown: handleDropzoneKeyDown, onDragEnter: handleDragEnter, onDragLeave: handleDragLeave, onDragOver: handleDragOver, onDrop: handleDrop, role: "button", tabIndex: disabled ? -1 : 0, "aria-label": ariaLabel ?? 'Upload photos', "aria-disabled": disabled, "aria-dropeffect": "copy", children: [(0, jsx_runtime_1.jsx)("span", { className: "muka-photo-uploader__dropzone-icon", "aria-hidden": "true", children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: "image", variant: "line", size: "lg", colorVariant: "subtle" }) }), (0, jsx_runtime_1.jsx)("span", { className: "muka-photo-uploader__dropzone-text", children: dropzoneLabel })] }), enableDialog && ((0, jsx_runtime_1.jsx)(Dialog_1.Dialog, { open: Boolean(activePhoto), onClose: closeDialog, modal: false, size: "md", title: dialogTitle, "aria-label": dialogTitle ?? activePhoto?.file.name ?? 'Photo preview', trailing: (0, jsx_runtime_1.jsx)(Button_1.Button, { variant: "ghost", size: "sm", iconOnly: true, onClick: closeDialog, "aria-label": dialogCloseButtonLabel, children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: "close", variant: "line" }) }), footerActions: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Button_1.Button, { variant: "tertiary", size: "md", onClick: handleDialogRemove, children: dialogRemoveLabel }), (0, jsx_runtime_1.jsx)(Button_1.Button, { variant: "primary", size: "md", onClick: closeDialog, children: dialogCloseLabel })] }), children: activePhoto?.previewUrl && ((0, jsx_runtime_1.jsx)("div", { className: "muka-photo-uploader__preview", children: (0, jsx_runtime_1.jsx)("img", { className: "muka-photo-uploader__preview-image", src: activePhoto.previewUrl, alt: activePhoto.file.name }) })) }))] }));
+});
+exports.PhotoUploader.displayName = 'PhotoUploader';
+exports.default = exports.PhotoUploader;
+//# sourceMappingURL=PhotoUploader.js.map