@banzamel/mineralui 2.1.1 → 2.1.3

package/dist/feedback-C445FEHb.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"feedback-C445FEHb.js","names":[],"sources":["../src/components/feedback/statusIcons.tsx","../src/components/feedback/MAlert/MAlert.tsx","../src/components/feedback/MBanner/MBanner.tsx","../src/components/feedback/MLoader/MLoader.tsx","../src/components/feedback/MProgressRing/MProgressRing.tsx","../src/components/feedback/MToast/MToastContext.ts","../src/components/feedback/MToast/MToastItem.tsx","../src/components/feedback/MToast/MToastProvider.tsx"],"sourcesContent":["import type {ReactNode} from 'react'\nimport {\n    MBoltIcon,\n    MErrorIcon,\n    MInfoIcon,\n    MMoonIcon,\n    MNeutralIcon,\n    MSunIcon,\n    MSuccessIcon,\n    MWarningIcon,\n} from '../../icons'\n\nconst statusIcons: Record<string, ReactNode> = {\n    success: <MSuccessIcon />,\n    warning: <MWarningIcon />,\n    error: <MErrorIcon />,\n    info: <MInfoIcon />,\n    primary: <MInfoIcon />,\n    neutral: <MNeutralIcon />,\n    light: <MSunIcon />,\n    dark: <MMoonIcon />,\n    news: <MBoltIcon />,\n}\n\nexport function getStatusIcon(color?: string) {\n    if (!color) {\n        return statusIcons.info\n    }\n\n    return statusIcons[color] ?? statusIcons.info\n}\n","import type {MAlertProps} from './MAlert.types'\nimport {getHiddenProps} from '../../../theme'\nimport {cn} from '../../../utils/cn'\nimport {getStatusIcon} from '../statusIcons'\nimport './MAlert.css'\n\n// Render inline status messaging with optional heading content.\nexport function MAlert({color = 'info', icon = true, title, hidden, className, children, ...rest}: MAlertProps) {\n    const iconView = icon === false ? null : icon === true ? getStatusIcon(color) : icon\n\n    return (\n        <div className={cn('alert', `color-${color}`, className)} role=\"status\" {...getHiddenProps(hidden)} {...rest}>\n            {iconView && <span className=\"icon\">{iconView}</span>}\n            <div className=\"main\">\n                {title && <div className=\"title\">{title}</div>}\n                {children && <div className=\"content\">{children}</div>}\n            </div>\n        </div>\n    )\n}\n","import {useState, useRef} from 'react'\nimport type {MBannerProps} from './MBanner.types'\nimport {getHiddenProps} from '../../../theme'\nimport {cn} from '../../../utils/cn'\nimport {MButton} from '../../controls'\nimport {MCloseIcon} from '../../../icons'\nimport './MBanner.css'\n\n// Render a prominent banner for announcements, CTAs or dismissible messages.\nexport function MBanner({\n    color = 'primary',\n    variant = 'filled',\n    icon,\n    action,\n    hidden,\n    dismissible = false,\n    onDismiss,\n    className,\n    children,\n    ...rest\n}: MBannerProps) {\n    const [visible, setVisible] = useState(true)\n    const [dismissing, setDismissing] = useState(false)\n    const wrapRef = useRef<HTMLDivElement>(null)\n\n    if (!visible) return null\n\n    const handleDismiss = () => {\n        setDismissing(true)\n        const el = wrapRef.current\n        if (!el) {\n            setVisible(false)\n            onDismiss?.()\n            return\n        }\n        const onEnd = () => {\n            setVisible(false)\n            setDismissing(false)\n            onDismiss?.()\n        }\n        el.addEventListener('transitionend', onEnd, {once: true})\n        setTimeout(onEnd, 1000)\n    }\n\n    return (\n        <div ref={wrapRef} className={cn('banner-wrap', dismissing && 'dismissing')} {...getHiddenProps(hidden)}>\n            <div className={cn('banner', `color-${color}`, variant, className)} role=\"banner\" {...rest}>\n                {icon && <span className=\"banner-icon\">{icon}</span>}\n                <div className=\"banner-content\">{children}</div>\n                {action && <div className=\"banner-action\">{action}</div>}\n                {dismissible && (\n                    <MButton\n                        variant=\"link\"\n                        color=\"neutral\"\n                        iconOnly\n                        size=\"sm\"\n                        className=\"banner-dismiss\"\n                        onClick={handleDismiss}\n                        aria-label=\"Dismiss\"\n                    >\n                        <MCloseIcon />\n                    </MButton>\n                )}\n            </div>\n        </div>\n    )\n}\n","import type {CSSProperties} from 'react'\nimport type {MSize} from '../../../theme'\nimport {MSpinner} from '../MSpinner'\nimport {MStack} from '../../layout'\nimport {MText} from '../../typography'\nimport {cn} from '../../../utils/cn'\nimport type {MLoaderProps} from './MLoader.types'\nimport './MLoader.css'\n\nconst TEXT_SIZE: Record<MSize, MSize> = {xs: 'xs', sm: 'sm', md: 'md', lg: 'lg', xl: 'xl'}\n\n// Keep loading feedback minimal so apps can reuse it without card or alert chrome.\nexport function MLoader({\n    color = 'primary',\n    size = 'lg',\n    label = 'Loading',\n    center = true,\n    minHeight = '40vh',\n    className,\n    style,\n    ...rest\n}: MLoaderProps) {\n    const inlineStyle: CSSProperties = {\n        minHeight: typeof minHeight === 'number' ? `${minHeight}px` : minHeight,\n        ...style,\n    }\n\n    return (\n        <div className={cn('loader', center && 'center', className)} style={inlineStyle} {...rest}>\n            <MStack align={'center'}>\n                <MSpinner size={size} color={color} label={label} />\n                <MText tone={'muted'} align={'center'} size={typeof size === 'number' ? undefined : TEXT_SIZE[size]}>\n                    {label}\n                </MText>\n            </MStack>\n        </div>\n    )\n}\n","import type {CSSProperties} from 'react'\nimport type {MProgressRingProps} from './MProgressRing.types'\nimport {cn} from '../../../utils/cn'\nimport './MProgressRing.css'\n\nconst SIZE_PX: Record<string, number> = {xs: 24, sm: 36, md: 56, lg: 88, xl: 128}\nconst DEFAULT_THICKNESS: Record<string, number> = {xs: 2, sm: 3, md: 4, lg: 6, xl: 8}\n\nfunction clamp(value: number, min: number, max: number): number {\n    return Math.max(min, Math.min(max, value))\n}\n\nfunction resolveDiameter(size: MProgressRingProps['size']): number {\n    if (typeof size === 'number') return size\n    return SIZE_PX[size ?? 'md'] ?? SIZE_PX.md\n}\n\nfunction resolveThickness(thickness: number | undefined, size: MProgressRingProps['size']): number {\n    if (typeof thickness === 'number') return thickness\n    if (typeof size === 'number') return Math.max(2, Math.round(size / 14))\n    return DEFAULT_THICKNESS[size ?? 'md'] ?? DEFAULT_THICKNESS.md\n}\n\n/**\n * Determinate ring progress — 0–100 with optional centered percent label.\n * Visually consistent with `MLoader`/`MSpinner`: same MColor palette, same\n * size tokens (xs/sm/md/lg/xl). Use a number for a custom diameter when the\n * design needs an off-token size.\n */\nexport function MProgressRing({\n    value,\n    size = 'md',\n    color = 'primary',\n    thickness,\n    showPercent = true,\n    label,\n    ariaLabel,\n    className,\n    style,\n    ...rest\n}: MProgressRingProps) {\n    const clampedValue = clamp(Math.round(value), 0, 100)\n    const diameter = resolveDiameter(size)\n    const stroke = resolveThickness(thickness, size)\n    const radius = (diameter - stroke) / 2\n    const circumference = 2 * Math.PI * radius\n    const dashOffset = circumference * (1 - clampedValue / 100)\n\n    const inlineStyle: CSSProperties = {\n        width: `${diameter}px`,\n        height: `${diameter}px`,\n        ...style,\n    }\n\n    const sizeClass = typeof size === 'string' ? size : 'custom'\n    const accessibleLabel = ariaLabel ?? `Loading ${clampedValue}%`\n    const showLabel = label !== undefined ? label !== null : showPercent\n\n    return (\n        <div\n            className={cn('progress-ring', sizeClass, color && `color-${color}`, className)}\n            style={inlineStyle}\n            role=\"progressbar\"\n            aria-valuenow={clampedValue}\n            aria-valuemin={0}\n            aria-valuemax={100}\n            aria-label={accessibleLabel}\n            {...rest}\n        >\n            <svg className=\"progress-ring-svg\" width={diameter} height={diameter} viewBox={`0 0 ${diameter} ${diameter}`} aria-hidden=\"true\">\n                <circle\n                    className=\"progress-ring-track\"\n                    cx={diameter / 2}\n                    cy={diameter / 2}\n                    r={radius}\n                    fill=\"none\"\n                    strokeWidth={stroke}\n                />\n                <circle\n                    className=\"progress-ring-indicator\"\n                    cx={diameter / 2}\n                    cy={diameter / 2}\n                    r={radius}\n                    fill=\"none\"\n                    strokeWidth={stroke}\n                    strokeDasharray={circumference}\n                    strokeDashoffset={dashOffset}\n                    strokeLinecap=\"round\"\n                    transform={`rotate(-90 ${diameter / 2} ${diameter / 2})`}\n                />\n            </svg>\n            {showLabel ? (\n                <span className=\"progress-ring-label\" aria-hidden=\"true\">\n                    {label !== undefined ? label : `${clampedValue}%`}\n                </span>\n            ) : null}\n        </div>\n    )\n}\n","import {createContext, useContext} from 'react'\nimport type {MToastContext as MToastContextType} from './MToast.types'\n\nconst ToastCtx = createContext<MToastContextType | null>(null)\n\nexport const MToastContextProvider = ToastCtx.Provider\n\nexport function useMToast(): MToastContextType {\n    const ctx = useContext(ToastCtx)\n    if (!ctx) throw new Error('useMToast must be used inside MToastProvider')\n    return ctx\n}\n","import {useEffect, useState} from 'react'\nimport type {MToastEntry} from './MToast.types'\nimport {cn} from '../../../utils/cn'\nimport {MCloseIcon} from '../../../icons'\nimport {MButton} from '../../controls'\nimport {getStatusIcon} from '../statusIcons'\n\n// Single toast notification with enter/exit animation.\nexport function MToastItem({entry, onDismiss}: {entry: MToastEntry; onDismiss: (id: string) => void}) {\n    const [exiting, setExiting] = useState(false)\n    const duration = entry.duration ?? 4000\n\n    useEffect(() => {\n        if (duration <= 0) return\n        const timer = setTimeout(() => setExiting(true), duration)\n        return () => clearTimeout(timer)\n    }, [duration])\n\n    function handleEnd() {\n        if (exiting) onDismiss(entry.id)\n    }\n\n    const color = entry.color || 'info'\n    const icon =\n        entry.icon === false\n            ? null\n            : entry.icon === undefined || entry.icon === true\n              ? getStatusIcon(color)\n              : entry.icon\n\n    return (\n        <div className={cn('toast item', `color-${color}`, exiting && 'exit')} role=\"status\" onAnimationEnd={handleEnd}>\n            <div className=\"toast body\">\n                {icon && <span className=\"toast icon\">{icon}</span>}\n                <div className=\"toast content\">\n                    {entry.title && <div className=\"toast title\">{entry.title}</div>}\n                    <div className=\"toast message\">{entry.message}</div>\n                </div>\n            </div>\n            <MButton\n                variant=\"ghost\"\n                color=\"neutral\"\n                iconOnly\n                size=\"xs\"\n                className=\"toast close\"\n                onClick={() => setExiting(true)}\n                aria-label=\"Close\"\n            >\n                <MCloseIcon />\n            </MButton>\n        </div>\n    )\n}\n","import {useCallback, useMemo, useRef, useState} from 'react'\nimport {MPortal} from '../../primitives'\nimport {MToastContextProvider, useMToast} from './MToastContext'\nimport {MToastItem} from './MToastItem'\nimport type {MToastEntry, MToastOptions, MToastProviderProps} from './MToast.types'\nimport {cn} from '../../../utils/cn'\nimport './MToast.css'\n\nlet counter = 0\n\n// Global toast container with auto-dismiss and stacking.\nexport function MToastProvider({position = 'top-right', duration = 4000, children}: MToastProviderProps) {\n    const [toasts, setToasts] = useState<MToastEntry[]>([])\n    const defaultDuration = useRef(duration)\n    defaultDuration.current = duration\n\n    const dismiss = useCallback((id: string) => {\n        setToasts((prev) => prev.filter((t) => t.id !== id))\n    }, [])\n\n    const toast = useCallback((options: MToastOptions) => {\n        const id = `toast-${++counter}`\n        const entry: MToastEntry = {\n            id,\n            ...options,\n            duration: options.duration ?? defaultDuration.current,\n        }\n        setToasts((prev) => [...prev, entry])\n        return id\n    }, [])\n\n    const ctx = useMemo(() => ({toast, dismiss}), [toast, dismiss])\n\n    return (\n        <MToastContextProvider value={ctx}>\n            {children}\n            <MPortal>\n                <div className={cn('toast container', position)}>\n                    {toasts.map((entry) => (\n                        <MToastItem key={entry.id} entry={entry} onDismiss={dismiss} />\n                    ))}\n                </div>\n            </MPortal>\n        </MToastContextProvider>\n    )\n}\n\nexport {useMToast}\n"],"mappings":";;;;;;;;;;AAYA,IAAM,IAAyC;CAC3C,SAAS,kBAAC,GAAD,EAAgB,CAAA;CACzB,SAAS,kBAAC,GAAD,EAAgB,CAAA;CACzB,OAAO,kBAAC,GAAD,EAAc,CAAA;CACrB,MAAM,kBAAC,GAAD,EAAa,CAAA;CACnB,SAAS,kBAAC,GAAD,EAAa,CAAA;CACtB,SAAS,kBAAC,GAAD,EAAgB,CAAA;CACzB,OAAO,kBAAC,GAAD,EAAY,CAAA;CACnB,MAAM,kBAAC,GAAD,EAAa,CAAA;CACnB,MAAM,kBAAC,GAAD,EAAa,CAAA;CACtB;AAED,SAAgB,EAAc,GAAgB;AAK1C,QAJK,IAIE,EAAY,MAAU,EAAY,OAH9B,EAAY;;;;ACnB3B,SAAgB,EAAO,EAAC,WAAQ,QAAQ,UAAO,IAAM,UAAO,WAAQ,cAAW,aAAU,GAAG,KAAoB;CAC5G,IAAM,IAAW,MAAS,KAAQ,OAAO,MAAS,KAAO,EAAc,EAAM,GAAG;AAEhF,QACI,kBAAC,OAAD;EAAK,WAAW,EAAG,SAAS,SAAS,KAAS,EAAU;EAAE,MAAK;EAAS,GAAI,EAAe,EAAO;EAAE,GAAI;YAAxG,CACK,KAAY,kBAAC,QAAD;GAAM,WAAU;aAAQ;GAAgB,CAAA,EACrD,kBAAC,OAAD;GAAK,WAAU;aAAf,CACK,KAAS,kBAAC,OAAD;IAAK,WAAU;cAAS;IAAY,CAAA,EAC7C,KAAY,kBAAC,OAAD;IAAK,WAAU;IAAW;IAAe,CAAA,CACpD;KACJ;;;;;ACRd,SAAgB,EAAQ,EACpB,WAAQ,WACR,aAAU,UACV,SACA,WACA,WACA,iBAAc,IACd,cACA,cACA,aACA,GAAG,KACU;CACb,IAAM,CAAC,GAAS,KAAc,EAAS,GAAK,EACtC,CAAC,GAAY,KAAiB,EAAS,GAAM,EAC7C,IAAU,EAAuB,KAAK;AAE5C,KAAI,CAAC,EAAS,QAAO;CAErB,IAAM,UAAsB;AACxB,IAAc,GAAK;EACnB,IAAM,IAAK,EAAQ;AACnB,MAAI,CAAC,GAAI;AAEL,GADA,EAAW,GAAM,EACjB,KAAa;AACb;;EAEJ,IAAM,UAAc;AAGhB,GAFA,EAAW,GAAM,EACjB,EAAc,GAAM,EACpB,KAAa;;AAGjB,EADA,EAAG,iBAAiB,iBAAiB,GAAO,EAAC,MAAM,IAAK,CAAC,EACzD,WAAW,GAAO,IAAK;;AAG3B,QACI,kBAAC,OAAD;EAAK,KAAK;EAAS,WAAW,EAAG,eAAe,KAAc,aAAa;EAAE,GAAI,EAAe,EAAO;YACnG,kBAAC,OAAD;GAAK,WAAW,EAAG,UAAU,SAAS,KAAS,GAAS,EAAU;GAAE,MAAK;GAAS,GAAI;aAAtF;IACK,KAAQ,kBAAC,QAAD;KAAM,WAAU;eAAe;KAAY,CAAA;IACpD,kBAAC,OAAD;KAAK,WAAU;KAAkB;KAAe,CAAA;IAC/C,KAAU,kBAAC,OAAD;KAAK,WAAU;eAAiB;KAAa,CAAA;IACvD,KACG,kBAAC,GAAD;KACI,SAAQ;KACR,OAAM;KACN,UAAA;KACA,MAAK;KACL,WAAU;KACV,SAAS;KACT,cAAW;eAEX,kBAAC,GAAD,EAAc,CAAA;KACR,CAAA;IAEZ;;EACJ,CAAA;;;;ACvDd,IAAM,IAAkC;CAAC,IAAI;CAAM,IAAI;CAAM,IAAI;CAAM,IAAI;CAAM,IAAI;CAAK;AAG1F,SAAgB,EAAQ,EACpB,WAAQ,WACR,UAAO,MACP,WAAQ,WACR,YAAS,IACT,eAAY,QACZ,cACA,UACA,GAAG,KACU;CACb,IAAM,IAA6B;EAC/B,WAAW,OAAO,KAAc,WAAW,GAAG,EAAU,MAAM;EAC9D,GAAG;EACN;AAED,QACI,kBAAC,OAAD;EAAK,WAAW,EAAG,UAAU,KAAU,UAAU,EAAU;EAAE,OAAO;EAAa,GAAI;YACjF,kBAAC,GAAD;GAAQ,OAAO;aAAf,CACI,kBAAC,GAAD;IAAgB;IAAa;IAAc;IAAS,CAAA,EACpD,kBAAC,GAAD;IAAO,MAAM;IAAS,OAAO;IAAU,MAAM,OAAO,KAAS,WAAW,KAAA,IAAY,EAAU;cACzF;IACG,CAAA,CACH;;EACP,CAAA;;;;AC9Bd,IAAM,IAAkC;CAAC,IAAI;CAAI,IAAI;CAAI,IAAI;CAAI,IAAI;CAAI,IAAI;CAAI,EAC3E,IAA4C;CAAC,IAAI;CAAG,IAAI;CAAG,IAAI;CAAG,IAAI;CAAG,IAAI;CAAE;AAErF,SAAS,EAAM,GAAe,GAAa,GAAqB;AAC5D,QAAO,KAAK,IAAI,GAAK,KAAK,IAAI,GAAK,EAAM,CAAC;;AAG9C,SAAS,EAAgB,GAA0C;AAE/D,QADI,OAAO,KAAS,WAAiB,IAC9B,EAAQ,KAAQ,SAAS,EAAQ;;AAG5C,SAAS,EAAiB,GAA+B,GAA0C;AAG/F,QAFI,OAAO,KAAc,WAAiB,IACtC,OAAO,KAAS,WAAiB,KAAK,IAAI,GAAG,KAAK,MAAM,IAAO,GAAG,CAAC,GAChE,EAAkB,KAAQ,SAAS,EAAkB;;AAShE,SAAgB,EAAc,EAC1B,UACA,UAAO,MACP,WAAQ,WACR,cACA,iBAAc,IACd,UACA,cACA,cACA,UACA,GAAG,KACgB;CACnB,IAAM,IAAe,EAAM,KAAK,MAAM,EAAM,EAAE,GAAG,IAAI,EAC/C,IAAW,EAAgB,EAAK,EAChC,IAAS,EAAiB,GAAW,EAAK,EAC1C,KAAU,IAAW,KAAU,GAC/B,IAAgB,IAAI,KAAK,KAAK,GAC9B,IAAa,KAAiB,IAAI,IAAe,MAEjD,IAA6B;EAC/B,OAAO,GAAG,EAAS;EACnB,QAAQ,GAAG,EAAS;EACpB,GAAG;EACN,EAEK,IAAY,OAAO,KAAS,WAAW,IAAO,UAC9C,IAAkB,KAAa,WAAW,EAAa,IACvD,IAAY,MAAU,KAAA,IAA6B,IAAjB,MAAU;AAElD,QACI,kBAAC,OAAD;EACI,WAAW,EAAG,iBAAiB,GAAW,KAAS,SAAS,KAAS,EAAU;EAC/E,OAAO;EACP,MAAK;EACL,iBAAe;EACf,iBAAe;EACf,iBAAe;EACf,cAAY;EACZ,GAAI;YARR,CAUI,kBAAC,OAAD;GAAK,WAAU;GAAoB,OAAO;GAAU,QAAQ;GAAU,SAAS,OAAO,EAAS,GAAG;GAAY,eAAY;aAA1H,CACI,kBAAC,UAAD;IACI,WAAU;IACV,IAAI,IAAW;IACf,IAAI,IAAW;IACf,GAAG;IACH,MAAK;IACL,aAAa;IACf,CAAA,EACF,kBAAC,UAAD;IACI,WAAU;IACV,IAAI,IAAW;IACf,IAAI,IAAW;IACf,GAAG;IACH,MAAK;IACL,aAAa;IACb,iBAAiB;IACjB,kBAAkB;IAClB,eAAc;IACd,WAAW,cAAc,IAAW,EAAE,GAAG,IAAW,EAAE;IACxD,CAAA,CACA;MACL,IACG,kBAAC,QAAD;GAAM,WAAU;GAAsB,eAAY;aAC7C,MAAU,KAAA,IAAoB,GAAG,EAAa,KAAxB;GACpB,CAAA,GACP,KACF;;;;;AC7Fd,IAAM,IAAW,EAAwC,KAAK,EAEjD,IAAwB,EAAS;AAE9C,SAAgB,IAA+B;CAC3C,IAAM,IAAM,EAAW,EAAS;AAChC,KAAI,CAAC,EAAK,OAAU,MAAM,+CAA+C;AACzE,QAAO;;;;ACFX,SAAgB,EAAW,EAAC,UAAO,gBAAmE;CAClG,IAAM,CAAC,GAAS,KAAc,EAAS,GAAM,EACvC,IAAW,EAAM,YAAY;AAEnC,SAAgB;AACZ,MAAI,KAAY,EAAG;EACnB,IAAM,IAAQ,iBAAiB,EAAW,GAAK,EAAE,EAAS;AAC1D,eAAa,aAAa,EAAM;IACjC,CAAC,EAAS,CAAC;CAEd,SAAS,IAAY;AACjB,EAAI,KAAS,EAAU,EAAM,GAAG;;CAGpC,IAAM,IAAQ,EAAM,SAAS,QACvB,IACF,EAAM,SAAS,KACT,OACA,EAAM,SAAS,KAAA,KAAa,EAAM,SAAS,KACzC,EAAc,EAAM,GACpB,EAAM;AAElB,QACI,kBAAC,OAAD;EAAK,WAAW,EAAG,cAAc,SAAS,KAAS,KAAW,OAAO;EAAE,MAAK;EAAS,gBAAgB;YAArG,CACI,kBAAC,OAAD;GAAK,WAAU;aAAf,CACK,KAAQ,kBAAC,QAAD;IAAM,WAAU;cAAc;IAAY,CAAA,EACnD,kBAAC,OAAD;IAAK,WAAU;cAAf,CACK,EAAM,SAAS,kBAAC,OAAD;KAAK,WAAU;eAAe,EAAM;KAAY,CAAA,EAChE,kBAAC,OAAD;KAAK,WAAU;eAAiB,EAAM;KAAc,CAAA,CAClD;MACJ;MACN,kBAAC,GAAD;GACI,SAAQ;GACR,OAAM;GACN,UAAA;GACA,MAAK;GACL,WAAU;GACV,eAAe,EAAW,GAAK;GAC/B,cAAW;aAEX,kBAAC,GAAD,EAAc,CAAA;GACR,CAAA,CACR;;;;;AC1Cd,IAAI,IAAU;AAGd,SAAgB,EAAe,EAAC,cAAW,aAAa,cAAW,KAAM,eAAgC;CACrG,IAAM,CAAC,GAAQ,KAAa,EAAwB,EAAE,CAAC,EACjD,IAAkB,EAAO,EAAS;AACxC,GAAgB,UAAU;CAE1B,IAAM,IAAU,GAAa,MAAe;AACxC,KAAW,MAAS,EAAK,QAAQ,MAAM,EAAE,OAAO,EAAG,CAAC;IACrD,EAAE,CAAC,EAEA,IAAQ,GAAa,MAA2B;EAClD,IAAM,IAAK,SAAS,EAAE,KAChB,IAAqB;GACvB;GACA,GAAG;GACH,UAAU,EAAQ,YAAY,EAAgB;GACjD;AAED,SADA,GAAW,MAAS,CAAC,GAAG,GAAM,EAAM,CAAC,EAC9B;IACR,EAAE,CAAC;AAIN,QACI,kBAAC,GAAD;EAAuB,OAHf,SAAe;GAAC;GAAO;GAAQ,GAAG,CAAC,GAAO,EAAQ,CAAC;YAG3D,CACK,GACD,kBAAC,GAAD,EAAA,UACI,kBAAC,OAAD;GAAK,WAAW,EAAG,mBAAmB,EAAS;aAC1C,EAAO,KAAK,MACT,kBAAC,GAAD;IAAkC;IAAO,WAAW;IAAW,EAA9C,EAAM,GAAwC,CACjE;GACA,CAAA,EACA,CAAA,CACU"}

