@banzamel/mineralui 1.3.0 → 1.5.0

package/dist/display-CZO1cOXZ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"display-CZO1cOXZ.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/MCodeBlock/MCodeBlock.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 {useEffect, useMemo, useRef, useState} from 'react'\nimport type {MCodeBlockProps} from './MCodeBlock.types'\nimport {MCard, MCardBody, MCardHeader} from '../../cards'\nimport {MButton} from '../../controls'\nimport {MBadge} from '../../feedback'\nimport {MInline} from '../../layout'\nimport {MText} from '../../typography'\nimport {MCopyIcon} from '../../../icons'\nimport {cn} from '../../../utils/cn'\nimport './MCodeBlock.css'\n\nconst languageMap: Record<string, string> = {\n    ts: 'typescript',\n    typescript: 'typescript',\n    tsx: 'tsx',\n    js: 'javascript',\n    javascript: 'javascript',\n    jsx: 'jsx',\n    json: 'json',\n    css: 'css',\n    html: 'markup',\n    markup: 'markup',\n    bash: 'bash',\n    shell: 'bash',\n    shellscript: 'bash',\n    php: 'php',\n}\n\nlet prismPromise: Promise<PrismLike> | null = null\nconst codeBlockTypingSpeed = 42\nconst codeBlockTypingStartDelay = 200\n\ninterface PrismGrammar {\n    [key: string]: unknown\n}\n\ninterface PrismLike {\n    languages: Record<string, PrismGrammar | undefined>\n    highlight: (code: string, grammar: PrismGrammar, language: string) => string\n}\n\nfunction escapeHtml(value: string): string {\n    return value.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;')\n}\n\nfunction resolveLanguage(language: string): string {\n    return languageMap[language] ?? language\n}\n\nasync function getPrism(): Promise<PrismLike> {\n    if (!prismPromise) {\n        prismPromise = (async () => {\n            const prism = (await import('prismjs/components/prism-core')).default as PrismLike\n\n            await import('prismjs/components/prism-markup')\n            await import('prismjs/components/prism-clike')\n            await import('prismjs/components/prism-javascript')\n            await import('prismjs/components/prism-markup-templating')\n            await import('prismjs/components/prism-jsx')\n            await import('prismjs/components/prism-typescript')\n            await import('prismjs/components/prism-tsx')\n            await import('prismjs/components/prism-json')\n            await import('prismjs/components/prism-css')\n            await import('prismjs/components/prism-bash')\n            await import('prismjs/components/prism-php')\n\n            return prism\n        })()\n    }\n\n    return prismPromise\n}\n\n// Render a syntax-highlighted code block with optional card header and copy action.\nexport function MCodeBlock({\n    code,\n    language = 'tsx',\n    title,\n    showHeader = true,\n    showLanguage = true,\n    showCopyButton = true,\n    copyLabel = 'Copy',\n    copiedLabel = 'Copied',\n    maxHeight,\n    animated = false,\n    lineNumbers = false,\n    className,\n    ...rest\n}: MCodeBlockProps) {\n    const normalizedLanguage = useMemo(() => resolveLanguage(language.trim().toLowerCase()), [language])\n    const [visibleLength, setVisibleLength] = useState(() => (animated ? 0 : code.length))\n    const renderedCode = animated ? code.slice(0, visibleLength) : code\n    const [highlightedCode, setHighlightedCode] = useState(() => escapeHtml(renderedCode))\n    const [copied, setCopied] = useState(false)\n    const copyTimeoutRef = useRef<number | null>(null)\n    const typingTimeoutRef = useRef<number | null>(null)\n    const scrollRef = useRef<HTMLDivElement | null>(null)\n    const canCopy = typeof navigator !== 'undefined' && typeof navigator.clipboard?.writeText === 'function'\n    const hasHeader = showHeader && (Boolean(title) || showLanguage || showCopyButton)\n    const lineCount = useMemo(() => Math.max(1, renderedCode.split('\\n').length), [renderedCode])\n\n    useEffect(() => {\n        if (typingTimeoutRef.current !== null) {\n            window.clearTimeout(typingTimeoutRef.current)\n            typingTimeoutRef.current = null\n        }\n\n        setVisibleLength(animated ? 0 : code.length)\n    }, [animated, code])\n\n    useEffect(() => {\n        if (!animated || code.length === 0) {\n            return\n        }\n\n        if (visibleLength < code.length) {\n            typingTimeoutRef.current = window.setTimeout(\n                () => {\n                    setVisibleLength((current) => Math.min(current + 1, code.length))\n                    typingTimeoutRef.current = null\n                },\n                visibleLength === 0 ? codeBlockTypingStartDelay : codeBlockTypingSpeed\n            )\n        }\n\n        return () => {\n            if (typingTimeoutRef.current !== null) {\n                window.clearTimeout(typingTimeoutRef.current)\n                typingTimeoutRef.current = null\n            }\n        }\n    }, [animated, code.length, visibleLength])\n\n    useEffect(() => {\n        let active = true\n\n        async function highlightCode() {\n            try {\n                const prism = await getPrism()\n                const grammar = prism.languages[normalizedLanguage]\n                const html = grammar\n                    ? prism.highlight(renderedCode, grammar, normalizedLanguage)\n                    : escapeHtml(renderedCode)\n\n                if (active) {\n                    setHighlightedCode(html)\n                }\n            } catch {\n                if (active) {\n                    setHighlightedCode(escapeHtml(renderedCode))\n                }\n            }\n        }\n\n        void highlightCode()\n\n        return () => {\n            active = false\n        }\n    }, [normalizedLanguage, renderedCode])\n\n    useEffect(() => {\n        return () => {\n            if (copyTimeoutRef.current !== null) {\n                window.clearTimeout(copyTimeoutRef.current)\n            }\n\n            if (typingTimeoutRef.current !== null) {\n                window.clearTimeout(typingTimeoutRef.current)\n            }\n        }\n    }, [])\n\n    useEffect(() => {\n        if (!animated || !scrollRef.current) {\n            return\n        }\n\n        scrollRef.current.scrollTop = scrollRef.current.scrollHeight\n    }, [animated, visibleLength])\n\n    async function handleCopy() {\n        if (!canCopy) {\n            return\n        }\n\n        try {\n            await navigator.clipboard.writeText(code)\n            setCopied(true)\n\n            if (copyTimeoutRef.current !== null) {\n                window.clearTimeout(copyTimeoutRef.current)\n            }\n\n            copyTimeoutRef.current = window.setTimeout(() => {\n                setCopied(false)\n                copyTimeoutRef.current = null\n            }, 1200)\n        } catch {\n            setCopied(false)\n        }\n    }\n\n    return (\n        <MCard className={cn('code-block-card', className)} {...rest} padded={false}>\n            {hasHeader && (\n                <MCardHeader className=\"code-block-header\">\n                    <MInline\n                        className=\"code-block-header-layout\"\n                        align=\"center\"\n                        justify=\"between\"\n                        wrap=\"nowrap\"\n                        px=\"lg\"\n                        py=\"md\"\n                    >\n                        <MInline className=\"code-block-header-meta\" align=\"center\" wrap=\"wrap\">\n                            {title && (\n                                <MText as=\"span\" className=\"code-block-title\" size=\"sm\" weight=\"semibold\">\n                                    {title}\n                                </MText>\n                            )}\n                            {showLanguage && language && (\n                                <MBadge color=\"info\" size=\"sm\">\n                                    {language}\n                                </MBadge>\n                            )}\n                        </MInline>\n                        {showCopyButton && (\n                            <MButton\n                                variant=\"ghost\"\n                                size=\"sm\"\n                                color=\"neutral\"\n                                startIcon={<MCopyIcon size=\"sm\" aria-hidden=\"true\" />}\n                                onClick={handleCopy}\n                                disabled={!canCopy}\n                            >\n                                {copied ? copiedLabel : copyLabel}\n                            </MButton>\n                        )}\n                    </MInline>\n                </MCardHeader>\n            )}\n\n            <MCardBody className=\"code-block-body\">\n                <div\n                    ref={scrollRef}\n                    className=\"code-block-scroll\"\n                    style={maxHeight ? {maxHeight, overflowY: 'auto'} : undefined}\n                >\n                    <pre\n                        className={cn(\n                            'code-block-pre',\n                            lineNumbers && 'with-line-numbers',\n                            `language-${normalizedLanguage}`\n                        )}\n                    >\n                        {lineNumbers && (\n                            <span className=\"code-block-line-numbers\" aria-hidden=\"true\">\n                                {Array.from({length: lineCount}, (_, index) => (\n                                    <span key={index + 1} className=\"code-block-line-number\">\n                                        {index + 1}\n                                    </span>\n                                ))}\n                            </span>\n                        )}\n                        <span className=\"code-block-code-shell\">\n                            <code\n                                className={cn('code-block-code', `language-${normalizedLanguage}`)}\n                                dangerouslySetInnerHTML={{__html: highlightedCode}}\n                            />\n                        </span>\n                    </pre>\n                </div>\n            </MCardBody>\n        </MCard>\n    )\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-Bt0G6RPk.cjs`),t=require(`./MTimeAgo-BesEN_u2.cjs`),n=require(`./MQrCode-blzcp1yz.cjs`);exports.MAccordion=e.u,exports.MAccordionItem=e.d,exports.MCodeBlock=e.s,exports.MCollapsible=e.f,exports.MColorPicker=e.o,exports.MCountUp=e.c,exports.MEmptyState=e.a,exports.MProgressBar=e.l,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 { t as d } from "./MTimeAgo-xxl53mct.js";
-import { n as f, t as p } from "./MQrCode-DfZwkhZV.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 };
+import { a as e, c as t, d as n, f as r, i, l as a, n as o, o as s, r as c, s as l, t as u, u as d } from "./display-CZO1cOXZ.js";
+import { t as f } from "./MTimeAgo-ecmmkLeM.js";
+import { n as p, t as m } from "./MQrCode-Dmgh8fzs.js";
+export { d as MAccordion, n as MAccordionItem, l as MCodeBlock, r as MCollapsible, s as MColorPicker, t as MCountUp, e as MEmptyState, a as MProgressBar, m as MQrCode, p as MRating, c as MStep, i as MStepper, f as MTimeAgo, u as MTimeline, o as MTimelineItem };

