@banzamel/mineralui 1.3.0 → 1.4.0

package/dist/data.cjs

@@ -1,3 +1,3 @@
 const {ensureStyles}=require('./style-runtime.cjs')
 ensureStyles()
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./MSparkline-BOaNmbeB.cjs`),t=require(`./data-BZ3Uio4Z.cjs`),n=require(`./MDataTable-_afEvx2S.cjs`);exports.MAreaChart=t.n,exports.MBarChart=t.r,exports.MCalendarBoard=t.a,exports.MCalendarDayCell=t.o,exports.MCalendarEventItem=t.s,exports.MCalendarEventList=t.c,exports.MCalendarEventPopover=t.l,exports.MCalendarTimeline=t.u,exports.MChat=t.x,exports.MChatBody=t.v,exports.MChatConversationItem=t.m,exports.MChatConversationList=t.h,exports.MChatHeader=t.b,exports.MChatInput=t._,exports.MChatMessage=t.y,exports.MChatTypingIndicator=t.g,exports.MDataTable=n.t,exports.MFileManager=t.d,exports.MLineChart=t.i,exports.MPieChart=t.t,exports.MSparkline=e.t,exports.MTaskList=t.f,exports.MTreeView=t.p;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./MSparkline-BOaNmbeB.cjs`),t=require(`./data-Uy_XSs32.cjs`),n=require(`./MDataTable-CVwnVouZ.cjs`);exports.MAreaChart=t.n,exports.MBarChart=t.r,exports.MCalendarBoard=t.a,exports.MCalendarDayCell=t.o,exports.MCalendarEventItem=t.s,exports.MCalendarEventList=t.c,exports.MCalendarEventPopover=t.l,exports.MCalendarTimeline=t.u,exports.MChat=t.x,exports.MChatBody=t.v,exports.MChatConversationItem=t.m,exports.MChatConversationList=t.h,exports.MChatHeader=t.b,exports.MChatInput=t._,exports.MChatMessage=t.y,exports.MChatTypingIndicator=t.g,exports.MDataTable=n.t,exports.MFileManager=t.d,exports.MLineChart=t.i,exports.MPieChart=t.t,exports.MSparkline=e.t,exports.MTaskList=t.f,exports.MTreeView=t.p;

package/dist/data.js

@@ -1,6 +1,6 @@
 import {ensureStyles} from './style-runtime.js'
 ensureStyles()
 import { t as e } from "./MSparkline-Cb_EwR-E.js";
-import { _ as t, a as n, b as r, c as i, d as a, f as o, g as s, h as c, i as l, l as u, m as d, n as f, o as p, p as m, r as h, s as g, t as _, u as v, v as y, x as b, y as x } from "./data-BpGAUxCL.js";
-import { t as S } from "./MDataTable-D5SnGm3D.js";
+import { _ as t, a as n, b as r, c as i, d as a, f as o, g as s, h as c, i as l, l as u, m as d, n as f, o as p, p as m, r as h, s as g, t as _, u as v, v as y, x as b, y as x } from "./data-z3Uc9FSI.js";
+import { t as S } from "./MDataTable-D0ONRmcC.js";
 export { f as MAreaChart, h as MBarChart, n as MCalendarBoard, p as MCalendarDayCell, g as MCalendarEventItem, i as MCalendarEventList, u as MCalendarEventPopover, v as MCalendarTimeline, b as MChat, y as MChatBody, d as MChatConversationItem, c as MChatConversationList, r as MChatHeader, t as MChatInput, x as MChatMessage, s as MChatTypingIndicator, S as MDataTable, a as MFileManager, l as MLineChart, _ as MPieChart, e as MSparkline, o as MTaskList, m as MTreeView };

package/dist/{display-gwrOWH2c.js → display-GygMuO4c.js}

@@ -1,7 +1,7 @@
 import { Fi as e, Mi as t } from "./icons-D5DK-J2C.js";
 import { t as n } from "./cn-YER3QsV1.js";
-import { t as r } from "./MButton-pSNx-6UK.js";
-import { t as i } from "./MStack-Dk0GNVBT.js";
+import { t as r } from "./MButton-Bfe4iq51.js";
+import { t as i } from "./MStack-DVOFZo1L.js";
 import { Children as a, cloneElement as o, isValidElement as s, useCallback as c, useEffect as l, useRef as u, useState as d } from "react";
 import { jsx as f, jsxs as p } from "react/jsx-runtime";
 //#region src/components/display/MCollapsible/MCollapsible.tsx