package/dist/feedback-C8RfsfYJ.cjs

@@ -1,2 +0,0 @@
-const e=require(`./theme-DltOEniv.cjs`),t=require(`./icons-DX_cScBq.cjs`),n=require(`./cn-CU5TNITO.cjs`),r=require(`./MPortal-Djrw2WhD.cjs`),i=require(`./MText-Cjt1oTPr.cjs`),a=require(`./MButton-B8kFTOPJ.cjs`),o=require(`./MStack-BdVvJN5S.cjs`);require(`./core-o3cw16Db.cjs`);let s=require(`react`),c=require(`react/jsx-runtime`);var l={success:(0,c.jsx)(t.yi,{}),warning:(0,c.jsx)(t.Si,{}),error:(0,c.jsx)(t.bi,{}),info:(0,c.jsx)(t.xi,{}),primary:(0,c.jsx)(t.xi,{}),neutral:(0,c.jsx)(t.vi,{}),light:(0,c.jsx)(t.Ln,{}),dark:(0,c.jsx)(t.In,{}),news:(0,c.jsx)(t.Pn,{})};function u(e){return e?l[e]??l.info:l.info}function d({color:t=`info`,icon:r=!0,title:i,hidden:a,className:o,children:s,...l}){let d=r===!1?null:r===!0?u(t):r;return(0,c.jsxs)(`div`,{className:n.t(`alert`,`color-${t}`,o),role:`status`,...e.r(a),...l,children:[d&&(0,c.jsx)(`span`,{className:`icon`,children:d}),(0,c.jsxs)(`div`,{className:`main`,children:[i&&(0,c.jsx)(`div`,{className:`title`,children:i}),s&&(0,c.jsx)(`div`,{className:`content`,children:s})]})]})}function f({color:r=`primary`,variant:i=`filled`,icon:o,action:l,hidden:u,dismissible:d=!1,onDismiss:f,className:p,children:m,...h}){let[g,_]=(0,s.useState)(!0),[v,y]=(0,s.useState)(!1),b=(0,s.useRef)(null);if(!g)return null;let x=()=>{y(!0);let e=b.current;if(!e){_(!1),f?.();return}let t=()=>{_(!1),y(!1),f?.()};e.addEventListener(`transitionend`,t,{once:!0}),setTimeout(t,1e3)};return(0,c.jsx)(`div`,{ref:b,className:n.t(`banner-wrap`,v&&`dismissing`),...e.r(u),children:(0,c.jsxs)(`div`,{className:n.t(`banner`,`color-${r}`,i,p),role:`banner`,...h,children:[o&&(0,c.jsx)(`span`,{className:`banner-icon`,children:o}),(0,c.jsx)(`div`,{className:`banner-content`,children:m}),l&&(0,c.jsx)(`div`,{className:`banner-action`,children:l}),d&&(0,c.jsx)(a.t,{variant:`link`,color:`neutral`,iconOnly:!0,size:`sm`,className:`banner-dismiss`,onClick:x,"aria-label":`Dismiss`,children:(0,c.jsx)(t.Ki,{})})]})})}var p={xs:`xs`,sm:`sm`,md:`md`,lg:`lg`,xl:`xl`};function m({color:e=`primary`,size:t=`lg`,label:r=`Loading`,center:s=!0,minHeight:l=`40vh`,className:u,style:d,...f}){let m={minHeight:typeof l==`number`?`${l}px`:l,...d};return(0,c.jsx)(`div`,{className:n.t(`loader`,s&&`center`,u),style:m,...f,children:(0,c.jsxs)(o.t,{align:`center`,children:[(0,c.jsx)(a.r,{size:t,color:e,label:r}),(0,c.jsx)(i.t,{tone:`muted`,align:`center`,size:typeof t==`number`?void 0:p[t],children:r})]})})}var h={xs:24,sm:36,md:56,lg:88,xl:128},g={xs:2,sm:3,md:4,lg:6,xl:8};function _(e,t,n){return Math.max(t,Math.min(n,e))}function v(e){return typeof e==`number`?e:h[e??`md`]??h.md}function y(e,t){return typeof e==`number`?e:typeof t==`number`?Math.max(2,Math.round(t/14)):g[t??`md`]??g.md}function b({value:e,size:t=`md`,color:r=`primary`,thickness:i,showPercent:a=!0,label:o,ariaLabel:s,className:l,style:u,...d}){let f=_(Math.round(e),0,100),p=v(t),m=y(i,t),h=(p-m)/2,g=2*Math.PI*h,b=g*(1-f/100),x={width:`${p}px`,height:`${p}px`,...u},S=typeof t==`string`?t:`custom`,C=s??`Loading ${f}%`,w=o===void 0?a:o!==null;return(0,c.jsxs)(`div`,{className:n.t(`progress-ring`,S,r&&`color-${r}`,l),style:x,role:`progressbar`,"aria-valuenow":f,"aria-valuemin":0,"aria-valuemax":100,"aria-label":C,...d,children:[(0,c.jsxs)(`svg`,{className:`progress-ring-svg`,width:p,height:p,viewBox:`0 0 ${p} ${p}`,"aria-hidden":`true`,children:[(0,c.jsx)(`circle`,{className:`progress-ring-track`,cx:p/2,cy:p/2,r:h,fill:`none`,strokeWidth:m}),(0,c.jsx)(`circle`,{className:`progress-ring-indicator`,cx:p/2,cy:p/2,r:h,fill:`none`,strokeWidth:m,strokeDasharray:g,strokeDashoffset:b,strokeLinecap:`round`,transform:`rotate(-90 ${p/2} ${p/2})`})]}),w?(0,c.jsx)(`span`,{className:`progress-ring-label`,"aria-hidden":`true`,children:o===void 0?`${f}%`:o}):null]})}var x=(0,s.createContext)(null),S=x.Provider;function C(){let e=(0,s.useContext)(x);if(!e)throw Error(`useMToast must be used inside MToastProvider`);return e}function w({entry:e,onDismiss:r}){let[i,o]=(0,s.useState)(!1),l=e.duration??4e3;(0,s.useEffect)(()=>{if(l<=0)return;let e=setTimeout(()=>o(!0),l);return()=>clearTimeout(e)},[l]);function d(){i&&r(e.id)}let f=e.color||`info`,p=e.icon===!1?null:e.icon===void 0||e.icon===!0?u(f):e.icon;return(0,c.jsxs)(`div`,{className:n.t(`toast item`,`color-${f}`,i&&`exit`),role:`status`,onAnimationEnd:d,children:[(0,c.jsxs)(`div`,{className:`toast body`,children:[p&&(0,c.jsx)(`span`,{className:`toast icon`,children:p}),(0,c.jsxs)(`div`,{className:`toast content`,children:[e.title&&(0,c.jsx)(`div`,{className:`toast title`,children:e.title}),(0,c.jsx)(`div`,{className:`toast message`,children:e.message})]})]}),(0,c.jsx)(a.t,{variant:`ghost`,color:`neutral`,iconOnly:!0,size:`xs`,className:`toast close`,onClick:()=>o(!0),"aria-label":`Close`,children:(0,c.jsx)(t.Ki,{})})]})}var T=0;function E({position:e=`top-right`,duration:t=4e3,children:i}){let[a,o]=(0,s.useState)([]),l=(0,s.useRef)(t);l.current=t;let u=(0,s.useCallback)(e=>{o(t=>t.filter(t=>t.id!==e))},[]),d=(0,s.useCallback)(e=>{let t=`toast-${++T}`,n={id:t,...e,duration:e.duration??l.current};return o(e=>[...e,n]),t},[]);return(0,c.jsxs)(S,{value:(0,s.useMemo)(()=>({toast:d,dismiss:u}),[d,u]),children:[i,(0,c.jsx)(r.t,{children:(0,c.jsx)(`div`,{className:n.t(`toast container`,e),children:a.map(e=>(0,c.jsx)(w,{entry:e,onDismiss:u},e.id))})})]})}Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return C}}),Object.defineProperty(exports,`o`,{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return b}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return E}});
-//# sourceMappingURL=feedback-C8RfsfYJ.cjs.map