package/dist/dropdowns-CI4qUI4Q.cjs

@@ -0,0 +1,2 @@
+require(`./chunk-350yNsax.cjs`);const e=require(`./icons-BhZaama4.cjs`),t=require(`./cn-DYFxgzi2.cjs`),n=require(`./validators-D4aTeaH0.cjs`),r=require(`./formatters-CauWlsnM.cjs`),i=require(`./dateUtils-vT9rOf1J.cjs`),a=require(`./useGhostText-D1DbIs-n.cjs`),o=require(`./useKeyboardNav-BoibrRUF.cjs`),s=require(`./MPopover-C03jl1zd.cjs`),c=require(`./MButton-DTblkF4v.cjs`),l=require(`./MCheckbox-DbHXmu1a.cjs`),u=require(`./MTag-D_mw488_.cjs`),d=require(`./MInput-DkbdeGQW.cjs`),f=require(`./locale-DAkrtKuT.cjs`),p=require(`./frameworkTexts-khAIsKS9.cjs`);let m=require(`react`),h=require(`react/jsx-runtime`);function g({options:n,value:r,defaultValue:i,onChange:a,multiple:d=!1,searchable:f=!1,placeholder:p=`MSelect...`,disabled:g=!1,name:ee,id:te,variant:ne=`outlined`,size:_=`md`,color:v,fullWidth:re=!1,label:ie,helperText:y,errorText:b,error:ae=!1,required:x=!1,loading:oe=!1,clearable:S=!1,maxHeight:C=300,noOptionsText:w=`No options`,renderOption:se,renderValue:T,className:E,style:D}){let[O,k]=(0,m.useState)(!1),[ce,A]=(0,m.useState)(i??(d?[]:``)),[j,M]=(0,m.useState)(``),N=(0,m.useRef)(null),P=r===void 0?ce:r,F=ae||!!b,I=(0,m.useMemo)(()=>Array.isArray(P)?P:P?[P]:[],[P]),L=(0,m.useMemo)(()=>n.filter(e=>I.includes(e.value)),[n,I]),R=(0,m.useMemo)(()=>{if(!f||!j)return n;let e=j.toLowerCase();return n.filter(t=>t.label.toLowerCase().includes(e))},[n,f,j]),z=(0,m.useMemo)(()=>{let e=new Map;for(let t of R){let n=t.group??``;e.has(n)||e.set(n,[]),e.get(n).push(t)}return e},[R]),B=R,V=(0,m.useCallback)(e=>{let t=B[e];if(!(!t||t.disabled))if(d){let e=Array.isArray(P)?P:[],n=e.includes(t.value)?e.filter(e=>e!==t.value):[...e,t.value];r===void 0&&A(n),a?.(n)}else r===void 0&&A(t.value),a?.(t.value),k(!1),M(``)},[B,d,P,r,a]),{activeIndex:H,setActiveIndex:U,resetIndex:W,onKeyDown:G}=o.t({itemCount:B.length,onSelect:V,onClose:()=>{k(!1),M(``)},isOpen:O}),K=(0,m.useCallback)(()=>{g||(k(e=>!e),W())},[g,W]),le=(0,m.useCallback)(e=>{e.stopPropagation();let t=d?[]:``;r===void 0&&A(t),a?.(t)},[d,r,a]),ue=(0,m.useMemo)(()=>T&&L.length>0?T(d?L:L[0]):d&&L.length>0?(0,h.jsx)(`span`,{className:`tags`,children:L.map(e=>(0,h.jsx)(u.t,{label:e.label,color:v,size:_,variant:`solid`},e.value))}):!d&&L.length>0?L[0].label:(0,h.jsx)(`span`,{className:`placeholder`,children:p}),[L,d,T,p,v,_]);return(0,h.jsxs)(`div`,{className:t.t(`select`,v&&`color-${v}`,re&&`full-width`,E),style:D,children:[ie&&(0,h.jsx)(`label`,{htmlFor:te,className:t.t(`field-label`,O&&`focused`,F&&`error`,x&&`required`),children:ie}),(0,h.jsxs)(`div`,{ref:N,className:t.t(`trigger`,`field-${ne}`,`field-${_}`,O&&`focused`,F&&`error`,g&&`disabled`),onClick:K,onKeyDown:G,tabIndex:g?-1:0,role:`combobox`,"aria-expanded":O,"aria-haspopup":`listbox`,"aria-invalid":F||void 0,id:te,children:[(0,h.jsx)(`span`,{className:`value`,children:ue}),oe&&(0,h.jsx)(c.r,{size:`sm`,color:v}),S&&I.length>0&&!oe&&!g&&(0,h.jsx)(`button`,{type:`button`,className:`clear-btn clear-btn-base`,onClick:le,tabIndex:-1,"aria-label":`Clear selection`,children:(0,h.jsx)(e.Ii,{})}),(0,h.jsx)(`span`,{className:t.t(`arrow`,O&&`open`),"aria-hidden":`true`,children:(0,h.jsx)(e.Mi,{})})]}),ee&&(0,h.jsx)(`input`,{type:`hidden`,name:ee,value:Array.isArray(P)?P.join(`,`):P}),(0,h.jsx)(s.t,{className:`select-popover`,open:O,anchorRef:N,onClose:()=>{k(!1),M(``)},matchWidth:!0,placement:`bottom-start`,children:(0,h.jsxs)(`div`,{style:{maxHeight:C},className:`dropdown`,children:[f&&(0,h.jsx)(`div`,{className:`search-box`,children:(0,h.jsx)(`input`,{type:`text`,className:`search-input`,placeholder:`Search...`,value:j,onChange:e=>{M(e.target.value),U(0)},onKeyDown:G,autoFocus:!0})}),B.length===0?(0,h.jsx)(`div`,{className:`no-options`,children:w}):(0,h.jsx)(`div`,{className:`options-list`,role:`listbox`,children:[...z.entries()].map(([e,n])=>(0,h.jsxs)(`div`,{children:[e&&(0,h.jsx)(`div`,{className:`group-header`,children:e}),n.map(e=>{let n=B.indexOf(e),r=n===H,i=I.includes(e.value);return(0,h.jsxs)(`div`,{className:t.t(`option`,r&&`active`,i&&`selected`,e.disabled&&`disabled`),onClick:()=>!e.disabled&&V(n),onMouseEnter:()=>U(n),role:`option`,"aria-selected":i,"aria-disabled":e.disabled,children:[d&&(0,h.jsx)(l.t,{checked:i,size:`sm`,color:v,clickEffect:`none`,className:`select-check`}),se?se(e,r,i):e.label]},e.value)})]},e))})]})}),(b||y)&&(0,h.jsx)(`div`,{className:`bottom-row`,children:b?(0,h.jsx)(`span`,{className:`field-error`,role:`alert`,children:b}):(0,h.jsx)(`span`,{className:`helper-text`,children:y})})]})}function ee(e){return typeof e==`string`?e:String(e)}function te(e){return typeof e==`string`?e:String(e)}function ne(e,t,n){if(!t)return e;let r=t.toLowerCase();return e.filter(e=>n(e).toLowerCase().includes(r))}function _({options:n,value:r,onChange:i,getOptionLabel:l=ee,getOptionValue:d=te,filterOptions:f,multiple:p=!1,debounceMs:g=0,onInputChange:_,loading:v=!1,loadingText:re=`Loading...`,noOptionsText:ie=`No options`,placeholder:y=`Type to search...`,disabled:b=!1,name:ae,id:x,variant:oe=`outlined`,size:S=`md`,color:C,fullWidth:w=!1,label:se,helperText:T,errorText:E,error:D=!1,required:O=!1,clearable:k=!1,maxHeight:ce=300,renderOption:A,renderTags:j,className:M,style:N}){let[P,F]=(0,m.useState)(!1),[I,L]=(0,m.useState)(``),R=(0,m.useRef)(null),z=(0,m.useRef)(null),B=D||!!E,V=(0,m.useMemo)(()=>r==null?[]:Array.isArray(r)?r.filter(e=>e!=null):[r],[r]),H=(0,m.useMemo)(()=>f?f(n,I):ne(n,I,l),[n,I,f,l]),U=a.r(e=>_?.(e),g),W=(0,m.useCallback)(e=>{L(e.target.value),U(e.target.value),P||F(!0)},[P,U]),G=(0,m.useCallback)(e=>{let t=H[e];if(t)if(p){let e=[...V],n=d(t),r=e.findIndex(e=>d(e)===n);r>=0?e.splice(r,1):e.push(t),i?.(e),L(``),z.current?.focus()}else i?.(t),L(l(t)),F(!1)},[H,p,V,d,l,i]),K=(0,m.useCallback)(e=>{let t=[...V];t.splice(e,1),i?.(p?t:t[0]??``)},[V,i,p]),{activeIndex:le,setActiveIndex:ue,resetIndex:q,onKeyDown:de}=o.t({itemCount:H.length,onSelect:G,onClose:()=>F(!1),isOpen:P}),fe=(0,m.useCallback)(e=>{if(e.key===`Backspace`&&p&&!I&&V.length>0){K(V.length-1);return}de(e)},[I,p,V,de,K]),J=(0,m.useCallback)(e=>{e.stopPropagation(),L(``),i?.(p?[]:``),z.current?.focus()},[p,i]);return(0,h.jsxs)(`div`,{className:t.t(`autocomplete`,C&&`color-${C}`,w&&`full-width`,M),style:N,children:[se&&(0,h.jsx)(`label`,{htmlFor:x,className:t.t(`field-label`,P&&`focused`,B&&`error`,O&&`required`),children:se}),(0,h.jsxs)(`div`,{ref:R,className:t.t(`input-wrapper`,`field-${oe}`,`field-${S}`,P&&`focused`,B&&`error`,b&&`disabled`),onClick:()=>z.current?.focus(),children:[p&&V.length>0&&(j?j(V,K):(0,h.jsx)(`span`,{className:`tags`,children:V.map((e,t)=>(0,h.jsx)(u.t,{label:l(e),color:C,size:S,variant:`solid`,closable:!0,onClose:()=>K(t)},d(e)))})),(0,h.jsx)(`input`,{ref:z,type:`text`,className:`input`,value:I,onChange:W,onFocus:()=>{F(!0),q()},onKeyDown:fe,placeholder:V.length>0?``:y,disabled:b,id:x,"aria-expanded":P,"aria-haspopup":`listbox`,"aria-invalid":B||void 0,autoComplete:`off`}),v&&(0,h.jsx)(c.r,{size:`sm`,color:C}),k&&(V.length>0||I)&&!v&&!b&&(0,h.jsx)(`button`,{type:`button`,className:`clear-btn clear-btn-base`,onClick:J,tabIndex:-1,children:(0,h.jsx)(e.Ii,{})})]}),ae&&(0,h.jsx)(`input`,{type:`hidden`,name:ae,value:V.map(d).join(`,`)}),(0,h.jsx)(s.t,{className:t.t(`autocomplete-popover`,C&&`color-${C}`),open:P&&(H.length>0||v||!!I),anchorRef:R,onClose:()=>F(!1),matchWidth:!0,placement:`bottom-start`,children:(0,h.jsx)(`div`,{style:{maxHeight:ce},className:`dropdown`,children:v?(0,h.jsx)(`div`,{className:`loading-msg`,children:re}):H.length===0?(0,h.jsx)(`div`,{className:`no-options`,children:ie}):(0,h.jsx)(`div`,{className:`options-list`,role:`listbox`,children:H.map((e,n)=>{let r=n===le,i=V.some(t=>d(t)===d(e));return(0,h.jsx)(`div`,{className:t.t(`option`,r&&`active`,i&&`selected`),onClick:()=>G(n),onMouseEnter:()=>ue(n),role:`option`,"aria-selected":i,children:A?A(e,r):l(e)},d(e))})})})}),(E||T)&&(0,h.jsx)(`div`,{className:`bottom-row`,children:E?(0,h.jsx)(`span`,{className:`field-error`,role:`alert`,children:E}):(0,h.jsx)(`span`,{className:`helper-text`,children:T})})]})}var v={primary:`var(--mineral-primary-rgb)`,neutral:`var(--mineral-neutral-rgb)`,success:`var(--mineral-success-rgb)`,error:`var(--mineral-error-rgb)`,warning:`var(--mineral-warning-rgb)`,info:`var(--mineral-info-rgb)`,light:`var(--mineral-light-rgb)`,dark:`var(--mineral-dark-color-rgb)`,news:`var(--mineral-news-rgb)`};function re(e){return v[e??`primary`]??v.primary}var ie=`Date is unavailable`,y=`Invalid time`;function b(e){if(!e)return null;if(e instanceof Date)return isNaN(e.getTime())?null:new Date(e.getTime());let t=new Date(e);return isNaN(t.getTime())?null:t}function ae(e){let t=e.replace(/DD/g,`dd`).replace(/YYYY/g,`yyyy`),n=t.match(/dd|MM|yyyy/g),r=t.match(/[^dMy]/)?.[0],i=r===`/`||r===`.`||r===`-`?r:`.`;switch(n?.join(`/`)){case`MM/dd/yyyy`:return{inputFormat:`MM/DD/YYYY`,separator:i};case`yyyy/MM/dd`:return{inputFormat:`YYYY/MM/DD`,separator:i};default:return{inputFormat:`DD/MM/YYYY`,separator:i}}}function x(e,t){return e===`12h`?t?`hh:mm:ss AM`:`hh:mm AM`:t?`HH:MM:SS`:`HH:MM`}function oe(e,t,n,r,i,a){return e||(n?`${t} ${a??x(r,i)}`:t)}function S(e,t){if(!e)return``;let n=i.o(i._(e),t.format);return t.withTime?`${n} ${i.l(e.getHours(),e.getMinutes(),e.getSeconds(),t.showSeconds,t.timeFormat)}`:n}function C(e,t){return e?e.length<=2?e:e.length<=4?`${e.slice(0,2)}:${e.slice(2)}`:t?`${e.slice(0,2)}:${e.slice(2,4)}:${e.slice(4,6)}`:`${e.slice(0,2)}:${e.slice(2,4)}`:``}function w(e){let t=e.toUpperCase().replace(/[^APM]/g,``);return t?t.startsWith(`AM`)?`AM`:t.startsWith(`PM`)?`PM`:t.startsWith(`A`)?`A`:t.startsWith(`P`)?`P`:``:``}function se(e,t){let n=e.trim();if(!n)return{datePart:``,timePart:``};if(!t)return{datePart:n,timePart:``};let r=n.indexOf(` `);return r===-1?{datePart:n,timePart:``}:{datePart:n.slice(0,r).trim(),timePart:n.slice(r+1).trim()}}function T(e,t){let n=e.toUpperCase(),i=r.u(n),a=i.slice(0,8),o=t.withTime?i.slice(8,8+(t.showSeconds?6:4)):``,s=r.i(a,t.inputFormat,t.separator);if(!t.withTime)return{formatted:s,datePart:s,timePart:``};let c=C(o,t.showSeconds),l=t.timeFormat===`12h`?w(n):``,u=`${c}${l?`${c?` `:``}${l}`:``}`.trim();return s?{formatted:u?`${s} ${u}`:s,datePart:s,timePart:u}:{formatted:u,datePart:``,timePart:u}}function E(e,t){return e?i.l(e.getHours(),e.getMinutes(),e.getSeconds(),t,`24h`):``}function D(e,t){let{datePart:r,timePart:a}=se(e,t.withTime);if(!r&&!a)return{status:`empty`};let o=n.r(r,{format:t.inputFormat,minDate:t.minDate??void 0,maxDate:t.maxDate??void 0});if(!o.valid)return o.error===`Incomplete date`?{status:`partial`,datePart:r,timePart:a}:{status:`invalid`,datePart:r,timePart:a,result:o};let s=n.n(r,t.inputFormat);return s?t.isDisabled(s)?{status:`invalid`,datePart:r,timePart:a,result:{valid:!1,error:ie}}:t.withTime?a?i.g(a,t.timeFormat)?{status:`valid`,datePart:r,timePart:a,value:i.r(s,a,{format:t.timeFormat,showSeconds:t.showSeconds})}:{status:`invalid`,datePart:r,timePart:a,result:{valid:!1,error:y}}:{status:`valid`,datePart:r,timePart:``,value:i.r(s,``,{format:t.timeFormat,showSeconds:t.showSeconds})}:{status:`valid`,datePart:r,timePart:``,value:i._(s)}:{status:`invalid`,datePart:r,timePart:a,result:{valid:!1,error:`Invalid date`}}}function O(e){let t=e.hours>=12?`PM`:`AM`;return{hours:e.hours%12||12,minutes:e.minutes,seconds:e.seconds,meridiem:t}}function k(e,t){return t===`AM`?e===12?0:e:e===12?12:e+12}function ce({value:n,defaultValue:r,onChange:a,format:o=`dd.MM.yyyy`,locale:c,min:l,max:u,disabledDates:g,placeholder:ee,disabled:te=!1,readOnly:ne=!1,name:_,id:v,variant:ie=`outlined`,size:y=`md`,color:x,label:C,helperText:w,errorText:se,error:ce=!1,required:j=!1,clearable:M=!1,withTime:N=!1,validateOnBlur:P=!0,validateOnChange:F=!1,onValidationChange:I,timeFormat:L=`24h`,showSeconds:R=!1,minuteStep:z=1,timePlaceholder:B,inline:V=!1,showTodayButton:H=!0,firstDayOfWeek:U=1,fullWidth:W=!1,className:G,style:K}){let le=f.t(c),ue=p.r(),{inputFormat:q,separator:de}=(0,m.useMemo)(()=>ae(o),[o]),[fe,J]=(0,m.useState)(!1),[pe,me]=(0,m.useState)(()=>b(r)),[he,ge]=(0,m.useState)({valid:!0}),[_e,ve]=(0,m.useState)(!1),Y=n===void 0?pe:b(n),[X,ye]=(0,m.useState)(()=>S(Y,{format:o,withTime:N,timeFormat:L,showSeconds:R})),[be,xe]=(0,m.useState)(()=>E(Y,R)),[Se,Ce]=(0,m.useState)(()=>{let e=Y?i._(Y):new Date;return new Date(e.getFullYear(),e.getMonth(),1)}),[we,Te]=(0,m.useState)(`days`),Ee=(0,m.useRef)(null),De=Y?.getTime()??null,Oe=b(l),ke=b(u),Ae=ce||_e&&!he.valid,je=se||(_e&&!he.valid?he.error:void 0),Me=i.u(le,U),Ne=i.d(le);(0,m.useEffect)(()=>{if(ye(S(Y,{format:o,withTime:N,timeFormat:L,showSeconds:R})),xe(E(Y,R)),Y){let e=i._(Y);Ce(new Date(e.getFullYear(),e.getMonth(),1))}},[o,De,R,L,N]);let Z=(0,m.useCallback)(e=>i.f(e,Oe,ke)?Array.isArray(g)?g.some(t=>i.p(t,e)):typeof g==`function`?g(e):!1:!0,[g,ke,Oe]),Q=(0,m.useCallback)(e=>{ge(e),I?.(e)},[I]),Pe=(0,m.useCallback)(e=>{n===void 0&&me(e),a?.(e)},[a,n]),Fe=(0,m.useMemo)(()=>D(X,{inputFormat:q,minDate:Oe,maxDate:ke,withTime:N,timeFormat:L,showSeconds:R,isDisabled:Z}),[q,X,Z,ke,Oe,R,L,N]),Ie=(0,m.useMemo)(()=>Fe.status===`valid`?i._(Fe.value):Y?i._(Y):null,[Fe,Y]),$=(0,m.useMemo)(()=>N?i.g(Fe.status!==`empty`&&Fe.timePart?Fe.timePart:be||E(Y,R),L)??{hours:0,minutes:0,seconds:0}:null,[be,Fe,Y,R,L,N]),Le=(0,m.useCallback)(e=>{let t=T(e.target.value,{inputFormat:q,separator:de,withTime:N,timeFormat:L,showSeconds:R});ye(t.formatted),xe(t.timePart);let n=D(t.formatted,{inputFormat:q,minDate:Oe,maxDate:ke,withTime:N,timeFormat:L,showSeconds:R,isDisabled:Z});if(n.status===`empty`){Q({valid:!0}),Pe(null);return}n.status===`invalid`&&F?Q(n.result):n.status===`valid`&&(Q({valid:!0}),Pe(n.value),Ce(new Date(n.value.getFullYear(),n.value.getMonth(),1)))},[Pe,Q,q,Z,ke,Oe,de,R,L,F,N]),Re=(0,m.useCallback)(()=>{ve(!0);let e=D(X,{inputFormat:q,minDate:Oe,maxDate:ke,withTime:N,timeFormat:L,showSeconds:R,isDisabled:Z});if(e.status===`empty`){Q({valid:!0});return}if(e.status===`partial`){P&&Q({valid:!1,error:`Incomplete date`});return}if(e.status===`invalid`){P&&Q(e.result);return}Q({valid:!0}),ye(S(e.value,{format:o,withTime:N,timeFormat:L,showSeconds:R})),xe(E(e.value,R)),Pe(e.value)},[Pe,Q,o,q,X,Z,ke,Oe,R,L,P,N]),ze=(0,m.useCallback)(e=>{[`Backspace`,`Delete`,`Tab`,`ArrowLeft`,`ArrowRight`,`Home`,`End`,`Enter`].includes(e.key)||e.ctrlKey||e.metaKey||(N?/^[0-9\s:./-APMapm]$/:/^[0-9./-]$/).test(e.key)||e.preventDefault()},[N]),Be=(0,m.useCallback)(()=>{ye(``),xe(``),ve(!1),Q({valid:!0}),Pe(null)},[Pe,Q]),Ve=(0,m.useCallback)(e=>{e.preventDefault(),e.stopPropagation(),!(te||ne||V)&&J(e=>!e)},[te,V,ne]),He=(0,m.useCallback)(e=>{if(Z(e))return;let t=N?be||i.l(0,0,0,R,L):``,n=N?i.r(e,t,{format:L,showSeconds:R}):i._(e);ve(!0),Q({valid:!0}),xe(t),ye(S(n,{format:o,withTime:N,timeFormat:L,showSeconds:R})),Ce(new Date(e.getFullYear(),e.getMonth(),1)),Pe(n),!N&&!V&&J(!1)},[Pe,be,Q,o,V,Z,R,L,N]),Ue=(0,m.useCallback)(()=>{let e=i._(new Date);Z(e)||He(e)},[He,Z]),We=(0,m.useMemo)(()=>{if(!N)return[];let e=[],t=L===`12h`?12:23,n=+(L===`12h`);for(let r=n;r<=t;r+=1)e.push(r);return e},[L,N]),Ge=(0,m.useMemo)(()=>{if(!N)return[];let e=[];for(let t=0;t<60;t+=z)e.push(t);return e},[z,N]),Ke=(0,m.useMemo)(()=>{if(!N||!R)return[];let e=[];for(let t=0;t<60;t+=1)e.push(t);return e},[R,N]),qe=(0,m.useCallback)((e,t,n=0)=>{let r=i.l(e,t,n,R,L),a=Ie;if(ve(!0),xe(r),!a){ye(r);return}let s=i.r(a,r,{format:L,showSeconds:R});Q({valid:!0}),ye(S(s,{format:o,withTime:N,timeFormat:L,showSeconds:R})),Pe(s)},[Pe,Ie,Q,o,R,L,N]),Je=(0,m.useCallback)(e=>{qe(k($?O($).hours:12,e),$?.minutes??0,$?.seconds??0)},[$,qe]),Ye=(0,m.useMemo)(()=>{let e=Se.getFullYear(),t=Se.getMonth(),n=i.i(e,t),r=i.a(e,t);U===1&&(r=r===0?6:r-1);let a=[],o=t===0?11:t-1,s=t===0?e-1:e,c=i.i(s,o);for(let e=r-1;e>=0;--e)a.push({date:new Date(s,o,c-e),currentMonth:!1});for(let r=1;r<=n;r+=1)a.push({date:new Date(e,t,r),currentMonth:!0});let l=42-a.length,u=t===11?0:t+1,d=t===11?e+1:e;for(let e=1;e<=l;e+=1)a.push({date:new Date(d,u,e),currentMonth:!1});return a},[U,Se]),Xe=i._(new Date),Ze=Y?i._(Y):Ie,Qe=()=>(0,h.jsxs)(`div`,{className:`calendar`,children:[(0,h.jsxs)(`div`,{className:`calendar-header`,children:[(0,h.jsx)(`button`,{type:`button`,className:`nav-btn`,onClick:()=>Ce(i.t(Se,-1)),"aria-label":ue.previousMonth,children:(0,h.jsx)(e.Pi,{})}),(0,h.jsxs)(`button`,{type:`button`,className:`header-title`,onClick:()=>Te(e=>e===`days`?`months`:`days`),children:[Ne[Se.getMonth()],` `,Se.getFullYear()]}),(0,h.jsx)(`button`,{type:`button`,className:`nav-btn`,onClick:()=>Ce(i.t(Se,1)),"aria-label":ue.nextMonth,children:(0,h.jsx)(e.Ni,{})})]}),we===`days`?(0,h.jsxs)(h.Fragment,{children:[(0,h.jsx)(`div`,{className:`day-names`,children:Me.map(e=>(0,h.jsx)(`span`,{className:`day-name`,children:e},e))}),(0,h.jsx)(`div`,{className:`day-grid`,children:Ye.map(({date:e,currentMonth:n},r)=>{let a=Ze?i.p(e,Ze):!1,o=i.p(e,Xe),s=Z(e);return(0,h.jsx)(`button`,{type:`button`,className:t.t(`day`,!n&&`other-month`,o&&`today`,a&&`selected`,s&&`disabled`),onClick:()=>He(e),disabled:s,tabIndex:-1,children:e.getDate()},`${e.toISOString()}-${r}`)})})]}):(0,h.jsx)(`div`,{className:`month-grid`,children:Ne.map((e,n)=>(0,h.jsx)(`button`,{type:`button`,className:t.t(`month-cell`,Se.getMonth()===n&&`selected`),onClick:()=>{Ce(new Date(Se.getFullYear(),n,1)),Te(`days`)},children:e.slice(0,3)},e))}),H&&(0,h.jsx)(`div`,{className:`footer`,children:(0,h.jsx)(`button`,{type:`button`,className:`today-btn`,onClick:Ue,children:ue.today})})]}),$e=()=>{if(!N)return null;let e=$?O($):null;return(0,h.jsxs)(`div`,{className:`date-picker-time-panel`,children:[(0,h.jsx)(`div`,{className:`date-picker-time-header`,children:`Time`}),(0,h.jsxs)(`div`,{className:`date-picker-time-columns`,children:[(0,h.jsx)(A,{items:We,selected:L===`12h`?e?.hours:$?.hours,onSelect:t=>qe(L===`12h`?k(t,e?.meridiem??`AM`):t,$?.minutes??0,$?.seconds??0),label:`Hr`}),(0,h.jsx)(A,{items:Ge,selected:$?.minutes,onSelect:e=>qe($?.hours??0,e,$?.seconds??0),label:`Min`}),R&&(0,h.jsx)(A,{items:Ke,selected:$?.seconds,onSelect:e=>qe($?.hours??0,$?.minutes??0,e),label:`Sec`}),L===`12h`&&(0,h.jsx)(A,{items:[`AM`,`PM`],selected:e?.meridiem,onSelect:Je,label:`AM/PM`})]})]})},et=()=>(0,h.jsxs)(`div`,{className:t.t(`date-picker-popover-content`,N&&`with-time`),children:[Qe(),$e()]}),tt=N?L===`12h`?R?22:19:R?19:16:10,nt=oe(ee,o,N,L,R,B);return V?(0,h.jsxs)(`div`,{className:t.t(`date-picker`,x&&`color-${x}`,W&&`full-width`,G),style:K,children:[(0,h.jsx)(d.t,{value:X,onChange:Le,onBlur:Re,onKeyDown:ze,onClear:Be,type:`text`,inputMode:N?`text`:`numeric`,autoComplete:`off`,maxLength:tt,placeholder:nt,disabled:te,readOnly:ne,id:v,variant:ie,size:y,color:x,label:C,helperText:w,error:Ae,errorText:je,required:j,clearable:M,fullWidth:W}),et(),_&&Y&&(0,h.jsx)(`input`,{type:`hidden`,name:_,value:i.s(Y,N,R)})]}):(0,h.jsxs)(`div`,{className:t.t(`date-picker`,x&&`color-${x}`,W&&`full-width`,G),style:K,children:[(0,h.jsx)(`div`,{ref:Ee,className:`date-picker-input-anchor`,children:(0,h.jsx)(d.t,{value:X,onChange:Le,onBlur:Re,onKeyDown:ze,onClear:Be,type:`text`,inputMode:N?`text`:`numeric`,autoComplete:`off`,maxLength:tt,placeholder:nt,disabled:te,readOnly:ne,id:v,variant:ie,size:y,color:x,label:C,helperText:w,error:Ae,errorText:je,required:j,clearable:M,fullWidth:W,endIcon:(0,h.jsx)(`button`,{type:`button`,className:`date-picker-toggle`,onMouseDown:e=>e.preventDefault(),onClick:Ve,"aria-label":`Open calendar`,disabled:te||ne,children:(0,h.jsx)(e.wi,{})})})}),_&&Y&&(0,h.jsx)(`input`,{type:`hidden`,name:_,value:i.s(Y,N,R)}),(0,h.jsx)(s.t,{className:`date-picker-popover`,style:{"--color-rgb":re(x)},open:fe,anchorRef:Ee,onClose:()=>J(!1),placement:`bottom-start`,children:et()})]})}function A({items:e,selected:n,onSelect:r,label:i}){let a=(0,m.useRef)(null);(0,m.useEffect)(()=>{if(n===void 0||!a.current)return;let e=a.current.querySelector(`[data-value="${n}"]`);if(e){let t=a.current;t.scrollTop=e.offsetTop-t.clientHeight/2+e.offsetHeight/2}},[n]);let o=e=>typeof e==`number`?e.toString().padStart(2,`0`):e;return(0,h.jsxs)(`div`,{className:`date-picker-time-column`,children:[(0,h.jsx)(`div`,{className:`date-picker-time-column-label`,children:i}),(0,h.jsx)(`div`,{ref:a,className:`date-picker-time-column-list`,children:e.map(e=>(0,h.jsx)(`button`,{type:`button`,"data-value":e,className:t.t(`date-picker-time-column-item`,e===n&&`selected`),onClick:()=>r(e),children:o(e)},e))})]})}function j(e){let t=e.hours>=12?`PM`:`AM`;return{hours:e.hours%12||12,minutes:e.minutes,seconds:e.seconds,meridiem:t}}function M(e,t){return t===`AM`?e===12?0:e:e===12?12:e+12}function N(e,t,n,r,a){if(a===`24h`)return i.c(e,t,n,r);let o=j({hours:e,minutes:t,seconds:n}),s=`${o.hours.toString().padStart(2,`0`)}:${o.minutes.toString().padStart(2,`0`)}`;return`${r?`${s}:${o.seconds.toString().padStart(2,`0`)}`:s} ${o.meridiem}`}function P(e,t){if(t===`24h`)return i.h(e);let n=e.trim().toUpperCase().match(/^(\d{1,2}):(\d{2})(?::(\d{2}))?\s*(AM|PM)$/);if(n){let e=parseInt(n[1],10),t=parseInt(n[2],10),r=n[3]?parseInt(n[3],10):0,i=n[4];return e<1||e>12||t>59||r>59?null:{hours:M(e,i),minutes:t,seconds:r}}return i.h(e)}function F(e,t){return e.hours===t.hours?e.minutes===t.minutes?e.seconds-t.seconds:e.minutes-t.minutes:e.hours-t.hours}function I(e,t,n){return(!t||F(e,t)>=0)&&(!n||F(e,n)<=0)}function L({value:n,defaultValue:r,onChange:i,format:a=`24h`,showSeconds:o=!1,minuteStep:c=1,min:l,max:u,placeholder:d,disabled:f=!1,readOnly:p=!1,name:g,id:ee,variant:te=`outlined`,size:ne=`md`,color:_,label:v,helperText:re,errorText:ie,error:y=!1,required:b=!1,clearable:ae=!1,fullWidth:x=!1,className:oe,style:S}){let[C,w]=(0,m.useState)(!1),[se,T]=(0,m.useState)(r??``),E=(0,m.useRef)(null),D=n===void 0?se:n,O=y||!!ie,k=P(D,a),ce=P(l??``,a),A=P(u??``,a),F=k?j(k):null,L=k?N(k.hours,k.minutes,k.seconds,o,a):D,z=(0,m.useMemo)(()=>{let e=[],t=a===`12h`?12:23,n=+(a===`12h`);for(let r=n;r<=t;r++)e.push(r);return e},[a]),B=(0,m.useMemo)(()=>{let e=[];for(let t=0;t<60;t+=c)e.push(t);return e},[c]),V=(0,m.useMemo)(()=>{if(!o)return[];let e=[];for(let t=0;t<60;t++)e.push(t);return e},[o]),H=(0,m.useCallback)((e,t,n=0)=>I({hours:e,minutes:t,seconds:n},ce,A),[A,ce]),U=(0,m.useCallback)((e,t,r=0)=>{if(!H(e,t,r))return;let s=N(e,t,r,o,a);n===void 0&&T(s),i?.(s)},[a,H,i,o,n]),W=(0,m.useCallback)(e=>{let t=e.target.value;n===void 0&&T(t)},[n]),G=(0,m.useCallback)(()=>{let e=P(D,a);if(e&&I(e,ce,A)){let t=N(e.hours,e.minutes,e.seconds,o,a);n===void 0&&T(t),i?.(t)}},[D,a,A,ce,i,o,n]),K=(0,m.useCallback)(e=>{let t=F?.hours??12,n=k?.minutes??0,r=k?.seconds??0;U(M(t,e),n,r)},[F?.hours,U,k?.minutes,k?.seconds]),le=(0,m.useCallback)(e=>{e.stopPropagation(),n===void 0&&T(``),i?.(``)},[i,n]);return(0,h.jsxs)(`div`,{className:t.t(`time picker`,_&&`color-${_}`,x&&`full-width`,oe),style:S,children:[v&&(0,h.jsx)(`label`,{htmlFor:ee,className:t.t(`field-label`,C&&`focused`,O&&`error`,b&&`required`),children:v}),(0,h.jsxs)(`div`,{ref:E,className:t.t(`time trigger`,`field-${te}`,`field-${ne}`,C&&`focused`,O&&`error`,f&&`disabled`),onClick:()=>!f&&!p&&w(!0),children:[(0,h.jsx)(`span`,{className:`time icon`,children:(0,h.jsx)(e.Ci,{})}),(0,h.jsx)(`input`,{type:`text`,className:`time input`,value:L,onChange:W,onBlur:G,placeholder:d??(a===`12h`?o?`hh:mm:ss AM`:`hh:mm AM`:o?`HH:MM:SS`:`HH:MM`),disabled:f,readOnly:p,id:ee,"aria-invalid":O||void 0}),ae&&D&&!f&&(0,h.jsx)(`button`,{type:`button`,className:`time clear clear-btn-base`,onClick:le,tabIndex:-1,"aria-label":`Clear time`,children:(0,h.jsx)(e.Ii,{})})]}),g&&(0,h.jsx)(`input`,{type:`hidden`,name:g,value:L}),(0,h.jsx)(s.t,{className:`time picker popover`,open:C,anchorRef:E,onClose:()=>w(!1),placement:`bottom-start`,children:(0,h.jsxs)(`div`,{className:`time columns`,children:[(0,h.jsx)(R,{items:z,selected:a===`12h`?F?.hours:k?.hours,onSelect:e=>U(a===`12h`?M(e,F?.meridiem??`AM`):e,k?.minutes??0,k?.seconds??0),isDisabled:e=>!H(a===`12h`?M(e,F?.meridiem??`AM`):e,k?.minutes??0,k?.seconds??0),label:`Hr`}),(0,h.jsx)(R,{items:B,selected:k?.minutes,onSelect:e=>U(k?.hours??0,e,k?.seconds??0),isDisabled:e=>!H(k?.hours??0,e,k?.seconds??0),label:`Min`}),o&&(0,h.jsx)(R,{items:V,selected:k?.seconds,onSelect:e=>U(k?.hours??0,k?.minutes??0,e),isDisabled:e=>!H(k?.hours??0,k?.minutes??0,e),label:`Sec`}),a===`12h`&&(0,h.jsx)(R,{items:[`AM`,`PM`],selected:F?.meridiem,onSelect:K,label:`AM/PM`})]})}),(ie||re)&&(0,h.jsx)(`div`,{className:`time bottom`,children:ie?(0,h.jsx)(`span`,{className:`field-error`,role:`alert`,children:ie}):(0,h.jsx)(`span`,{className:`time helper`,children:re})})]})}function R({items:e,selected:n,onSelect:r,isDisabled:i,label:a}){let o=(0,m.useRef)(null);(0,m.useEffect)(()=>{if(n===void 0||!o.current)return;let e=o.current.querySelector(`[data-value="${n}"]`);if(e){let t=o.current;t.scrollTop=e.offsetTop-t.clientHeight/2+e.offsetHeight/2}},[n]);let s=e=>typeof e==`number`?e.toString().padStart(2,`0`):e;return(0,h.jsxs)(`div`,{className:`time column`,children:[(0,h.jsx)(`div`,{className:`time column label`,children:a}),(0,h.jsx)(`div`,{ref:o,className:`time column list`,children:e.map(e=>{let a=i?.(e)??!1;return(0,h.jsx)(`button`,{type:`button`,"data-value":e,className:t.t(`time column item`,e===n&&`selected`,a&&`disabled`),onClick:()=>r(e),disabled:a,children:s(e)},e)})})]})}function z(e){if(!e)return null;if(e instanceof Date)return i._(e);let t=new Date(e);return isNaN(t.getTime())?null:i._(t)}function B(e,t){return e.getTime()<=t.getTime()?{start:e,end:t}:{start:t,end:e}}function V(e,t,n){if(!t||!n)return!1;let r=e.getTime();return r>t.getTime()&&r<n.getTime()}function H(e,t,n){return e&&t?`${i.o(e,n)} - ${i.o(t,n)}`:e?`${i.o(e,n)} - ...`:``}function U(e){return new Date(e.getFullYear(),e.getMonth(),1)}function W(e){return new Date(e.getFullYear(),e.getMonth()+1,0)}function G(e){let t=i._(new Date);return t.setDate(t.getDate()-(e-1)),t}function K(e){let t=i._(new Date);return new Date(t.getFullYear(),t.getMonth()-e,t.getDate())}function le(e){let t=i._(new Date),n=new Date(t.getFullYear(),t.getMonth()-1,1);return[{label:e.presets.today,value:{start:t,end:t}},{label:e.presets.days2,value:{start:G(2),end:t}},{label:e.presets.days3,value:{start:G(3),end:t}},{label:e.presets.days7,value:{start:G(7),end:t}},{label:e.presets.days14,value:{start:G(14),end:t}},{label:e.presets.days31,value:{start:G(31),end:t}},{label:e.presets.thisMonth,value:{start:U(t),end:W(t)}},{label:e.presets.previousMonth,value:{start:U(n),end:W(n)}},{label:e.presets.months2,value:{start:K(2),end:t}},{label:e.presets.months3,value:{start:K(3),end:t}},{label:e.presets.months6,value:{start:K(6),end:t}},{label:e.presets.year1,value:{start:K(12),end:t}}]}function ue(e,t){let n=e.getFullYear(),r=e.getMonth(),a=i.i(n,r),o=i.a(n,r);t===1&&(o=o===0?6:o-1);let s=[],c=r===0?11:r-1,l=r===0?n-1:n,u=i.i(l,c);for(let e=o-1;e>=0;--e)s.push({date:new Date(l,c,u-e),currentMonth:!1});for(let e=1;e<=a;e+=1)s.push({date:new Date(n,r,e),currentMonth:!0});let d=42-s.length,f=r===11?0:r+1,p=r===11?n+1:n;for(let e=1;e<=d;e+=1)s.push({date:new Date(p,f,e),currentMonth:!1});return s}function q({value:n,defaultValue:r,onChange:a,format:o=`dd.MM.yyyy`,locale:c,min:l,max:u,disabledDates:d,placeholder:g,disabled:ee=!1,readOnly:te=!1,name:ne,id:_,variant:v=`outlined`,size:ie=`md`,color:y,label:b,helperText:ae,errorText:x,error:oe=!1,required:S=!1,clearable:C=!1,inline:w=!1,showTodayButton:se=!0,presets:T=!1,presetsSidebar:E=!1,firstDayOfWeek:D=1,fullWidth:O=!1,allowSameDay:k=!0,className:ce,style:A}){let j=f.t(c),M=n?{start:z(n.start),end:z(n.end)}:null,[N,P]=(0,m.useState)(()=>({start:z(r?.start),end:z(r?.end)})),[F,I]=(0,m.useState)(null),[L,R]=(0,m.useState)(!1),U=(0,m.useRef)(null),W=M??N,G=W.start,K=W.end,q=z(l),de=z(u),fe=oe||!!x,J=p.i(),pe=i.u(j,D),me=i.d(j),he=(0,m.useMemo)(()=>T===!0||E&&!T?le(J):Array.isArray(T)?T:[],[T,E,J]),[ge,_e]=(0,m.useState)(()=>{let e=G??new Date;return new Date(e.getFullYear(),e.getMonth(),1)}),ve=G?.getTime()??null;(0,m.useEffect)(()=>{if(!ve)return;let e=new Date(ve);_e(new Date(e.getFullYear(),e.getMonth(),1))},[ve]);let Y=(0,m.useCallback)(e=>i.f(e,q,de)?Array.isArray(d)?d.some(t=>i.p(t,e)):typeof d==`function`?d(e):!1:!0,[d,de,q]),X=(0,m.useCallback)(e=>{n===void 0&&P(e),a?.(e)},[a,n]),ye=(0,m.useCallback)(e=>{if(!Y(e)){if(!G||G&&K){X({start:e,end:null}),I(null);return}!k&&i.p(e,G)||(X(B(G,e)),I(null),w||R(!1))}},[k,X,K,w,Y,G]),be=(0,m.useCallback)(e=>{e.stopPropagation(),X({start:null,end:null}),I(null)},[X]),xe=(0,m.useCallback)(()=>{let e=i._(new Date);Y(e)||(X({start:e,end:e}),_e(new Date(e.getFullYear(),e.getMonth(),1)),I(null),w||R(!1))},[X,w,Y]),Se=(0,m.useCallback)(e=>{let t=z(e.value.start),n=z(e.value.end);if(!t||!n)return;let r=B(t,n);Y(r.start)||Y(r.end)||(X(r),_e(new Date(r.start.getFullYear(),r.start.getMonth(),1)),I(null),w||R(!1))},[X,w,Y]),Ce=G&&!K?F:null,we=ge,Te=i.t(ge,1),Ee=i._(new Date),De=(0,m.useMemo)(()=>H(G,K,o),[K,o,G]),Oe=(0,m.useMemo)(()=>[we,Te].map(e=>({monthDate:e,days:ue(e,D)})),[D,we,Te]),ke=G&&K?`${i.o(G,o)} - ${i.o(K,o)}`:G?`${i.o(G,o)} - ...`:g??J.defaultRangePlaceholder,Ae=E&&he.length>0,je=!E&&he.length>0,Me=()=>(0,h.jsx)(`div`,{className:`presets-sidebar`,children:he.map(e=>(0,h.jsx)(`button`,{type:`button`,className:`preset-sidebar-btn`,onClick:()=>Se(e),children:e.label},e.label))}),Ne=()=>(0,h.jsxs)(`div`,{className:`calendar-body`,children:[(0,h.jsxs)(`div`,{className:`calendar-top`,children:[(0,h.jsxs)(`div`,{className:`calendar-caption`,children:[(0,h.jsxs)(`span`,{className:`caption-title`,children:[me[we.getMonth()],` `,we.getFullYear()]}),(0,h.jsx)(`span`,{className:`caption-subtitle`,children:J.rangeSubtitle})]}),(0,h.jsxs)(`div`,{className:`nav-actions`,children:[(0,h.jsx)(`button`,{type:`button`,className:`nav-btn`,onClick:()=>_e(i.t(ge,-1)),"aria-label":J.previousMonth,children:(0,h.jsx)(e.Pi,{})}),(0,h.jsx)(`button`,{type:`button`,className:`nav-btn`,onClick:()=>_e(i.t(ge,1)),"aria-label":J.nextMonth,children:(0,h.jsx)(e.Ni,{})})]})]}),je&&(0,h.jsx)(`div`,{className:`presets`,children:he.map(e=>(0,h.jsx)(`button`,{type:`button`,className:`preset-btn`,onClick:()=>Se(e),children:e.label},e.label))}),(0,h.jsx)(`div`,{className:`months`,children:Oe.map(({monthDate:e,days:n})=>(0,h.jsxs)(`div`,{className:`month-panel`,children:[(0,h.jsxs)(`div`,{className:`month-title`,children:[me[e.getMonth()],` `,e.getFullYear()]}),(0,h.jsx)(`div`,{className:`day-names`,children:pe.map(t=>(0,h.jsx)(`span`,{className:`day-name`,children:t},`${e.toISOString()}-${t}`))}),(0,h.jsx)(`div`,{className:`day-grid`,children:n.map(({date:n,currentMonth:r},a)=>{let o=Y(n),s=G?i.p(n,G):!1,c=K?i.p(n,K):!1,l=V(n,G,K),u=!K&&G&&Ce?B(G,Ce):null,d=u?V(n,u.start,u.end):!1,f=u?i.p(n,u.start)||i.p(n,u.end):!1;return(0,h.jsx)(`button`,{type:`button`,className:t.t(`day`,!r&&`other-month`,i.p(n,Ee)&&`today`,s&&`range-start selected`,c&&`range-end selected`,l&&`in-range`,d&&!f&&`preview-range`,o&&`disabled`),onClick:()=>ye(n),onMouseEnter:()=>G&&!K&&I(n),onFocus:()=>G&&!K&&I(n),disabled:o,tabIndex:-1,children:n.getDate()},`${e.toISOString()}-${a}`)})})]},e.toISOString()))}),(0,h.jsxs)(`div`,{className:`footer`,children:[(0,h.jsx)(`span`,{className:`summary`,children:ke}),(0,h.jsxs)(`div`,{className:`footer-actions`,children:[C&&(G||K)&&(0,h.jsx)(`button`,{type:`button`,className:`footer-btn`,onClick:e=>{e.preventDefault(),X({start:null,end:null}),I(null)},children:J.clear}),se&&(0,h.jsx)(`button`,{type:`button`,className:`footer-btn`,onClick:xe,children:J.today})]})]})]}),Z=()=>(0,h.jsxs)(`div`,{className:t.t(`date-range-calendar`,Ae&&`with-sidebar`),children:[Ae&&Me(),Ne()]});return w?(0,h.jsxs)(`div`,{className:t.t(`date-range-picker`,y&&`color-${y}`,O&&`full-width`,ce),style:A,children:[b&&(0,h.jsx)(`label`,{className:t.t(`field-label`,fe&&`error`,S&&`required`),children:b}),Z()]}):(0,h.jsxs)(`div`,{className:t.t(`date-range-picker`,y&&`color-${y}`,O&&`full-width`,ce),style:A,children:[b&&(0,h.jsx)(`label`,{htmlFor:_,className:t.t(`field-label`,L&&`focused`,fe&&`error`,S&&`required`),children:b}),(0,h.jsxs)(`div`,{ref:U,className:t.t(`trigger`,`field-${v}`,`field-${ie}`,L&&`focused`,fe&&`error`,ee&&`disabled`),onClick:()=>!ee&&!te&&R(!0),children:[(0,h.jsx)(`span`,{className:`icon`,children:(0,h.jsx)(e.wi,{})}),(0,h.jsx)(`input`,{type:`text`,className:`input`,value:De,placeholder:g??J.defaultRangePlaceholder,disabled:ee,readOnly:!0,id:_,"aria-invalid":fe||void 0}),C&&(G||K)&&!ee&&(0,h.jsx)(`button`,{type:`button`,className:`clear-btn clear-btn-base`,onClick:be,tabIndex:-1,"aria-label":J.clear,children:(0,h.jsx)(e.Ii,{})})]}),ne&&G&&K&&(0,h.jsx)(`input`,{type:`hidden`,name:ne,value:`${G.toISOString().split(`T`)[0]}:${K.toISOString().split(`T`)[0]}`}),(0,h.jsx)(s.t,{className:`date-range-picker-popover`,style:{"--color-rgb":re(y)},open:L,anchorRef:U,onClose:()=>{R(!1),I(null)},placement:`bottom-start`,children:Z()}),(x||ae)&&(0,h.jsx)(`div`,{className:`bottom-row`,children:x?(0,h.jsx)(`span`,{className:`field-error`,role:`alert`,children:x}):(0,h.jsx)(`span`,{className:`helper-text`,children:ae})})]})}Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return _}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return L}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return ce}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return q}});
+//# sourceMappingURL=dropdowns-CI4qUI4Q.cjs.map