@@ -464,4 +464,4 @@ function I({ align: e = "left", color: t = "primary", size: r = "md", className:
 //#endregion
 export { j as a, y as c, m as d, P as i, g as l, F as n, k as o, N as r, b as s, I as t, h as u };
 
-//# sourceMappingURL=display-gwrOWH2c.js.map
+//# sourceMappingURL=display-GygMuO4c.js.map

package/dist/{display-gwrOWH2c.js.map → display-GygMuO4c.js.map}

@@ -1 +1 @@
-{"version":3,"file":"display-gwrOWH2c.js","names":[],"sources":["../src/components/display/MCollapsible/MCollapsible.tsx","../src/components/display/MAccordion/MAccordion.tsx","../src/components/display/MProgressBar/MProgressBar.tsx","../src/components/display/MCountUp/MCountUp.tsx","../src/components/display/MColorPicker/MColorPicker.tsx","../src/components/display/MEmptyState/MEmptyState.tsx","../src/components/display/MStepper/MStepper.tsx","../src/components/display/MTimeline/MTimeline.tsx"],"sourcesContent":["import {useState} from 'react'\nimport {MButton} from '../../controls'\nimport {MStack} from '../../layout'\nimport {cn} from '../../../utils/cn'\nimport type {MCollapsibleProps} from './MCollapsible.types'\nimport {MChevronDownIcon} from '../../../icons'\nimport './MCollapsible.css'\n\n// MToggle a section of content with a built-in trigger and disclosure state.\nexport function MCollapsible({\n    title,\n    defaultOpen = false,\n    open: controlledOpen,\n    onToggle,\n    color = 'primary',\n    className,\n    children,\n    ...rest\n}: MCollapsibleProps) {\n    const [internalOpen, setInternalOpen] = useState(defaultOpen)\n    const open = controlledOpen ?? internalOpen\n\n    const handleToggle = () => {\n        const nextOpen = !open\n\n        if (controlledOpen === undefined) {\n            setInternalOpen(nextOpen)\n        }\n\n        onToggle?.(nextOpen)\n    }\n\n    const chevronIcon = (\n        <span className={cn('chevron', open && 'open')} aria-hidden=\"true\">\n            <MChevronDownIcon />\n        </span>\n    )\n\n    return (\n        <div className={cn('collapsible', className)} {...rest}>\n            <MButton\n                variant=\"ghost\"\n                color={color}\n                className=\"trigger\"\n                aria-expanded={open}\n                onClick={handleToggle}\n                endIcon={chevronIcon}\n            >\n                {title}\n            </MButton>\n            <div className={cn('content-wrap', open && 'open')} aria-hidden={!open}>\n                <MStack className=\"content\">{children}</MStack>\n            </div>\n        </div>\n    )\n}\n","import {useState, useCallback, Children, isValidElement} from 'react'\nimport {MCollapsible} from '../MCollapsible'\nimport {cn} from '../../../utils/cn'\nimport type {MAccordionProps, MAccordionItemProps} from './MAccordion.types'\nimport './MAccordion.css'\n\nexport function MAccordionItem(_props: MAccordionItemProps) {\n    return null\n}\n\nexport function MAccordion({\n    multiple = false,\n    defaultOpen,\n    onChange,\n    bordered = false,\n    color,\n    className,\n    children,\n    ...rest\n}: MAccordionProps) {\n    const initialOpen = Array.isArray(defaultOpen) ? defaultOpen : defaultOpen ? [defaultOpen] : []\n\n    const [openIds, setOpenIds] = useState<string[]>(initialOpen)\n\n    const handleToggle = useCallback(\n        (id: string, isOpen: boolean) => {\n            setOpenIds((prev) => {\n                let next: string[]\n                if (isOpen) {\n                    next = multiple ? [...prev, id] : [id]\n                } else {\n                    next = prev.filter((v) => v !== id)\n                }\n                onChange?.(next)\n                return next\n            })\n        },\n        [multiple, onChange]\n    )\n\n    const items = Children.toArray(children).filter(\n        (child) => isValidElement(child) && (child.type as any) === MAccordionItem\n    )\n\n    return (\n        <div className={cn('accordion', bordered && 'bordered', className)} {...rest}>\n            {items.map((child) => {\n                if (!isValidElement<MAccordionItemProps>(child)) return null\n                const {id, title, children: content, disabled, color: itemColor} = child.props\n                const isOpen = openIds.includes(id)\n\n                return (\n                    <div key={id} className={cn('accordion-item', disabled && 'disabled')}>\n                        <MCollapsible\n                            title={title}\n                            open={isOpen}\n                            onToggle={disabled ? undefined : (open) => handleToggle(id, open)}\n                            color={itemColor ?? color}\n                        >\n                            {content}\n                        </MCollapsible>\n                    </div>\n                )\n            })}\n        </div>\n    )\n}\n","import {useState, useEffect, useRef, useCallback} from 'react'\nimport type {MProgressBarProps} from './MProgressBar.types'\nimport {cn} from '../../../utils/cn'\nimport './MProgressBar.css'\n\nconst DURATION = 800\n\nfunction easeOutCubic(t: number) {\n    return 1 - Math.pow(1 - t, 3)\n}\n\n// Render a horizontal bar that fills to represent progress as a percentage.\nexport function MProgressBar({\n    value,\n    max = 100,\n    color = 'primary',\n    size = 'md',\n    label,\n    showValue = false,\n    animated = false,\n    striped = false,\n    className,\n    ...rest\n}: MProgressBarProps) {\n    const percent = Math.min(100, Math.max(0, (value / max) * 100))\n    const [displayPercent, setDisplayPercent] = useState(0)\n    const [barPercent, setBarPercent] = useState(0)\n    const prevPercent = useRef(0)\n    const rafRef = useRef(0)\n\n    const animate = useCallback((from: number, to: number) => {\n        cancelAnimationFrame(rafRef.current)\n        const start = performance.now()\n\n        const step = (now: number) => {\n            const elapsed = now - start\n            const progress = Math.min(elapsed / DURATION, 1)\n            const eased = easeOutCubic(progress)\n            const current = from + (to - from) * eased\n\n            setDisplayPercent(current)\n            if (progress < 1) {\n                rafRef.current = requestAnimationFrame(step)\n            }\n        }\n\n        // Set bar width immediately for CSS transition\n        setBarPercent(to)\n        rafRef.current = requestAnimationFrame(step)\n    }, [])\n\n    useEffect(() => {\n        animate(prevPercent.current, percent)\n        prevPercent.current = percent\n        return () => cancelAnimationFrame(rafRef.current)\n    }, [percent, animate])\n\n    return (\n        <div\n            className={cn('progress-bar', `color-${color}`, size, className)}\n            role=\"progressbar\"\n            aria-valuenow={value}\n            aria-valuemin={0}\n            aria-valuemax={max}\n            aria-label={label}\n            {...rest}\n        >\n            {(label || showValue) && (\n                <div className=\"progress-bar-header\">\n                    {label && <span className=\"progress-bar-label\">{label}</span>}\n                    {showValue && <span className=\"progress-bar-value\">{Math.round(displayPercent)}%</span>}\n                </div>\n            )}\n            <div className=\"progress-bar-track\">\n                <div\n                    className={cn('progress-bar-fill', animated && 'animated', striped && 'striped')}\n                    style={{width: `${barPercent}%`}}\n                />\n            </div>\n        </div>\n    )\n}\n","import {useState, useEffect, useRef} from 'react'\nimport type {MCountUpProps} from './MCountUp.types'\nimport {cn} from '../../../utils/cn'\n\n// Animate a number from a start value to a target, with an easing curve.\nexport function MCountUp({\n    value,\n    from = 0,\n    duration = 1000,\n    decimals = 0,\n    prefix = '',\n    suffix = '',\n    separator = '',\n    className,\n    ...rest\n}: MCountUpProps) {\n    const [display, setDisplay] = useState(from)\n    const rafRef = useRef<number>(0)\n    const startRef = useRef<number | null>(null)\n\n    useEffect(() => {\n        const startValue = display\n        startRef.current = null\n\n        const step = (timestamp: number) => {\n            if (startRef.current === null) startRef.current = timestamp\n            const elapsed = timestamp - startRef.current\n            const progress = Math.min(elapsed / duration, 1)\n            const eased = 1 - Math.pow(1 - progress, 3)\n            const current = startValue + (value - startValue) * eased\n\n            setDisplay(current)\n\n            if (progress < 1) {\n                rafRef.current = requestAnimationFrame(step)\n            }\n        }\n\n        rafRef.current = requestAnimationFrame(step)\n        return () => cancelAnimationFrame(rafRef.current)\n    }, [value, duration])\n\n    const formatted = formatNumber(display, decimals, separator)\n\n    return (\n        <span className={cn('count-up', className)} {...rest}>\n            {prefix}\n            {formatted}\n            {suffix}\n        </span>\n    )\n}\n\nfunction formatNumber(num: number, decimals: number, separator: string): string {\n    const fixed = num.toFixed(decimals)\n    if (!separator) return fixed\n\n    const [int, dec] = fixed.split('.')\n    const withSep = int.replace(/\\B(?=(\\d{3})+(?!\\d))/g, separator)\n    return dec !== undefined ? `${withSep}.${dec}` : withSep\n}\n","import {useCallback, useEffect, useRef, useState} from 'react'\nimport type * as React from 'react'\nimport type {MColorPickerProps} from './MColorPicker.types'\nimport {cn} from '../../../utils/cn'\nimport './MColorPicker.css'\n\nfunction hsvToHex(h: number, s: number, v: number): string {\n    const f = (n: number) => {\n        const k = (n + h / 60) % 6\n        return v - v * s * Math.max(0, Math.min(k, 4 - k, 1))\n    }\n    const r = Math.round(f(5) * 255)\n    const g = Math.round(f(3) * 255)\n    const b = Math.round(f(1) * 255)\n    return `#${[r, g, b].map((c) => c.toString(16).padStart(2, '0')).join('')}`\n}\n\nfunction hexToHsv(hex: string): [number, number, number] {\n    const m = hex.replace('#', '').match(/.{2}/g)\n    if (!m) return [0, 0, 1]\n    const [r, g, b] = m.map((c) => parseInt(c, 16) / 255)\n    const max = Math.max(r, g, b)\n    const min = Math.min(r, g, b)\n    const d = max - min\n    let h = 0\n    if (d !== 0) {\n        if (max === r) h = ((g - b) / d + 6) % 6\n        else if (max === g) h = (b - r) / d + 2\n        else h = (r - g) / d + 4\n        h *= 60\n    }\n    const s = max === 0 ? 0 : d / max\n    return [h, s, max]\n}\n\nfunction hexToRgb(hex: string): string {\n    const m = hex.replace('#', '').match(/.{2}/g)\n    if (!m) return 'rgb(0, 0, 0)'\n    const [r, g, b] = m.map((c) => parseInt(c, 16))\n    return `rgb(${r}, ${g}, ${b})`\n}\n\nfunction hexToHsl(hex: string): string {\n    const m = hex.replace('#', '').match(/.{2}/g)\n    if (!m) return 'hsl(0, 0%, 0%)'\n    const [r, g, b] = m.map((c) => parseInt(c, 16) / 255)\n    const max = Math.max(r, g, b)\n    const min = Math.min(r, g, b)\n    const l = (max + min) / 2\n    let h = 0\n    let s = 0\n    if (max !== min) {\n        const d = max - min\n        s = l > 0.5 ? d / (2 - max - min) : d / (max + min)\n        if (max === r) h = ((g - b) / d + 6) % 6\n        else if (max === g) h = (b - r) / d + 2\n        else h = (r - g) / d + 4\n        h *= 60\n    }\n    return `hsl(${Math.round(h)}, ${Math.round(s * 100)}%, ${Math.round(l * 100)}%)`\n}\n\nfunction formatOutput(hex: string, format: string): string {\n    if (format === 'rgb') return hexToRgb(hex)\n    if (format === 'hsl') return hexToHsl(hex)\n    return hex\n}\n\nfunction normalizeToHex(value: string): string {\n    if (!value) return '#000000'\n    if (value.startsWith('#')) return value.length === 7 ? value : '#000000'\n    const rgbMatch = value.match(/rgb\\((\\d+),\\s*(\\d+),\\s*(\\d+)\\)/)\n    if (rgbMatch) {\n        return `#${[rgbMatch[1], rgbMatch[2], rgbMatch[3]]\n            .map((c) => parseInt(c).toString(16).padStart(2, '0'))\n            .join('')}`\n    }\n    return '#000000'\n}\n\nconst DEFAULT_SWATCHES = [\n    '#ef4444',\n    '#f97316',\n    '#eab308',\n    '#22c55e',\n    '#06b6d4',\n    '#3b82f6',\n    '#8b5cf6',\n    '#ec4899',\n    '#000000',\n    '#ffffff',\n]\n\nexport function MColorPicker({\n    value,\n    onChange,\n    swatches = DEFAULT_SWATCHES,\n    format = 'hex',\n    size = 'md',\n    label,\n    disabled = false,\n    className,\n    ...rest\n}: MColorPickerProps) {\n    const hex = normalizeToHex(value ?? '#3b82f6')\n    const [hsv, setHsv] = useState<[number, number, number]>(() => hexToHsv(hex))\n    const [inputValue, setInputValue] = useState(formatOutput(hex, format))\n    const areaRef = useRef<HTMLDivElement>(null)\n    const hueRef = useRef<HTMLDivElement>(null)\n    const dragging = useRef<'area' | 'hue' | null>(null)\n\n    useEffect(() => {\n        const newHex = normalizeToHex(value ?? '#3b82f6')\n        setHsv(hexToHsv(newHex))\n        setInputValue(formatOutput(newHex, format))\n    }, [value, format])\n\n    const emit = useCallback(\n        (h: number, s: number, v: number) => {\n            const newHex = hsvToHex(h, s, v)\n            setHsv([h, s, v])\n            setInputValue(formatOutput(newHex, format))\n            onChange?.(formatOutput(newHex, format))\n        },\n        [onChange, format]\n    )\n\n    function handleAreaPointer(e: React.PointerEvent | PointerEvent) {\n        const rect = areaRef.current?.getBoundingClientRect()\n        if (!rect) return\n        const s = Math.max(0, Math.min(1, (e.clientX - rect.left) / rect.width))\n        const v = Math.max(0, Math.min(1, 1 - (e.clientY - rect.top) / rect.height))\n        emit(hsv[0], s, v)\n    }\n\n    function handleHuePointer(e: React.PointerEvent | PointerEvent) {\n        const rect = hueRef.current?.getBoundingClientRect()\n        if (!rect) return\n        const h = Math.max(0, Math.min(360, ((e.clientX - rect.left) / rect.width) * 360))\n        emit(h, hsv[1], hsv[2])\n    }\n\n    useEffect(() => {\n        function onMove(e: PointerEvent) {\n            if (dragging.current === 'area') handleAreaPointer(e)\n            else if (dragging.current === 'hue') handleHuePointer(e)\n        }\n        function onUp() {\n            dragging.current = null\n        }\n        window.addEventListener('pointermove', onMove)\n        window.addEventListener('pointerup', onUp)\n        return () => {\n            window.removeEventListener('pointermove', onMove)\n            window.removeEventListener('pointerup', onUp)\n        }\n    })\n\n    function handleInputChange(val: string) {\n        setInputValue(val)\n        try {\n            const h = normalizeToHex(val)\n            if (h !== '#000000' || val === '#000000' || val.toLowerCase() === 'rgb(0, 0, 0)') {\n                setHsv(hexToHsv(h))\n                onChange?.(formatOutput(h, format))\n            }\n        } catch {\n            // ignore invalid input while typing\n        }\n    }\n\n    const currentHex = hsvToHex(hsv[0], hsv[1], hsv[2])\n\n    return (\n        <div className={cn('color-picker', size, disabled && 'disabled', className)} {...rest}>\n            {label && <label className=\"label\">{label}</label>}\n\n            <div\n                ref={areaRef}\n                className=\"area\"\n                style={{background: `hsl(${hsv[0]}, 100%, 50%)`}}\n                onPointerDown={(e) => {\n                    if (disabled) return\n                    dragging.current = 'area'\n                    handleAreaPointer(e)\n                }}\n            >\n                <div className=\"white\" />\n                <div className=\"black\" />\n                <div\n                    className=\"cursor\"\n                    style={{\n                        left: `${hsv[1] * 100}%`,\n                        top: `${(1 - hsv[2]) * 100}%`,\n                        background: currentHex,\n                    }}\n                />\n            </div>\n\n            <div\n                ref={hueRef}\n                className=\"hue\"\n                onPointerDown={(e) => {\n                    if (disabled) return\n                    dragging.current = 'hue'\n                    handleHuePointer(e)\n                }}\n            >\n                <div className=\"hue-thumb\" style={{left: `${(hsv[0] / 360) * 100}%`}} />\n            </div>\n\n            <div className=\"controls\">\n                <div className=\"preview\" style={{background: currentHex}} />\n                <input\n                    type=\"text\"\n                    className=\"input\"\n                    value={inputValue}\n                    onChange={(e) => handleInputChange(e.target.value)}\n                    disabled={disabled}\n                />\n            </div>\n\n            {swatches.length > 0 && (\n                <div className=\"swatches\">\n                    {swatches.map((swatch) => (\n                        <button\n                            key={swatch}\n                            type=\"button\"\n                            className={cn('swatch', currentHex.toLowerCase() === swatch.toLowerCase() && 'active')}\n                            style={{background: swatch}}\n                            onClick={() => {\n                                if (disabled) return\n                                const [h, s, v] = hexToHsv(swatch)\n                                emit(h, s, v)\n                            }}\n                        />\n                    ))}\n                </div>\n            )}\n        </div>\n    )\n}\n","import {isValidElement, cloneElement} from 'react'\nimport type {MEmptyStateProps} from './MEmptyState.types'\nimport {MButton} from '../../controls/MButton'\nimport {cn} from '../../../utils/cn'\nimport './MEmptyState.css'\n\nconst BUTTON_SIZE_MAP = {xs: 'xs', sm: 'sm', md: 'sm', lg: 'md', xl: 'lg'} as const\n\nexport function MEmptyState({\n    icon,\n    illustration,\n    title,\n    description,\n    buttonText,\n    onAction,\n    color = 'neutral',\n    size = 'md',\n    className,\n    children,\n    ...rest\n}: MEmptyStateProps) {\n    return (\n        <div className={cn('empty-state', `color-${color}`, size, className)} {...rest}>\n            {illustration && (\n                <div className=\"empty-state-illustration\">\n                    {isValidElement(illustration) ? cloneElement(illustration, {color} as any) : illustration}\n                </div>\n            )}\n            {!illustration && icon && <div className=\"empty-state-icon\">{icon}</div>}\n            <div className=\"empty-state-content\">\n                <div className=\"empty-state-title\">{title}</div>\n                {description && <div className=\"empty-state-description\">{description}</div>}\n            </div>\n            {buttonText && onAction && (\n                <div className=\"empty-state-action\">\n                    <MButton size={BUTTON_SIZE_MAP[size]} variant=\"outlined\" color={color} onClick={onAction}>\n                        {buttonText}\n                    </MButton>\n                </div>\n            )}\n            {children}\n        </div>\n    )\n}\n","import {Children, isValidElement} from 'react'\nimport type {MStepperProps, MStepProps} from './MStepper.types'\nimport type {MSize} from '../../../theme'\nimport {cn} from '../../../utils/cn'\nimport {MCheckIcon} from '../../../icons'\nimport './MStepper.css'\n\nconst CHECK_SIZE: Record<MSize, number> = {xs: 10, sm: 14, md: 18, lg: 22, xl: 28}\n\nexport function MStep(_props: MStepProps) {\n    return null\n}\n\nexport function MStepper({\n    activeStep,\n    variant = 'horizontal',\n    color = 'primary',\n    size = 'md',\n    clickable = false,\n    onChange,\n    className,\n    children,\n    ...rest\n}: MStepperProps) {\n    const steps = Children.toArray(children).filter((child) => isValidElement(child) && (child.type as any) === MStep)\n\n    return (\n        <div className={cn('stepper', variant, `color-${color}`, size, className)} role=\"list\" {...rest}>\n            {steps.map((child, index) => {\n                if (!isValidElement<MStepProps>(child)) return null\n                const {id, title, description, icon, disabled, optional, error} = child.props\n                const isActive = index === activeStep\n                const isCompleted = index < activeStep\n                const isClickable = clickable && !disabled\n\n                const handleClick = () => {\n                    if (isClickable && onChange) {\n                        onChange(index)\n                    }\n                }\n\n                return (\n                    <div\n                        key={id}\n                        className={cn(\n                            'stepper-step',\n                            isActive && 'active',\n                            isCompleted && 'completed',\n                            disabled && 'disabled',\n                            error && 'error',\n                            isClickable && 'clickable'\n                        )}\n                        role=\"listitem\"\n                        aria-current={isActive ? 'step' : undefined}\n                    >\n                        <div\n                            className=\"stepper-indicator\"\n                            onClick={isClickable ? handleClick : undefined}\n                            role={isClickable ? 'button' : undefined}\n                            tabIndex={isClickable ? 0 : undefined}\n                            onKeyDown={\n                                isClickable\n                                    ? (e) => {\n                                          if (e.key === 'Enter' || e.key === ' ') {\n                                              e.preventDefault()\n                                              handleClick()\n                                          }\n                                      }\n                                    : undefined\n                            }\n                        >\n                            {error\n                                ? '!'\n                                : isCompleted\n                                  ? (icon ?? <MCheckIcon size={CHECK_SIZE[size]} />)\n                                  : (icon ?? index + 1)}\n                        </div>\n                        <div className=\"stepper-content\">\n                            <span className=\"stepper-title\">{title}</span>\n                            {description && <span className=\"stepper-description\">{description}</span>}\n                            {optional && <span className=\"stepper-optional\">Optional</span>}\n                        </div>\n                    </div>\n                )\n            })}\n        </div>\n    )\n}\n","import {Children, isValidElement} from 'react'\nimport type {MTimelineProps, MTimelineItemProps} from './MTimeline.types'\nimport {cn} from '../../../utils/cn'\nimport './MTimeline.css'\n\nexport function MTimelineItem(_props: MTimelineItemProps) {\n    return null\n}\n\nexport function MTimeline({\n    align = 'left',\n    color = 'primary',\n    size = 'md',\n    className,\n    children,\n    ...rest\n}: MTimelineProps) {\n    const items = Children.toArray(children).filter(\n        (child) => isValidElement(child) && (child.type as any) === MTimelineItem\n    )\n\n    return (\n        <div className={cn('timeline', `align-${align}`, `color-${color}`, size, className)} {...rest}>\n            {items.map((child, index) => {\n                if (!isValidElement<MTimelineItemProps>(child)) return null\n                const {id, title, description, date, icon, color: itemColor} = child.props\n                const side = align === 'alternate' ? (index % 2 === 0 ? 'left' : 'right') : undefined\n\n                return (\n                    <div key={id} className={cn('timeline-item', side && `side-${side}`)}>\n                        <div className={cn('timeline-dot', itemColor && `color-${itemColor}`)}>{icon}</div>\n                        <div className=\"timeline-content\">\n                            <span className=\"timeline-title\">{title}</span>\n                            {description && <span className=\"timeline-description\">{description}</span>}\n                            {date && <span className=\"timeline-date\">{date}</span>}\n                        </div>\n                    </div>\n                )\n            })}\n        </div>\n    )\n}\n"],"mappings":"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"}
+{"version":3,"file":"display-GygMuO4c.js","names":[],"sources":["../src/components/display/MCollapsible/MCollapsible.tsx","../src/components/display/MAccordion/MAccordion.tsx","../src/components/display/MProgressBar/MProgressBar.tsx","../src/components/display/MCountUp/MCountUp.tsx","../src/components/display/MColorPicker/MColorPicker.tsx","../src/components/display/MEmptyState/MEmptyState.tsx","../src/components/display/MStepper/MStepper.tsx","../src/components/display/MTimeline/MTimeline.tsx"],"sourcesContent":["import {useState} from 'react'\nimport {MButton} from '../../controls'\nimport {MStack} from '../../layout'\nimport {cn} from '../../../utils/cn'\nimport type {MCollapsibleProps} from './MCollapsible.types'\nimport {MChevronDownIcon} from '../../../icons'\nimport './MCollapsible.css'\n\n// MToggle a section of content with a built-in trigger and disclosure state.\nexport function MCollapsible({\n    title,\n    defaultOpen = false,\n    open: controlledOpen,\n    onToggle,\n    color = 'primary',\n    className,\n    children,\n    ...rest\n}: MCollapsibleProps) {\n    const [internalOpen, setInternalOpen] = useState(defaultOpen)\n    const open = controlledOpen ?? internalOpen\n\n    const handleToggle = () => {\n        const nextOpen = !open\n\n        if (controlledOpen === undefined) {\n            setInternalOpen(nextOpen)\n        }\n\n        onToggle?.(nextOpen)\n    }\n\n    const chevronIcon = (\n        <span className={cn('chevron', open && 'open')} aria-hidden=\"true\">\n            <MChevronDownIcon />\n        </span>\n    )\n\n    return (\n        <div className={cn('collapsible', className)} {...rest}>\n            <MButton\n                variant=\"ghost\"\n                color={color}\n                className=\"trigger\"\n                aria-expanded={open}\n                onClick={handleToggle}\n                endIcon={chevronIcon}\n            >\n                {title}\n            </MButton>\n            <div className={cn('content-wrap', open && 'open')} aria-hidden={!open}>\n                <MStack className=\"content\">{children}</MStack>\n            </div>\n        </div>\n    )\n}\n","import {useState, useCallback, Children, isValidElement} from 'react'\nimport {MCollapsible} from '../MCollapsible'\nimport {cn} from '../../../utils/cn'\nimport type {MAccordionProps, MAccordionItemProps} from './MAccordion.types'\nimport './MAccordion.css'\n\nexport function MAccordionItem(_props: MAccordionItemProps) {\n    return null\n}\n\nexport function MAccordion({\n    multiple = false,\n    defaultOpen,\n    onChange,\n    bordered = false,\n    color,\n    className,\n    children,\n    ...rest\n}: MAccordionProps) {\n    const initialOpen = Array.isArray(defaultOpen) ? defaultOpen : defaultOpen ? [defaultOpen] : []\n\n    const [openIds, setOpenIds] = useState<string[]>(initialOpen)\n\n    const handleToggle = useCallback(\n        (id: string, isOpen: boolean) => {\n            setOpenIds((prev) => {\n                let next: string[]\n                if (isOpen) {\n                    next = multiple ? [...prev, id] : [id]\n                } else {\n                    next = prev.filter((v) => v !== id)\n                }\n                onChange?.(next)\n                return next\n            })\n        },\n        [multiple, onChange]\n    )\n\n    const items = Children.toArray(children).filter(\n        (child) => isValidElement(child) && (child.type as any) === MAccordionItem\n    )\n\n    return (\n        <div className={cn('accordion', bordered && 'bordered', className)} {...rest}>\n            {items.map((child) => {\n                if (!isValidElement<MAccordionItemProps>(child)) return null\n                const {id, title, children: content, disabled, color: itemColor} = child.props\n                const isOpen = openIds.includes(id)\n\n                return (\n                    <div key={id} className={cn('accordion-item', disabled && 'disabled')}>\n                        <MCollapsible\n                            title={title}\n                            open={isOpen}\n                            onToggle={disabled ? undefined : (open) => handleToggle(id, open)}\n                            color={itemColor ?? color}\n                        >\n                            {content}\n                        </MCollapsible>\n                    </div>\n                )\n            })}\n        </div>\n    )\n}\n","import {useState, useEffect, useRef, useCallback} from 'react'\nimport type {MProgressBarProps} from './MProgressBar.types'\nimport {cn} from '../../../utils/cn'\nimport './MProgressBar.css'\n\nconst DURATION = 800\n\nfunction easeOutCubic(t: number) {\n    return 1 - Math.pow(1 - t, 3)\n}\n\n// Render a horizontal bar that fills to represent progress as a percentage.\nexport function MProgressBar({\n    value,\n    max = 100,\n    color = 'primary',\n    size = 'md',\n    label,\n    showValue = false,\n    animated = false,\n    striped = false,\n    className,\n    ...rest\n}: MProgressBarProps) {\n    const percent = Math.min(100, Math.max(0, (value / max) * 100))\n    const [displayPercent, setDisplayPercent] = useState(0)\n    const [barPercent, setBarPercent] = useState(0)\n    const prevPercent = useRef(0)\n    const rafRef = useRef(0)\n\n    const animate = useCallback((from: number, to: number) => {\n        cancelAnimationFrame(rafRef.current)\n        const start = performance.now()\n\n        const step = (now: number) => {\n            const elapsed = now - start\n            const progress = Math.min(elapsed / DURATION, 1)\n            const eased = easeOutCubic(progress)\n            const current = from + (to - from) * eased\n\n            setDisplayPercent(current)\n            if (progress < 1) {\n                rafRef.current = requestAnimationFrame(step)\n            }\n        }\n\n        // Set bar width immediately for CSS transition\n        setBarPercent(to)\n        rafRef.current = requestAnimationFrame(step)\n    }, [])\n\n    useEffect(() => {\n        animate(prevPercent.current, percent)\n        prevPercent.current = percent\n        return () => cancelAnimationFrame(rafRef.current)\n    }, [percent, animate])\n\n    return (\n        <div\n            className={cn('progress-bar', `color-${color}`, size, className)}\n            role=\"progressbar\"\n            aria-valuenow={value}\n            aria-valuemin={0}\n            aria-valuemax={max}\n            aria-label={label}\n            {...rest}\n        >\n            {(label || showValue) && (\n                <div className=\"progress-bar-header\">\n                    {label && <span className=\"progress-bar-label\">{label}</span>}\n                    {showValue && <span className=\"progress-bar-value\">{Math.round(displayPercent)}%</span>}\n                </div>\n            )}\n            <div className=\"progress-bar-track\">\n                <div\n                    className={cn('progress-bar-fill', animated && 'animated', striped && 'striped')}\n                    style={{width: `${barPercent}%`}}\n                />\n            </div>\n        </div>\n    )\n}\n","import {useState, useEffect, useRef} from 'react'\nimport type {MCountUpProps} from './MCountUp.types'\nimport {cn} from '../../../utils/cn'\n\n// Animate a number from a start value to a target, with an easing curve.\nexport function MCountUp({\n    value,\n    from = 0,\n    duration = 1000,\n    decimals = 0,\n    prefix = '',\n    suffix = '',\n    separator = '',\n    className,\n    ...rest\n}: MCountUpProps) {\n    const [display, setDisplay] = useState(from)\n    const rafRef = useRef<number>(0)\n    const startRef = useRef<number | null>(null)\n\n    useEffect(() => {\n        const startValue = display\n        startRef.current = null\n\n        const step = (timestamp: number) => {\n            if (startRef.current === null) startRef.current = timestamp\n            const elapsed = timestamp - startRef.current\n            const progress = Math.min(elapsed / duration, 1)\n            const eased = 1 - Math.pow(1 - progress, 3)\n            const current = startValue + (value - startValue) * eased\n\n            setDisplay(current)\n\n            if (progress < 1) {\n                rafRef.current = requestAnimationFrame(step)\n            }\n        }\n\n        rafRef.current = requestAnimationFrame(step)\n        return () => cancelAnimationFrame(rafRef.current)\n    }, [value, duration])\n\n    const formatted = formatNumber(display, decimals, separator)\n\n    return (\n        <span className={cn('count-up', className)} {...rest}>\n            {prefix}\n            {formatted}\n            {suffix}\n        </span>\n    )\n}\n\nfunction formatNumber(num: number, decimals: number, separator: string): string {\n    const fixed = num.toFixed(decimals)\n    if (!separator) return fixed\n\n    const [int, dec] = fixed.split('.')\n    const withSep = int.replace(/\\B(?=(\\d{3})+(?!\\d))/g, separator)\n    return dec !== undefined ? `${withSep}.${dec}` : withSep\n}\n","import {useCallback, useEffect, useRef, useState} from 'react'\nimport type * as React from 'react'\nimport type {MColorPickerProps} from './MColorPicker.types'\nimport {cn} from '../../../utils/cn'\nimport './MColorPicker.css'\n\nfunction hsvToHex(h: number, s: number, v: number): string {\n    const f = (n: number) => {\n        const k = (n + h / 60) % 6\n        return v - v * s * Math.max(0, Math.min(k, 4 - k, 1))\n    }\n    const r = Math.round(f(5) * 255)\n    const g = Math.round(f(3) * 255)\n    const b = Math.round(f(1) * 255)\n    return `#${[r, g, b].map((c) => c.toString(16).padStart(2, '0')).join('')}`\n}\n\nfunction hexToHsv(hex: string): [number, number, number] {\n    const m = hex.replace('#', '').match(/.{2}/g)\n    if (!m) return [0, 0, 1]\n    const [r, g, b] = m.map((c) => parseInt(c, 16) / 255)\n    const max = Math.max(r, g, b)\n    const min = Math.min(r, g, b)\n    const d = max - min\n    let h = 0\n    if (d !== 0) {\n        if (max === r) h = ((g - b) / d + 6) % 6\n        else if (max === g) h = (b - r) / d + 2\n        else h = (r - g) / d + 4\n        h *= 60\n    }\n    const s = max === 0 ? 0 : d / max\n    return [h, s, max]\n}\n\nfunction hexToRgb(hex: string): string {\n    const m = hex.replace('#', '').match(/.{2}/g)\n    if (!m) return 'rgb(0, 0, 0)'\n    const [r, g, b] = m.map((c) => parseInt(c, 16))\n    return `rgb(${r}, ${g}, ${b})`\n}\n\nfunction hexToHsl(hex: string): string {\n    const m = hex.replace('#', '').match(/.{2}/g)\n    if (!m) return 'hsl(0, 0%, 0%)'\n    const [r, g, b] = m.map((c) => parseInt(c, 16) / 255)\n    const max = Math.max(r, g, b)\n    const min = Math.min(r, g, b)\n    const l = (max + min) / 2\n    let h = 0\n    let s = 0\n    if (max !== min) {\n        const d = max - min\n        s = l > 0.5 ? d / (2 - max - min) : d / (max + min)\n        if (max === r) h = ((g - b) / d + 6) % 6\n        else if (max === g) h = (b - r) / d + 2\n        else h = (r - g) / d + 4\n        h *= 60\n    }\n    return `hsl(${Math.round(h)}, ${Math.round(s * 100)}%, ${Math.round(l * 100)}%)`\n}\n\nfunction formatOutput(hex: string, format: string): string {\n    if (format === 'rgb') return hexToRgb(hex)\n    if (format === 'hsl') return hexToHsl(hex)\n    return hex\n}\n\nfunction normalizeToHex(value: string): string {\n    if (!value) return '#000000'\n    if (value.startsWith('#')) return value.length === 7 ? value : '#000000'\n    const rgbMatch = value.match(/rgb\\((\\d+),\\s*(\\d+),\\s*(\\d+)\\)/)\n    if (rgbMatch) {\n        return `#${[rgbMatch[1], rgbMatch[2], rgbMatch[3]]\n            .map((c) => parseInt(c).toString(16).padStart(2, '0'))\n            .join('')}`\n    }\n    return '#000000'\n}\n\nconst DEFAULT_SWATCHES = [\n    '#ef4444',\n    '#f97316',\n    '#eab308',\n    '#22c55e',\n    '#06b6d4',\n    '#3b82f6',\n    '#8b5cf6',\n    '#ec4899',\n    '#000000',\n    '#ffffff',\n]\n\nexport function MColorPicker({\n    value,\n    onChange,\n    swatches = DEFAULT_SWATCHES,\n    format = 'hex',\n    size = 'md',\n    label,\n    disabled = false,\n    className,\n    ...rest\n}: MColorPickerProps) {\n    const hex = normalizeToHex(value ?? '#3b82f6')\n    const [hsv, setHsv] = useState<[number, number, number]>(() => hexToHsv(hex))\n    const [inputValue, setInputValue] = useState(formatOutput(hex, format))\n    const areaRef = useRef<HTMLDivElement>(null)\n    const hueRef = useRef<HTMLDivElement>(null)\n    const dragging = useRef<'area' | 'hue' | null>(null)\n\n    useEffect(() => {\n        const newHex = normalizeToHex(value ?? '#3b82f6')\n        setHsv(hexToHsv(newHex))\n        setInputValue(formatOutput(newHex, format))\n    }, [value, format])\n\n    const emit = useCallback(\n        (h: number, s: number, v: number) => {\n            const newHex = hsvToHex(h, s, v)\n            setHsv([h, s, v])\n            setInputValue(formatOutput(newHex, format))\n            onChange?.(formatOutput(newHex, format))\n        },\n        [onChange, format]\n    )\n\n    function handleAreaPointer(e: React.PointerEvent | PointerEvent) {\n        const rect = areaRef.current?.getBoundingClientRect()\n        if (!rect) return\n        const s = Math.max(0, Math.min(1, (e.clientX - rect.left) / rect.width))\n        const v = Math.max(0, Math.min(1, 1 - (e.clientY - rect.top) / rect.height))\n        emit(hsv[0], s, v)\n    }\n\n    function handleHuePointer(e: React.PointerEvent | PointerEvent) {\n        const rect = hueRef.current?.getBoundingClientRect()\n        if (!rect) return\n        const h = Math.max(0, Math.min(360, ((e.clientX - rect.left) / rect.width) * 360))\n        emit(h, hsv[1], hsv[2])\n    }\n\n    useEffect(() => {\n        function onMove(e: PointerEvent) {\n            if (dragging.current === 'area') handleAreaPointer(e)\n            else if (dragging.current === 'hue') handleHuePointer(e)\n        }\n        function onUp() {\n            dragging.current = null\n        }\n        window.addEventListener('pointermove', onMove)\n        window.addEventListener('pointerup', onUp)\n        return () => {\n            window.removeEventListener('pointermove', onMove)\n            window.removeEventListener('pointerup', onUp)\n        }\n    })\n\n    function handleInputChange(val: string) {\n        setInputValue(val)\n        try {\n            const h = normalizeToHex(val)\n            if (h !== '#000000' || val === '#000000' || val.toLowerCase() === 'rgb(0, 0, 0)') {\n                setHsv(hexToHsv(h))\n                onChange?.(formatOutput(h, format))\n            }\n        } catch {\n            // ignore invalid input while typing\n        }\n    }\n\n    const currentHex = hsvToHex(hsv[0], hsv[1], hsv[2])\n\n    return (\n        <div className={cn('color-picker', size, disabled && 'disabled', className)} {...rest}>\n            {label && <label className=\"label\">{label}</label>}\n\n            <div\n                ref={areaRef}\n                className=\"area\"\n                style={{background: `hsl(${hsv[0]}, 100%, 50%)`}}\n                onPointerDown={(e) => {\n                    if (disabled) return\n                    dragging.current = 'area'\n                    handleAreaPointer(e)\n                }}\n            >\n                <div className=\"white\" />\n                <div className=\"black\" />\n                <div\n                    className=\"cursor\"\n                    style={{\n                        left: `${hsv[1] * 100}%`,\n                        top: `${(1 - hsv[2]) * 100}%`,\n                        background: currentHex,\n                    }}\n                />\n            </div>\n\n            <div\n                ref={hueRef}\n                className=\"hue\"\n                onPointerDown={(e) => {\n                    if (disabled) return\n                    dragging.current = 'hue'\n                    handleHuePointer(e)\n                }}\n            >\n                <div className=\"hue-thumb\" style={{left: `${(hsv[0] / 360) * 100}%`}} />\n            </div>\n\n            <div className=\"controls\">\n                <div className=\"preview\" style={{background: currentHex}} />\n                <input\n                    type=\"text\"\n                    className=\"input\"\n                    value={inputValue}\n                    onChange={(e) => handleInputChange(e.target.value)}\n                    disabled={disabled}\n                />\n            </div>\n\n            {swatches.length > 0 && (\n                <div className=\"swatches\">\n                    {swatches.map((swatch) => (\n                        <button\n                            key={swatch}\n                            type=\"button\"\n                            className={cn('swatch', currentHex.toLowerCase() === swatch.toLowerCase() && 'active')}\n                            style={{background: swatch}}\n                            onClick={() => {\n                                if (disabled) return\n                                const [h, s, v] = hexToHsv(swatch)\n                                emit(h, s, v)\n                            }}\n                        />\n                    ))}\n                </div>\n            )}\n        </div>\n    )\n}\n","import {isValidElement, cloneElement} from 'react'\nimport type {MEmptyStateProps} from './MEmptyState.types'\nimport {MButton} from '../../controls/MButton'\nimport {cn} from '../../../utils/cn'\nimport './MEmptyState.css'\n\nconst BUTTON_SIZE_MAP = {xs: 'xs', sm: 'sm', md: 'sm', lg: 'md', xl: 'lg'} as const\n\nexport function MEmptyState({\n    icon,\n    illustration,\n    title,\n    description,\n    buttonText,\n    onAction,\n    color = 'neutral',\n    size = 'md',\n    className,\n    children,\n    ...rest\n}: MEmptyStateProps) {\n    return (\n        <div className={cn('empty-state', `color-${color}`, size, className)} {...rest}>\n            {illustration && (\n                <div className=\"empty-state-illustration\">\n                    {isValidElement(illustration) ? cloneElement(illustration, {color} as any) : illustration}\n                </div>\n            )}\n            {!illustration && icon && <div className=\"empty-state-icon\">{icon}</div>}\n            <div className=\"empty-state-content\">\n                <div className=\"empty-state-title\">{title}</div>\n                {description && <div className=\"empty-state-description\">{description}</div>}\n            </div>\n            {buttonText && onAction && (\n                <div className=\"empty-state-action\">\n                    <MButton size={BUTTON_SIZE_MAP[size]} variant=\"outlined\" color={color} onClick={onAction}>\n                        {buttonText}\n                    </MButton>\n                </div>\n            )}\n            {children}\n        </div>\n    )\n}\n","import {Children, isValidElement} from 'react'\nimport type {MStepperProps, MStepProps} from './MStepper.types'\nimport type {MSize} from '../../../theme'\nimport {cn} from '../../../utils/cn'\nimport {MCheckIcon} from '../../../icons'\nimport './MStepper.css'\n\nconst CHECK_SIZE: Record<MSize, number> = {xs: 10, sm: 14, md: 18, lg: 22, xl: 28}\n\nexport function MStep(_props: MStepProps) {\n    return null\n}\n\nexport function MStepper({\n    activeStep,\n    variant = 'horizontal',\n    color = 'primary',\n    size = 'md',\n    clickable = false,\n    onChange,\n    className,\n    children,\n    ...rest\n}: MStepperProps) {\n    const steps = Children.toArray(children).filter((child) => isValidElement(child) && (child.type as any) === MStep)\n\n    return (\n        <div className={cn('stepper', variant, `color-${color}`, size, className)} role=\"list\" {...rest}>\n            {steps.map((child, index) => {\n                if (!isValidElement<MStepProps>(child)) return null\n                const {id, title, description, icon, disabled, optional, error} = child.props\n                const isActive = index === activeStep\n                const isCompleted = index < activeStep\n                const isClickable = clickable && !disabled\n\n                const handleClick = () => {\n                    if (isClickable && onChange) {\n                        onChange(index)\n                    }\n                }\n\n                return (\n                    <div\n                        key={id}\n                        className={cn(\n                            'stepper-step',\n                            isActive && 'active',\n                            isCompleted && 'completed',\n                            disabled && 'disabled',\n                            error && 'error',\n                            isClickable && 'clickable'\n                        )}\n                        role=\"listitem\"\n                        aria-current={isActive ? 'step' : undefined}\n                    >\n                        <div\n                            className=\"stepper-indicator\"\n                            onClick={isClickable ? handleClick : undefined}\n                            role={isClickable ? 'button' : undefined}\n                            tabIndex={isClickable ? 0 : undefined}\n                            onKeyDown={\n                                isClickable\n                                    ? (e) => {\n                                          if (e.key === 'Enter' || e.key === ' ') {\n                                              e.preventDefault()\n                                              handleClick()\n                                          }\n                                      }\n                                    : undefined\n                            }\n                        >\n                            {error\n                                ? '!'\n                                : isCompleted\n                                  ? (icon ?? <MCheckIcon size={CHECK_SIZE[size]} />)\n                                  : (icon ?? index + 1)}\n                        </div>\n                        <div className=\"stepper-content\">\n                            <span className=\"stepper-title\">{title}</span>\n                            {description && <span className=\"stepper-description\">{description}</span>}\n                            {optional && <span className=\"stepper-optional\">Optional</span>}\n                        </div>\n                    </div>\n                )\n            })}\n        </div>\n    )\n}\n","import {Children, isValidElement} from 'react'\nimport type {MTimelineProps, MTimelineItemProps} from './MTimeline.types'\nimport {cn} from '../../../utils/cn'\nimport './MTimeline.css'\n\nexport function MTimelineItem(_props: MTimelineItemProps) {\n    return null\n}\n\nexport function MTimeline({\n    align = 'left',\n    color = 'primary',\n    size = 'md',\n    className,\n    children,\n    ...rest\n}: MTimelineProps) {\n    const items = Children.toArray(children).filter(\n        (child) => isValidElement(child) && (child.type as any) === MTimelineItem\n    )\n\n    return (\n        <div className={cn('timeline', `align-${align}`, `color-${color}`, size, className)} {...rest}>\n            {items.map((child, index) => {\n                if (!isValidElement<MTimelineItemProps>(child)) return null\n                const {id, title, description, date, icon, color: itemColor} = child.props\n                const side = align === 'alternate' ? (index % 2 === 0 ? 'left' : 'right') : undefined\n\n                return (\n                    <div key={id} className={cn('timeline-item', side && `side-${side}`)}>\n                        <div className={cn('timeline-dot', itemColor && `color-${itemColor}`)}>{icon}</div>\n                        <div className=\"timeline-content\">\n                            <span className=\"timeline-title\">{title}</span>\n                            {description && <span className=\"timeline-description\">{description}</span>}\n                            {date && <span className=\"timeline-date\">{date}</span>}\n                        </div>\n                    </div>\n                )\n            })}\n        </div>\n    )\n}\n"],"mappings":"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"}

package/dist/{display-CCG1eb0m.cjs → display-WS1tupQD.cjs}

@@ -1,2 +1,2 @@
-const e=require(`./icons-Dv1T-cF4.cjs`),t=require(`./cn-CU5TNITO.cjs`),n=require(`./MButton-Rg85cgO1.cjs`),r=require(`./MStack-BgwBqm-V.cjs`);let i=require(`react`),a=require(`react/jsx-runtime`);function o({title:o,defaultOpen:s=!1,open:c,onToggle:l,color:u=`primary`,className:d,children:f,...p}){let[m,h]=(0,i.useState)(s),g=c??m,_=()=>{let e=!g;c===void 0&&h(e),l?.(e)},v=(0,a.jsx)(`span`,{className:t.t(`chevron`,g&&`open`),"aria-hidden":`true`,children:(0,a.jsx)(e.Mi,{})});return(0,a.jsxs)(`div`,{className:t.t(`collapsible`,d),...p,children:[(0,a.jsx)(n.t,{variant:`ghost`,color:u,className:`trigger`,"aria-expanded":g,onClick:_,endIcon:v,children:o}),(0,a.jsx)(`div`,{className:t.t(`content-wrap`,g&&`open`),"aria-hidden":!g,children:(0,a.jsx)(r.t,{className:`content`,children:f})})]})}function s(e){return null}function c({multiple:e=!1,defaultOpen:n,onChange:r,bordered:c=!1,color:l,className:u,children:d,...f}){let[p,m]=(0,i.useState)(Array.isArray(n)?n:n?[n]:[]),h=(0,i.useCallback)((t,n)=>{m(i=>{let a;return a=n?e?[...i,t]:[t]:i.filter(e=>e!==t),r?.(a),a})},[e,r]),g=i.Children.toArray(d).filter(e=>(0,i.isValidElement)(e)&&e.type===s);return(0,a.jsx)(`div`,{className:t.t(`accordion`,c&&`bordered`,u),...f,children:g.map(e=>{if(!(0,i.isValidElement)(e))return null;let{id:n,title:r,children:s,disabled:c,color:u}=e.props,d=p.includes(n);return(0,a.jsx)(`div`,{className:t.t(`accordion-item`,c&&`disabled`),children:(0,a.jsx)(o,{title:r,open:d,onToggle:c?void 0:e=>h(n,e),color:u??l,children:s})},n)})})}var l=800;function u(e){return 1-(1-e)**3}function d({value:e,max:n=100,color:r=`primary`,size:o=`md`,label:s,showValue:c=!1,animated:d=!1,striped:f=!1,className:p,...m}){let h=Math.min(100,Math.max(0,e/n*100)),[g,_]=(0,i.useState)(0),[v,y]=(0,i.useState)(0),b=(0,i.useRef)(0),x=(0,i.useRef)(0),S=(0,i.useCallback)((e,t)=>{cancelAnimationFrame(x.current);let n=performance.now(),r=i=>{let a=i-n,o=Math.min(a/l,1),s=u(o);_(e+(t-e)*s),o<1&&(x.current=requestAnimationFrame(r))};y(t),x.current=requestAnimationFrame(r)},[]);return(0,i.useEffect)(()=>(S(b.current,h),b.current=h,()=>cancelAnimationFrame(x.current)),[h,S]),(0,a.jsxs)(`div`,{className:t.t(`progress-bar`,`color-${r}`,o,p),role:`progressbar`,"aria-valuenow":e,"aria-valuemin":0,"aria-valuemax":n,"aria-label":s,...m,children:[(s||c)&&(0,a.jsxs)(`div`,{className:`progress-bar-header`,children:[s&&(0,a.jsx)(`span`,{className:`progress-bar-label`,children:s}),c&&(0,a.jsxs)(`span`,{className:`progress-bar-value`,children:[Math.round(g),`%`]})]}),(0,a.jsx)(`div`,{className:`progress-bar-track`,children:(0,a.jsx)(`div`,{className:t.t(`progress-bar-fill`,d&&`animated`,f&&`striped`),style:{width:`${v}%`}})})]})}function f({value:e,from:n=0,duration:r=1e3,decimals:o=0,prefix:s=``,suffix:c=``,separator:l=``,className:u,...d}){let[f,m]=(0,i.useState)(n),h=(0,i.useRef)(0),g=(0,i.useRef)(null);(0,i.useEffect)(()=>{let t=f;g.current=null;let n=i=>{g.current===null&&(g.current=i);let a=i-g.current,o=Math.min(a/r,1),s=1-(1-o)**3;m(t+(e-t)*s),o<1&&(h.current=requestAnimationFrame(n))};return h.current=requestAnimationFrame(n),()=>cancelAnimationFrame(h.current)},[e,r]);let _=p(f,o,l);return(0,a.jsxs)(`span`,{className:t.t(`count-up`,u),...d,children:[s,_,c]})}function p(e,t,n){let r=e.toFixed(t);if(!n)return r;let[i,a]=r.split(`.`),o=i.replace(/\B(?=(\d{3})+(?!\d))/g,n);return a===void 0?o:`${o}.${a}`}function m(e,t,n){let r=r=>{let i=(r+e/60)%6;return n-n*t*Math.max(0,Math.min(i,4-i,1))};return`#${[Math.round(r(5)*255),Math.round(r(3)*255),Math.round(r(1)*255)].map(e=>e.toString(16).padStart(2,`0`)).join(``)}`}function h(e){let t=e.replace(`#`,``).match(/.{2}/g);if(!t)return[0,0,1];let[n,r,i]=t.map(e=>parseInt(e,16)/255),a=Math.max(n,r,i),o=a-Math.min(n,r,i),s=0;o!==0&&(s=a===n?((r-i)/o+6)%6:a===r?(i-n)/o+2:(n-r)/o+4,s*=60);let c=a===0?0:o/a;return[s,c,a]}function g(e){let t=e.replace(`#`,``).match(/.{2}/g);if(!t)return`rgb(0, 0, 0)`;let[n,r,i]=t.map(e=>parseInt(e,16));return`rgb(${n}, ${r}, ${i})`}function _(e){let t=e.replace(`#`,``).match(/.{2}/g);if(!t)return`hsl(0, 0%, 0%)`;let[n,r,i]=t.map(e=>parseInt(e,16)/255),a=Math.max(n,r,i),o=Math.min(n,r,i),s=(a+o)/2,c=0,l=0;if(a!==o){let e=a-o;l=s>.5?e/(2-a-o):e/(a+o),c=a===n?((r-i)/e+6)%6:a===r?(i-n)/e+2:(n-r)/e+4,c*=60}return`hsl(${Math.round(c)}, ${Math.round(l*100)}%, ${Math.round(s*100)}%)`}function v(e,t){return t===`rgb`?g(e):t===`hsl`?_(e):e}function y(e){if(!e)return`#000000`;if(e.startsWith(`#`))return e.length===7?e:`#000000`;let t=e.match(/rgb\((\d+),\s*(\d+),\s*(\d+)\)/);return t?`#${[t[1],t[2],t[3]].map(e=>parseInt(e).toString(16).padStart(2,`0`)).join(``)}`:`#000000`}var b=[`#ef4444`,`#f97316`,`#eab308`,`#22c55e`,`#06b6d4`,`#3b82f6`,`#8b5cf6`,`#ec4899`,`#000000`,`#ffffff`];function x({value:e,onChange:n,swatches:r=b,format:o=`hex`,size:s=`md`,label:c,disabled:l=!1,className:u,...d}){let f=y(e??`#3b82f6`),[p,g]=(0,i.useState)(()=>h(f)),[_,x]=(0,i.useState)(v(f,o)),S=(0,i.useRef)(null),C=(0,i.useRef)(null),w=(0,i.useRef)(null);(0,i.useEffect)(()=>{let t=y(e??`#3b82f6`);g(h(t)),x(v(t,o))},[e,o]);let T=(0,i.useCallback)((e,t,r)=>{let i=m(e,t,r);g([e,t,r]),x(v(i,o)),n?.(v(i,o))},[n,o]);function E(e){let t=S.current?.getBoundingClientRect();if(!t)return;let n=Math.max(0,Math.min(1,(e.clientX-t.left)/t.width)),r=Math.max(0,Math.min(1,1-(e.clientY-t.top)/t.height));T(p[0],n,r)}function D(e){let t=C.current?.getBoundingClientRect();t&&T(Math.max(0,Math.min(360,(e.clientX-t.left)/t.width*360)),p[1],p[2])}(0,i.useEffect)(()=>{function e(e){w.current===`area`?E(e):w.current===`hue`&&D(e)}function t(){w.current=null}return window.addEventListener(`pointermove`,e),window.addEventListener(`pointerup`,t),()=>{window.removeEventListener(`pointermove`,e),window.removeEventListener(`pointerup`,t)}});function O(e){x(e);try{let t=y(e);(t!==`#000000`||e===`#000000`||e.toLowerCase()===`rgb(0, 0, 0)`)&&(g(h(t)),n?.(v(t,o)))}catch{}}let k=m(p[0],p[1],p[2]);return(0,a.jsxs)(`div`,{className:t.t(`color-picker`,s,l&&`disabled`,u),...d,children:[c&&(0,a.jsx)(`label`,{className:`label`,children:c}),(0,a.jsxs)(`div`,{ref:S,className:`area`,style:{background:`hsl(${p[0]}, 100%, 50%)`},onPointerDown:e=>{l||(w.current=`area`,E(e))},children:[(0,a.jsx)(`div`,{className:`white`}),(0,a.jsx)(`div`,{className:`black`}),(0,a.jsx)(`div`,{className:`cursor`,style:{left:`${p[1]*100}%`,top:`${(1-p[2])*100}%`,background:k}})]}),(0,a.jsx)(`div`,{ref:C,className:`hue`,onPointerDown:e=>{l||(w.current=`hue`,D(e))},children:(0,a.jsx)(`div`,{className:`hue-thumb`,style:{left:`${p[0]/360*100}%`}})}),(0,a.jsxs)(`div`,{className:`controls`,children:[(0,a.jsx)(`div`,{className:`preview`,style:{background:k}}),(0,a.jsx)(`input`,{type:`text`,className:`input`,value:_,onChange:e=>O(e.target.value),disabled:l})]}),r.length>0&&(0,a.jsx)(`div`,{className:`swatches`,children:r.map(e=>(0,a.jsx)(`button`,{type:`button`,className:t.t(`swatch`,k.toLowerCase()===e.toLowerCase()&&`active`),style:{background:e},onClick:()=>{if(l)return;let[t,n,r]=h(e);T(t,n,r)}},e))})]})}var S={xs:`xs`,sm:`sm`,md:`sm`,lg:`md`,xl:`lg`};function C({icon:e,illustration:r,title:o,description:s,buttonText:c,onAction:l,color:u=`neutral`,size:d=`md`,className:f,children:p,...m}){return(0,a.jsxs)(`div`,{className:t.t(`empty-state`,`color-${u}`,d,f),...m,children:[r&&(0,a.jsx)(`div`,{className:`empty-state-illustration`,children:(0,i.isValidElement)(r)?(0,i.cloneElement)(r,{color:u}):r}),!r&&e&&(0,a.jsx)(`div`,{className:`empty-state-icon`,children:e}),(0,a.jsxs)(`div`,{className:`empty-state-content`,children:[(0,a.jsx)(`div`,{className:`empty-state-title`,children:o}),s&&(0,a.jsx)(`div`,{className:`empty-state-description`,children:s})]}),c&&l&&(0,a.jsx)(`div`,{className:`empty-state-action`,children:(0,a.jsx)(n.t,{size:S[d],variant:`outlined`,color:u,onClick:l,children:c})}),p]})}var w={xs:10,sm:14,md:18,lg:22,xl:28};function T(e){return null}function E({activeStep:n,variant:r=`horizontal`,color:o=`primary`,size:s=`md`,clickable:c=!1,onChange:l,className:u,children:d,...f}){let p=i.Children.toArray(d).filter(e=>(0,i.isValidElement)(e)&&e.type===T);return(0,a.jsx)(`div`,{className:t.t(`stepper`,r,`color-${o}`,s,u),role:`list`,...f,children:p.map((r,o)=>{if(!(0,i.isValidElement)(r))return null;let{id:u,title:d,description:f,icon:p,disabled:m,optional:h,error:g}=r.props,_=o===n,v=o<n,y=c&&!m,b=()=>{y&&l&&l(o)};return(0,a.jsxs)(`div`,{className:t.t(`stepper-step`,_&&`active`,v&&`completed`,m&&`disabled`,g&&`error`,y&&`clickable`),role:`listitem`,"aria-current":_?`step`:void 0,children:[(0,a.jsx)(`div`,{className:`stepper-indicator`,onClick:y?b:void 0,role:y?`button`:void 0,tabIndex:y?0:void 0,onKeyDown:y?e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),b())}:void 0,children:g?`!`:v?p??(0,a.jsx)(e.Fi,{size:w[s]}):p??o+1}),(0,a.jsxs)(`div`,{className:`stepper-content`,children:[(0,a.jsx)(`span`,{className:`stepper-title`,children:d}),f&&(0,a.jsx)(`span`,{className:`stepper-description`,children:f}),h&&(0,a.jsx)(`span`,{className:`stepper-optional`,children:`Optional`})]})]},u)})})}function D(e){return null}function O({align:e=`left`,color:n=`primary`,size:r=`md`,className:o,children:s,...c}){let l=i.Children.toArray(s).filter(e=>(0,i.isValidElement)(e)&&e.type===D);return(0,a.jsx)(`div`,{className:t.t(`timeline`,`align-${e}`,`color-${n}`,r,o),...c,children:l.map((n,r)=>{if(!(0,i.isValidElement)(n))return null;let{id:o,title:s,description:c,date:l,icon:u,color:d}=n.props,f=e===`alternate`?r%2==0?`left`:`right`:void 0;return(0,a.jsxs)(`div`,{className:t.t(`timeline-item`,f&&`side-${f}`),children:[(0,a.jsx)(`div`,{className:t.t(`timeline-dot`,d&&`color-${d}`),children:u}),(0,a.jsxs)(`div`,{className:`timeline-content`,children:[(0,a.jsx)(`span`,{className:`timeline-title`,children:s}),c&&(0,a.jsx)(`span`,{className:`timeline-description`,children:c}),l&&(0,a.jsx)(`span`,{className:`timeline-date`,children:l})]})]},o)})})}Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return C}}),Object.defineProperty(exports,`c`,{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,`d`,{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return E}}),Object.defineProperty(exports,`l`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return D}}),Object.defineProperty(exports,`o`,{enumerable:!0,get:function(){return x}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return T}}),Object.defineProperty(exports,`s`,{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return O}}),Object.defineProperty(exports,`u`,{enumerable:!0,get:function(){return s}});
-//# sourceMappingURL=display-CCG1eb0m.cjs.map
+const e=require(`./icons-Dv1T-cF4.cjs`),t=require(`./cn-CU5TNITO.cjs`),n=require(`./MButton-CtEFKjYZ.cjs`),r=require(`./MStack-Bp1x4woD.cjs`);let i=require(`react`),a=require(`react/jsx-runtime`);function o({title:o,defaultOpen:s=!1,open:c,onToggle:l,color:u=`primary`,className:d,children:f,...p}){let[m,h]=(0,i.useState)(s),g=c??m,_=()=>{let e=!g;c===void 0&&h(e),l?.(e)},v=(0,a.jsx)(`span`,{className:t.t(`chevron`,g&&`open`),"aria-hidden":`true`,children:(0,a.jsx)(e.Mi,{})});return(0,a.jsxs)(`div`,{className:t.t(`collapsible`,d),...p,children:[(0,a.jsx)(n.t,{variant:`ghost`,color:u,className:`trigger`,"aria-expanded":g,onClick:_,endIcon:v,children:o}),(0,a.jsx)(`div`,{className:t.t(`content-wrap`,g&&`open`),"aria-hidden":!g,children:(0,a.jsx)(r.t,{className:`content`,children:f})})]})}function s(e){return null}function c({multiple:e=!1,defaultOpen:n,onChange:r,bordered:c=!1,color:l,className:u,children:d,...f}){let[p,m]=(0,i.useState)(Array.isArray(n)?n:n?[n]:[]),h=(0,i.useCallback)((t,n)=>{m(i=>{let a;return a=n?e?[...i,t]:[t]:i.filter(e=>e!==t),r?.(a),a})},[e,r]),g=i.Children.toArray(d).filter(e=>(0,i.isValidElement)(e)&&e.type===s);return(0,a.jsx)(`div`,{className:t.t(`accordion`,c&&`bordered`,u),...f,children:g.map(e=>{if(!(0,i.isValidElement)(e))return null;let{id:n,title:r,children:s,disabled:c,color:u}=e.props,d=p.includes(n);return(0,a.jsx)(`div`,{className:t.t(`accordion-item`,c&&`disabled`),children:(0,a.jsx)(o,{title:r,open:d,onToggle:c?void 0:e=>h(n,e),color:u??l,children:s})},n)})})}var l=800;function u(e){return 1-(1-e)**3}function d({value:e,max:n=100,color:r=`primary`,size:o=`md`,label:s,showValue:c=!1,animated:d=!1,striped:f=!1,className:p,...m}){let h=Math.min(100,Math.max(0,e/n*100)),[g,_]=(0,i.useState)(0),[v,y]=(0,i.useState)(0),b=(0,i.useRef)(0),x=(0,i.useRef)(0),S=(0,i.useCallback)((e,t)=>{cancelAnimationFrame(x.current);let n=performance.now(),r=i=>{let a=i-n,o=Math.min(a/l,1),s=u(o);_(e+(t-e)*s),o<1&&(x.current=requestAnimationFrame(r))};y(t),x.current=requestAnimationFrame(r)},[]);return(0,i.useEffect)(()=>(S(b.current,h),b.current=h,()=>cancelAnimationFrame(x.current)),[h,S]),(0,a.jsxs)(`div`,{className:t.t(`progress-bar`,`color-${r}`,o,p),role:`progressbar`,"aria-valuenow":e,"aria-valuemin":0,"aria-valuemax":n,"aria-label":s,...m,children:[(s||c)&&(0,a.jsxs)(`div`,{className:`progress-bar-header`,children:[s&&(0,a.jsx)(`span`,{className:`progress-bar-label`,children:s}),c&&(0,a.jsxs)(`span`,{className:`progress-bar-value`,children:[Math.round(g),`%`]})]}),(0,a.jsx)(`div`,{className:`progress-bar-track`,children:(0,a.jsx)(`div`,{className:t.t(`progress-bar-fill`,d&&`animated`,f&&`striped`),style:{width:`${v}%`}})})]})}function f({value:e,from:n=0,duration:r=1e3,decimals:o=0,prefix:s=``,suffix:c=``,separator:l=``,className:u,...d}){let[f,m]=(0,i.useState)(n),h=(0,i.useRef)(0),g=(0,i.useRef)(null);(0,i.useEffect)(()=>{let t=f;g.current=null;let n=i=>{g.current===null&&(g.current=i);let a=i-g.current,o=Math.min(a/r,1),s=1-(1-o)**3;m(t+(e-t)*s),o<1&&(h.current=requestAnimationFrame(n))};return h.current=requestAnimationFrame(n),()=>cancelAnimationFrame(h.current)},[e,r]);let _=p(f,o,l);return(0,a.jsxs)(`span`,{className:t.t(`count-up`,u),...d,children:[s,_,c]})}function p(e,t,n){let r=e.toFixed(t);if(!n)return r;let[i,a]=r.split(`.`),o=i.replace(/\B(?=(\d{3})+(?!\d))/g,n);return a===void 0?o:`${o}.${a}`}function m(e,t,n){let r=r=>{let i=(r+e/60)%6;return n-n*t*Math.max(0,Math.min(i,4-i,1))};return`#${[Math.round(r(5)*255),Math.round(r(3)*255),Math.round(r(1)*255)].map(e=>e.toString(16).padStart(2,`0`)).join(``)}`}function h(e){let t=e.replace(`#`,``).match(/.{2}/g);if(!t)return[0,0,1];let[n,r,i]=t.map(e=>parseInt(e,16)/255),a=Math.max(n,r,i),o=a-Math.min(n,r,i),s=0;o!==0&&(s=a===n?((r-i)/o+6)%6:a===r?(i-n)/o+2:(n-r)/o+4,s*=60);let c=a===0?0:o/a;return[s,c,a]}function g(e){let t=e.replace(`#`,``).match(/.{2}/g);if(!t)return`rgb(0, 0, 0)`;let[n,r,i]=t.map(e=>parseInt(e,16));return`rgb(${n}, ${r}, ${i})`}function _(e){let t=e.replace(`#`,``).match(/.{2}/g);if(!t)return`hsl(0, 0%, 0%)`;let[n,r,i]=t.map(e=>parseInt(e,16)/255),a=Math.max(n,r,i),o=Math.min(n,r,i),s=(a+o)/2,c=0,l=0;if(a!==o){let e=a-o;l=s>.5?e/(2-a-o):e/(a+o),c=a===n?((r-i)/e+6)%6:a===r?(i-n)/e+2:(n-r)/e+4,c*=60}return`hsl(${Math.round(c)}, ${Math.round(l*100)}%, ${Math.round(s*100)}%)`}function v(e,t){return t===`rgb`?g(e):t===`hsl`?_(e):e}function y(e){if(!e)return`#000000`;if(e.startsWith(`#`))return e.length===7?e:`#000000`;let t=e.match(/rgb\((\d+),\s*(\d+),\s*(\d+)\)/);return t?`#${[t[1],t[2],t[3]].map(e=>parseInt(e).toString(16).padStart(2,`0`)).join(``)}`:`#000000`}var b=[`#ef4444`,`#f97316`,`#eab308`,`#22c55e`,`#06b6d4`,`#3b82f6`,`#8b5cf6`,`#ec4899`,`#000000`,`#ffffff`];function x({value:e,onChange:n,swatches:r=b,format:o=`hex`,size:s=`md`,label:c,disabled:l=!1,className:u,...d}){let f=y(e??`#3b82f6`),[p,g]=(0,i.useState)(()=>h(f)),[_,x]=(0,i.useState)(v(f,o)),S=(0,i.useRef)(null),C=(0,i.useRef)(null),w=(0,i.useRef)(null);(0,i.useEffect)(()=>{let t=y(e??`#3b82f6`);g(h(t)),x(v(t,o))},[e,o]);let T=(0,i.useCallback)((e,t,r)=>{let i=m(e,t,r);g([e,t,r]),x(v(i,o)),n?.(v(i,o))},[n,o]);function E(e){let t=S.current?.getBoundingClientRect();if(!t)return;let n=Math.max(0,Math.min(1,(e.clientX-t.left)/t.width)),r=Math.max(0,Math.min(1,1-(e.clientY-t.top)/t.height));T(p[0],n,r)}function D(e){let t=C.current?.getBoundingClientRect();t&&T(Math.max(0,Math.min(360,(e.clientX-t.left)/t.width*360)),p[1],p[2])}(0,i.useEffect)(()=>{function e(e){w.current===`area`?E(e):w.current===`hue`&&D(e)}function t(){w.current=null}return window.addEventListener(`pointermove`,e),window.addEventListener(`pointerup`,t),()=>{window.removeEventListener(`pointermove`,e),window.removeEventListener(`pointerup`,t)}});function O(e){x(e);try{let t=y(e);(t!==`#000000`||e===`#000000`||e.toLowerCase()===`rgb(0, 0, 0)`)&&(g(h(t)),n?.(v(t,o)))}catch{}}let k=m(p[0],p[1],p[2]);return(0,a.jsxs)(`div`,{className:t.t(`color-picker`,s,l&&`disabled`,u),...d,children:[c&&(0,a.jsx)(`label`,{className:`label`,children:c}),(0,a.jsxs)(`div`,{ref:S,className:`area`,style:{background:`hsl(${p[0]}, 100%, 50%)`},onPointerDown:e=>{l||(w.current=`area`,E(e))},children:[(0,a.jsx)(`div`,{className:`white`}),(0,a.jsx)(`div`,{className:`black`}),(0,a.jsx)(`div`,{className:`cursor`,style:{left:`${p[1]*100}%`,top:`${(1-p[2])*100}%`,background:k}})]}),(0,a.jsx)(`div`,{ref:C,className:`hue`,onPointerDown:e=>{l||(w.current=`hue`,D(e))},children:(0,a.jsx)(`div`,{className:`hue-thumb`,style:{left:`${p[0]/360*100}%`}})}),(0,a.jsxs)(`div`,{className:`controls`,children:[(0,a.jsx)(`div`,{className:`preview`,style:{background:k}}),(0,a.jsx)(`input`,{type:`text`,className:`input`,value:_,onChange:e=>O(e.target.value),disabled:l})]}),r.length>0&&(0,a.jsx)(`div`,{className:`swatches`,children:r.map(e=>(0,a.jsx)(`button`,{type:`button`,className:t.t(`swatch`,k.toLowerCase()===e.toLowerCase()&&`active`),style:{background:e},onClick:()=>{if(l)return;let[t,n,r]=h(e);T(t,n,r)}},e))})]})}var S={xs:`xs`,sm:`sm`,md:`sm`,lg:`md`,xl:`lg`};function C({icon:e,illustration:r,title:o,description:s,buttonText:c,onAction:l,color:u=`neutral`,size:d=`md`,className:f,children:p,...m}){return(0,a.jsxs)(`div`,{className:t.t(`empty-state`,`color-${u}`,d,f),...m,children:[r&&(0,a.jsx)(`div`,{className:`empty-state-illustration`,children:(0,i.isValidElement)(r)?(0,i.cloneElement)(r,{color:u}):r}),!r&&e&&(0,a.jsx)(`div`,{className:`empty-state-icon`,children:e}),(0,a.jsxs)(`div`,{className:`empty-state-content`,children:[(0,a.jsx)(`div`,{className:`empty-state-title`,children:o}),s&&(0,a.jsx)(`div`,{className:`empty-state-description`,children:s})]}),c&&l&&(0,a.jsx)(`div`,{className:`empty-state-action`,children:(0,a.jsx)(n.t,{size:S[d],variant:`outlined`,color:u,onClick:l,children:c})}),p]})}var w={xs:10,sm:14,md:18,lg:22,xl:28};function T(e){return null}function E({activeStep:n,variant:r=`horizontal`,color:o=`primary`,size:s=`md`,clickable:c=!1,onChange:l,className:u,children:d,...f}){let p=i.Children.toArray(d).filter(e=>(0,i.isValidElement)(e)&&e.type===T);return(0,a.jsx)(`div`,{className:t.t(`stepper`,r,`color-${o}`,s,u),role:`list`,...f,children:p.map((r,o)=>{if(!(0,i.isValidElement)(r))return null;let{id:u,title:d,description:f,icon:p,disabled:m,optional:h,error:g}=r.props,_=o===n,v=o<n,y=c&&!m,b=()=>{y&&l&&l(o)};return(0,a.jsxs)(`div`,{className:t.t(`stepper-step`,_&&`active`,v&&`completed`,m&&`disabled`,g&&`error`,y&&`clickable`),role:`listitem`,"aria-current":_?`step`:void 0,children:[(0,a.jsx)(`div`,{className:`stepper-indicator`,onClick:y?b:void 0,role:y?`button`:void 0,tabIndex:y?0:void 0,onKeyDown:y?e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),b())}:void 0,children:g?`!`:v?p??(0,a.jsx)(e.Fi,{size:w[s]}):p??o+1}),(0,a.jsxs)(`div`,{className:`stepper-content`,children:[(0,a.jsx)(`span`,{className:`stepper-title`,children:d}),f&&(0,a.jsx)(`span`,{className:`stepper-description`,children:f}),h&&(0,a.jsx)(`span`,{className:`stepper-optional`,children:`Optional`})]})]},u)})})}function D(e){return null}function O({align:e=`left`,color:n=`primary`,size:r=`md`,className:o,children:s,...c}){let l=i.Children.toArray(s).filter(e=>(0,i.isValidElement)(e)&&e.type===D);return(0,a.jsx)(`div`,{className:t.t(`timeline`,`align-${e}`,`color-${n}`,r,o),...c,children:l.map((n,r)=>{if(!(0,i.isValidElement)(n))return null;let{id:o,title:s,description:c,date:l,icon:u,color:d}=n.props,f=e===`alternate`?r%2==0?`left`:`right`:void 0;return(0,a.jsxs)(`div`,{className:t.t(`timeline-item`,f&&`side-${f}`),children:[(0,a.jsx)(`div`,{className:t.t(`timeline-dot`,d&&`color-${d}`),children:u}),(0,a.jsxs)(`div`,{className:`timeline-content`,children:[(0,a.jsx)(`span`,{className:`timeline-title`,children:s}),c&&(0,a.jsx)(`span`,{className:`timeline-description`,children:c}),l&&(0,a.jsx)(`span`,{className:`timeline-date`,children:l})]})]},o)})})}Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return C}}),Object.defineProperty(exports,`c`,{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,`d`,{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return E}}),Object.defineProperty(exports,`l`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return D}}),Object.defineProperty(exports,`o`,{enumerable:!0,get:function(){return x}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return T}}),Object.defineProperty(exports,`s`,{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return O}}),Object.defineProperty(exports,`u`,{enumerable:!0,get:function(){return s}});
+//# sourceMappingURL=display-WS1tupQD.cjs.map

package/dist/{display-CCG1eb0m.cjs.map → display-WS1tupQD.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"display-CCG1eb0m.cjs","names":[],"sources":["../src/components/display/MCollapsible/MCollapsible.tsx","../src/components/display/MAccordion/MAccordion.tsx","../src/components/display/MProgressBar/MProgressBar.tsx","../src/components/display/MCountUp/MCountUp.tsx","../src/components/display/MColorPicker/MColorPicker.tsx","../src/components/display/MEmptyState/MEmptyState.tsx","../src/components/display/MStepper/MStepper.tsx","../src/components/display/MTimeline/MTimeline.tsx"],"sourcesContent":["import {useState} from 'react'\nimport {MButton} from '../../controls'\nimport {MStack} from '../../layout'\nimport {cn} from '../../../utils/cn'\nimport type {MCollapsibleProps} from './MCollapsible.types'\nimport {MChevronDownIcon} from '../../../icons'\nimport './MCollapsible.css'\n\n// MToggle a section of content with a built-in trigger and disclosure state.\nexport function MCollapsible({\n    title,\n    defaultOpen = false,\n    open: controlledOpen,\n    onToggle,\n    color = 'primary',\n    className,\n    children,\n    ...rest\n}: MCollapsibleProps) {\n    const [internalOpen, setInternalOpen] = useState(defaultOpen)\n    const open = controlledOpen ?? internalOpen\n\n    const handleToggle = () => {\n        const nextOpen = !open\n\n        if (controlledOpen === undefined) {\n            setInternalOpen(nextOpen)\n        }\n\n        onToggle?.(nextOpen)\n    }\n\n    const chevronIcon = (\n        <span className={cn('chevron', open && 'open')} aria-hidden=\"true\">\n            <MChevronDownIcon />\n        </span>\n    )\n\n    return (\n        <div className={cn('collapsible', className)} {...rest}>\n            <MButton\n                variant=\"ghost\"\n                color={color}\n                className=\"trigger\"\n                aria-expanded={open}\n                onClick={handleToggle}\n                endIcon={chevronIcon}\n            >\n                {title}\n            </MButton>\n            <div className={cn('content-wrap', open && 'open')} aria-hidden={!open}>\n                <MStack className=\"content\">{children}</MStack>\n            </div>\n        </div>\n    )\n}\n","import {useState, useCallback, Children, isValidElement} from 'react'\nimport {MCollapsible} from '../MCollapsible'\nimport {cn} from '../../../utils/cn'\nimport type {MAccordionProps, MAccordionItemProps} from './MAccordion.types'\nimport './MAccordion.css'\n\nexport function MAccordionItem(_props: MAccordionItemProps) {\n    return null\n}\n\nexport function MAccordion({\n    multiple = false,\n    defaultOpen,\n    onChange,\n    bordered = false,\n    color,\n    className,\n    children,\n    ...rest\n}: MAccordionProps) {\n    const initialOpen = Array.isArray(defaultOpen) ? defaultOpen : defaultOpen ? [defaultOpen] : []\n\n    const [openIds, setOpenIds] = useState<string[]>(initialOpen)\n\n    const handleToggle = useCallback(\n        (id: string, isOpen: boolean) => {\n            setOpenIds((prev) => {\n                let next: string[]\n                if (isOpen) {\n                    next = multiple ? [...prev, id] : [id]\n                } else {\n                    next = prev.filter((v) => v !== id)\n                }\n                onChange?.(next)\n                return next\n            })\n        },\n        [multiple, onChange]\n    )\n\n    const items = Children.toArray(children).filter(\n        (child) => isValidElement(child) && (child.type as any) === MAccordionItem\n    )\n\n    return (\n        <div className={cn('accordion', bordered && 'bordered', className)} {...rest}>\n            {items.map((child) => {\n                if (!isValidElement<MAccordionItemProps>(child)) return null\n                const {id, title, children: content, disabled, color: itemColor} = child.props\n                const isOpen = openIds.includes(id)\n\n                return (\n                    <div key={id} className={cn('accordion-item', disabled && 'disabled')}>\n                        <MCollapsible\n                            title={title}\n                            open={isOpen}\n                            onToggle={disabled ? undefined : (open) => handleToggle(id, open)}\n                            color={itemColor ?? color}\n                        >\n                            {content}\n                        </MCollapsible>\n                    </div>\n                )\n            })}\n        </div>\n    )\n}\n","import {useState, useEffect, useRef, useCallback} from 'react'\nimport type {MProgressBarProps} from './MProgressBar.types'\nimport {cn} from '../../../utils/cn'\nimport './MProgressBar.css'\n\nconst DURATION = 800\n\nfunction easeOutCubic(t: number) {\n    return 1 - Math.pow(1 - t, 3)\n}\n\n// Render a horizontal bar that fills to represent progress as a percentage.\nexport function MProgressBar({\n    value,\n    max = 100,\n    color = 'primary',\n    size = 'md',\n    label,\n    showValue = false,\n    animated = false,\n    striped = false,\n    className,\n    ...rest\n}: MProgressBarProps) {\n    const percent = Math.min(100, Math.max(0, (value / max) * 100))\n    const [displayPercent, setDisplayPercent] = useState(0)\n    const [barPercent, setBarPercent] = useState(0)\n    const prevPercent = useRef(0)\n    const rafRef = useRef(0)\n\n    const animate = useCallback((from: number, to: number) => {\n        cancelAnimationFrame(rafRef.current)\n        const start = performance.now()\n\n        const step = (now: number) => {\n            const elapsed = now - start\n            const progress = Math.min(elapsed / DURATION, 1)\n            const eased = easeOutCubic(progress)\n            const current = from + (to - from) * eased\n\n            setDisplayPercent(current)\n            if (progress < 1) {\n                rafRef.current = requestAnimationFrame(step)\n            }\n        }\n\n        // Set bar width immediately for CSS transition\n        setBarPercent(to)\n        rafRef.current = requestAnimationFrame(step)\n    }, [])\n\n    useEffect(() => {\n        animate(prevPercent.current, percent)\n        prevPercent.current = percent\n        return () => cancelAnimationFrame(rafRef.current)\n    }, [percent, animate])\n\n    return (\n        <div\n            className={cn('progress-bar', `color-${color}`, size, className)}\n            role=\"progressbar\"\n            aria-valuenow={value}\n            aria-valuemin={0}\n            aria-valuemax={max}\n            aria-label={label}\n            {...rest}\n        >\n            {(label || showValue) && (\n                <div className=\"progress-bar-header\">\n                    {label && <span className=\"progress-bar-label\">{label}</span>}\n                    {showValue && <span className=\"progress-bar-value\">{Math.round(displayPercent)}%</span>}\n                </div>\n            )}\n            <div className=\"progress-bar-track\">\n                <div\n                    className={cn('progress-bar-fill', animated && 'animated', striped && 'striped')}\n                    style={{width: `${barPercent}%`}}\n                />\n            </div>\n        </div>\n    )\n}\n","import {useState, useEffect, useRef} from 'react'\nimport type {MCountUpProps} from './MCountUp.types'\nimport {cn} from '../../../utils/cn'\n\n// Animate a number from a start value to a target, with an easing curve.\nexport function MCountUp({\n    value,\n    from = 0,\n    duration = 1000,\n    decimals = 0,\n    prefix = '',\n    suffix = '',\n    separator = '',\n    className,\n    ...rest\n}: MCountUpProps) {\n    const [display, setDisplay] = useState(from)\n    const rafRef = useRef<number>(0)\n    const startRef = useRef<number | null>(null)\n\n    useEffect(() => {\n        const startValue = display\n        startRef.current = null\n\n        const step = (timestamp: number) => {\n            if (startRef.current === null) startRef.current = timestamp\n            const elapsed = timestamp - startRef.current\n            const progress = Math.min(elapsed / duration, 1)\n            const eased = 1 - Math.pow(1 - progress, 3)\n            const current = startValue + (value - startValue) * eased\n\n            setDisplay(current)\n\n            if (progress < 1) {\n                rafRef.current = requestAnimationFrame(step)\n            }\n        }\n\n        rafRef.current = requestAnimationFrame(step)\n        return () => cancelAnimationFrame(rafRef.current)\n    }, [value, duration])\n\n    const formatted = formatNumber(display, decimals, separator)\n\n    return (\n        <span className={cn('count-up', className)} {...rest}>\n            {prefix}\n            {formatted}\n            {suffix}\n        </span>\n    )\n}\n\nfunction formatNumber(num: number, decimals: number, separator: string): string {\n    const fixed = num.toFixed(decimals)\n    if (!separator) return fixed\n\n    const [int, dec] = fixed.split('.')\n    const withSep = int.replace(/\\B(?=(\\d{3})+(?!\\d))/g, separator)\n    return dec !== undefined ? `${withSep}.${dec}` : withSep\n}\n","import {useCallback, useEffect, useRef, useState} from 'react'\nimport type * as React from 'react'\nimport type {MColorPickerProps} from './MColorPicker.types'\nimport {cn} from '../../../utils/cn'\nimport './MColorPicker.css'\n\nfunction hsvToHex(h: number, s: number, v: number): string {\n    const f = (n: number) => {\n        const k = (n + h / 60) % 6\n        return v - v * s * Math.max(0, Math.min(k, 4 - k, 1))\n    }\n    const r = Math.round(f(5) * 255)\n    const g = Math.round(f(3) * 255)\n    const b = Math.round(f(1) * 255)\n    return `#${[r, g, b].map((c) => c.toString(16).padStart(2, '0')).join('')}`\n}\n\nfunction hexToHsv(hex: string): [number, number, number] {\n    const m = hex.replace('#', '').match(/.{2}/g)\n    if (!m) return [0, 0, 1]\n    const [r, g, b] = m.map((c) => parseInt(c, 16) / 255)\n    const max = Math.max(r, g, b)\n    const min = Math.min(r, g, b)\n    const d = max - min\n    let h = 0\n    if (d !== 0) {\n        if (max === r) h = ((g - b) / d + 6) % 6\n        else if (max === g) h = (b - r) / d + 2\n        else h = (r - g) / d + 4\n        h *= 60\n    }\n    const s = max === 0 ? 0 : d / max\n    return [h, s, max]\n}\n\nfunction hexToRgb(hex: string): string {\n    const m = hex.replace('#', '').match(/.{2}/g)\n    if (!m) return 'rgb(0, 0, 0)'\n    const [r, g, b] = m.map((c) => parseInt(c, 16))\n    return `rgb(${r}, ${g}, ${b})`\n}\n\nfunction hexToHsl(hex: string): string {\n    const m = hex.replace('#', '').match(/.{2}/g)\n    if (!m) return 'hsl(0, 0%, 0%)'\n    const [r, g, b] = m.map((c) => parseInt(c, 16) / 255)\n    const max = Math.max(r, g, b)\n    const min = Math.min(r, g, b)\n    const l = (max + min) / 2\n    let h = 0\n    let s = 0\n    if (max !== min) {\n        const d = max - min\n        s = l > 0.5 ? d / (2 - max - min) : d / (max + min)\n        if (max === r) h = ((g - b) / d + 6) % 6\n        else if (max === g) h = (b - r) / d + 2\n        else h = (r - g) / d + 4\n        h *= 60\n    }\n    return `hsl(${Math.round(h)}, ${Math.round(s * 100)}%, ${Math.round(l * 100)}%)`\n}\n\nfunction formatOutput(hex: string, format: string): string {\n    if (format === 'rgb') return hexToRgb(hex)\n    if (format === 'hsl') return hexToHsl(hex)\n    return hex\n}\n\nfunction normalizeToHex(value: string): string {\n    if (!value) return '#000000'\n    if (value.startsWith('#')) return value.length === 7 ? value : '#000000'\n    const rgbMatch = value.match(/rgb\\((\\d+),\\s*(\\d+),\\s*(\\d+)\\)/)\n    if (rgbMatch) {\n        return `#${[rgbMatch[1], rgbMatch[2], rgbMatch[3]]\n            .map((c) => parseInt(c).toString(16).padStart(2, '0'))\n            .join('')}`\n    }\n    return '#000000'\n}\n\nconst DEFAULT_SWATCHES = [\n    '#ef4444',\n    '#f97316',\n    '#eab308',\n    '#22c55e',\n    '#06b6d4',\n    '#3b82f6',\n    '#8b5cf6',\n    '#ec4899',\n    '#000000',\n    '#ffffff',\n]\n\nexport function MColorPicker({\n    value,\n    onChange,\n    swatches = DEFAULT_SWATCHES,\n    format = 'hex',\n    size = 'md',\n    label,\n    disabled = false,\n    className,\n    ...rest\n}: MColorPickerProps) {\n    const hex = normalizeToHex(value ?? '#3b82f6')\n    const [hsv, setHsv] = useState<[number, number, number]>(() => hexToHsv(hex))\n    const [inputValue, setInputValue] = useState(formatOutput(hex, format))\n    const areaRef = useRef<HTMLDivElement>(null)\n    const hueRef = useRef<HTMLDivElement>(null)\n    const dragging = useRef<'area' | 'hue' | null>(null)\n\n    useEffect(() => {\n        const newHex = normalizeToHex(value ?? '#3b82f6')\n        setHsv(hexToHsv(newHex))\n        setInputValue(formatOutput(newHex, format))\n    }, [value, format])\n\n    const emit = useCallback(\n        (h: number, s: number, v: number) => {\n            const newHex = hsvToHex(h, s, v)\n            setHsv([h, s, v])\n            setInputValue(formatOutput(newHex, format))\n            onChange?.(formatOutput(newHex, format))\n        },\n        [onChange, format]\n    )\n\n    function handleAreaPointer(e: React.PointerEvent | PointerEvent) {\n        const rect = areaRef.current?.getBoundingClientRect()\n        if (!rect) return\n        const s = Math.max(0, Math.min(1, (e.clientX - rect.left) / rect.width))\n        const v = Math.max(0, Math.min(1, 1 - (e.clientY - rect.top) / rect.height))\n        emit(hsv[0], s, v)\n    }\n\n    function handleHuePointer(e: React.PointerEvent | PointerEvent) {\n        const rect = hueRef.current?.getBoundingClientRect()\n        if (!rect) return\n        const h = Math.max(0, Math.min(360, ((e.clientX - rect.left) / rect.width) * 360))\n        emit(h, hsv[1], hsv[2])\n    }\n\n    useEffect(() => {\n        function onMove(e: PointerEvent) {\n            if (dragging.current === 'area') handleAreaPointer(e)\n            else if (dragging.current === 'hue') handleHuePointer(e)\n        }\n        function onUp() {\n            dragging.current = null\n        }\n        window.addEventListener('pointermove', onMove)\n        window.addEventListener('pointerup', onUp)\n        return () => {\n            window.removeEventListener('pointermove', onMove)\n            window.removeEventListener('pointerup', onUp)\n        }\n    })\n\n    function handleInputChange(val: string) {\n        setInputValue(val)\n        try {\n            const h = normalizeToHex(val)\n            if (h !== '#000000' || val === '#000000' || val.toLowerCase() === 'rgb(0, 0, 0)') {\n                setHsv(hexToHsv(h))\n                onChange?.(formatOutput(h, format))\n            }\n        } catch {\n            // ignore invalid input while typing\n        }\n    }\n\n    const currentHex = hsvToHex(hsv[0], hsv[1], hsv[2])\n\n    return (\n        <div className={cn('color-picker', size, disabled && 'disabled', className)} {...rest}>\n            {label && <label className=\"label\">{label}</label>}\n\n            <div\n                ref={areaRef}\n                className=\"area\"\n                style={{background: `hsl(${hsv[0]}, 100%, 50%)`}}\n                onPointerDown={(e) => {\n                    if (disabled) return\n                    dragging.current = 'area'\n                    handleAreaPointer(e)\n                }}\n            >\n                <div className=\"white\" />\n                <div className=\"black\" />\n                <div\n                    className=\"cursor\"\n                    style={{\n                        left: `${hsv[1] * 100}%`,\n                        top: `${(1 - hsv[2]) * 100}%`,\n                        background: currentHex,\n                    }}\n                />\n            </div>\n\n            <div\n                ref={hueRef}\n                className=\"hue\"\n                onPointerDown={(e) => {\n                    if (disabled) return\n                    dragging.current = 'hue'\n                    handleHuePointer(e)\n                }}\n            >\n                <div className=\"hue-thumb\" style={{left: `${(hsv[0] / 360) * 100}%`}} />\n            </div>\n\n            <div className=\"controls\">\n                <div className=\"preview\" style={{background: currentHex}} />\n                <input\n                    type=\"text\"\n                    className=\"input\"\n                    value={inputValue}\n                    onChange={(e) => handleInputChange(e.target.value)}\n                    disabled={disabled}\n                />\n            </div>\n\n            {swatches.length > 0 && (\n                <div className=\"swatches\">\n                    {swatches.map((swatch) => (\n                        <button\n                            key={swatch}\n                            type=\"button\"\n                            className={cn('swatch', currentHex.toLowerCase() === swatch.toLowerCase() && 'active')}\n                            style={{background: swatch}}\n                            onClick={() => {\n                                if (disabled) return\n                                const [h, s, v] = hexToHsv(swatch)\n                                emit(h, s, v)\n                            }}\n                        />\n                    ))}\n                </div>\n            )}\n        </div>\n    )\n}\n","import {isValidElement, cloneElement} from 'react'\nimport type {MEmptyStateProps} from './MEmptyState.types'\nimport {MButton} from '../../controls/MButton'\nimport {cn} from '../../../utils/cn'\nimport './MEmptyState.css'\n\nconst BUTTON_SIZE_MAP = {xs: 'xs', sm: 'sm', md: 'sm', lg: 'md', xl: 'lg'} as const\n\nexport function MEmptyState({\n    icon,\n    illustration,\n    title,\n    description,\n    buttonText,\n    onAction,\n    color = 'neutral',\n    size = 'md',\n    className,\n    children,\n    ...rest\n}: MEmptyStateProps) {\n    return (\n        <div className={cn('empty-state', `color-${color}`, size, className)} {...rest}>\n            {illustration && (\n                <div className=\"empty-state-illustration\">\n                    {isValidElement(illustration) ? cloneElement(illustration, {color} as any) : illustration}\n                </div>\n            )}\n            {!illustration && icon && <div className=\"empty-state-icon\">{icon}</div>}\n            <div className=\"empty-state-content\">\n                <div className=\"empty-state-title\">{title}</div>\n                {description && <div className=\"empty-state-description\">{description}</div>}\n            </div>\n            {buttonText && onAction && (\n                <div className=\"empty-state-action\">\n                    <MButton size={BUTTON_SIZE_MAP[size]} variant=\"outlined\" color={color} onClick={onAction}>\n                        {buttonText}\n                    </MButton>\n                </div>\n            )}\n            {children}\n        </div>\n    )\n}\n","import {Children, isValidElement} from 'react'\nimport type {MStepperProps, MStepProps} from './MStepper.types'\nimport type {MSize} from '../../../theme'\nimport {cn} from '../../../utils/cn'\nimport {MCheckIcon} from '../../../icons'\nimport './MStepper.css'\n\nconst CHECK_SIZE: Record<MSize, number> = {xs: 10, sm: 14, md: 18, lg: 22, xl: 28}\n\nexport function MStep(_props: MStepProps) {\n    return null\n}\n\nexport function MStepper({\n    activeStep,\n    variant = 'horizontal',\n    color = 'primary',\n    size = 'md',\n    clickable = false,\n    onChange,\n    className,\n    children,\n    ...rest\n}: MStepperProps) {\n    const steps = Children.toArray(children).filter((child) => isValidElement(child) && (child.type as any) === MStep)\n\n    return (\n        <div className={cn('stepper', variant, `color-${color}`, size, className)} role=\"list\" {...rest}>\n            {steps.map((child, index) => {\n                if (!isValidElement<MStepProps>(child)) return null\n                const {id, title, description, icon, disabled, optional, error} = child.props\n                const isActive = index === activeStep\n                const isCompleted = index < activeStep\n                const isClickable = clickable && !disabled\n\n                const handleClick = () => {\n                    if (isClickable && onChange) {\n                        onChange(index)\n                    }\n                }\n\n                return (\n                    <div\n                        key={id}\n                        className={cn(\n                            'stepper-step',\n                            isActive && 'active',\n                            isCompleted && 'completed',\n                            disabled && 'disabled',\n                            error && 'error',\n                            isClickable && 'clickable'\n                        )}\n                        role=\"listitem\"\n                        aria-current={isActive ? 'step' : undefined}\n                    >\n                        <div\n                            className=\"stepper-indicator\"\n                            onClick={isClickable ? handleClick : undefined}\n                            role={isClickable ? 'button' : undefined}\n                            tabIndex={isClickable ? 0 : undefined}\n                            onKeyDown={\n                                isClickable\n                                    ? (e) => {\n                                          if (e.key === 'Enter' || e.key === ' ') {\n                                              e.preventDefault()\n                                              handleClick()\n                                          }\n                                      }\n                                    : undefined\n                            }\n                        >\n                            {error\n                                ? '!'\n                                : isCompleted\n                                  ? (icon ?? <MCheckIcon size={CHECK_SIZE[size]} />)\n                                  : (icon ?? index + 1)}\n                        </div>\n                        <div className=\"stepper-content\">\n                            <span className=\"stepper-title\">{title}</span>\n                            {description && <span className=\"stepper-description\">{description}</span>}\n                            {optional && <span className=\"stepper-optional\">Optional</span>}\n                        </div>\n                    </div>\n                )\n            })}\n        </div>\n    )\n}\n","import {Children, isValidElement} from 'react'\nimport type {MTimelineProps, MTimelineItemProps} from './MTimeline.types'\nimport {cn} from '../../../utils/cn'\nimport './MTimeline.css'\n\nexport function MTimelineItem(_props: MTimelineItemProps) {\n    return null\n}\n\nexport function MTimeline({\n    align = 'left',\n    color = 'primary',\n    size = 'md',\n    className,\n    children,\n    ...rest\n}: MTimelineProps) {\n    const items = Children.toArray(children).filter(\n        (child) => isValidElement(child) && (child.type as any) === MTimelineItem\n    )\n\n    return (\n        <div className={cn('timeline', `align-${align}`, `color-${color}`, size, className)} {...rest}>\n            {items.map((child, index) => {\n                if (!isValidElement<MTimelineItemProps>(child)) return null\n                const {id, title, description, date, icon, color: itemColor} = child.props\n                const side = align === 'alternate' ? (index % 2 === 0 ? 'left' : 'right') : undefined\n\n                return (\n                    <div key={id} className={cn('timeline-item', side && `side-${side}`)}>\n                        <div className={cn('timeline-dot', itemColor && `color-${itemColor}`)}>{icon}</div>\n                        <div className=\"timeline-content\">\n                            <span className=\"timeline-title\">{title}</span>\n                            {description && <span className=\"timeline-description\">{description}</span>}\n                            {date && <span className=\"timeline-date\">{date}</span>}\n                        </div>\n                    </div>\n                )\n            })}\n        </div>\n    )\n}\n"],"mappings":"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"}
+{"version":3,"file":"display-WS1tupQD.cjs","names":[],"sources":["../src/components/display/MCollapsible/MCollapsible.tsx","../src/components/display/MAccordion/MAccordion.tsx","../src/components/display/MProgressBar/MProgressBar.tsx","../src/components/display/MCountUp/MCountUp.tsx","../src/components/display/MColorPicker/MColorPicker.tsx","../src/components/display/MEmptyState/MEmptyState.tsx","../src/components/display/MStepper/MStepper.tsx","../src/components/display/MTimeline/MTimeline.tsx"],"sourcesContent":["import {useState} from 'react'\nimport {MButton} from '../../controls'\nimport {MStack} from '../../layout'\nimport {cn} from '../../../utils/cn'\nimport type {MCollapsibleProps} from './MCollapsible.types'\nimport {MChevronDownIcon} from '../../../icons'\nimport './MCollapsible.css'\n\n// MToggle a section of content with a built-in trigger and disclosure state.\nexport function MCollapsible({\n    title,\n    defaultOpen = false,\n    open: controlledOpen,\n    onToggle,\n    color = 'primary',\n    className,\n    children,\n    ...rest\n}: MCollapsibleProps) {\n    const [internalOpen, setInternalOpen] = useState(defaultOpen)\n    const open = controlledOpen ?? internalOpen\n\n    const handleToggle = () => {\n        const nextOpen = !open\n\n        if (controlledOpen === undefined) {\n            setInternalOpen(nextOpen)\n        }\n\n        onToggle?.(nextOpen)\n    }\n\n    const chevronIcon = (\n        <span className={cn('chevron', open && 'open')} aria-hidden=\"true\">\n            <MChevronDownIcon />\n        </span>\n    )\n\n    return (\n        <div className={cn('collapsible', className)} {...rest}>\n            <MButton\n                variant=\"ghost\"\n                color={color}\n                className=\"trigger\"\n                aria-expanded={open}\n                onClick={handleToggle}\n                endIcon={chevronIcon}\n            >\n                {title}\n            </MButton>\n            <div className={cn('content-wrap', open && 'open')} aria-hidden={!open}>\n                <MStack className=\"content\">{children}</MStack>\n            </div>\n        </div>\n    )\n}\n","import {useState, useCallback, Children, isValidElement} from 'react'\nimport {MCollapsible} from '../MCollapsible'\nimport {cn} from '../../../utils/cn'\nimport type {MAccordionProps, MAccordionItemProps} from './MAccordion.types'\nimport './MAccordion.css'\n\nexport function MAccordionItem(_props: MAccordionItemProps) {\n    return null\n}\n\nexport function MAccordion({\n    multiple = false,\n    defaultOpen,\n    onChange,\n    bordered = false,\n    color,\n    className,\n    children,\n    ...rest\n}: MAccordionProps) {\n    const initialOpen = Array.isArray(defaultOpen) ? defaultOpen : defaultOpen ? [defaultOpen] : []\n\n    const [openIds, setOpenIds] = useState<string[]>(initialOpen)\n\n    const handleToggle = useCallback(\n        (id: string, isOpen: boolean) => {\n            setOpenIds((prev) => {\n                let next: string[]\n                if (isOpen) {\n                    next = multiple ? [...prev, id] : [id]\n                } else {\n                    next = prev.filter((v) => v !== id)\n                }\n                onChange?.(next)\n                return next\n            })\n        },\n        [multiple, onChange]\n    )\n\n    const items = Children.toArray(children).filter(\n        (child) => isValidElement(child) && (child.type as any) === MAccordionItem\n    )\n\n    return (\n        <div className={cn('accordion', bordered && 'bordered', className)} {...rest}>\n            {items.map((child) => {\n                if (!isValidElement<MAccordionItemProps>(child)) return null\n                const {id, title, children: content, disabled, color: itemColor} = child.props\n                const isOpen = openIds.includes(id)\n\n                return (\n                    <div key={id} className={cn('accordion-item', disabled && 'disabled')}>\n                        <MCollapsible\n                            title={title}\n                            open={isOpen}\n                            onToggle={disabled ? undefined : (open) => handleToggle(id, open)}\n                            color={itemColor ?? color}\n                        >\n                            {content}\n                        </MCollapsible>\n                    </div>\n                )\n            })}\n        </div>\n    )\n}\n","import {useState, useEffect, useRef, useCallback} from 'react'\nimport type {MProgressBarProps} from './MProgressBar.types'\nimport {cn} from '../../../utils/cn'\nimport './MProgressBar.css'\n\nconst DURATION = 800\n\nfunction easeOutCubic(t: number) {\n    return 1 - Math.pow(1 - t, 3)\n}\n\n// Render a horizontal bar that fills to represent progress as a percentage.\nexport function MProgressBar({\n    value,\n    max = 100,\n    color = 'primary',\n    size = 'md',\n    label,\n    showValue = false,\n    animated = false,\n    striped = false,\n    className,\n    ...rest\n}: MProgressBarProps) {\n    const percent = Math.min(100, Math.max(0, (value / max) * 100))\n    const [displayPercent, setDisplayPercent] = useState(0)\n    const [barPercent, setBarPercent] = useState(0)\n    const prevPercent = useRef(0)\n    const rafRef = useRef(0)\n\n    const animate = useCallback((from: number, to: number) => {\n        cancelAnimationFrame(rafRef.current)\n        const start = performance.now()\n\n        const step = (now: number) => {\n            const elapsed = now - start\n            const progress = Math.min(elapsed / DURATION, 1)\n            const eased = easeOutCubic(progress)\n            const current = from + (to - from) * eased\n\n            setDisplayPercent(current)\n            if (progress < 1) {\n                rafRef.current = requestAnimationFrame(step)\n            }\n        }\n\n        // Set bar width immediately for CSS transition\n        setBarPercent(to)\n        rafRef.current = requestAnimationFrame(step)\n    }, [])\n\n    useEffect(() => {\n        animate(prevPercent.current, percent)\n        prevPercent.current = percent\n        return () => cancelAnimationFrame(rafRef.current)\n    }, [percent, animate])\n\n    return (\n        <div\n            className={cn('progress-bar', `color-${color}`, size, className)}\n            role=\"progressbar\"\n            aria-valuenow={value}\n            aria-valuemin={0}\n            aria-valuemax={max}\n            aria-label={label}\n            {...rest}\n        >\n            {(label || showValue) && (\n                <div className=\"progress-bar-header\">\n                    {label && <span className=\"progress-bar-label\">{label}</span>}\n                    {showValue && <span className=\"progress-bar-value\">{Math.round(displayPercent)}%</span>}\n                </div>\n            )}\n            <div className=\"progress-bar-track\">\n                <div\n                    className={cn('progress-bar-fill', animated && 'animated', striped && 'striped')}\n                    style={{width: `${barPercent}%`}}\n                />\n            </div>\n        </div>\n    )\n}\n","import {useState, useEffect, useRef} from 'react'\nimport type {MCountUpProps} from './MCountUp.types'\nimport {cn} from '../../../utils/cn'\n\n// Animate a number from a start value to a target, with an easing curve.\nexport function MCountUp({\n    value,\n    from = 0,\n    duration = 1000,\n    decimals = 0,\n    prefix = '',\n    suffix = '',\n    separator = '',\n    className,\n    ...rest\n}: MCountUpProps) {\n    const [display, setDisplay] = useState(from)\n    const rafRef = useRef<number>(0)\n    const startRef = useRef<number | null>(null)\n\n    useEffect(() => {\n        const startValue = display\n        startRef.current = null\n\n        const step = (timestamp: number) => {\n            if (startRef.current === null) startRef.current = timestamp\n            const elapsed = timestamp - startRef.current\n            const progress = Math.min(elapsed / duration, 1)\n            const eased = 1 - Math.pow(1 - progress, 3)\n            const current = startValue + (value - startValue) * eased\n\n            setDisplay(current)\n\n            if (progress < 1) {\n                rafRef.current = requestAnimationFrame(step)\n            }\n        }\n\n        rafRef.current = requestAnimationFrame(step)\n        return () => cancelAnimationFrame(rafRef.current)\n    }, [value, duration])\n\n    const formatted = formatNumber(display, decimals, separator)\n\n    return (\n        <span className={cn('count-up', className)} {...rest}>\n            {prefix}\n            {formatted}\n            {suffix}\n        </span>\n    )\n}\n\nfunction formatNumber(num: number, decimals: number, separator: string): string {\n    const fixed = num.toFixed(decimals)\n    if (!separator) return fixed\n\n    const [int, dec] = fixed.split('.')\n    const withSep = int.replace(/\\B(?=(\\d{3})+(?!\\d))/g, separator)\n    return dec !== undefined ? `${withSep}.${dec}` : withSep\n}\n","import {useCallback, useEffect, useRef, useState} from 'react'\nimport type * as React from 'react'\nimport type {MColorPickerProps} from './MColorPicker.types'\nimport {cn} from '../../../utils/cn'\nimport './MColorPicker.css'\n\nfunction hsvToHex(h: number, s: number, v: number): string {\n    const f = (n: number) => {\n        const k = (n + h / 60) % 6\n        return v - v * s * Math.max(0, Math.min(k, 4 - k, 1))\n    }\n    const r = Math.round(f(5) * 255)\n    const g = Math.round(f(3) * 255)\n    const b = Math.round(f(1) * 255)\n    return `#${[r, g, b].map((c) => c.toString(16).padStart(2, '0')).join('')}`\n}\n\nfunction hexToHsv(hex: string): [number, number, number] {\n    const m = hex.replace('#', '').match(/.{2}/g)\n    if (!m) return [0, 0, 1]\n    const [r, g, b] = m.map((c) => parseInt(c, 16) / 255)\n    const max = Math.max(r, g, b)\n    const min = Math.min(r, g, b)\n    const d = max - min\n    let h = 0\n    if (d !== 0) {\n        if (max === r) h = ((g - b) / d + 6) % 6\n        else if (max === g) h = (b - r) / d + 2\n        else h = (r - g) / d + 4\n        h *= 60\n    }\n    const s = max === 0 ? 0 : d / max\n    return [h, s, max]\n}\n\nfunction hexToRgb(hex: string): string {\n    const m = hex.replace('#', '').match(/.{2}/g)\n    if (!m) return 'rgb(0, 0, 0)'\n    const [r, g, b] = m.map((c) => parseInt(c, 16))\n    return `rgb(${r}, ${g}, ${b})`\n}\n\nfunction hexToHsl(hex: string): string {\n    const m = hex.replace('#', '').match(/.{2}/g)\n    if (!m) return 'hsl(0, 0%, 0%)'\n    const [r, g, b] = m.map((c) => parseInt(c, 16) / 255)\n    const max = Math.max(r, g, b)\n    const min = Math.min(r, g, b)\n    const l = (max + min) / 2\n    let h = 0\n    let s = 0\n    if (max !== min) {\n        const d = max - min\n        s = l > 0.5 ? d / (2 - max - min) : d / (max + min)\n        if (max === r) h = ((g - b) / d + 6) % 6\n        else if (max === g) h = (b - r) / d + 2\n        else h = (r - g) / d + 4\n        h *= 60\n    }\n    return `hsl(${Math.round(h)}, ${Math.round(s * 100)}%, ${Math.round(l * 100)}%)`\n}\n\nfunction formatOutput(hex: string, format: string): string {\n    if (format === 'rgb') return hexToRgb(hex)\n    if (format === 'hsl') return hexToHsl(hex)\n    return hex\n}\n\nfunction normalizeToHex(value: string): string {\n    if (!value) return '#000000'\n    if (value.startsWith('#')) return value.length === 7 ? value : '#000000'\n    const rgbMatch = value.match(/rgb\\((\\d+),\\s*(\\d+),\\s*(\\d+)\\)/)\n    if (rgbMatch) {\n        return `#${[rgbMatch[1], rgbMatch[2], rgbMatch[3]]\n            .map((c) => parseInt(c).toString(16).padStart(2, '0'))\n            .join('')}`\n    }\n    return '#000000'\n}\n\nconst DEFAULT_SWATCHES = [\n    '#ef4444',\n    '#f97316',\n    '#eab308',\n    '#22c55e',\n    '#06b6d4',\n    '#3b82f6',\n    '#8b5cf6',\n    '#ec4899',\n    '#000000',\n    '#ffffff',\n]\n\nexport function MColorPicker({\n    value,\n    onChange,\n    swatches = DEFAULT_SWATCHES,\n    format = 'hex',\n    size = 'md',\n    label,\n    disabled = false,\n    className,\n    ...rest\n}: MColorPickerProps) {\n    const hex = normalizeToHex(value ?? '#3b82f6')\n    const [hsv, setHsv] = useState<[number, number, number]>(() => hexToHsv(hex))\n    const [inputValue, setInputValue] = useState(formatOutput(hex, format))\n    const areaRef = useRef<HTMLDivElement>(null)\n    const hueRef = useRef<HTMLDivElement>(null)\n    const dragging = useRef<'area' | 'hue' | null>(null)\n\n    useEffect(() => {\n        const newHex = normalizeToHex(value ?? '#3b82f6')\n        setHsv(hexToHsv(newHex))\n        setInputValue(formatOutput(newHex, format))\n    }, [value, format])\n\n    const emit = useCallback(\n        (h: number, s: number, v: number) => {\n            const newHex = hsvToHex(h, s, v)\n            setHsv([h, s, v])\n            setInputValue(formatOutput(newHex, format))\n            onChange?.(formatOutput(newHex, format))\n        },\n        [onChange, format]\n    )\n\n    function handleAreaPointer(e: React.PointerEvent | PointerEvent) {\n        const rect = areaRef.current?.getBoundingClientRect()\n        if (!rect) return\n        const s = Math.max(0, Math.min(1, (e.clientX - rect.left) / rect.width))\n        const v = Math.max(0, Math.min(1, 1 - (e.clientY - rect.top) / rect.height))\n        emit(hsv[0], s, v)\n    }\n\n    function handleHuePointer(e: React.PointerEvent | PointerEvent) {\n        const rect = hueRef.current?.getBoundingClientRect()\n        if (!rect) return\n        const h = Math.max(0, Math.min(360, ((e.clientX - rect.left) / rect.width) * 360))\n        emit(h, hsv[1], hsv[2])\n    }\n\n    useEffect(() => {\n        function onMove(e: PointerEvent) {\n            if (dragging.current === 'area') handleAreaPointer(e)\n            else if (dragging.current === 'hue') handleHuePointer(e)\n        }\n        function onUp() {\n            dragging.current = null\n        }\n        window.addEventListener('pointermove', onMove)\n        window.addEventListener('pointerup', onUp)\n        return () => {\n            window.removeEventListener('pointermove', onMove)\n            window.removeEventListener('pointerup', onUp)\n        }\n    })\n\n    function handleInputChange(val: string) {\n        setInputValue(val)\n        try {\n            const h = normalizeToHex(val)\n            if (h !== '#000000' || val === '#000000' || val.toLowerCase() === 'rgb(0, 0, 0)') {\n                setHsv(hexToHsv(h))\n                onChange?.(formatOutput(h, format))\n            }\n        } catch {\n            // ignore invalid input while typing\n        }\n    }\n\n    const currentHex = hsvToHex(hsv[0], hsv[1], hsv[2])\n\n    return (\n        <div className={cn('color-picker', size, disabled && 'disabled', className)} {...rest}>\n            {label && <label className=\"label\">{label}</label>}\n\n            <div\n                ref={areaRef}\n                className=\"area\"\n                style={{background: `hsl(${hsv[0]}, 100%, 50%)`}}\n                onPointerDown={(e) => {\n                    if (disabled) return\n                    dragging.current = 'area'\n                    handleAreaPointer(e)\n                }}\n            >\n                <div className=\"white\" />\n                <div className=\"black\" />\n                <div\n                    className=\"cursor\"\n                    style={{\n                        left: `${hsv[1] * 100}%`,\n                        top: `${(1 - hsv[2]) * 100}%`,\n                        background: currentHex,\n                    }}\n                />\n            </div>\n\n            <div\n                ref={hueRef}\n                className=\"hue\"\n                onPointerDown={(e) => {\n                    if (disabled) return\n                    dragging.current = 'hue'\n                    handleHuePointer(e)\n                }}\n            >\n                <div className=\"hue-thumb\" style={{left: `${(hsv[0] / 360) * 100}%`}} />\n            </div>\n\n            <div className=\"controls\">\n                <div className=\"preview\" style={{background: currentHex}} />\n                <input\n                    type=\"text\"\n                    className=\"input\"\n                    value={inputValue}\n                    onChange={(e) => handleInputChange(e.target.value)}\n                    disabled={disabled}\n                />\n            </div>\n\n            {swatches.length > 0 && (\n                <div className=\"swatches\">\n                    {swatches.map((swatch) => (\n                        <button\n                            key={swatch}\n                            type=\"button\"\n                            className={cn('swatch', currentHex.toLowerCase() === swatch.toLowerCase() && 'active')}\n                            style={{background: swatch}}\n                            onClick={() => {\n                                if (disabled) return\n                                const [h, s, v] = hexToHsv(swatch)\n                                emit(h, s, v)\n                            }}\n                        />\n                    ))}\n                </div>\n            )}\n        </div>\n    )\n}\n","import {isValidElement, cloneElement} from 'react'\nimport type {MEmptyStateProps} from './MEmptyState.types'\nimport {MButton} from '../../controls/MButton'\nimport {cn} from '../../../utils/cn'\nimport './MEmptyState.css'\n\nconst BUTTON_SIZE_MAP = {xs: 'xs', sm: 'sm', md: 'sm', lg: 'md', xl: 'lg'} as const\n\nexport function MEmptyState({\n    icon,\n    illustration,\n    title,\n    description,\n    buttonText,\n    onAction,\n    color = 'neutral',\n    size = 'md',\n    className,\n    children,\n    ...rest\n}: MEmptyStateProps) {\n    return (\n        <div className={cn('empty-state', `color-${color}`, size, className)} {...rest}>\n            {illustration && (\n                <div className=\"empty-state-illustration\">\n                    {isValidElement(illustration) ? cloneElement(illustration, {color} as any) : illustration}\n                </div>\n            )}\n            {!illustration && icon && <div className=\"empty-state-icon\">{icon}</div>}\n            <div className=\"empty-state-content\">\n                <div className=\"empty-state-title\">{title}</div>\n                {description && <div className=\"empty-state-description\">{description}</div>}\n            </div>\n            {buttonText && onAction && (\n                <div className=\"empty-state-action\">\n                    <MButton size={BUTTON_SIZE_MAP[size]} variant=\"outlined\" color={color} onClick={onAction}>\n                        {buttonText}\n                    </MButton>\n                </div>\n            )}\n            {children}\n        </div>\n    )\n}\n","import {Children, isValidElement} from 'react'\nimport type {MStepperProps, MStepProps} from './MStepper.types'\nimport type {MSize} from '../../../theme'\nimport {cn} from '../../../utils/cn'\nimport {MCheckIcon} from '../../../icons'\nimport './MStepper.css'\n\nconst CHECK_SIZE: Record<MSize, number> = {xs: 10, sm: 14, md: 18, lg: 22, xl: 28}\n\nexport function MStep(_props: MStepProps) {\n    return null\n}\n\nexport function MStepper({\n    activeStep,\n    variant = 'horizontal',\n    color = 'primary',\n    size = 'md',\n    clickable = false,\n    onChange,\n    className,\n    children,\n    ...rest\n}: MStepperProps) {\n    const steps = Children.toArray(children).filter((child) => isValidElement(child) && (child.type as any) === MStep)\n\n    return (\n        <div className={cn('stepper', variant, `color-${color}`, size, className)} role=\"list\" {...rest}>\n            {steps.map((child, index) => {\n                if (!isValidElement<MStepProps>(child)) return null\n                const {id, title, description, icon, disabled, optional, error} = child.props\n                const isActive = index === activeStep\n                const isCompleted = index < activeStep\n                const isClickable = clickable && !disabled\n\n                const handleClick = () => {\n                    if (isClickable && onChange) {\n                        onChange(index)\n                    }\n                }\n\n                return (\n                    <div\n                        key={id}\n                        className={cn(\n                            'stepper-step',\n                            isActive && 'active',\n                            isCompleted && 'completed',\n                            disabled && 'disabled',\n                            error && 'error',\n                            isClickable && 'clickable'\n                        )}\n                        role=\"listitem\"\n                        aria-current={isActive ? 'step' : undefined}\n                    >\n                        <div\n                            className=\"stepper-indicator\"\n                            onClick={isClickable ? handleClick : undefined}\n                            role={isClickable ? 'button' : undefined}\n                            tabIndex={isClickable ? 0 : undefined}\n                            onKeyDown={\n                                isClickable\n                                    ? (e) => {\n                                          if (e.key === 'Enter' || e.key === ' ') {\n                                              e.preventDefault()\n                                              handleClick()\n                                          }\n                                      }\n                                    : undefined\n                            }\n                        >\n                            {error\n                                ? '!'\n                                : isCompleted\n                                  ? (icon ?? <MCheckIcon size={CHECK_SIZE[size]} />)\n                                  : (icon ?? index + 1)}\n                        </div>\n                        <div className=\"stepper-content\">\n                            <span className=\"stepper-title\">{title}</span>\n                            {description && <span className=\"stepper-description\">{description}</span>}\n                            {optional && <span className=\"stepper-optional\">Optional</span>}\n                        </div>\n                    </div>\n                )\n            })}\n        </div>\n    )\n}\n","import {Children, isValidElement} from 'react'\nimport type {MTimelineProps, MTimelineItemProps} from './MTimeline.types'\nimport {cn} from '../../../utils/cn'\nimport './MTimeline.css'\n\nexport function MTimelineItem(_props: MTimelineItemProps) {\n    return null\n}\n\nexport function MTimeline({\n    align = 'left',\n    color = 'primary',\n    size = 'md',\n    className,\n    children,\n    ...rest\n}: MTimelineProps) {\n    const items = Children.toArray(children).filter(\n        (child) => isValidElement(child) && (child.type as any) === MTimelineItem\n    )\n\n    return (\n        <div className={cn('timeline', `align-${align}`, `color-${color}`, size, className)} {...rest}>\n            {items.map((child, index) => {\n                if (!isValidElement<MTimelineItemProps>(child)) return null\n                const {id, title, description, date, icon, color: itemColor} = child.props\n                const side = align === 'alternate' ? (index % 2 === 0 ? 'left' : 'right') : undefined\n\n                return (\n                    <div key={id} className={cn('timeline-item', side && `side-${side}`)}>\n                        <div className={cn('timeline-dot', itemColor && `color-${itemColor}`)}>{icon}</div>\n                        <div className=\"timeline-content\">\n                            <span className=\"timeline-title\">{title}</span>\n                            {description && <span className=\"timeline-description\">{description}</span>}\n                            {date && <span className=\"timeline-date\">{date}</span>}\n                        </div>\n                    </div>\n                )\n            })}\n        </div>\n    )\n}\n"],"mappings":"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"}

package/dist/display.cjs

@@ -1,3 +1,3 @@
 const {ensureStyles}=require('./style-runtime.cjs')
 ensureStyles()
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./display-CCG1eb0m.cjs`),t=require(`./MTimeAgo-91_ndjxU.cjs`),n=require(`./MQrCode-L0trT6n3.cjs`);exports.MAccordion=e.l,exports.MAccordionItem=e.u,exports.MCollapsible=e.d,exports.MColorPicker=e.o,exports.MCountUp=e.s,exports.MEmptyState=e.a,exports.MProgressBar=e.c,exports.MQrCode=n.t,exports.MRating=n.n,exports.MStep=e.r,exports.MStepper=e.i,exports.MTimeAgo=t.t,exports.MTimeline=e.t,exports.MTimelineItem=e.n;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./display-WS1tupQD.cjs`),t=require(`./MTimeAgo-91_ndjxU.cjs`),n=require(`./MQrCode-Cha7657D.cjs`);exports.MAccordion=e.l,exports.MAccordionItem=e.u,exports.MCollapsible=e.d,exports.MColorPicker=e.o,exports.MCountUp=e.s,exports.MEmptyState=e.a,exports.MProgressBar=e.c,exports.MQrCode=n.t,exports.MRating=n.n,exports.MStep=e.r,exports.MStepper=e.i,exports.MTimeAgo=t.t,exports.MTimeline=e.t,exports.MTimelineItem=e.n;

package/dist/display.js

@@ -1,6 +1,6 @@
 import {ensureStyles} from './style-runtime.js'
 ensureStyles()
-import { a as e, c as t, d as n, i as r, l as i, n as a, o, r as s, s as c, t as l, u } from "./display-gwrOWH2c.js";
+import { a as e, c as t, d as n, i as r, l as i, n as a, o, r as s, s as c, t as l, u } from "./display-GygMuO4c.js";
 import { t as d } from "./MTimeAgo-xxl53mct.js";
-import { n as f, t as p } from "./MQrCode-DfZwkhZV.js";
+import { n as f, t as p } from "./MQrCode-B7jbpcUj.js";
 export { i as MAccordion, u as MAccordionItem, n as MCollapsible, o as MColorPicker, c as MCountUp, e as MEmptyState, t as MProgressBar, p as MQrCode, f as MRating, s as MStep, r as MStepper, d as MTimeAgo, l as MTimeline, a as MTimelineItem };