@banzamel/mineralui 1.8.0 → 1.9.0

package/dist/{MButton-DZLLrtQb.js.map → MButton-C1pnL4_j.js.map}

@@ -1 +1 @@
-{"version":3,"file":"MButton-DZLLrtQb.js","names":[],"sources":["../src/components/controls/MButtonGroup/MButtonGroupContext.ts","../src/components/feedback/MSpinner/MSpinner.tsx","../src/utils/overlayBadge.tsx","../src/components/controls/MButton/MButton.tsx"],"sourcesContent":["import {createContext, useContext} from 'react'\nimport type {MButtonVariant} from '../MButton/MButton.types'\nimport type {MColor, MSize} from '../../../theme'\n\nexport interface MButtonGroupContextValue {\n    variant?: MButtonVariant\n    size?: MSize\n    color?: MColor\n}\n\nexport const ButtonGroupContext = createContext<MButtonGroupContextValue | null>(null)\n\nexport function useButtonGroup(): MButtonGroupContextValue | null {\n    return useContext(ButtonGroupContext)\n}\n","import type {CSSProperties} from 'react'\nimport type {MSpinnerProps} from './MSpinner.types'\nimport {cn} from '../../../utils/cn'\nimport './MSpinner.css'\n\n// Render a minimal semantic loading indicator with token-aware sizing and color.\nexport function MSpinner({\n    color = 'primary',\n    size = 'md',\n    label = 'Loading',\n    className,\n    style,\n    ...rest\n}: MSpinnerProps) {\n    const inlineStyle: CSSProperties =\n        typeof size === 'number'\n            ? {\n                  width: `${size}px`,\n                  height: `${size}px`,\n                  ...style,\n              }\n            : style || {}\n\n    return (\n        <span\n            className={cn('spinner', typeof size === 'string' && size, color && `color-${color}`, className)}\n            style={inlineStyle}\n            role=\"status\"\n            aria-label={label}\n            {...rest}\n        />\n    )\n}\n","import type {ReactNode} from 'react'\nimport type {MColor} from '../theme'\nimport {cn} from './cn'\n\nexport interface MOverlayBadgeProps {\n    badge?: ReactNode | number | boolean\n    badgeColor?: MColor\n    badgePulsing?: boolean\n    className?: string\n}\n\nfunction hasBadgeContent(badge: MOverlayBadgeProps['badge']) {\n    return badge !== undefined && badge !== null && badge !== false\n}\n\nexport function shouldRenderOverlayBadge({badge, badgeColor, badgePulsing}: MOverlayBadgeProps) {\n    return hasBadgeContent(badge)\n}\n\nexport function renderOverlayBadge({\n    badge,\n    badgeColor = 'primary',\n    badgePulsing = false,\n    className,\n}: MOverlayBadgeProps) {\n    if (!shouldRenderOverlayBadge({badge, badgeColor, badgePulsing})) {\n        return null\n    }\n\n    const dotOnly = badge === true\n\n    return (\n        <span\n            className={cn(\n                'overlay-badge',\n                `color-${badgeColor}`,\n                dotOnly && 'dot',\n                badgePulsing && 'pulsing',\n                className\n            )}\n            aria-hidden=\"true\"\n        >\n            {dotOnly ? null : badge}\n        </span>\n    )\n}\n","import {forwardRef} from 'react'\nimport type {KeyboardEvent, MouseEvent, PointerEvent} from 'react'\nimport type {MButtonProps} from './MButton.types'\nimport {getHiddenProps} from '../../../theme'\nimport {useButtonGroup} from '../MButtonGroup/MButtonGroupContext'\nimport {MSpinner} from '../../feedback'\nimport {cn} from '../../../utils/cn'\nimport {useInteractionEffect} from '../../../utils/useInteractionEffect'\nimport {renderOverlayBadge} from '../../../utils/overlayBadge'\nimport './MButton.css'\n\n// Render the main action primitive with semantic variants and built-in click feedback.\nexport const MButton = forwardRef<HTMLElement, MButtonProps>(function MButton(\n    {\n        component,\n        to,\n        href,\n        target,\n        rel,\n        variant: variantProp,\n        size: sizeProp,\n        color: colorProp,\n        hidden,\n        fullWidth = false,\n        rounded = false,\n        shape,\n        iconOnly = false,\n        loading = false,\n        active = false,\n        pulsing = false,\n        badge,\n        badgeColor,\n        badgePulsing = false,\n        startIcon,\n        endIcon,\n        clickEffect = 'ripple',\n        rippleColor,\n        className,\n        style,\n        children,\n        disabled = false,\n        type = 'button',\n        onClick,\n        onPointerDown,\n        onKeyDown,\n        ...rest\n    },\n    ref\n) {\n    const Component = component ?? 'button'\n    const isNativeButton = !component || Component === 'button'\n    const group = useButtonGroup()\n    const variant = variantProp ?? group?.variant ?? 'filled'\n    const size = sizeProp ?? group?.size ?? 'md'\n    const color = colorProp ?? group?.color ?? 'primary'\n\n    const isDisabled = disabled || loading\n    const {effectClassName, effectLayer, handlePointerDown, triggerEffect} = useInteractionEffect<HTMLElement>({\n        effect: clickEffect,\n        disabled: isDisabled,\n        centered: iconOnly,\n        color: rippleColor,\n    })\n\n    function handleClick(event: MouseEvent<HTMLElement>) {\n        if (isDisabled && !isNativeButton) {\n            event.preventDefault()\n            return\n        }\n\n        onClick?.(event as never)\n    }\n\n    return (\n        <Component\n            ref={ref}\n            type={isNativeButton ? type : undefined}\n            to={component ? (isDisabled ? undefined : to) : undefined}\n            href={component ? (isDisabled ? undefined : href) : undefined}\n            target={component ? (isDisabled ? undefined : target) : undefined}\n            rel={component ? (isDisabled ? undefined : rel) : undefined}\n            className={cn(\n                'button',\n                variant,\n                size,\n                `color-${color}`,\n                fullWidth && 'full-width',\n                rounded && 'rounded',\n                shape === 'circle' && 'circle',\n                iconOnly && 'icon-only',\n                loading && 'loading',\n                active && 'active',\n                pulsing && 'pulsing',\n                isDisabled && 'disabled',\n                effectClassName,\n                className\n            )}\n            style={style}\n            disabled={isNativeButton ? isDisabled : undefined}\n            aria-busy={loading || undefined}\n            aria-disabled={!isNativeButton && isDisabled ? true : undefined}\n            onClick={handleClick}\n            onPointerDown={(event: PointerEvent<HTMLElement>) => {\n                handlePointerDown(event as never)\n                onPointerDown?.(event as never)\n            }}\n            onKeyDown={(event: KeyboardEvent<HTMLElement>) => {\n                if (event.key === ' ' || event.key === 'Enter') {\n                    triggerEffect(event.currentTarget as HTMLElement)\n                }\n\n                onKeyDown?.(event as never)\n            }}\n            {...getHiddenProps(hidden)}\n            {...rest}\n        >\n            {effectLayer}\n            {renderOverlayBadge({badge, badgeColor, badgePulsing})}\n            {loading && <MSpinner size=\"sm\" color=\"inherit\" aria-hidden=\"true\" />}\n            {startIcon && <span className=\"icon start\">{startIcon}</span>}\n            {children && <span className=\"content\">{children}</span>}\n            {endIcon && <span className=\"icon end\">{endIcon}</span>}\n        </Component>\n    )\n})\n"],"mappings":"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"}
+{"version":3,"file":"MButton-C1pnL4_j.js","names":[],"sources":["../src/components/controls/MButtonGroup/MButtonGroupContext.ts","../src/components/feedback/MSpinner/MSpinner.tsx","../src/utils/overlayBadge.tsx","../src/components/controls/MButton/MButton.tsx"],"sourcesContent":["import {createContext, useContext} from 'react'\nimport type {MButtonVariant} from '../MButton/MButton.types'\nimport type {MColor, MSize} from '../../../theme'\n\nexport interface MButtonGroupContextValue {\n    variant?: MButtonVariant\n    size?: MSize\n    color?: MColor\n}\n\nexport const ButtonGroupContext = createContext<MButtonGroupContextValue | null>(null)\n\nexport function useButtonGroup(): MButtonGroupContextValue | null {\n    return useContext(ButtonGroupContext)\n}\n","import type {CSSProperties} from 'react'\nimport type {MSpinnerProps} from './MSpinner.types'\nimport {cn} from '../../../utils/cn'\nimport './MSpinner.css'\n\n// Render a minimal semantic loading indicator with token-aware sizing and color.\nexport function MSpinner({\n    color = 'primary',\n    size = 'md',\n    label = 'Loading',\n    className,\n    style,\n    ...rest\n}: MSpinnerProps) {\n    const inlineStyle: CSSProperties =\n        typeof size === 'number'\n            ? {\n                  width: `${size}px`,\n                  height: `${size}px`,\n                  ...style,\n              }\n            : style || {}\n\n    return (\n        <span\n            className={cn('spinner', typeof size === 'string' && size, color && `color-${color}`, className)}\n            style={inlineStyle}\n            role=\"status\"\n            aria-label={label}\n            {...rest}\n        />\n    )\n}\n","import type {ReactNode} from 'react'\nimport type {MColor} from '../theme'\nimport {cn} from './cn'\n\nexport interface MOverlayBadgeProps {\n    badge?: ReactNode | number | boolean\n    badgeColor?: MColor\n    badgePulsing?: boolean\n    className?: string\n}\n\nfunction hasBadgeContent(badge: MOverlayBadgeProps['badge']) {\n    return badge !== undefined && badge !== null && badge !== false\n}\n\nexport function shouldRenderOverlayBadge({badge, badgeColor, badgePulsing}: MOverlayBadgeProps) {\n    return hasBadgeContent(badge)\n}\n\nexport function renderOverlayBadge({\n    badge,\n    badgeColor = 'primary',\n    badgePulsing = false,\n    className,\n}: MOverlayBadgeProps) {\n    if (!shouldRenderOverlayBadge({badge, badgeColor, badgePulsing})) {\n        return null\n    }\n\n    const dotOnly = badge === true\n\n    return (\n        <span\n            className={cn(\n                'overlay-badge',\n                `color-${badgeColor}`,\n                dotOnly && 'dot',\n                badgePulsing && 'pulsing',\n                className\n            )}\n            aria-hidden=\"true\"\n        >\n            {dotOnly ? null : badge}\n        </span>\n    )\n}\n","import {forwardRef} from 'react'\nimport type {KeyboardEvent, MouseEvent, PointerEvent} from 'react'\nimport type {MButtonProps} from './MButton.types'\nimport {getHiddenProps} from '../../../theme'\nimport {useButtonGroup} from '../MButtonGroup/MButtonGroupContext'\nimport {MSpinner} from '../../feedback'\nimport {cn} from '../../../utils/cn'\nimport {useInteractionEffect} from '../../../utils/useInteractionEffect'\nimport {renderOverlayBadge} from '../../../utils/overlayBadge'\nimport './MButton.css'\n\n// Render the main action primitive with semantic variants and built-in click feedback.\nexport const MButton = forwardRef<HTMLElement, MButtonProps>(function MButton(\n    {\n        component,\n        to,\n        href,\n        target,\n        rel,\n        variant: variantProp,\n        size: sizeProp,\n        color: colorProp,\n        hidden,\n        fullWidth = false,\n        rounded = false,\n        shape,\n        iconOnly = false,\n        loading = false,\n        active = false,\n        pulsing = false,\n        badge,\n        badgeColor,\n        badgePulsing = false,\n        startIcon,\n        endIcon,\n        clickEffect = 'ripple',\n        rippleColor,\n        className,\n        style,\n        children,\n        disabled = false,\n        type = 'button',\n        onClick,\n        onPointerDown,\n        onKeyDown,\n        ...rest\n    },\n    ref\n) {\n    const Component = component ?? 'button'\n    const isNativeButton = !component || Component === 'button'\n    const group = useButtonGroup()\n    const variant = variantProp ?? group?.variant ?? 'filled'\n    const size = sizeProp ?? group?.size ?? 'md'\n    const color = colorProp ?? group?.color ?? 'primary'\n\n    const isDisabled = disabled || loading\n    const {effectClassName, effectLayer, handlePointerDown, triggerEffect} = useInteractionEffect<HTMLElement>({\n        effect: clickEffect,\n        disabled: isDisabled,\n        centered: iconOnly,\n        color: rippleColor,\n    })\n\n    function handleClick(event: MouseEvent<HTMLElement>) {\n        if (isDisabled && !isNativeButton) {\n            event.preventDefault()\n            return\n        }\n\n        onClick?.(event as never)\n    }\n\n    return (\n        <Component\n            ref={ref}\n            type={isNativeButton ? type : undefined}\n            to={component ? (isDisabled ? undefined : to) : undefined}\n            href={component ? (isDisabled ? undefined : href) : undefined}\n            target={component ? (isDisabled ? undefined : target) : undefined}\n            rel={component ? (isDisabled ? undefined : rel) : undefined}\n            className={cn(\n                'button',\n                variant,\n                size,\n                `color-${color}`,\n                fullWidth && 'full-width',\n                rounded && 'rounded',\n                shape === 'circle' && 'circle',\n                iconOnly && 'icon-only',\n                loading && 'loading',\n                active && 'active',\n                pulsing && 'pulsing',\n                isDisabled && 'disabled',\n                effectClassName,\n                className\n            )}\n            style={style}\n            disabled={isNativeButton ? isDisabled : undefined}\n            aria-busy={loading || undefined}\n            aria-disabled={!isNativeButton && isDisabled ? true : undefined}\n            onClick={handleClick}\n            onPointerDown={(event: PointerEvent<HTMLElement>) => {\n                handlePointerDown(event as never)\n                onPointerDown?.(event as never)\n            }}\n            onKeyDown={(event: KeyboardEvent<HTMLElement>) => {\n                if (event.key === ' ' || event.key === 'Enter') {\n                    triggerEffect(event.currentTarget as HTMLElement)\n                }\n\n                onKeyDown?.(event as never)\n            }}\n            {...getHiddenProps(hidden)}\n            {...rest}\n        >\n            {effectLayer}\n            {renderOverlayBadge({badge, badgeColor, badgePulsing})}\n            {loading && <MSpinner size=\"sm\" color=\"inherit\" aria-hidden=\"true\" />}\n            {startIcon && <span className=\"icon start\">{startIcon}</span>}\n            {children && <span className=\"content\">{children}</span>}\n            {endIcon && <span className=\"icon end\">{endIcon}</span>}\n        </Component>\n    )\n})\n"],"mappings":"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"}

package/dist/{MButton-8UCydOik.cjs → MButton-DFRHWHzh.cjs}

@@ -1,2 +1,2 @@
-const e=require(`./theme-BaroO-OB.cjs`),t=require(`./cn-CU5TNITO.cjs`),n=require(`./useInteractionEffect-Bo8285cg.cjs`);require(`./core-DAox0BHy.cjs`);let r=require(`react`),i=require(`react/jsx-runtime`);var a=(0,r.createContext)(null);function o(){return(0,r.useContext)(a)}function s({color:e=`primary`,size:n=`md`,label:r=`Loading`,className:a,style:o,...s}){let c=typeof n==`number`?{width:`${n}px`,height:`${n}px`,...o}:o||{};return(0,i.jsx)(`span`,{className:t.t(`spinner`,typeof n==`string`&&n,e&&`color-${e}`,a),style:c,role:`status`,"aria-label":r,...s})}function c(e){return e!=null&&e!==!1}function l({badge:e,badgeColor:t,badgePulsing:n}){return c(e)}function u({badge:e,badgeColor:n=`primary`,badgePulsing:r=!1,className:a}){if(!l({badge:e,badgeColor:n,badgePulsing:r}))return null;let o=e===!0;return(0,i.jsx)(`span`,{className:t.t(`overlay-badge`,`color-${n}`,o&&`dot`,r&&`pulsing`,a),"aria-hidden":`true`,children:o?null:e})}var d=(0,r.forwardRef)(function({component:r,to:a,href:c,target:l,rel:d,variant:f,size:p,color:m,hidden:h,fullWidth:g=!1,rounded:_=!1,shape:v,iconOnly:y=!1,loading:b=!1,active:x=!1,pulsing:S=!1,badge:C,badgeColor:w,badgePulsing:T=!1,startIcon:E,endIcon:D,clickEffect:O=`ripple`,rippleColor:k,className:A,style:j,children:M,disabled:N=!1,type:P=`button`,onClick:F,onPointerDown:I,onKeyDown:L,...R},z){let B=r??`button`,V=!r||B===`button`,H=o(),U=f??H?.variant??`filled`,W=p??H?.size??`md`,G=m??H?.color??`primary`,K=N||b,{effectClassName:q,effectLayer:J,handlePointerDown:Y,triggerEffect:X}=n.t({effect:O,disabled:K,centered:y,color:k});function Z(e){if(K&&!V){e.preventDefault();return}F?.(e)}return(0,i.jsxs)(B,{ref:z,type:V?P:void 0,to:r?K?void 0:a:void 0,href:r?K?void 0:c:void 0,target:r?K?void 0:l:void 0,rel:r?K?void 0:d:void 0,className:t.t(`button`,U,W,`color-${G}`,g&&`full-width`,_&&`rounded`,v===`circle`&&`circle`,y&&`icon-only`,b&&`loading`,x&&`active`,S&&`pulsing`,K&&`disabled`,q,A),style:j,disabled:V?K:void 0,"aria-busy":b||void 0,"aria-disabled":!V&&K?!0:void 0,onClick:Z,onPointerDown:e=>{Y(e),I?.(e)},onKeyDown:e=>{(e.key===` `||e.key===`Enter`)&&X(e.currentTarget),L?.(e)},...e.r(h),...R,children:[J,u({badge:C,badgeColor:w,badgePulsing:T}),b&&(0,i.jsx)(s,{size:`sm`,color:`inherit`,"aria-hidden":`true`}),E&&(0,i.jsx)(`span`,{className:`icon start`,children:E}),M&&(0,i.jsx)(`span`,{className:`content`,children:M}),D&&(0,i.jsx)(`span`,{className:`icon end`,children:D})]})});Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return d}});
-//# sourceMappingURL=MButton-8UCydOik.cjs.map
+const e=require(`./theme-DsTDooyX.cjs`),t=require(`./cn-CU5TNITO.cjs`),n=require(`./useInteractionEffect-Bo8285cg.cjs`);require(`./core-DAox0BHy.cjs`);let r=require(`react`),i=require(`react/jsx-runtime`);var a=(0,r.createContext)(null);function o(){return(0,r.useContext)(a)}function s({color:e=`primary`,size:n=`md`,label:r=`Loading`,className:a,style:o,...s}){let c=typeof n==`number`?{width:`${n}px`,height:`${n}px`,...o}:o||{};return(0,i.jsx)(`span`,{className:t.t(`spinner`,typeof n==`string`&&n,e&&`color-${e}`,a),style:c,role:`status`,"aria-label":r,...s})}function c(e){return e!=null&&e!==!1}function l({badge:e,badgeColor:t,badgePulsing:n}){return c(e)}function u({badge:e,badgeColor:n=`primary`,badgePulsing:r=!1,className:a}){if(!l({badge:e,badgeColor:n,badgePulsing:r}))return null;let o=e===!0;return(0,i.jsx)(`span`,{className:t.t(`overlay-badge`,`color-${n}`,o&&`dot`,r&&`pulsing`,a),"aria-hidden":`true`,children:o?null:e})}var d=(0,r.forwardRef)(function({component:r,to:a,href:c,target:l,rel:d,variant:f,size:p,color:m,hidden:h,fullWidth:g=!1,rounded:_=!1,shape:v,iconOnly:y=!1,loading:b=!1,active:x=!1,pulsing:S=!1,badge:C,badgeColor:w,badgePulsing:T=!1,startIcon:E,endIcon:D,clickEffect:O=`ripple`,rippleColor:k,className:A,style:j,children:M,disabled:N=!1,type:P=`button`,onClick:F,onPointerDown:I,onKeyDown:L,...R},z){let B=r??`button`,V=!r||B===`button`,H=o(),U=f??H?.variant??`filled`,W=p??H?.size??`md`,G=m??H?.color??`primary`,K=N||b,{effectClassName:q,effectLayer:J,handlePointerDown:Y,triggerEffect:X}=n.t({effect:O,disabled:K,centered:y,color:k});function Z(e){if(K&&!V){e.preventDefault();return}F?.(e)}return(0,i.jsxs)(B,{ref:z,type:V?P:void 0,to:r?K?void 0:a:void 0,href:r?K?void 0:c:void 0,target:r?K?void 0:l:void 0,rel:r?K?void 0:d:void 0,className:t.t(`button`,U,W,`color-${G}`,g&&`full-width`,_&&`rounded`,v===`circle`&&`circle`,y&&`icon-only`,b&&`loading`,x&&`active`,S&&`pulsing`,K&&`disabled`,q,A),style:j,disabled:V?K:void 0,"aria-busy":b||void 0,"aria-disabled":!V&&K?!0:void 0,onClick:Z,onPointerDown:e=>{Y(e),I?.(e)},onKeyDown:e=>{(e.key===` `||e.key===`Enter`)&&X(e.currentTarget),L?.(e)},...e.r(h),...R,children:[J,u({badge:C,badgeColor:w,badgePulsing:T}),b&&(0,i.jsx)(s,{size:`sm`,color:`inherit`,"aria-hidden":`true`}),E&&(0,i.jsx)(`span`,{className:`icon start`,children:E}),M&&(0,i.jsx)(`span`,{className:`content`,children:M}),D&&(0,i.jsx)(`span`,{className:`icon end`,children:D})]})});Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return d}});
+//# sourceMappingURL=MButton-DFRHWHzh.cjs.map

package/dist/{MButton-8UCydOik.cjs.map → MButton-DFRHWHzh.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"MButton-8UCydOik.cjs","names":[],"sources":["../src/components/controls/MButtonGroup/MButtonGroupContext.ts","../src/components/feedback/MSpinner/MSpinner.tsx","../src/utils/overlayBadge.tsx","../src/components/controls/MButton/MButton.tsx"],"sourcesContent":["import {createContext, useContext} from 'react'\nimport type {MButtonVariant} from '../MButton/MButton.types'\nimport type {MColor, MSize} from '../../../theme'\n\nexport interface MButtonGroupContextValue {\n    variant?: MButtonVariant\n    size?: MSize\n    color?: MColor\n}\n\nexport const ButtonGroupContext = createContext<MButtonGroupContextValue | null>(null)\n\nexport function useButtonGroup(): MButtonGroupContextValue | null {\n    return useContext(ButtonGroupContext)\n}\n","import type {CSSProperties} from 'react'\nimport type {MSpinnerProps} from './MSpinner.types'\nimport {cn} from '../../../utils/cn'\nimport './MSpinner.css'\n\n// Render a minimal semantic loading indicator with token-aware sizing and color.\nexport function MSpinner({\n    color = 'primary',\n    size = 'md',\n    label = 'Loading',\n    className,\n    style,\n    ...rest\n}: MSpinnerProps) {\n    const inlineStyle: CSSProperties =\n        typeof size === 'number'\n            ? {\n                  width: `${size}px`,\n                  height: `${size}px`,\n                  ...style,\n              }\n            : style || {}\n\n    return (\n        <span\n            className={cn('spinner', typeof size === 'string' && size, color && `color-${color}`, className)}\n            style={inlineStyle}\n            role=\"status\"\n            aria-label={label}\n            {...rest}\n        />\n    )\n}\n","import type {ReactNode} from 'react'\nimport type {MColor} from '../theme'\nimport {cn} from './cn'\n\nexport interface MOverlayBadgeProps {\n    badge?: ReactNode | number | boolean\n    badgeColor?: MColor\n    badgePulsing?: boolean\n    className?: string\n}\n\nfunction hasBadgeContent(badge: MOverlayBadgeProps['badge']) {\n    return badge !== undefined && badge !== null && badge !== false\n}\n\nexport function shouldRenderOverlayBadge({badge, badgeColor, badgePulsing}: MOverlayBadgeProps) {\n    return hasBadgeContent(badge)\n}\n\nexport function renderOverlayBadge({\n    badge,\n    badgeColor = 'primary',\n    badgePulsing = false,\n    className,\n}: MOverlayBadgeProps) {\n    if (!shouldRenderOverlayBadge({badge, badgeColor, badgePulsing})) {\n        return null\n    }\n\n    const dotOnly = badge === true\n\n    return (\n        <span\n            className={cn(\n                'overlay-badge',\n                `color-${badgeColor}`,\n                dotOnly && 'dot',\n                badgePulsing && 'pulsing',\n                className\n            )}\n            aria-hidden=\"true\"\n        >\n            {dotOnly ? null : badge}\n        </span>\n    )\n}\n","import {forwardRef} from 'react'\nimport type {KeyboardEvent, MouseEvent, PointerEvent} from 'react'\nimport type {MButtonProps} from './MButton.types'\nimport {getHiddenProps} from '../../../theme'\nimport {useButtonGroup} from '../MButtonGroup/MButtonGroupContext'\nimport {MSpinner} from '../../feedback'\nimport {cn} from '../../../utils/cn'\nimport {useInteractionEffect} from '../../../utils/useInteractionEffect'\nimport {renderOverlayBadge} from '../../../utils/overlayBadge'\nimport './MButton.css'\n\n// Render the main action primitive with semantic variants and built-in click feedback.\nexport const MButton = forwardRef<HTMLElement, MButtonProps>(function MButton(\n    {\n        component,\n        to,\n        href,\n        target,\n        rel,\n        variant: variantProp,\n        size: sizeProp,\n        color: colorProp,\n        hidden,\n        fullWidth = false,\n        rounded = false,\n        shape,\n        iconOnly = false,\n        loading = false,\n        active = false,\n        pulsing = false,\n        badge,\n        badgeColor,\n        badgePulsing = false,\n        startIcon,\n        endIcon,\n        clickEffect = 'ripple',\n        rippleColor,\n        className,\n        style,\n        children,\n        disabled = false,\n        type = 'button',\n        onClick,\n        onPointerDown,\n        onKeyDown,\n        ...rest\n    },\n    ref\n) {\n    const Component = component ?? 'button'\n    const isNativeButton = !component || Component === 'button'\n    const group = useButtonGroup()\n    const variant = variantProp ?? group?.variant ?? 'filled'\n    const size = sizeProp ?? group?.size ?? 'md'\n    const color = colorProp ?? group?.color ?? 'primary'\n\n    const isDisabled = disabled || loading\n    const {effectClassName, effectLayer, handlePointerDown, triggerEffect} = useInteractionEffect<HTMLElement>({\n        effect: clickEffect,\n        disabled: isDisabled,\n        centered: iconOnly,\n        color: rippleColor,\n    })\n\n    function handleClick(event: MouseEvent<HTMLElement>) {\n        if (isDisabled && !isNativeButton) {\n            event.preventDefault()\n            return\n        }\n\n        onClick?.(event as never)\n    }\n\n    return (\n        <Component\n            ref={ref}\n            type={isNativeButton ? type : undefined}\n            to={component ? (isDisabled ? undefined : to) : undefined}\n            href={component ? (isDisabled ? undefined : href) : undefined}\n            target={component ? (isDisabled ? undefined : target) : undefined}\n            rel={component ? (isDisabled ? undefined : rel) : undefined}\n            className={cn(\n                'button',\n                variant,\n                size,\n                `color-${color}`,\n                fullWidth && 'full-width',\n                rounded && 'rounded',\n                shape === 'circle' && 'circle',\n                iconOnly && 'icon-only',\n                loading && 'loading',\n                active && 'active',\n                pulsing && 'pulsing',\n                isDisabled && 'disabled',\n                effectClassName,\n                className\n            )}\n            style={style}\n            disabled={isNativeButton ? isDisabled : undefined}\n            aria-busy={loading || undefined}\n            aria-disabled={!isNativeButton && isDisabled ? true : undefined}\n            onClick={handleClick}\n            onPointerDown={(event: PointerEvent<HTMLElement>) => {\n                handlePointerDown(event as never)\n                onPointerDown?.(event as never)\n            }}\n            onKeyDown={(event: KeyboardEvent<HTMLElement>) => {\n                if (event.key === ' ' || event.key === 'Enter') {\n                    triggerEffect(event.currentTarget as HTMLElement)\n                }\n\n                onKeyDown?.(event as never)\n            }}\n            {...getHiddenProps(hidden)}\n            {...rest}\n        >\n            {effectLayer}\n            {renderOverlayBadge({badge, badgeColor, badgePulsing})}\n            {loading && <MSpinner size=\"sm\" color=\"inherit\" aria-hidden=\"true\" />}\n            {startIcon && <span className=\"icon start\">{startIcon}</span>}\n            {children && <span className=\"content\">{children}</span>}\n            {endIcon && <span className=\"icon end\">{endIcon}</span>}\n        </Component>\n    )\n})\n"],"mappings":"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"}
+{"version":3,"file":"MButton-DFRHWHzh.cjs","names":[],"sources":["../src/components/controls/MButtonGroup/MButtonGroupContext.ts","../src/components/feedback/MSpinner/MSpinner.tsx","../src/utils/overlayBadge.tsx","../src/components/controls/MButton/MButton.tsx"],"sourcesContent":["import {createContext, useContext} from 'react'\nimport type {MButtonVariant} from '../MButton/MButton.types'\nimport type {MColor, MSize} from '../../../theme'\n\nexport interface MButtonGroupContextValue {\n    variant?: MButtonVariant\n    size?: MSize\n    color?: MColor\n}\n\nexport const ButtonGroupContext = createContext<MButtonGroupContextValue | null>(null)\n\nexport function useButtonGroup(): MButtonGroupContextValue | null {\n    return useContext(ButtonGroupContext)\n}\n","import type {CSSProperties} from 'react'\nimport type {MSpinnerProps} from './MSpinner.types'\nimport {cn} from '../../../utils/cn'\nimport './MSpinner.css'\n\n// Render a minimal semantic loading indicator with token-aware sizing and color.\nexport function MSpinner({\n    color = 'primary',\n    size = 'md',\n    label = 'Loading',\n    className,\n    style,\n    ...rest\n}: MSpinnerProps) {\n    const inlineStyle: CSSProperties =\n        typeof size === 'number'\n            ? {\n                  width: `${size}px`,\n                  height: `${size}px`,\n                  ...style,\n              }\n            : style || {}\n\n    return (\n        <span\n            className={cn('spinner', typeof size === 'string' && size, color && `color-${color}`, className)}\n            style={inlineStyle}\n            role=\"status\"\n            aria-label={label}\n            {...rest}\n        />\n    )\n}\n","import type {ReactNode} from 'react'\nimport type {MColor} from '../theme'\nimport {cn} from './cn'\n\nexport interface MOverlayBadgeProps {\n    badge?: ReactNode | number | boolean\n    badgeColor?: MColor\n    badgePulsing?: boolean\n    className?: string\n}\n\nfunction hasBadgeContent(badge: MOverlayBadgeProps['badge']) {\n    return badge !== undefined && badge !== null && badge !== false\n}\n\nexport function shouldRenderOverlayBadge({badge, badgeColor, badgePulsing}: MOverlayBadgeProps) {\n    return hasBadgeContent(badge)\n}\n\nexport function renderOverlayBadge({\n    badge,\n    badgeColor = 'primary',\n    badgePulsing = false,\n    className,\n}: MOverlayBadgeProps) {\n    if (!shouldRenderOverlayBadge({badge, badgeColor, badgePulsing})) {\n        return null\n    }\n\n    const dotOnly = badge === true\n\n    return (\n        <span\n            className={cn(\n                'overlay-badge',\n                `color-${badgeColor}`,\n                dotOnly && 'dot',\n                badgePulsing && 'pulsing',\n                className\n            )}\n            aria-hidden=\"true\"\n        >\n            {dotOnly ? null : badge}\n        </span>\n    )\n}\n","import {forwardRef} from 'react'\nimport type {KeyboardEvent, MouseEvent, PointerEvent} from 'react'\nimport type {MButtonProps} from './MButton.types'\nimport {getHiddenProps} from '../../../theme'\nimport {useButtonGroup} from '../MButtonGroup/MButtonGroupContext'\nimport {MSpinner} from '../../feedback'\nimport {cn} from '../../../utils/cn'\nimport {useInteractionEffect} from '../../../utils/useInteractionEffect'\nimport {renderOverlayBadge} from '../../../utils/overlayBadge'\nimport './MButton.css'\n\n// Render the main action primitive with semantic variants and built-in click feedback.\nexport const MButton = forwardRef<HTMLElement, MButtonProps>(function MButton(\n    {\n        component,\n        to,\n        href,\n        target,\n        rel,\n        variant: variantProp,\n        size: sizeProp,\n        color: colorProp,\n        hidden,\n        fullWidth = false,\n        rounded = false,\n        shape,\n        iconOnly = false,\n        loading = false,\n        active = false,\n        pulsing = false,\n        badge,\n        badgeColor,\n        badgePulsing = false,\n        startIcon,\n        endIcon,\n        clickEffect = 'ripple',\n        rippleColor,\n        className,\n        style,\n        children,\n        disabled = false,\n        type = 'button',\n        onClick,\n        onPointerDown,\n        onKeyDown,\n        ...rest\n    },\n    ref\n) {\n    const Component = component ?? 'button'\n    const isNativeButton = !component || Component === 'button'\n    const group = useButtonGroup()\n    const variant = variantProp ?? group?.variant ?? 'filled'\n    const size = sizeProp ?? group?.size ?? 'md'\n    const color = colorProp ?? group?.color ?? 'primary'\n\n    const isDisabled = disabled || loading\n    const {effectClassName, effectLayer, handlePointerDown, triggerEffect} = useInteractionEffect<HTMLElement>({\n        effect: clickEffect,\n        disabled: isDisabled,\n        centered: iconOnly,\n        color: rippleColor,\n    })\n\n    function handleClick(event: MouseEvent<HTMLElement>) {\n        if (isDisabled && !isNativeButton) {\n            event.preventDefault()\n            return\n        }\n\n        onClick?.(event as never)\n    }\n\n    return (\n        <Component\n            ref={ref}\n            type={isNativeButton ? type : undefined}\n            to={component ? (isDisabled ? undefined : to) : undefined}\n            href={component ? (isDisabled ? undefined : href) : undefined}\n            target={component ? (isDisabled ? undefined : target) : undefined}\n            rel={component ? (isDisabled ? undefined : rel) : undefined}\n            className={cn(\n                'button',\n                variant,\n                size,\n                `color-${color}`,\n                fullWidth && 'full-width',\n                rounded && 'rounded',\n                shape === 'circle' && 'circle',\n                iconOnly && 'icon-only',\n                loading && 'loading',\n                active && 'active',\n                pulsing && 'pulsing',\n                isDisabled && 'disabled',\n                effectClassName,\n                className\n            )}\n            style={style}\n            disabled={isNativeButton ? isDisabled : undefined}\n            aria-busy={loading || undefined}\n            aria-disabled={!isNativeButton && isDisabled ? true : undefined}\n            onClick={handleClick}\n            onPointerDown={(event: PointerEvent<HTMLElement>) => {\n                handlePointerDown(event as never)\n                onPointerDown?.(event as never)\n            }}\n            onKeyDown={(event: KeyboardEvent<HTMLElement>) => {\n                if (event.key === ' ' || event.key === 'Enter') {\n                    triggerEffect(event.currentTarget as HTMLElement)\n                }\n\n                onKeyDown?.(event as never)\n            }}\n            {...getHiddenProps(hidden)}\n            {...rest}\n        >\n            {effectLayer}\n            {renderOverlayBadge({badge, badgeColor, badgePulsing})}\n            {loading && <MSpinner size=\"sm\" color=\"inherit\" aria-hidden=\"true\" />}\n            {startIcon && <span className=\"icon start\">{startIcon}</span>}\n            {children && <span className=\"content\">{children}</span>}\n            {endIcon && <span className=\"icon end\">{endIcon}</span>}\n        </Component>\n    )\n})\n"],"mappings":"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"}

package/dist/{MDataTable-95_Mb6jE.cjs → MDataTable-7nJuwzJR.cjs}

@@ -1,2 +1,2 @@
-const e=require(`./icons-qCoE70hn.cjs`),t=require(`./cn-CU5TNITO.cjs`),n=require(`./MPopover-CxxaY9kr.cjs`),r=require(`./MButton-8UCydOik.cjs`),i=require(`./MCheckbox-Dn3p_9-1.cjs`),a=require(`./MInputSearch-DpHSVpmL.cjs`),ee=require(`./MPagination-CS62B9kZ.cjs`);require(`./core-DAox0BHy.cjs`);let o=require(`react`),s=require(`react/jsx-runtime`);function c(e,t,n){return typeof n==`function`?n(e,t):String(typeof n==`string`?e[n]:e.id??t)}function l(e,t){let n=t.split(`.`),r=e;for(let e of n){if(typeof r!=`object`||!r)return;r=r[e]}return r}function u({columns:u,data:d,rowKey:f,sortable:p=!1,filterable:m=!1,selectable:h=!1,pagination:g=!1,pageSize:_=10,striped:te=!1,compact:ne=!1,stickyHeader:re=!1,sort:v,onSortChange:y,search:b,onSearchChange:x,searchKeys:S,filterKeys:C=[],filters:w,onFiltersChange:T,sortKeys:E=[],page:D,onPageChange:O,total:ie,manualSearch:k=!1,manualFilters:A=!1,manualSort:j=!1,manualPagination:M=!1,selectedKeys:ae,onSelectionChange:oe,emptyText:se=`No data`,filterPlaceholder:ce=`Search...`,className:le,...ue}){let[de,fe]=(0,o.useState)(null),[pe,me]=(0,o.useState)([]),[he,ge]=(0,o.useState)(``),[_e,ve]=(0,o.useState)({}),[ye,N]=(0,o.useState)(1),[P,F]=(0,o.useState)(!1),[I,L]=(0,o.useState)(!1),R=(0,o.useRef)(null),z=(0,o.useRef)(null),B=v===void 0?de:v,V=b===void 0?he:b,H=w===void 0?_e:w,U=D===void 0?ye:D,W=ae??pe,G=oe??me,K=(0,o.useCallback)(e=>{b===void 0&&ge(e),!M&&D===void 0&&N(1),x?.(e)},[b,D,M,x]),be=(0,o.useCallback)(e=>{w===void 0&&ve(e),!M&&D===void 0&&N(1),T?.(e)},[w,D,M,T]),q=(0,o.useCallback)(e=>{v===void 0&&fe(e),!M&&D===void 0&&N(1),y?.(e)},[v,D,M,y]),xe=(0,o.useCallback)(e=>{D===void 0&&N(e),O?.(e)},[D,O]);function Se(e){let t;t=B?.key===e?B.dir===`asc`?{key:e,dir:`desc`}:null:{key:e,dir:`asc`},q(t)}function Ce(e,t){let n=H[e]??[],r=n.includes(t)?n.filter(e=>e!==t):[...n,t];be({...H,[e]:r})}let we=(0,o.useMemo)(()=>{let e={};for(let t of C){if(t.options){e[t.key]=t.options;continue}let n=new Set;for(let e of d){let r=l(e,t.key);r!=null&&n.add(String(r))}e[t.key]=Array.from(n).sort()}return e},[d,C]),J=(0,o.useMemo)(()=>{let e=d;if(!k&&m&&V.trim()){let t=V.toLowerCase();e=S&&S.length>0?e.filter(e=>S.some(n=>{let r=l(e,n);return r!=null&&String(r).toLowerCase().includes(t)})):e.filter(e=>u.some(n=>{if(n.filterable===!1)return!1;let r=e[n.key];return r!=null&&String(r).toLowerCase().includes(t)}))}if(!A)for(let[t,n]of Object.entries(H))!n||n.length===0||(e=e.filter(e=>{let r=l(e,t);return r!=null&&n.includes(String(r))}));return e},[d,k,A,m,V,S,u,H]),Y=(0,o.useMemo)(()=>{if(j||!B)return J;let e=u.find(e=>e.key===B.key),t=E.some(e=>e.key===B.key);if(!e?.sortable&&!p&&!t)return J;let n=B.dir===`asc`?1:-1;return[...J].sort((e,t)=>{let r=e[B.key],i=t[B.key];return r==null&&i==null?0:r==null?1:i==null?-1:typeof r==`number`&&typeof i==`number`?(r-i)*n:String(r).localeCompare(String(i))*n})},[J,B,u,p,E,j]),X=M?ie??Y.length:Y.length,Te=g?Math.max(1,Math.ceil(X/_)):1,Z=(0,o.useMemo)(()=>{if(!g||M)return Y;let e=(U-1)*_;return Y.slice(e,e+_)},[Y,g,M,U,_]),Q=Z.map((e,t)=>c(e,(U-1)*_+t,f)),$=Q.length>0&&Q.every(e=>W.includes(e));function Ee(){G($?W.filter(e=>!Q.includes(e)):[...new Set([...W,...Q])])}function De(e){G(W.includes(e)?W.filter(t=>t!==e):[...W,e])}function Oe(e,t){t.target.closest(`button, a, [data-no-row-select]`)||De(e)}let ke=(0,o.useCallback)(()=>{F(e=>!e),L(!1)},[]),Ae=(0,o.useCallback)(()=>{L(e=>!e),F(!1)},[]),je=E.find(e=>e.key===B?.key),Me=m||C.length>0||E.length>0;return(0,s.jsxs)(`div`,{className:t.t(`data-table`,le),...ue,children:[Me&&(0,s.jsxs)(`div`,{className:`toolbar`,children:[m&&(0,s.jsx)(a.t,{className:`filter-search`,size:`sm`,fullWidth:!0,placeholder:ce,value:V,onChange:e=>K(e.target.value),onClear:()=>K(``)}),(C.length>0||E.length>0)&&(0,s.jsxs)(`div`,{className:`toolbar-actions`,children:[C.length>0&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(r.t,{ref:R,variant:`outlined`,size:`sm`,startIcon:(0,s.jsx)(e.an,{}),"aria-expanded":P,onClick:ke,children:`Filter`}),(0,s.jsx)(n.t,{open:P,anchorRef:R,onClose:()=>F(!1),placement:`bottom-end`,className:`data-table-dropdown`,children:C.map(e=>(0,s.jsxs)(`div`,{className:`data-table-filter-group`,children:[(0,s.jsx)(`span`,{className:`data-table-filter-label`,children:e.label}),(we[e.key]??[]).map(t=>(0,s.jsx)(`div`,{className:`data-table-filter-option`,children:(0,s.jsx)(i.t,{size:`sm`,clickEffect:`none`,checked:H[e.key]?.includes(t)??!1,onChange:()=>Ce(e.key,t),label:t})},t))]},e.key))})]}),E.length>0&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(r.t,{ref:z,variant:`outlined`,size:`sm`,startIcon:B?B.dir===`asc`?(0,s.jsx)(e.ki,{}):(0,s.jsx)(e.Oi,{}):(0,s.jsx)(e.in,{}),"aria-expanded":I,onClick:Ae,children:je?`Sort: ${je.label}`:`Sort`}),(0,s.jsx)(n.t,{open:I,anchorRef:z,onClose:()=>L(!1),placement:`bottom-end`,className:`data-table-dropdown`,children:E.map(n=>(0,s.jsxs)(`button`,{type:`button`,className:t.t(`data-table-sort-item`,B?.key===n.key&&`active`),onClick:()=>{B?.key===n.key?q({key:n.key,dir:B.dir===`asc`?`desc`:`asc`}):q({key:n.key,dir:`asc`})},children:[n.label,B?.key===n.key&&(0,s.jsx)(`span`,{className:`data-table-sort-dir`,children:B.dir===`asc`?(0,s.jsx)(e.ki,{className:`data-table-sort-icon`}):(0,s.jsx)(e.Oi,{className:`data-table-sort-icon`})})]},n.key))})]})]})]}),(0,s.jsx)(`div`,{className:`scroll`,children:(0,s.jsxs)(`table`,{className:t.t(`root`,te&&`striped`,ne&&`compact`),children:[(0,s.jsx)(`thead`,{className:t.t(`head`,re&&`sticky`),children:(0,s.jsxs)(`tr`,{children:[h&&(0,s.jsx)(`th`,{className:`th check-col`,children:(0,s.jsx)(i.t,{checked:$,onChange:Ee,size:`sm`,clickEffect:`none`})}),u.map(n=>{let r=n.sortable??p,i=B?.key===n.key;return(0,s.jsx)(`th`,{className:t.t(`th`,r&&`sortable`,i&&`sorted-${B.dir}`),style:{width:n.width,textAlign:n.align},onClick:r?()=>Se(n.key):void 0,children:(0,s.jsxs)(`span`,{className:`th-content`,children:[n.label,r&&(0,s.jsx)(`span`,{className:`sort-icon`,children:i?B.dir===`asc`?(0,s.jsx)(e.ki,{"aria-hidden":`true`}):(0,s.jsx)(e.Oi,{"aria-hidden":`true`}):(0,s.jsx)(e.Di,{"aria-hidden":`true`})})]})},n.key)})]})}),(0,s.jsxs)(`tbody`,{children:[Z.length===0&&(0,s.jsx)(`tr`,{children:(0,s.jsx)(`td`,{className:`empty`,colSpan:u.length+ +!!h,children:se})}),Z.map((e,n)=>{let r=c(e,(U-1)*_+n,f),a=W.includes(r);return(0,s.jsxs)(`tr`,{className:t.t(`row`,a&&`selected`,h&&`selectable`),onClick:h?e=>Oe(r,e):void 0,children:[h&&(0,s.jsx)(`td`,{className:`td check-col`,children:(0,s.jsx)(i.t,{checked:a,onChange:()=>{},size:`sm`,clickEffect:`none`})}),u.map(t=>(0,s.jsx)(`td`,{className:`td`,style:{textAlign:t.align},children:t.render?t.render(e[t.key],e,(U-1)*_+n):e[t.key]},t.key))]},r)})]})]})}),g&&Te>1&&(0,s.jsx)(ee.t,{total:X,page:U,pageSize:_,onChange:xe})]})}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return u}});
-//# sourceMappingURL=MDataTable-95_Mb6jE.cjs.map
+const e=require(`./icons-qCoE70hn.cjs`),t=require(`./cn-CU5TNITO.cjs`),n=require(`./MPopover-CxxaY9kr.cjs`),r=require(`./MButton-DFRHWHzh.cjs`),i=require(`./MCheckbox-Dn3p_9-1.cjs`),a=require(`./MInputSearch-_7jfFGr1.cjs`),ee=require(`./MPagination-D1hYqLDb.cjs`);require(`./core-DAox0BHy.cjs`);let o=require(`react`),s=require(`react/jsx-runtime`);function c(e,t,n){return typeof n==`function`?n(e,t):String(typeof n==`string`?e[n]:e.id??t)}function l(e,t){let n=t.split(`.`),r=e;for(let e of n){if(typeof r!=`object`||!r)return;r=r[e]}return r}function u({columns:u,data:d,rowKey:f,sortable:p=!1,filterable:m=!1,selectable:h=!1,pagination:g=!1,pageSize:_=10,striped:te=!1,compact:ne=!1,stickyHeader:re=!1,sort:v,onSortChange:y,search:b,onSearchChange:x,searchKeys:S,filterKeys:C=[],filters:w,onFiltersChange:T,sortKeys:E=[],page:D,onPageChange:O,total:ie,manualSearch:k=!1,manualFilters:A=!1,manualSort:j=!1,manualPagination:M=!1,selectedKeys:ae,onSelectionChange:oe,emptyText:se=`No data`,filterPlaceholder:ce=`Search...`,className:le,...ue}){let[de,fe]=(0,o.useState)(null),[pe,me]=(0,o.useState)([]),[he,ge]=(0,o.useState)(``),[_e,ve]=(0,o.useState)({}),[ye,N]=(0,o.useState)(1),[P,F]=(0,o.useState)(!1),[I,L]=(0,o.useState)(!1),R=(0,o.useRef)(null),z=(0,o.useRef)(null),B=v===void 0?de:v,V=b===void 0?he:b,H=w===void 0?_e:w,U=D===void 0?ye:D,W=ae??pe,G=oe??me,K=(0,o.useCallback)(e=>{b===void 0&&ge(e),!M&&D===void 0&&N(1),x?.(e)},[b,D,M,x]),be=(0,o.useCallback)(e=>{w===void 0&&ve(e),!M&&D===void 0&&N(1),T?.(e)},[w,D,M,T]),q=(0,o.useCallback)(e=>{v===void 0&&fe(e),!M&&D===void 0&&N(1),y?.(e)},[v,D,M,y]),xe=(0,o.useCallback)(e=>{D===void 0&&N(e),O?.(e)},[D,O]);function Se(e){let t;t=B?.key===e?B.dir===`asc`?{key:e,dir:`desc`}:null:{key:e,dir:`asc`},q(t)}function Ce(e,t){let n=H[e]??[],r=n.includes(t)?n.filter(e=>e!==t):[...n,t];be({...H,[e]:r})}let we=(0,o.useMemo)(()=>{let e={};for(let t of C){if(t.options){e[t.key]=t.options;continue}let n=new Set;for(let e of d){let r=l(e,t.key);r!=null&&n.add(String(r))}e[t.key]=Array.from(n).sort()}return e},[d,C]),J=(0,o.useMemo)(()=>{let e=d;if(!k&&m&&V.trim()){let t=V.toLowerCase();e=S&&S.length>0?e.filter(e=>S.some(n=>{let r=l(e,n);return r!=null&&String(r).toLowerCase().includes(t)})):e.filter(e=>u.some(n=>{if(n.filterable===!1)return!1;let r=e[n.key];return r!=null&&String(r).toLowerCase().includes(t)}))}if(!A)for(let[t,n]of Object.entries(H))!n||n.length===0||(e=e.filter(e=>{let r=l(e,t);return r!=null&&n.includes(String(r))}));return e},[d,k,A,m,V,S,u,H]),Y=(0,o.useMemo)(()=>{if(j||!B)return J;let e=u.find(e=>e.key===B.key),t=E.some(e=>e.key===B.key);if(!e?.sortable&&!p&&!t)return J;let n=B.dir===`asc`?1:-1;return[...J].sort((e,t)=>{let r=e[B.key],i=t[B.key];return r==null&&i==null?0:r==null?1:i==null?-1:typeof r==`number`&&typeof i==`number`?(r-i)*n:String(r).localeCompare(String(i))*n})},[J,B,u,p,E,j]),X=M?ie??Y.length:Y.length,Te=g?Math.max(1,Math.ceil(X/_)):1,Z=(0,o.useMemo)(()=>{if(!g||M)return Y;let e=(U-1)*_;return Y.slice(e,e+_)},[Y,g,M,U,_]),Q=Z.map((e,t)=>c(e,(U-1)*_+t,f)),$=Q.length>0&&Q.every(e=>W.includes(e));function Ee(){G($?W.filter(e=>!Q.includes(e)):[...new Set([...W,...Q])])}function De(e){G(W.includes(e)?W.filter(t=>t!==e):[...W,e])}function Oe(e,t){t.target.closest(`button, a, [data-no-row-select]`)||De(e)}let ke=(0,o.useCallback)(()=>{F(e=>!e),L(!1)},[]),Ae=(0,o.useCallback)(()=>{L(e=>!e),F(!1)},[]),je=E.find(e=>e.key===B?.key),Me=m||C.length>0||E.length>0;return(0,s.jsxs)(`div`,{className:t.t(`data-table`,le),...ue,children:[Me&&(0,s.jsxs)(`div`,{className:`toolbar`,children:[m&&(0,s.jsx)(a.t,{className:`filter-search`,size:`sm`,fullWidth:!0,placeholder:ce,value:V,onChange:e=>K(e.target.value),onClear:()=>K(``)}),(C.length>0||E.length>0)&&(0,s.jsxs)(`div`,{className:`toolbar-actions`,children:[C.length>0&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(r.t,{ref:R,variant:`outlined`,size:`sm`,startIcon:(0,s.jsx)(e.an,{}),"aria-expanded":P,onClick:ke,children:`Filter`}),(0,s.jsx)(n.t,{open:P,anchorRef:R,onClose:()=>F(!1),placement:`bottom-end`,className:`data-table-dropdown`,children:C.map(e=>(0,s.jsxs)(`div`,{className:`data-table-filter-group`,children:[(0,s.jsx)(`span`,{className:`data-table-filter-label`,children:e.label}),(we[e.key]??[]).map(t=>(0,s.jsx)(`div`,{className:`data-table-filter-option`,children:(0,s.jsx)(i.t,{size:`sm`,clickEffect:`none`,checked:H[e.key]?.includes(t)??!1,onChange:()=>Ce(e.key,t),label:t})},t))]},e.key))})]}),E.length>0&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(r.t,{ref:z,variant:`outlined`,size:`sm`,startIcon:B?B.dir===`asc`?(0,s.jsx)(e.ki,{}):(0,s.jsx)(e.Oi,{}):(0,s.jsx)(e.in,{}),"aria-expanded":I,onClick:Ae,children:je?`Sort: ${je.label}`:`Sort`}),(0,s.jsx)(n.t,{open:I,anchorRef:z,onClose:()=>L(!1),placement:`bottom-end`,className:`data-table-dropdown`,children:E.map(n=>(0,s.jsxs)(`button`,{type:`button`,className:t.t(`data-table-sort-item`,B?.key===n.key&&`active`),onClick:()=>{B?.key===n.key?q({key:n.key,dir:B.dir===`asc`?`desc`:`asc`}):q({key:n.key,dir:`asc`})},children:[n.label,B?.key===n.key&&(0,s.jsx)(`span`,{className:`data-table-sort-dir`,children:B.dir===`asc`?(0,s.jsx)(e.ki,{className:`data-table-sort-icon`}):(0,s.jsx)(e.Oi,{className:`data-table-sort-icon`})})]},n.key))})]})]})]}),(0,s.jsx)(`div`,{className:`scroll`,children:(0,s.jsxs)(`table`,{className:t.t(`root`,te&&`striped`,ne&&`compact`),children:[(0,s.jsx)(`thead`,{className:t.t(`head`,re&&`sticky`),children:(0,s.jsxs)(`tr`,{children:[h&&(0,s.jsx)(`th`,{className:`th check-col`,children:(0,s.jsx)(i.t,{checked:$,onChange:Ee,size:`sm`,clickEffect:`none`})}),u.map(n=>{let r=n.sortable??p,i=B?.key===n.key;return(0,s.jsx)(`th`,{className:t.t(`th`,r&&`sortable`,i&&`sorted-${B.dir}`),style:{width:n.width,textAlign:n.align},onClick:r?()=>Se(n.key):void 0,children:(0,s.jsxs)(`span`,{className:`th-content`,children:[n.label,r&&(0,s.jsx)(`span`,{className:`sort-icon`,children:i?B.dir===`asc`?(0,s.jsx)(e.ki,{"aria-hidden":`true`}):(0,s.jsx)(e.Oi,{"aria-hidden":`true`}):(0,s.jsx)(e.Di,{"aria-hidden":`true`})})]})},n.key)})]})}),(0,s.jsxs)(`tbody`,{children:[Z.length===0&&(0,s.jsx)(`tr`,{children:(0,s.jsx)(`td`,{className:`empty`,colSpan:u.length+ +!!h,children:se})}),Z.map((e,n)=>{let r=c(e,(U-1)*_+n,f),a=W.includes(r);return(0,s.jsxs)(`tr`,{className:t.t(`row`,a&&`selected`,h&&`selectable`),onClick:h?e=>Oe(r,e):void 0,children:[h&&(0,s.jsx)(`td`,{className:`td check-col`,children:(0,s.jsx)(i.t,{checked:a,onChange:()=>{},size:`sm`,clickEffect:`none`})}),u.map(t=>(0,s.jsx)(`td`,{className:`td`,style:{textAlign:t.align},children:t.render?t.render(e[t.key],e,(U-1)*_+n):e[t.key]},t.key))]},r)})]})]})}),g&&Te>1&&(0,s.jsx)(ee.t,{total:X,page:U,pageSize:_,onChange:xe})]})}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return u}});
+//# sourceMappingURL=MDataTable-7nJuwzJR.cjs.map

package/dist/{MDataTable-95_Mb6jE.cjs.map → MDataTable-7nJuwzJR.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"MDataTable-95_Mb6jE.cjs","names":[],"sources":["../src/components/data/MDataTable/MDataTable.tsx"],"sourcesContent":["import {useCallback, useMemo, useRef, useState} from 'react'\nimport type * as React from 'react'\nimport type {MDataTableProps, MDataTableSort} from './MDataTable.types'\nimport {MButton, MCheckbox} from '../../controls'\nimport {MInputSearch} from '../../inputs'\nimport {MPagination} from '../../layout'\nimport {MPopover} from '../../primitives'\nimport {MArrowDownIcon, MArrowUpDownIcon, MArrowUpIcon, MFilterIcon, MSortIcon} from '../../../icons'\nimport {cn} from '../../../utils/cn'\nimport './MDataTable.css'\n\nfunction getRowKey<T>(row: T, index: number, rowKey?: string | ((row: T, index: number) => string)): string {\n    if (typeof rowKey === 'function') return rowKey(row, index)\n    if (typeof rowKey === 'string') return String((row as any)[rowKey])\n    return String((row as any).id ?? index)\n}\n\nfunction getNestedValue(obj: unknown, key: string): unknown {\n    const parts = key.split('.')\n    let val: unknown = obj\n\n    for (const p of parts) {\n        if (val == null || typeof val !== 'object') return undefined\n        val = (val as Record<string, unknown>)[p]\n    }\n\n    return val\n}\n\nexport function MDataTable<T = any>({\n    columns,\n    data,\n    rowKey,\n    sortable = false,\n    filterable = false,\n    selectable = false,\n    pagination = false,\n    pageSize = 10,\n    striped = false,\n    compact = false,\n    stickyHeader = false,\n    sort: controlledSort,\n    onSortChange,\n    search: controlledSearch,\n    onSearchChange,\n    searchKeys,\n    filterKeys = [],\n    filters: controlledFilters,\n    onFiltersChange,\n    sortKeys = [],\n    page: controlledPage,\n    onPageChange,\n    total,\n    manualSearch = false,\n    manualFilters = false,\n    manualSort = false,\n    manualPagination = false,\n    selectedKeys: controlledSelected,\n    onSelectionChange,\n    emptyText = 'No data',\n    filterPlaceholder = 'Search...',\n    className,\n    ...rest\n}: MDataTableProps<T>) {\n    const [internalSort, setInternalSort] = useState<MDataTableSort | null>(null)\n    const [internalSelected, setInternalSelected] = useState<string[]>([])\n    const [internalSearch, setInternalSearch] = useState('')\n    const [internalFilters, setInternalFilters] = useState<Record<string, string[]>>({})\n    const [internalPage, setInternalPage] = useState(1)\n    const [filterOpen, setFilterOpen] = useState(false)\n    const [sortOpen, setSortOpen] = useState(false)\n    const filterBtnRef = useRef<HTMLElement>(null)\n    const sortBtnRef = useRef<HTMLElement>(null)\n\n    const activeSort = controlledSort !== undefined ? controlledSort : internalSort\n    const search = controlledSearch !== undefined ? controlledSearch : internalSearch\n    const filters = controlledFilters !== undefined ? controlledFilters : internalFilters\n    const page = controlledPage !== undefined ? controlledPage : internalPage\n    const selected = controlledSelected ?? internalSelected\n    const setSelected = onSelectionChange ?? setInternalSelected\n\n    const setSearch = useCallback(\n        (next: string) => {\n            if (controlledSearch === undefined) setInternalSearch(next)\n            if (!manualPagination && controlledPage === undefined) setInternalPage(1)\n            onSearchChange?.(next)\n        },\n        [controlledSearch, controlledPage, manualPagination, onSearchChange]\n    )\n\n    const setFilters = useCallback(\n        (next: Record<string, string[]>) => {\n            if (controlledFilters === undefined) setInternalFilters(next)\n            if (!manualPagination && controlledPage === undefined) setInternalPage(1)\n            onFiltersChange?.(next)\n        },\n        [controlledFilters, controlledPage, manualPagination, onFiltersChange]\n    )\n\n    const setSort = useCallback(\n        (next: MDataTableSort | null) => {\n            if (controlledSort === undefined) setInternalSort(next)\n            if (!manualPagination && controlledPage === undefined) setInternalPage(1)\n            onSortChange?.(next)\n        },\n        [controlledSort, controlledPage, manualPagination, onSortChange]\n    )\n\n    const setPage = useCallback(\n        (next: number) => {\n            if (controlledPage === undefined) setInternalPage(next)\n            onPageChange?.(next)\n        },\n        [controlledPage, onPageChange]\n    )\n\n    function handleSort(key: string) {\n        let next: MDataTableSort | null\n\n        if (activeSort?.key === key) {\n            next = activeSort.dir === 'asc' ? {key, dir: 'desc'} : null\n        } else {\n            next = {key, dir: 'asc'}\n        }\n\n        setSort(next)\n    }\n\n    function toggleFilterValue(key: string, value: string) {\n        const current = filters[key] ?? []\n        const next = current.includes(value) ? current.filter((item) => item !== value) : [...current, value]\n        setFilters({...filters, [key]: next})\n    }\n\n    const filterOptions = useMemo(() => {\n        const map: Record<string, string[]> = {}\n\n        for (const filterKey of filterKeys) {\n            if (filterKey.options) {\n                map[filterKey.key] = filterKey.options\n                continue\n            }\n\n            const values = new Set<string>()\n\n            for (const row of data) {\n                const value = getNestedValue(row, filterKey.key)\n                if (value != null) values.add(String(value))\n            }\n\n            map[filterKey.key] = Array.from(values).sort()\n        }\n\n        return map\n    }, [data, filterKeys])\n\n    const filtered = useMemo(() => {\n        let result: T[] = data\n\n        if (!manualSearch && filterable && search.trim()) {\n            const query = search.toLowerCase()\n\n            if (searchKeys && searchKeys.length > 0) {\n                result = result.filter((row) =>\n                    searchKeys.some((key) => {\n                        const value = getNestedValue(row, key)\n                        return value != null && String(value).toLowerCase().includes(query)\n                    })\n                )\n            } else {\n                result = result.filter((row) =>\n                    columns.some((col) => {\n                        if (col.filterable === false) return false\n                        const value = (row as any)[col.key]\n                        return value != null && String(value).toLowerCase().includes(query)\n                    })\n                )\n            }\n        }\n\n        if (!manualFilters) {\n            for (const [key, selectedValues] of Object.entries(filters)) {\n                if (!selectedValues || selectedValues.length === 0) continue\n\n                result = result.filter((row) => {\n                    const value = getNestedValue(row, key)\n                    return value != null && selectedValues.includes(String(value))\n                })\n            }\n        }\n\n        return result\n    }, [data, manualSearch, manualFilters, filterable, search, searchKeys, columns, filters])\n\n    const sorted = useMemo(() => {\n        if (manualSort || !activeSort) return filtered\n\n        const col = columns.find((item) => item.key === activeSort.key)\n        const sortKeyAllowed = sortKeys.some((item) => item.key === activeSort.key)\n        if (!col?.sortable && !sortable && !sortKeyAllowed) return filtered\n\n        const dir = activeSort.dir === 'asc' ? 1 : -1\n\n        return [...filtered].sort((a, b) => {\n            const va = (a as any)[activeSort.key]\n            const vb = (b as any)[activeSort.key]\n\n            if (va == null && vb == null) return 0\n            if (va == null) return 1\n            if (vb == null) return -1\n            if (typeof va === 'number' && typeof vb === 'number') return (va - vb) * dir\n\n            return String(va).localeCompare(String(vb)) * dir\n        })\n    }, [filtered, activeSort, columns, sortable, sortKeys, manualSort])\n\n    const totalItems = manualPagination ? (total ?? sorted.length) : sorted.length\n    const totalPages = pagination ? Math.max(1, Math.ceil(totalItems / pageSize)) : 1\n    const pageData = useMemo(() => {\n        if (!pagination || manualPagination) return sorted\n        const start = (page - 1) * pageSize\n        return sorted.slice(start, start + pageSize)\n    }, [sorted, pagination, manualPagination, page, pageSize])\n\n    const allKeys = pageData.map((row, index) => getRowKey(row, (page - 1) * pageSize + index, rowKey))\n    const allSelected = allKeys.length > 0 && allKeys.every((key) => selected.includes(key))\n\n    function toggleAll() {\n        if (allSelected) {\n            setSelected(selected.filter((key) => !allKeys.includes(key)))\n        } else {\n            setSelected([...new Set([...selected, ...allKeys])])\n        }\n    }\n\n    function toggleRow(key: string) {\n        setSelected(selected.includes(key) ? selected.filter((item) => item !== key) : [...selected, key])\n    }\n\n    function handleRowClick(key: string, event: React.MouseEvent) {\n        const target = event.target as HTMLElement\n        if (target.closest('button, a, [data-no-row-select]')) return\n        toggleRow(key)\n    }\n\n    const openFilter = useCallback(() => {\n        setFilterOpen((v) => !v)\n        setSortOpen(false)\n    }, [])\n\n    const openSort = useCallback(() => {\n        setSortOpen((v) => !v)\n        setFilterOpen(false)\n    }, [])\n\n    const activeSortMenuItem = sortKeys.find((item) => item.key === activeSort?.key)\n    const showToolbar = filterable || filterKeys.length > 0 || sortKeys.length > 0\n\n    return (\n        <div className={cn('data-table', className)} {...rest}>\n            {showToolbar && (\n                <div className=\"toolbar\">\n                    {filterable && (\n                        <MInputSearch\n                            className=\"filter-search\"\n                            size=\"sm\"\n                            fullWidth\n                            placeholder={filterPlaceholder}\n                            value={search}\n                            onChange={(event) => setSearch(event.target.value)}\n                            onClear={() => setSearch('')}\n                        />\n                    )}\n\n                    {(filterKeys.length > 0 || sortKeys.length > 0) && (\n                        <div className=\"toolbar-actions\">\n                            {filterKeys.length > 0 && (\n                                <>\n                                    <MButton\n                                        ref={filterBtnRef}\n                                        variant=\"outlined\"\n                                        size=\"sm\"\n                                        startIcon={<MFilterIcon />}\n                                        aria-expanded={filterOpen}\n                                        onClick={openFilter}\n                                    >\n                                        Filter\n                                    </MButton>\n                                    <MPopover\n                                        open={filterOpen}\n                                        anchorRef={filterBtnRef}\n                                        onClose={() => setFilterOpen(false)}\n                                        placement=\"bottom-end\"\n                                        className=\"data-table-dropdown\"\n                                    >\n                                        {filterKeys.map((filterKey) => (\n                                            <div key={filterKey.key} className=\"data-table-filter-group\">\n                                                <span className=\"data-table-filter-label\">{filterKey.label}</span>\n                                                {(filterOptions[filterKey.key] ?? []).map((option) => (\n                                                    <div key={option} className=\"data-table-filter-option\">\n                                                        <MCheckbox\n                                                            size=\"sm\"\n                                                            clickEffect=\"none\"\n                                                            checked={filters[filterKey.key]?.includes(option) ?? false}\n                                                            onChange={() => toggleFilterValue(filterKey.key, option)}\n                                                            label={option}\n                                                        />\n                                                    </div>\n                                                ))}\n                                            </div>\n                                        ))}\n                                    </MPopover>\n                                </>\n                            )}\n\n                            {sortKeys.length > 0 && (\n                                <>\n                                    <MButton\n                                        ref={sortBtnRef}\n                                        variant=\"outlined\"\n                                        size=\"sm\"\n                                        startIcon={\n                                            activeSort ? (\n                                                activeSort.dir === 'asc' ? (\n                                                    <MArrowUpIcon />\n                                                ) : (\n                                                    <MArrowDownIcon />\n                                                )\n                                            ) : (\n                                                <MSortIcon />\n                                            )\n                                        }\n                                        aria-expanded={sortOpen}\n                                        onClick={openSort}\n                                    >\n                                        {activeSortMenuItem ? `Sort: ${activeSortMenuItem.label}` : 'Sort'}\n                                    </MButton>\n                                    <MPopover\n                                        open={sortOpen}\n                                        anchorRef={sortBtnRef}\n                                        onClose={() => setSortOpen(false)}\n                                        placement=\"bottom-end\"\n                                        className=\"data-table-dropdown\"\n                                    >\n                                        {sortKeys.map((sortItem) => (\n                                            <button\n                                                key={sortItem.key}\n                                                type=\"button\"\n                                                className={cn(\n                                                    'data-table-sort-item',\n                                                    activeSort?.key === sortItem.key && 'active'\n                                                )}\n                                                onClick={() => {\n                                                    if (activeSort?.key === sortItem.key) {\n                                                        setSort({\n                                                            key: sortItem.key,\n                                                            dir: activeSort.dir === 'asc' ? 'desc' : 'asc',\n                                                        })\n                                                    } else {\n                                                        setSort({key: sortItem.key, dir: 'asc'})\n                                                    }\n                                                }}\n                                            >\n                                                {sortItem.label}\n                                                {activeSort?.key === sortItem.key && (\n                                                    <span className=\"data-table-sort-dir\">\n                                                        {activeSort.dir === 'asc' ? (\n                                                            <MArrowUpIcon className=\"data-table-sort-icon\" />\n                                                        ) : (\n                                                            <MArrowDownIcon className=\"data-table-sort-icon\" />\n                                                        )}\n                                                    </span>\n                                                )}\n                                            </button>\n                                        ))}\n                                    </MPopover>\n                                </>\n                            )}\n                        </div>\n                    )}\n                </div>\n            )}\n            <div className=\"scroll\">\n                <table className={cn('root', striped && 'striped', compact && 'compact')}>\n                    <thead className={cn('head', stickyHeader && 'sticky')}>\n                        <tr>\n                            {selectable && (\n                                <th className=\"th check-col\">\n                                    <MCheckbox\n                                        checked={allSelected}\n                                        onChange={toggleAll}\n                                        size=\"sm\"\n                                        clickEffect=\"none\"\n                                    />\n                                </th>\n                            )}\n                            {columns.map((col) => {\n                                const isSortable = col.sortable ?? sortable\n                                const isSorted = activeSort?.key === col.key\n\n                                return (\n                                    <th\n                                        key={col.key}\n                                        className={cn(\n                                            'th',\n                                            isSortable && 'sortable',\n                                            isSorted && `sorted-${activeSort!.dir}`\n                                        )}\n                                        style={{\n                                            width: col.width,\n                                            textAlign: col.align,\n                                        }}\n                                        onClick={isSortable ? () => handleSort(col.key) : undefined}\n                                    >\n                                        <span className=\"th-content\">\n                                            {col.label}\n                                            {isSortable && (\n                                                <span className=\"sort-icon\">\n                                                    {isSorted ? (\n                                                        activeSort!.dir === 'asc' ? (\n                                                            <MArrowUpIcon aria-hidden=\"true\" />\n                                                        ) : (\n                                                            <MArrowDownIcon aria-hidden=\"true\" />\n                                                        )\n                                                    ) : (\n                                                        <MArrowUpDownIcon aria-hidden=\"true\" />\n                                                    )}\n                                                </span>\n                                            )}\n                                        </span>\n                                    </th>\n                                )\n                            })}\n                        </tr>\n                    </thead>\n                    <tbody>\n                        {pageData.length === 0 && (\n                            <tr>\n                                <td className=\"empty\" colSpan={columns.length + (selectable ? 1 : 0)}>\n                                    {emptyText}\n                                </td>\n                            </tr>\n                        )}\n                        {pageData.map((row, index) => {\n                            const key = getRowKey(row, (page - 1) * pageSize + index, rowKey)\n                            const isSelected = selected.includes(key)\n\n                            return (\n                                <tr\n                                    key={key}\n                                    className={cn('row', isSelected && 'selected', selectable && 'selectable')}\n                                    onClick={selectable ? (event) => handleRowClick(key, event) : undefined}\n                                >\n                                    {selectable && (\n                                        <td className=\"td check-col\">\n                                            <MCheckbox\n                                                checked={isSelected}\n                                                onChange={() => {}}\n                                                size=\"sm\"\n                                                clickEffect=\"none\"\n                                            />\n                                        </td>\n                                    )}\n                                    {columns.map((col) => (\n                                        <td key={col.key} className=\"td\" style={{textAlign: col.align}}>\n                                            {col.render\n                                                ? col.render((row as any)[col.key], row, (page - 1) * pageSize + index)\n                                                : (row as any)[col.key]}\n                                        </td>\n                                    ))}\n                                </tr>\n                            )\n                        })}\n                    </tbody>\n                </table>\n            </div>\n            {pagination && totalPages > 1 && (\n                <MPagination total={totalItems} page={page} pageSize={pageSize} onChange={setPage} />\n            )}\n        </div>\n    )\n}\n"],"mappings":"6VAWA,SAAS,EAAa,EAAQ,EAAe,EAA+D,CAGxG,OAFI,OAAO,GAAW,WAAmB,EAAO,EAAK,EAAM,CACpB,OAAnC,OAAO,GAAW,SAAyB,EAAY,GAC5C,EAAY,IAAM,EADkC,CAIvE,SAAS,EAAe,EAAc,EAAsB,CACxD,IAAM,EAAQ,EAAI,MAAM,IAAI,CACxB,EAAe,EAEnB,IAAK,IAAM,KAAK,EAAO,CACnB,GAAmB,OAAO,GAAQ,WAA9B,EAAwC,OAC5C,EAAO,EAAgC,GAG3C,OAAO,EAGX,SAAgB,EAAoB,CAChC,UACA,OACA,SACA,WAAW,GACX,aAAa,GACb,aAAa,GACb,aAAa,GACb,WAAW,GACX,WAAU,GACV,WAAU,GACV,gBAAe,GACf,KAAM,EACN,eACA,OAAQ,EACR,iBACA,aACA,aAAa,EAAE,CACf,QAAS,EACT,kBACA,WAAW,EAAE,CACb,KAAM,EACN,eACA,SACA,eAAe,GACf,gBAAgB,GAChB,aAAa,GACb,mBAAmB,GACnB,aAAc,GACd,qBACA,aAAY,UACZ,qBAAoB,YACpB,aACA,GAAG,IACgB,CACnB,GAAM,CAAC,GAAc,KAAA,EAAA,EAAA,UAAmD,KAAK,CACvE,CAAC,GAAkB,KAAA,EAAA,EAAA,UAA0C,EAAE,CAAC,CAChE,CAAC,GAAgB,KAAA,EAAA,EAAA,UAA8B,GAAG,CAClD,CAAC,GAAiB,KAAA,EAAA,EAAA,UAAyD,EAAE,CAAC,CAC9E,CAAC,GAAc,IAAA,EAAA,EAAA,UAA4B,EAAE,CAC7C,CAAC,EAAY,IAAA,EAAA,EAAA,UAA0B,GAAM,CAC7C,CAAC,EAAU,IAAA,EAAA,EAAA,UAAwB,GAAM,CACzC,GAAA,EAAA,EAAA,QAAmC,KAAK,CACxC,GAAA,EAAA,EAAA,QAAiC,KAAK,CAEtC,EAAa,IAAmB,IAAA,GAA6B,GAAjB,EAC5C,EAAS,IAAqB,IAAA,GAA+B,GAAnB,EAC1C,EAAU,IAAsB,IAAA,GAAgC,GAApB,EAC5C,EAAO,IAAmB,IAAA,GAA6B,GAAjB,EACtC,EAAW,IAAsB,GACjC,EAAc,IAAqB,GAEnC,GAAA,EAAA,EAAA,aACD,GAAiB,CACV,IAAqB,IAAA,IAAW,GAAkB,EAAK,CACvD,CAAC,GAAoB,IAAmB,IAAA,IAAW,EAAgB,EAAE,CACzE,IAAiB,EAAK,EAE1B,CAAC,EAAkB,EAAgB,EAAkB,EAAe,CACvE,CAEK,IAAA,EAAA,EAAA,aACD,GAAmC,CAC5B,IAAsB,IAAA,IAAW,GAAmB,EAAK,CACzD,CAAC,GAAoB,IAAmB,IAAA,IAAW,EAAgB,EAAE,CACzE,IAAkB,EAAK,EAE3B,CAAC,EAAmB,EAAgB,EAAkB,EAAgB,CACzE,CAEK,GAAA,EAAA,EAAA,aACD,GAAgC,CACzB,IAAmB,IAAA,IAAW,GAAgB,EAAK,CACnD,CAAC,GAAoB,IAAmB,IAAA,IAAW,EAAgB,EAAE,CACzE,IAAe,EAAK,EAExB,CAAC,EAAgB,EAAgB,EAAkB,EAAa,CACnE,CAEK,IAAA,EAAA,EAAA,aACD,GAAiB,CACV,IAAmB,IAAA,IAAW,EAAgB,EAAK,CACvD,IAAe,EAAK,EAExB,CAAC,EAAgB,EAAa,CACjC,CAED,SAAS,GAAW,EAAa,CAC7B,IAAI,EAEJ,AAGI,EAHA,GAAY,MAAQ,EACb,EAAW,MAAQ,MAAQ,CAAC,MAAK,IAAK,OAAO,CAAG,KAEhD,CAAC,MAAK,IAAK,MAAM,CAG5B,EAAQ,EAAK,CAGjB,SAAS,GAAkB,EAAa,EAAe,CACnD,IAAM,EAAU,EAAQ,IAAQ,EAAE,CAC5B,EAAO,EAAQ,SAAS,EAAM,CAAG,EAAQ,OAAQ,GAAS,IAAS,EAAM,CAAG,CAAC,GAAG,EAAS,EAAM,CACrG,GAAW,CAAC,GAAG,GAAU,GAAM,EAAK,CAAC,CAGzC,IAAM,IAAA,EAAA,EAAA,aAA8B,CAChC,IAAM,EAAgC,EAAE,CAExC,IAAK,IAAM,KAAa,EAAY,CAChC,GAAI,EAAU,QAAS,CACnB,EAAI,EAAU,KAAO,EAAU,QAC/B,SAGJ,IAAM,EAAS,IAAI,IAEnB,IAAK,IAAM,KAAO,EAAM,CACpB,IAAM,EAAQ,EAAe,EAAK,EAAU,IAAI,CAC5C,GAAS,MAAM,EAAO,IAAI,OAAO,EAAM,CAAC,CAGhD,EAAI,EAAU,KAAO,MAAM,KAAK,EAAO,CAAC,MAAM,CAGlD,OAAO,GACR,CAAC,EAAM,EAAW,CAAC,CAEhB,GAAA,EAAA,EAAA,aAAyB,CAC3B,IAAI,EAAc,EAElB,GAAI,CAAC,GAAgB,GAAc,EAAO,MAAM,CAAE,CAC9C,IAAM,EAAQ,EAAO,aAAa,CAElC,AAQI,EARA,GAAc,EAAW,OAAS,EACzB,EAAO,OAAQ,GACpB,EAAW,KAAM,GAAQ,CACrB,IAAM,EAAQ,EAAe,EAAK,EAAI,CACtC,OAAO,GAAS,MAAQ,OAAO,EAAM,CAAC,aAAa,CAAC,SAAS,EAAM,EACrE,CACL,CAEQ,EAAO,OAAQ,GACpB,EAAQ,KAAM,GAAQ,CAClB,GAAI,EAAI,aAAe,GAAO,MAAO,GACrC,IAAM,EAAS,EAAY,EAAI,KAC/B,OAAO,GAAS,MAAQ,OAAO,EAAM,CAAC,aAAa,CAAC,SAAS,EAAM,EACrE,CACL,CAIT,GAAI,CAAC,EACD,IAAK,GAAM,CAAC,EAAK,KAAmB,OAAO,QAAQ,EAAQ,CACnD,CAAC,GAAkB,EAAe,SAAW,IAEjD,EAAS,EAAO,OAAQ,GAAQ,CAC5B,IAAM,EAAQ,EAAe,EAAK,EAAI,CACtC,OAAO,GAAS,MAAQ,EAAe,SAAS,OAAO,EAAM,CAAC,EAChE,EAIV,OAAO,GACR,CAAC,EAAM,EAAc,EAAe,EAAY,EAAQ,EAAY,EAAS,EAAQ,CAAC,CAEnF,GAAA,EAAA,EAAA,aAAuB,CACzB,GAAI,GAAc,CAAC,EAAY,OAAO,EAEtC,IAAM,EAAM,EAAQ,KAAM,GAAS,EAAK,MAAQ,EAAW,IAAI,CACzD,EAAiB,EAAS,KAAM,GAAS,EAAK,MAAQ,EAAW,IAAI,CAC3E,GAAI,CAAC,GAAK,UAAY,CAAC,GAAY,CAAC,EAAgB,OAAO,EAE3D,IAAM,EAAM,EAAW,MAAQ,MAAQ,EAAI,GAE3C,MAAO,CAAC,GAAG,EAAS,CAAC,MAAM,EAAG,IAAM,CAChC,IAAM,EAAM,EAAU,EAAW,KAC3B,EAAM,EAAU,EAAW,KAOjC,OALI,GAAM,MAAQ,GAAM,KAAa,EACjC,GAAM,KAAa,EACnB,GAAM,KAAa,GACnB,OAAO,GAAO,UAAY,OAAO,GAAO,UAAkB,EAAK,GAAM,EAElE,OAAO,EAAG,CAAC,cAAc,OAAO,EAAG,CAAC,CAAG,GAChD,EACH,CAAC,EAAU,EAAY,EAAS,EAAU,EAAU,EAAW,CAAC,CAE7D,EAAa,EAAoB,IAAS,EAAO,OAAU,EAAO,OAClE,GAAa,EAAa,KAAK,IAAI,EAAG,KAAK,KAAK,EAAa,EAAS,CAAC,CAAG,EAC1E,GAAA,EAAA,EAAA,aAAyB,CAC3B,GAAI,CAAC,GAAc,EAAkB,OAAO,EAC5C,IAAM,GAAS,EAAO,GAAK,EAC3B,OAAO,EAAO,MAAM,EAAO,EAAQ,EAAS,EAC7C,CAAC,EAAQ,EAAY,EAAkB,EAAM,EAAS,CAAC,CAEpD,EAAU,EAAS,KAAK,EAAK,IAAU,EAAU,GAAM,EAAO,GAAK,EAAW,EAAO,EAAO,CAAC,CAC7F,EAAc,EAAQ,OAAS,GAAK,EAAQ,MAAO,GAAQ,EAAS,SAAS,EAAI,CAAC,CAExF,SAAS,IAAY,CAEb,EADA,EACY,EAAS,OAAQ,GAAQ,CAAC,EAAQ,SAAS,EAAI,CAAC,CAEhD,CAAC,GAAG,IAAI,IAAI,CAAC,GAAG,EAAU,GAAG,EAAQ,CAAC,CAAC,CAAC,CAI5D,SAAS,GAAU,EAAa,CAC5B,EAAY,EAAS,SAAS,EAAI,CAAG,EAAS,OAAQ,GAAS,IAAS,EAAI,CAAG,CAAC,GAAG,EAAU,EAAI,CAAC,CAGtG,SAAS,GAAe,EAAa,EAAyB,CAC3C,EAAM,OACV,QAAQ,kCAAkC,EACrD,GAAU,EAAI,CAGlB,IAAM,IAAA,EAAA,EAAA,iBAA+B,CACjC,EAAe,GAAM,CAAC,EAAE,CACxB,EAAY,GAAM,EACnB,EAAE,CAAC,CAEA,IAAA,EAAA,EAAA,iBAA6B,CAC/B,EAAa,GAAM,CAAC,EAAE,CACtB,EAAc,GAAM,EACrB,EAAE,CAAC,CAEA,GAAqB,EAAS,KAAM,GAAS,EAAK,MAAQ,GAAY,IAAI,CAC1E,GAAc,GAAc,EAAW,OAAS,GAAK,EAAS,OAAS,EAE7E,OACI,EAAA,EAAA,MAAC,MAAD,CAAK,UAAW,EAAA,EAAG,aAAc,GAAU,CAAE,GAAI,YAAjD,CACK,KACG,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,mBAAf,CACK,IACG,EAAA,EAAA,KAAC,EAAA,EAAD,CACI,UAAU,gBACV,KAAK,KACL,UAAA,GACA,YAAa,GACb,MAAO,EACP,SAAW,GAAU,EAAU,EAAM,OAAO,MAAM,CAClD,YAAe,EAAU,GAAG,CAC9B,CAAA,EAGJ,EAAW,OAAS,GAAK,EAAS,OAAS,KACzC,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,2BAAf,CACK,EAAW,OAAS,IACjB,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,EACI,EAAA,EAAA,KAAC,EAAA,EAAD,CACI,IAAK,EACL,QAAQ,WACR,KAAK,KACL,WAAW,EAAA,EAAA,KAAC,EAAA,GAAD,EAAe,CAAA,CAC1B,gBAAe,EACf,QAAS,YACZ,SAES,CAAA,EACV,EAAA,EAAA,KAAC,EAAA,EAAD,CACI,KAAM,EACN,UAAW,EACX,YAAe,EAAc,GAAM,CACnC,UAAU,aACV,UAAU,+BAET,EAAW,IAAK,IACb,EAAA,EAAA,MAAC,MAAD,CAAyB,UAAU,mCAAnC,EACI,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,mCAA2B,EAAU,MAAa,CAAA,EAChE,GAAc,EAAU,MAAQ,EAAE,EAAE,IAAK,IACvC,EAAA,EAAA,KAAC,MAAD,CAAkB,UAAU,qCACxB,EAAA,EAAA,KAAC,EAAA,EAAD,CACI,KAAK,KACL,YAAY,OACZ,QAAS,EAAQ,EAAU,MAAM,SAAS,EAAO,EAAI,GACrD,aAAgB,GAAkB,EAAU,IAAK,EAAO,CACxD,MAAO,EACT,CAAA,CACA,CARI,EAQJ,CACR,CACA,EAbI,EAAU,IAad,CACR,CACK,CAAA,CACZ,CAAA,CAAA,CAGN,EAAS,OAAS,IACf,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,EACI,EAAA,EAAA,KAAC,EAAA,EAAD,CACI,IAAK,EACL,QAAQ,WACR,KAAK,KACL,UACI,EACI,EAAW,MAAQ,OACf,EAAA,EAAA,KAAC,EAAA,GAAD,EAAgB,CAAA,EAEhB,EAAA,EAAA,KAAC,EAAA,GAAD,EAAkB,CAAA,EAGtB,EAAA,EAAA,KAAC,EAAA,GAAD,EAAa,CAAA,CAGrB,gBAAe,EACf,QAAS,YAER,GAAqB,SAAS,GAAmB,QAAU,OACtD,CAAA,EACV,EAAA,EAAA,KAAC,EAAA,EAAD,CACI,KAAM,EACN,UAAW,EACX,YAAe,EAAY,GAAM,CACjC,UAAU,aACV,UAAU,+BAET,EAAS,IAAK,IACX,EAAA,EAAA,MAAC,SAAD,CAEI,KAAK,SACL,UAAW,EAAA,EACP,uBACA,GAAY,MAAQ,EAAS,KAAO,SACvC,CACD,YAAe,CACP,GAAY,MAAQ,EAAS,IAC7B,EAAQ,CACJ,IAAK,EAAS,IACd,IAAK,EAAW,MAAQ,MAAQ,OAAS,MAC5C,CAAC,CAEF,EAAQ,CAAC,IAAK,EAAS,IAAK,IAAK,MAAM,CAAC,WAdpD,CAkBK,EAAS,MACT,GAAY,MAAQ,EAAS,MAC1B,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,+BACX,EAAW,MAAQ,OAChB,EAAA,EAAA,KAAC,EAAA,GAAD,CAAc,UAAU,uBAAyB,CAAA,EAEjD,EAAA,EAAA,KAAC,EAAA,GAAD,CAAgB,UAAU,uBAAyB,CAAA,CAEpD,CAAA,CAEN,EA3BA,EAAS,IA2BT,CACX,CACK,CAAA,CACZ,CAAA,CAAA,CAEL,GAER,IAEV,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,mBACX,EAAA,EAAA,MAAC,QAAD,CAAO,UAAW,EAAA,EAAG,OAAQ,IAAW,UAAW,IAAW,UAAU,UAAxE,EACI,EAAA,EAAA,KAAC,QAAD,CAAO,UAAW,EAAA,EAAG,OAAQ,IAAgB,SAAS,WAClD,EAAA,EAAA,MAAC,KAAD,CAAA,SAAA,CACK,IACG,EAAA,EAAA,KAAC,KAAD,CAAI,UAAU,yBACV,EAAA,EAAA,KAAC,EAAA,EAAD,CACI,QAAS,EACT,SAAU,GACV,KAAK,KACL,YAAY,OACd,CAAA,CACD,CAAA,CAER,EAAQ,IAAK,GAAQ,CAClB,IAAM,EAAa,EAAI,UAAY,EAC7B,EAAW,GAAY,MAAQ,EAAI,IAEzC,OACI,EAAA,EAAA,KAAC,KAAD,CAEI,UAAW,EAAA,EACP,KACA,GAAc,WACd,GAAY,UAAU,EAAY,MACrC,CACD,MAAO,CACH,MAAO,EAAI,MACX,UAAW,EAAI,MAClB,CACD,QAAS,MAAmB,GAAW,EAAI,IAAI,CAAG,IAAA,aAElD,EAAA,EAAA,MAAC,OAAD,CAAM,UAAU,sBAAhB,CACK,EAAI,MACJ,IACG,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,qBACX,EACG,EAAY,MAAQ,OAChB,EAAA,EAAA,KAAC,EAAA,GAAD,CAAc,cAAY,OAAS,CAAA,EAEnC,EAAA,EAAA,KAAC,EAAA,GAAD,CAAgB,cAAY,OAAS,CAAA,EAGzC,EAAA,EAAA,KAAC,EAAA,GAAD,CAAkB,cAAY,OAAS,CAAA,CAExC,CAAA,CAER,GACN,CA5BI,EAAI,IA4BR,EAEX,CACD,CAAA,CAAA,CACD,CAAA,EACR,EAAA,EAAA,MAAC,QAAD,CAAA,SAAA,CACK,EAAS,SAAW,IACjB,EAAA,EAAA,KAAC,KAAD,CAAA,UACI,EAAA,EAAA,KAAC,KAAD,CAAI,UAAU,QAAQ,QAAS,EAAQ,QAAU,cAC5C,GACA,CAAA,CACJ,CAAA,CAER,EAAS,KAAK,EAAK,IAAU,CAC1B,IAAM,EAAM,EAAU,GAAM,EAAO,GAAK,EAAW,EAAO,EAAO,CAC3D,EAAa,EAAS,SAAS,EAAI,CAEzC,OACI,EAAA,EAAA,MAAC,KAAD,CAEI,UAAW,EAAA,EAAG,MAAO,GAAc,WAAY,GAAc,aAAa,CAC1E,QAAS,EAAc,GAAU,GAAe,EAAK,EAAM,CAAG,IAAA,YAHlE,CAKK,IACG,EAAA,EAAA,KAAC,KAAD,CAAI,UAAU,yBACV,EAAA,EAAA,KAAC,EAAA,EAAD,CACI,QAAS,EACT,aAAgB,GAChB,KAAK,KACL,YAAY,OACd,CAAA,CACD,CAAA,CAER,EAAQ,IAAK,IACV,EAAA,EAAA,KAAC,KAAD,CAAkB,UAAU,KAAK,MAAO,CAAC,UAAW,EAAI,MAAM,UACzD,EAAI,OACC,EAAI,OAAQ,EAAY,EAAI,KAAM,GAAM,EAAO,GAAK,EAAW,EAAM,CACpE,EAAY,EAAI,KACtB,CAJI,EAAI,IAIR,CACP,CACD,EArBI,EAqBJ,EAEX,CACE,CAAA,CAAA,CACJ,GACN,CAAA,CACL,GAAc,GAAa,IACxB,EAAA,EAAA,KAAC,GAAA,EAAD,CAAa,MAAO,EAAkB,OAAgB,WAAU,SAAU,GAAW,CAAA,CAEvF"}
+{"version":3,"file":"MDataTable-7nJuwzJR.cjs","names":[],"sources":["../src/components/data/MDataTable/MDataTable.tsx"],"sourcesContent":["import {useCallback, useMemo, useRef, useState} from 'react'\nimport type * as React from 'react'\nimport type {MDataTableProps, MDataTableSort} from './MDataTable.types'\nimport {MButton, MCheckbox} from '../../controls'\nimport {MInputSearch} from '../../inputs'\nimport {MPagination} from '../../layout'\nimport {MPopover} from '../../primitives'\nimport {MArrowDownIcon, MArrowUpDownIcon, MArrowUpIcon, MFilterIcon, MSortIcon} from '../../../icons'\nimport {cn} from '../../../utils/cn'\nimport './MDataTable.css'\n\nfunction getRowKey<T>(row: T, index: number, rowKey?: string | ((row: T, index: number) => string)): string {\n    if (typeof rowKey === 'function') return rowKey(row, index)\n    if (typeof rowKey === 'string') return String((row as any)[rowKey])\n    return String((row as any).id ?? index)\n}\n\nfunction getNestedValue(obj: unknown, key: string): unknown {\n    const parts = key.split('.')\n    let val: unknown = obj\n\n    for (const p of parts) {\n        if (val == null || typeof val !== 'object') return undefined\n        val = (val as Record<string, unknown>)[p]\n    }\n\n    return val\n}\n\nexport function MDataTable<T = any>({\n    columns,\n    data,\n    rowKey,\n    sortable = false,\n    filterable = false,\n    selectable = false,\n    pagination = false,\n    pageSize = 10,\n    striped = false,\n    compact = false,\n    stickyHeader = false,\n    sort: controlledSort,\n    onSortChange,\n    search: controlledSearch,\n    onSearchChange,\n    searchKeys,\n    filterKeys = [],\n    filters: controlledFilters,\n    onFiltersChange,\n    sortKeys = [],\n    page: controlledPage,\n    onPageChange,\n    total,\n    manualSearch = false,\n    manualFilters = false,\n    manualSort = false,\n    manualPagination = false,\n    selectedKeys: controlledSelected,\n    onSelectionChange,\n    emptyText = 'No data',\n    filterPlaceholder = 'Search...',\n    className,\n    ...rest\n}: MDataTableProps<T>) {\n    const [internalSort, setInternalSort] = useState<MDataTableSort | null>(null)\n    const [internalSelected, setInternalSelected] = useState<string[]>([])\n    const [internalSearch, setInternalSearch] = useState('')\n    const [internalFilters, setInternalFilters] = useState<Record<string, string[]>>({})\n    const [internalPage, setInternalPage] = useState(1)\n    const [filterOpen, setFilterOpen] = useState(false)\n    const [sortOpen, setSortOpen] = useState(false)\n    const filterBtnRef = useRef<HTMLElement>(null)\n    const sortBtnRef = useRef<HTMLElement>(null)\n\n    const activeSort = controlledSort !== undefined ? controlledSort : internalSort\n    const search = controlledSearch !== undefined ? controlledSearch : internalSearch\n    const filters = controlledFilters !== undefined ? controlledFilters : internalFilters\n    const page = controlledPage !== undefined ? controlledPage : internalPage\n    const selected = controlledSelected ?? internalSelected\n    const setSelected = onSelectionChange ?? setInternalSelected\n\n    const setSearch = useCallback(\n        (next: string) => {\n            if (controlledSearch === undefined) setInternalSearch(next)\n            if (!manualPagination && controlledPage === undefined) setInternalPage(1)\n            onSearchChange?.(next)\n        },\n        [controlledSearch, controlledPage, manualPagination, onSearchChange]\n    )\n\n    const setFilters = useCallback(\n        (next: Record<string, string[]>) => {\n            if (controlledFilters === undefined) setInternalFilters(next)\n            if (!manualPagination && controlledPage === undefined) setInternalPage(1)\n            onFiltersChange?.(next)\n        },\n        [controlledFilters, controlledPage, manualPagination, onFiltersChange]\n    )\n\n    const setSort = useCallback(\n        (next: MDataTableSort | null) => {\n            if (controlledSort === undefined) setInternalSort(next)\n            if (!manualPagination && controlledPage === undefined) setInternalPage(1)\n            onSortChange?.(next)\n        },\n        [controlledSort, controlledPage, manualPagination, onSortChange]\n    )\n\n    const setPage = useCallback(\n        (next: number) => {\n            if (controlledPage === undefined) setInternalPage(next)\n            onPageChange?.(next)\n        },\n        [controlledPage, onPageChange]\n    )\n\n    function handleSort(key: string) {\n        let next: MDataTableSort | null\n\n        if (activeSort?.key === key) {\n            next = activeSort.dir === 'asc' ? {key, dir: 'desc'} : null\n        } else {\n            next = {key, dir: 'asc'}\n        }\n\n        setSort(next)\n    }\n\n    function toggleFilterValue(key: string, value: string) {\n        const current = filters[key] ?? []\n        const next = current.includes(value) ? current.filter((item) => item !== value) : [...current, value]\n        setFilters({...filters, [key]: next})\n    }\n\n    const filterOptions = useMemo(() => {\n        const map: Record<string, string[]> = {}\n\n        for (const filterKey of filterKeys) {\n            if (filterKey.options) {\n                map[filterKey.key] = filterKey.options\n                continue\n            }\n\n            const values = new Set<string>()\n\n            for (const row of data) {\n                const value = getNestedValue(row, filterKey.key)\n                if (value != null) values.add(String(value))\n            }\n\n            map[filterKey.key] = Array.from(values).sort()\n        }\n\n        return map\n    }, [data, filterKeys])\n\n    const filtered = useMemo(() => {\n        let result: T[] = data\n\n        if (!manualSearch && filterable && search.trim()) {\n            const query = search.toLowerCase()\n\n            if (searchKeys && searchKeys.length > 0) {\n                result = result.filter((row) =>\n                    searchKeys.some((key) => {\n                        const value = getNestedValue(row, key)\n                        return value != null && String(value).toLowerCase().includes(query)\n                    })\n                )\n            } else {\n                result = result.filter((row) =>\n                    columns.some((col) => {\n                        if (col.filterable === false) return false\n                        const value = (row as any)[col.key]\n                        return value != null && String(value).toLowerCase().includes(query)\n                    })\n                )\n            }\n        }\n\n        if (!manualFilters) {\n            for (const [key, selectedValues] of Object.entries(filters)) {\n                if (!selectedValues || selectedValues.length === 0) continue\n\n                result = result.filter((row) => {\n                    const value = getNestedValue(row, key)\n                    return value != null && selectedValues.includes(String(value))\n                })\n            }\n        }\n\n        return result\n    }, [data, manualSearch, manualFilters, filterable, search, searchKeys, columns, filters])\n\n    const sorted = useMemo(() => {\n        if (manualSort || !activeSort) return filtered\n\n        const col = columns.find((item) => item.key === activeSort.key)\n        const sortKeyAllowed = sortKeys.some((item) => item.key === activeSort.key)\n        if (!col?.sortable && !sortable && !sortKeyAllowed) return filtered\n\n        const dir = activeSort.dir === 'asc' ? 1 : -1\n\n        return [...filtered].sort((a, b) => {\n            const va = (a as any)[activeSort.key]\n            const vb = (b as any)[activeSort.key]\n\n            if (va == null && vb == null) return 0\n            if (va == null) return 1\n            if (vb == null) return -1\n            if (typeof va === 'number' && typeof vb === 'number') return (va - vb) * dir\n\n            return String(va).localeCompare(String(vb)) * dir\n        })\n    }, [filtered, activeSort, columns, sortable, sortKeys, manualSort])\n\n    const totalItems = manualPagination ? (total ?? sorted.length) : sorted.length\n    const totalPages = pagination ? Math.max(1, Math.ceil(totalItems / pageSize)) : 1\n    const pageData = useMemo(() => {\n        if (!pagination || manualPagination) return sorted\n        const start = (page - 1) * pageSize\n        return sorted.slice(start, start + pageSize)\n    }, [sorted, pagination, manualPagination, page, pageSize])\n\n    const allKeys = pageData.map((row, index) => getRowKey(row, (page - 1) * pageSize + index, rowKey))\n    const allSelected = allKeys.length > 0 && allKeys.every((key) => selected.includes(key))\n\n    function toggleAll() {\n        if (allSelected) {\n            setSelected(selected.filter((key) => !allKeys.includes(key)))\n        } else {\n            setSelected([...new Set([...selected, ...allKeys])])\n        }\n    }\n\n    function toggleRow(key: string) {\n        setSelected(selected.includes(key) ? selected.filter((item) => item !== key) : [...selected, key])\n    }\n\n    function handleRowClick(key: string, event: React.MouseEvent) {\n        const target = event.target as HTMLElement\n        if (target.closest('button, a, [data-no-row-select]')) return\n        toggleRow(key)\n    }\n\n    const openFilter = useCallback(() => {\n        setFilterOpen((v) => !v)\n        setSortOpen(false)\n    }, [])\n\n    const openSort = useCallback(() => {\n        setSortOpen((v) => !v)\n        setFilterOpen(false)\n    }, [])\n\n    const activeSortMenuItem = sortKeys.find((item) => item.key === activeSort?.key)\n    const showToolbar = filterable || filterKeys.length > 0 || sortKeys.length > 0\n\n    return (\n        <div className={cn('data-table', className)} {...rest}>\n            {showToolbar && (\n                <div className=\"toolbar\">\n                    {filterable && (\n                        <MInputSearch\n                            className=\"filter-search\"\n                            size=\"sm\"\n                            fullWidth\n                            placeholder={filterPlaceholder}\n                            value={search}\n                            onChange={(event) => setSearch(event.target.value)}\n                            onClear={() => setSearch('')}\n                        />\n                    )}\n\n                    {(filterKeys.length > 0 || sortKeys.length > 0) && (\n                        <div className=\"toolbar-actions\">\n                            {filterKeys.length > 0 && (\n                                <>\n                                    <MButton\n                                        ref={filterBtnRef}\n                                        variant=\"outlined\"\n                                        size=\"sm\"\n                                        startIcon={<MFilterIcon />}\n                                        aria-expanded={filterOpen}\n                                        onClick={openFilter}\n                                    >\n                                        Filter\n                                    </MButton>\n                                    <MPopover\n                                        open={filterOpen}\n                                        anchorRef={filterBtnRef}\n                                        onClose={() => setFilterOpen(false)}\n                                        placement=\"bottom-end\"\n                                        className=\"data-table-dropdown\"\n                                    >\n                                        {filterKeys.map((filterKey) => (\n                                            <div key={filterKey.key} className=\"data-table-filter-group\">\n                                                <span className=\"data-table-filter-label\">{filterKey.label}</span>\n                                                {(filterOptions[filterKey.key] ?? []).map((option) => (\n                                                    <div key={option} className=\"data-table-filter-option\">\n                                                        <MCheckbox\n                                                            size=\"sm\"\n                                                            clickEffect=\"none\"\n                                                            checked={filters[filterKey.key]?.includes(option) ?? false}\n                                                            onChange={() => toggleFilterValue(filterKey.key, option)}\n                                                            label={option}\n                                                        />\n                                                    </div>\n                                                ))}\n                                            </div>\n                                        ))}\n                                    </MPopover>\n                                </>\n                            )}\n\n                            {sortKeys.length > 0 && (\n                                <>\n                                    <MButton\n                                        ref={sortBtnRef}\n                                        variant=\"outlined\"\n                                        size=\"sm\"\n                                        startIcon={\n                                            activeSort ? (\n                                                activeSort.dir === 'asc' ? (\n                                                    <MArrowUpIcon />\n                                                ) : (\n                                                    <MArrowDownIcon />\n                                                )\n                                            ) : (\n                                                <MSortIcon />\n                                            )\n                                        }\n                                        aria-expanded={sortOpen}\n                                        onClick={openSort}\n                                    >\n                                        {activeSortMenuItem ? `Sort: ${activeSortMenuItem.label}` : 'Sort'}\n                                    </MButton>\n                                    <MPopover\n                                        open={sortOpen}\n                                        anchorRef={sortBtnRef}\n                                        onClose={() => setSortOpen(false)}\n                                        placement=\"bottom-end\"\n                                        className=\"data-table-dropdown\"\n                                    >\n                                        {sortKeys.map((sortItem) => (\n                                            <button\n                                                key={sortItem.key}\n                                                type=\"button\"\n                                                className={cn(\n                                                    'data-table-sort-item',\n                                                    activeSort?.key === sortItem.key && 'active'\n                                                )}\n                                                onClick={() => {\n                                                    if (activeSort?.key === sortItem.key) {\n                                                        setSort({\n                                                            key: sortItem.key,\n                                                            dir: activeSort.dir === 'asc' ? 'desc' : 'asc',\n                                                        })\n                                                    } else {\n                                                        setSort({key: sortItem.key, dir: 'asc'})\n                                                    }\n                                                }}\n                                            >\n                                                {sortItem.label}\n                                                {activeSort?.key === sortItem.key && (\n                                                    <span className=\"data-table-sort-dir\">\n                                                        {activeSort.dir === 'asc' ? (\n                                                            <MArrowUpIcon className=\"data-table-sort-icon\" />\n                                                        ) : (\n                                                            <MArrowDownIcon className=\"data-table-sort-icon\" />\n                                                        )}\n                                                    </span>\n                                                )}\n                                            </button>\n                                        ))}\n                                    </MPopover>\n                                </>\n                            )}\n                        </div>\n                    )}\n                </div>\n            )}\n            <div className=\"scroll\">\n                <table className={cn('root', striped && 'striped', compact && 'compact')}>\n                    <thead className={cn('head', stickyHeader && 'sticky')}>\n                        <tr>\n                            {selectable && (\n                                <th className=\"th check-col\">\n                                    <MCheckbox\n                                        checked={allSelected}\n                                        onChange={toggleAll}\n                                        size=\"sm\"\n                                        clickEffect=\"none\"\n                                    />\n                                </th>\n                            )}\n                            {columns.map((col) => {\n                                const isSortable = col.sortable ?? sortable\n                                const isSorted = activeSort?.key === col.key\n\n                                return (\n                                    <th\n                                        key={col.key}\n                                        className={cn(\n                                            'th',\n                                            isSortable && 'sortable',\n                                            isSorted && `sorted-${activeSort!.dir}`\n                                        )}\n                                        style={{\n                                            width: col.width,\n                                            textAlign: col.align,\n                                        }}\n                                        onClick={isSortable ? () => handleSort(col.key) : undefined}\n                                    >\n                                        <span className=\"th-content\">\n                                            {col.label}\n                                            {isSortable && (\n                                                <span className=\"sort-icon\">\n                                                    {isSorted ? (\n                                                        activeSort!.dir === 'asc' ? (\n                                                            <MArrowUpIcon aria-hidden=\"true\" />\n                                                        ) : (\n                                                            <MArrowDownIcon aria-hidden=\"true\" />\n                                                        )\n                                                    ) : (\n                                                        <MArrowUpDownIcon aria-hidden=\"true\" />\n                                                    )}\n                                                </span>\n                                            )}\n                                        </span>\n                                    </th>\n                                )\n                            })}\n                        </tr>\n                    </thead>\n                    <tbody>\n                        {pageData.length === 0 && (\n                            <tr>\n                                <td className=\"empty\" colSpan={columns.length + (selectable ? 1 : 0)}>\n                                    {emptyText}\n                                </td>\n                            </tr>\n                        )}\n                        {pageData.map((row, index) => {\n                            const key = getRowKey(row, (page - 1) * pageSize + index, rowKey)\n                            const isSelected = selected.includes(key)\n\n                            return (\n                                <tr\n                                    key={key}\n                                    className={cn('row', isSelected && 'selected', selectable && 'selectable')}\n                                    onClick={selectable ? (event) => handleRowClick(key, event) : undefined}\n                                >\n                                    {selectable && (\n                                        <td className=\"td check-col\">\n                                            <MCheckbox\n                                                checked={isSelected}\n                                                onChange={() => {}}\n                                                size=\"sm\"\n                                                clickEffect=\"none\"\n                                            />\n                                        </td>\n                                    )}\n                                    {columns.map((col) => (\n                                        <td key={col.key} className=\"td\" style={{textAlign: col.align}}>\n                                            {col.render\n                                                ? col.render((row as any)[col.key], row, (page - 1) * pageSize + index)\n                                                : (row as any)[col.key]}\n                                        </td>\n                                    ))}\n                                </tr>\n                            )\n                        })}\n                    </tbody>\n                </table>\n            </div>\n            {pagination && totalPages > 1 && (\n                <MPagination total={totalItems} page={page} pageSize={pageSize} onChange={setPage} />\n            )}\n        </div>\n    )\n}\n"],"mappings":"6VAWA,SAAS,EAAa,EAAQ,EAAe,EAA+D,CAGxG,OAFI,OAAO,GAAW,WAAmB,EAAO,EAAK,EAAM,CACpB,OAAnC,OAAO,GAAW,SAAyB,EAAY,GAC5C,EAAY,IAAM,EADkC,CAIvE,SAAS,EAAe,EAAc,EAAsB,CACxD,IAAM,EAAQ,EAAI,MAAM,IAAI,CACxB,EAAe,EAEnB,IAAK,IAAM,KAAK,EAAO,CACnB,GAAmB,OAAO,GAAQ,WAA9B,EAAwC,OAC5C,EAAO,EAAgC,GAG3C,OAAO,EAGX,SAAgB,EAAoB,CAChC,UACA,OACA,SACA,WAAW,GACX,aAAa,GACb,aAAa,GACb,aAAa,GACb,WAAW,GACX,WAAU,GACV,WAAU,GACV,gBAAe,GACf,KAAM,EACN,eACA,OAAQ,EACR,iBACA,aACA,aAAa,EAAE,CACf,QAAS,EACT,kBACA,WAAW,EAAE,CACb,KAAM,EACN,eACA,SACA,eAAe,GACf,gBAAgB,GAChB,aAAa,GACb,mBAAmB,GACnB,aAAc,GACd,qBACA,aAAY,UACZ,qBAAoB,YACpB,aACA,GAAG,IACgB,CACnB,GAAM,CAAC,GAAc,KAAA,EAAA,EAAA,UAAmD,KAAK,CACvE,CAAC,GAAkB,KAAA,EAAA,EAAA,UAA0C,EAAE,CAAC,CAChE,CAAC,GAAgB,KAAA,EAAA,EAAA,UAA8B,GAAG,CAClD,CAAC,GAAiB,KAAA,EAAA,EAAA,UAAyD,EAAE,CAAC,CAC9E,CAAC,GAAc,IAAA,EAAA,EAAA,UAA4B,EAAE,CAC7C,CAAC,EAAY,IAAA,EAAA,EAAA,UAA0B,GAAM,CAC7C,CAAC,EAAU,IAAA,EAAA,EAAA,UAAwB,GAAM,CACzC,GAAA,EAAA,EAAA,QAAmC,KAAK,CACxC,GAAA,EAAA,EAAA,QAAiC,KAAK,CAEtC,EAAa,IAAmB,IAAA,GAA6B,GAAjB,EAC5C,EAAS,IAAqB,IAAA,GAA+B,GAAnB,EAC1C,EAAU,IAAsB,IAAA,GAAgC,GAApB,EAC5C,EAAO,IAAmB,IAAA,GAA6B,GAAjB,EACtC,EAAW,IAAsB,GACjC,EAAc,IAAqB,GAEnC,GAAA,EAAA,EAAA,aACD,GAAiB,CACV,IAAqB,IAAA,IAAW,GAAkB,EAAK,CACvD,CAAC,GAAoB,IAAmB,IAAA,IAAW,EAAgB,EAAE,CACzE,IAAiB,EAAK,EAE1B,CAAC,EAAkB,EAAgB,EAAkB,EAAe,CACvE,CAEK,IAAA,EAAA,EAAA,aACD,GAAmC,CAC5B,IAAsB,IAAA,IAAW,GAAmB,EAAK,CACzD,CAAC,GAAoB,IAAmB,IAAA,IAAW,EAAgB,EAAE,CACzE,IAAkB,EAAK,EAE3B,CAAC,EAAmB,EAAgB,EAAkB,EAAgB,CACzE,CAEK,GAAA,EAAA,EAAA,aACD,GAAgC,CACzB,IAAmB,IAAA,IAAW,GAAgB,EAAK,CACnD,CAAC,GAAoB,IAAmB,IAAA,IAAW,EAAgB,EAAE,CACzE,IAAe,EAAK,EAExB,CAAC,EAAgB,EAAgB,EAAkB,EAAa,CACnE,CAEK,IAAA,EAAA,EAAA,aACD,GAAiB,CACV,IAAmB,IAAA,IAAW,EAAgB,EAAK,CACvD,IAAe,EAAK,EAExB,CAAC,EAAgB,EAAa,CACjC,CAED,SAAS,GAAW,EAAa,CAC7B,IAAI,EAEJ,AAGI,EAHA,GAAY,MAAQ,EACb,EAAW,MAAQ,MAAQ,CAAC,MAAK,IAAK,OAAO,CAAG,KAEhD,CAAC,MAAK,IAAK,MAAM,CAG5B,EAAQ,EAAK,CAGjB,SAAS,GAAkB,EAAa,EAAe,CACnD,IAAM,EAAU,EAAQ,IAAQ,EAAE,CAC5B,EAAO,EAAQ,SAAS,EAAM,CAAG,EAAQ,OAAQ,GAAS,IAAS,EAAM,CAAG,CAAC,GAAG,EAAS,EAAM,CACrG,GAAW,CAAC,GAAG,GAAU,GAAM,EAAK,CAAC,CAGzC,IAAM,IAAA,EAAA,EAAA,aAA8B,CAChC,IAAM,EAAgC,EAAE,CAExC,IAAK,IAAM,KAAa,EAAY,CAChC,GAAI,EAAU,QAAS,CACnB,EAAI,EAAU,KAAO,EAAU,QAC/B,SAGJ,IAAM,EAAS,IAAI,IAEnB,IAAK,IAAM,KAAO,EAAM,CACpB,IAAM,EAAQ,EAAe,EAAK,EAAU,IAAI,CAC5C,GAAS,MAAM,EAAO,IAAI,OAAO,EAAM,CAAC,CAGhD,EAAI,EAAU,KAAO,MAAM,KAAK,EAAO,CAAC,MAAM,CAGlD,OAAO,GACR,CAAC,EAAM,EAAW,CAAC,CAEhB,GAAA,EAAA,EAAA,aAAyB,CAC3B,IAAI,EAAc,EAElB,GAAI,CAAC,GAAgB,GAAc,EAAO,MAAM,CAAE,CAC9C,IAAM,EAAQ,EAAO,aAAa,CAElC,AAQI,EARA,GAAc,EAAW,OAAS,EACzB,EAAO,OAAQ,GACpB,EAAW,KAAM,GAAQ,CACrB,IAAM,EAAQ,EAAe,EAAK,EAAI,CACtC,OAAO,GAAS,MAAQ,OAAO,EAAM,CAAC,aAAa,CAAC,SAAS,EAAM,EACrE,CACL,CAEQ,EAAO,OAAQ,GACpB,EAAQ,KAAM,GAAQ,CAClB,GAAI,EAAI,aAAe,GAAO,MAAO,GACrC,IAAM,EAAS,EAAY,EAAI,KAC/B,OAAO,GAAS,MAAQ,OAAO,EAAM,CAAC,aAAa,CAAC,SAAS,EAAM,EACrE,CACL,CAIT,GAAI,CAAC,EACD,IAAK,GAAM,CAAC,EAAK,KAAmB,OAAO,QAAQ,EAAQ,CACnD,CAAC,GAAkB,EAAe,SAAW,IAEjD,EAAS,EAAO,OAAQ,GAAQ,CAC5B,IAAM,EAAQ,EAAe,EAAK,EAAI,CACtC,OAAO,GAAS,MAAQ,EAAe,SAAS,OAAO,EAAM,CAAC,EAChE,EAIV,OAAO,GACR,CAAC,EAAM,EAAc,EAAe,EAAY,EAAQ,EAAY,EAAS,EAAQ,CAAC,CAEnF,GAAA,EAAA,EAAA,aAAuB,CACzB,GAAI,GAAc,CAAC,EAAY,OAAO,EAEtC,IAAM,EAAM,EAAQ,KAAM,GAAS,EAAK,MAAQ,EAAW,IAAI,CACzD,EAAiB,EAAS,KAAM,GAAS,EAAK,MAAQ,EAAW,IAAI,CAC3E,GAAI,CAAC,GAAK,UAAY,CAAC,GAAY,CAAC,EAAgB,OAAO,EAE3D,IAAM,EAAM,EAAW,MAAQ,MAAQ,EAAI,GAE3C,MAAO,CAAC,GAAG,EAAS,CAAC,MAAM,EAAG,IAAM,CAChC,IAAM,EAAM,EAAU,EAAW,KAC3B,EAAM,EAAU,EAAW,KAOjC,OALI,GAAM,MAAQ,GAAM,KAAa,EACjC,GAAM,KAAa,EACnB,GAAM,KAAa,GACnB,OAAO,GAAO,UAAY,OAAO,GAAO,UAAkB,EAAK,GAAM,EAElE,OAAO,EAAG,CAAC,cAAc,OAAO,EAAG,CAAC,CAAG,GAChD,EACH,CAAC,EAAU,EAAY,EAAS,EAAU,EAAU,EAAW,CAAC,CAE7D,EAAa,EAAoB,IAAS,EAAO,OAAU,EAAO,OAClE,GAAa,EAAa,KAAK,IAAI,EAAG,KAAK,KAAK,EAAa,EAAS,CAAC,CAAG,EAC1E,GAAA,EAAA,EAAA,aAAyB,CAC3B,GAAI,CAAC,GAAc,EAAkB,OAAO,EAC5C,IAAM,GAAS,EAAO,GAAK,EAC3B,OAAO,EAAO,MAAM,EAAO,EAAQ,EAAS,EAC7C,CAAC,EAAQ,EAAY,EAAkB,EAAM,EAAS,CAAC,CAEpD,EAAU,EAAS,KAAK,EAAK,IAAU,EAAU,GAAM,EAAO,GAAK,EAAW,EAAO,EAAO,CAAC,CAC7F,EAAc,EAAQ,OAAS,GAAK,EAAQ,MAAO,GAAQ,EAAS,SAAS,EAAI,CAAC,CAExF,SAAS,IAAY,CAEb,EADA,EACY,EAAS,OAAQ,GAAQ,CAAC,EAAQ,SAAS,EAAI,CAAC,CAEhD,CAAC,GAAG,IAAI,IAAI,CAAC,GAAG,EAAU,GAAG,EAAQ,CAAC,CAAC,CAAC,CAI5D,SAAS,GAAU,EAAa,CAC5B,EAAY,EAAS,SAAS,EAAI,CAAG,EAAS,OAAQ,GAAS,IAAS,EAAI,CAAG,CAAC,GAAG,EAAU,EAAI,CAAC,CAGtG,SAAS,GAAe,EAAa,EAAyB,CAC3C,EAAM,OACV,QAAQ,kCAAkC,EACrD,GAAU,EAAI,CAGlB,IAAM,IAAA,EAAA,EAAA,iBAA+B,CACjC,EAAe,GAAM,CAAC,EAAE,CACxB,EAAY,GAAM,EACnB,EAAE,CAAC,CAEA,IAAA,EAAA,EAAA,iBAA6B,CAC/B,EAAa,GAAM,CAAC,EAAE,CACtB,EAAc,GAAM,EACrB,EAAE,CAAC,CAEA,GAAqB,EAAS,KAAM,GAAS,EAAK,MAAQ,GAAY,IAAI,CAC1E,GAAc,GAAc,EAAW,OAAS,GAAK,EAAS,OAAS,EAE7E,OACI,EAAA,EAAA,MAAC,MAAD,CAAK,UAAW,EAAA,EAAG,aAAc,GAAU,CAAE,GAAI,YAAjD,CACK,KACG,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,mBAAf,CACK,IACG,EAAA,EAAA,KAAC,EAAA,EAAD,CACI,UAAU,gBACV,KAAK,KACL,UAAA,GACA,YAAa,GACb,MAAO,EACP,SAAW,GAAU,EAAU,EAAM,OAAO,MAAM,CAClD,YAAe,EAAU,GAAG,CAC9B,CAAA,EAGJ,EAAW,OAAS,GAAK,EAAS,OAAS,KACzC,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,2BAAf,CACK,EAAW,OAAS,IACjB,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,EACI,EAAA,EAAA,KAAC,EAAA,EAAD,CACI,IAAK,EACL,QAAQ,WACR,KAAK,KACL,WAAW,EAAA,EAAA,KAAC,EAAA,GAAD,EAAe,CAAA,CAC1B,gBAAe,EACf,QAAS,YACZ,SAES,CAAA,EACV,EAAA,EAAA,KAAC,EAAA,EAAD,CACI,KAAM,EACN,UAAW,EACX,YAAe,EAAc,GAAM,CACnC,UAAU,aACV,UAAU,+BAET,EAAW,IAAK,IACb,EAAA,EAAA,MAAC,MAAD,CAAyB,UAAU,mCAAnC,EACI,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,mCAA2B,EAAU,MAAa,CAAA,EAChE,GAAc,EAAU,MAAQ,EAAE,EAAE,IAAK,IACvC,EAAA,EAAA,KAAC,MAAD,CAAkB,UAAU,qCACxB,EAAA,EAAA,KAAC,EAAA,EAAD,CACI,KAAK,KACL,YAAY,OACZ,QAAS,EAAQ,EAAU,MAAM,SAAS,EAAO,EAAI,GACrD,aAAgB,GAAkB,EAAU,IAAK,EAAO,CACxD,MAAO,EACT,CAAA,CACA,CARI,EAQJ,CACR,CACA,EAbI,EAAU,IAad,CACR,CACK,CAAA,CACZ,CAAA,CAAA,CAGN,EAAS,OAAS,IACf,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,EACI,EAAA,EAAA,KAAC,EAAA,EAAD,CACI,IAAK,EACL,QAAQ,WACR,KAAK,KACL,UACI,EACI,EAAW,MAAQ,OACf,EAAA,EAAA,KAAC,EAAA,GAAD,EAAgB,CAAA,EAEhB,EAAA,EAAA,KAAC,EAAA,GAAD,EAAkB,CAAA,EAGtB,EAAA,EAAA,KAAC,EAAA,GAAD,EAAa,CAAA,CAGrB,gBAAe,EACf,QAAS,YAER,GAAqB,SAAS,GAAmB,QAAU,OACtD,CAAA,EACV,EAAA,EAAA,KAAC,EAAA,EAAD,CACI,KAAM,EACN,UAAW,EACX,YAAe,EAAY,GAAM,CACjC,UAAU,aACV,UAAU,+BAET,EAAS,IAAK,IACX,EAAA,EAAA,MAAC,SAAD,CAEI,KAAK,SACL,UAAW,EAAA,EACP,uBACA,GAAY,MAAQ,EAAS,KAAO,SACvC,CACD,YAAe,CACP,GAAY,MAAQ,EAAS,IAC7B,EAAQ,CACJ,IAAK,EAAS,IACd,IAAK,EAAW,MAAQ,MAAQ,OAAS,MAC5C,CAAC,CAEF,EAAQ,CAAC,IAAK,EAAS,IAAK,IAAK,MAAM,CAAC,WAdpD,CAkBK,EAAS,MACT,GAAY,MAAQ,EAAS,MAC1B,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,+BACX,EAAW,MAAQ,OAChB,EAAA,EAAA,KAAC,EAAA,GAAD,CAAc,UAAU,uBAAyB,CAAA,EAEjD,EAAA,EAAA,KAAC,EAAA,GAAD,CAAgB,UAAU,uBAAyB,CAAA,CAEpD,CAAA,CAEN,EA3BA,EAAS,IA2BT,CACX,CACK,CAAA,CACZ,CAAA,CAAA,CAEL,GAER,IAEV,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,mBACX,EAAA,EAAA,MAAC,QAAD,CAAO,UAAW,EAAA,EAAG,OAAQ,IAAW,UAAW,IAAW,UAAU,UAAxE,EACI,EAAA,EAAA,KAAC,QAAD,CAAO,UAAW,EAAA,EAAG,OAAQ,IAAgB,SAAS,WAClD,EAAA,EAAA,MAAC,KAAD,CAAA,SAAA,CACK,IACG,EAAA,EAAA,KAAC,KAAD,CAAI,UAAU,yBACV,EAAA,EAAA,KAAC,EAAA,EAAD,CACI,QAAS,EACT,SAAU,GACV,KAAK,KACL,YAAY,OACd,CAAA,CACD,CAAA,CAER,EAAQ,IAAK,GAAQ,CAClB,IAAM,EAAa,EAAI,UAAY,EAC7B,EAAW,GAAY,MAAQ,EAAI,IAEzC,OACI,EAAA,EAAA,KAAC,KAAD,CAEI,UAAW,EAAA,EACP,KACA,GAAc,WACd,GAAY,UAAU,EAAY,MACrC,CACD,MAAO,CACH,MAAO,EAAI,MACX,UAAW,EAAI,MAClB,CACD,QAAS,MAAmB,GAAW,EAAI,IAAI,CAAG,IAAA,aAElD,EAAA,EAAA,MAAC,OAAD,CAAM,UAAU,sBAAhB,CACK,EAAI,MACJ,IACG,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,qBACX,EACG,EAAY,MAAQ,OAChB,EAAA,EAAA,KAAC,EAAA,GAAD,CAAc,cAAY,OAAS,CAAA,EAEnC,EAAA,EAAA,KAAC,EAAA,GAAD,CAAgB,cAAY,OAAS,CAAA,EAGzC,EAAA,EAAA,KAAC,EAAA,GAAD,CAAkB,cAAY,OAAS,CAAA,CAExC,CAAA,CAER,GACN,CA5BI,EAAI,IA4BR,EAEX,CACD,CAAA,CAAA,CACD,CAAA,EACR,EAAA,EAAA,MAAC,QAAD,CAAA,SAAA,CACK,EAAS,SAAW,IACjB,EAAA,EAAA,KAAC,KAAD,CAAA,UACI,EAAA,EAAA,KAAC,KAAD,CAAI,UAAU,QAAQ,QAAS,EAAQ,QAAU,cAC5C,GACA,CAAA,CACJ,CAAA,CAER,EAAS,KAAK,EAAK,IAAU,CAC1B,IAAM,EAAM,EAAU,GAAM,EAAO,GAAK,EAAW,EAAO,EAAO,CAC3D,EAAa,EAAS,SAAS,EAAI,CAEzC,OACI,EAAA,EAAA,MAAC,KAAD,CAEI,UAAW,EAAA,EAAG,MAAO,GAAc,WAAY,GAAc,aAAa,CAC1E,QAAS,EAAc,GAAU,GAAe,EAAK,EAAM,CAAG,IAAA,YAHlE,CAKK,IACG,EAAA,EAAA,KAAC,KAAD,CAAI,UAAU,yBACV,EAAA,EAAA,KAAC,EAAA,EAAD,CACI,QAAS,EACT,aAAgB,GAChB,KAAK,KACL,YAAY,OACd,CAAA,CACD,CAAA,CAER,EAAQ,IAAK,IACV,EAAA,EAAA,KAAC,KAAD,CAAkB,UAAU,KAAK,MAAO,CAAC,UAAW,EAAI,MAAM,UACzD,EAAI,OACC,EAAI,OAAQ,EAAY,EAAI,KAAM,GAAM,EAAO,GAAK,EAAW,EAAM,CACpE,EAAY,EAAI,KACtB,CAJI,EAAI,IAIR,CACP,CACD,EArBI,EAqBJ,EAEX,CACE,CAAA,CAAA,CACJ,GACN,CAAA,CACL,GAAc,GAAa,IACxB,EAAA,EAAA,KAAC,GAAA,EAAD,CAAa,MAAO,EAAkB,OAAgB,WAAU,SAAU,GAAW,CAAA,CAEvF"}

package/dist/{MDataTable-DxDS5auV.js → MDataTable-CQt_pINO.js}

@@ -1,10 +1,10 @@
 import { Di as e, Oi as t, an as n, in as r, ki as i } from "./icons-CfpYxnfg.js";
 import { t as a } from "./cn-YER3QsV1.js";
 import { t as o } from "./MPopover-Cqz5TsHg.js";
-import { t as s } from "./MButton-DZLLrtQb.js";
+import { t as s } from "./MButton-C1pnL4_j.js";
 import { t as c } from "./MCheckbox-B7SpcD4H.js";
-import { t as ee } from "./MInputSearch-CmzHPnmC.js";
-import { t as te } from "./MPagination-Dr110are.js";
+import { t as ee } from "./MInputSearch-BBxUF5pw.js";
+import { t as te } from "./MPagination-DvToi2cs.js";
 import { useCallback as l, useMemo as u, useRef as ne, useState as d } from "react";
 import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
 //#region src/components/data/MDataTable/MDataTable.tsx
@@ -294,4 +294,4 @@ function g({ columns: g, data: _, rowKey: v, sortable: y = !1, filterable: b = !
 //#endregion
 export { g as t };
 
-//# sourceMappingURL=MDataTable-DxDS5auV.js.map
+//# sourceMappingURL=MDataTable-CQt_pINO.js.map

package/dist/{MDataTable-DxDS5auV.js.map → MDataTable-CQt_pINO.js.map}

@@ -1 +1 @@
-{"version":3,"file":"MDataTable-DxDS5auV.js","names":[],"sources":["../src/components/data/MDataTable/MDataTable.tsx"],"sourcesContent":["import {useCallback, useMemo, useRef, useState} from 'react'\nimport type * as React from 'react'\nimport type {MDataTableProps, MDataTableSort} from './MDataTable.types'\nimport {MButton, MCheckbox} from '../../controls'\nimport {MInputSearch} from '../../inputs'\nimport {MPagination} from '../../layout'\nimport {MPopover} from '../../primitives'\nimport {MArrowDownIcon, MArrowUpDownIcon, MArrowUpIcon, MFilterIcon, MSortIcon} from '../../../icons'\nimport {cn} from '../../../utils/cn'\nimport './MDataTable.css'\n\nfunction getRowKey<T>(row: T, index: number, rowKey?: string | ((row: T, index: number) => string)): string {\n    if (typeof rowKey === 'function') return rowKey(row, index)\n    if (typeof rowKey === 'string') return String((row as any)[rowKey])\n    return String((row as any).id ?? index)\n}\n\nfunction getNestedValue(obj: unknown, key: string): unknown {\n    const parts = key.split('.')\n    let val: unknown = obj\n\n    for (const p of parts) {\n        if (val == null || typeof val !== 'object') return undefined\n        val = (val as Record<string, unknown>)[p]\n    }\n\n    return val\n}\n\nexport function MDataTable<T = any>({\n    columns,\n    data,\n    rowKey,\n    sortable = false,\n    filterable = false,\n    selectable = false,\n    pagination = false,\n    pageSize = 10,\n    striped = false,\n    compact = false,\n    stickyHeader = false,\n    sort: controlledSort,\n    onSortChange,\n    search: controlledSearch,\n    onSearchChange,\n    searchKeys,\n    filterKeys = [],\n    filters: controlledFilters,\n    onFiltersChange,\n    sortKeys = [],\n    page: controlledPage,\n    onPageChange,\n    total,\n    manualSearch = false,\n    manualFilters = false,\n    manualSort = false,\n    manualPagination = false,\n    selectedKeys: controlledSelected,\n    onSelectionChange,\n    emptyText = 'No data',\n    filterPlaceholder = 'Search...',\n    className,\n    ...rest\n}: MDataTableProps<T>) {\n    const [internalSort, setInternalSort] = useState<MDataTableSort | null>(null)\n    const [internalSelected, setInternalSelected] = useState<string[]>([])\n    const [internalSearch, setInternalSearch] = useState('')\n    const [internalFilters, setInternalFilters] = useState<Record<string, string[]>>({})\n    const [internalPage, setInternalPage] = useState(1)\n    const [filterOpen, setFilterOpen] = useState(false)\n    const [sortOpen, setSortOpen] = useState(false)\n    const filterBtnRef = useRef<HTMLElement>(null)\n    const sortBtnRef = useRef<HTMLElement>(null)\n\n    const activeSort = controlledSort !== undefined ? controlledSort : internalSort\n    const search = controlledSearch !== undefined ? controlledSearch : internalSearch\n    const filters = controlledFilters !== undefined ? controlledFilters : internalFilters\n    const page = controlledPage !== undefined ? controlledPage : internalPage\n    const selected = controlledSelected ?? internalSelected\n    const setSelected = onSelectionChange ?? setInternalSelected\n\n    const setSearch = useCallback(\n        (next: string) => {\n            if (controlledSearch === undefined) setInternalSearch(next)\n            if (!manualPagination && controlledPage === undefined) setInternalPage(1)\n            onSearchChange?.(next)\n        },\n        [controlledSearch, controlledPage, manualPagination, onSearchChange]\n    )\n\n    const setFilters = useCallback(\n        (next: Record<string, string[]>) => {\n            if (controlledFilters === undefined) setInternalFilters(next)\n            if (!manualPagination && controlledPage === undefined) setInternalPage(1)\n            onFiltersChange?.(next)\n        },\n        [controlledFilters, controlledPage, manualPagination, onFiltersChange]\n    )\n\n    const setSort = useCallback(\n        (next: MDataTableSort | null) => {\n            if (controlledSort === undefined) setInternalSort(next)\n            if (!manualPagination && controlledPage === undefined) setInternalPage(1)\n            onSortChange?.(next)\n        },\n        [controlledSort, controlledPage, manualPagination, onSortChange]\n    )\n\n    const setPage = useCallback(\n        (next: number) => {\n            if (controlledPage === undefined) setInternalPage(next)\n            onPageChange?.(next)\n        },\n        [controlledPage, onPageChange]\n    )\n\n    function handleSort(key: string) {\n        let next: MDataTableSort | null\n\n        if (activeSort?.key === key) {\n            next = activeSort.dir === 'asc' ? {key, dir: 'desc'} : null\n        } else {\n            next = {key, dir: 'asc'}\n        }\n\n        setSort(next)\n    }\n\n    function toggleFilterValue(key: string, value: string) {\n        const current = filters[key] ?? []\n        const next = current.includes(value) ? current.filter((item) => item !== value) : [...current, value]\n        setFilters({...filters, [key]: next})\n    }\n\n    const filterOptions = useMemo(() => {\n        const map: Record<string, string[]> = {}\n\n        for (const filterKey of filterKeys) {\n            if (filterKey.options) {\n                map[filterKey.key] = filterKey.options\n                continue\n            }\n\n            const values = new Set<string>()\n\n            for (const row of data) {\n                const value = getNestedValue(row, filterKey.key)\n                if (value != null) values.add(String(value))\n            }\n\n            map[filterKey.key] = Array.from(values).sort()\n        }\n\n        return map\n    }, [data, filterKeys])\n\n    const filtered = useMemo(() => {\n        let result: T[] = data\n\n        if (!manualSearch && filterable && search.trim()) {\n            const query = search.toLowerCase()\n\n            if (searchKeys && searchKeys.length > 0) {\n                result = result.filter((row) =>\n                    searchKeys.some((key) => {\n                        const value = getNestedValue(row, key)\n                        return value != null && String(value).toLowerCase().includes(query)\n                    })\n                )\n            } else {\n                result = result.filter((row) =>\n                    columns.some((col) => {\n                        if (col.filterable === false) return false\n                        const value = (row as any)[col.key]\n                        return value != null && String(value).toLowerCase().includes(query)\n                    })\n                )\n            }\n        }\n\n        if (!manualFilters) {\n            for (const [key, selectedValues] of Object.entries(filters)) {\n                if (!selectedValues || selectedValues.length === 0) continue\n\n                result = result.filter((row) => {\n                    const value = getNestedValue(row, key)\n                    return value != null && selectedValues.includes(String(value))\n                })\n            }\n        }\n\n        return result\n    }, [data, manualSearch, manualFilters, filterable, search, searchKeys, columns, filters])\n\n    const sorted = useMemo(() => {\n        if (manualSort || !activeSort) return filtered\n\n        const col = columns.find((item) => item.key === activeSort.key)\n        const sortKeyAllowed = sortKeys.some((item) => item.key === activeSort.key)\n        if (!col?.sortable && !sortable && !sortKeyAllowed) return filtered\n\n        const dir = activeSort.dir === 'asc' ? 1 : -1\n\n        return [...filtered].sort((a, b) => {\n            const va = (a as any)[activeSort.key]\n            const vb = (b as any)[activeSort.key]\n\n            if (va == null && vb == null) return 0\n            if (va == null) return 1\n            if (vb == null) return -1\n            if (typeof va === 'number' && typeof vb === 'number') return (va - vb) * dir\n\n            return String(va).localeCompare(String(vb)) * dir\n        })\n    }, [filtered, activeSort, columns, sortable, sortKeys, manualSort])\n\n    const totalItems = manualPagination ? (total ?? sorted.length) : sorted.length\n    const totalPages = pagination ? Math.max(1, Math.ceil(totalItems / pageSize)) : 1\n    const pageData = useMemo(() => {\n        if (!pagination || manualPagination) return sorted\n        const start = (page - 1) * pageSize\n        return sorted.slice(start, start + pageSize)\n    }, [sorted, pagination, manualPagination, page, pageSize])\n\n    const allKeys = pageData.map((row, index) => getRowKey(row, (page - 1) * pageSize + index, rowKey))\n    const allSelected = allKeys.length > 0 && allKeys.every((key) => selected.includes(key))\n\n    function toggleAll() {\n        if (allSelected) {\n            setSelected(selected.filter((key) => !allKeys.includes(key)))\n        } else {\n            setSelected([...new Set([...selected, ...allKeys])])\n        }\n    }\n\n    function toggleRow(key: string) {\n        setSelected(selected.includes(key) ? selected.filter((item) => item !== key) : [...selected, key])\n    }\n\n    function handleRowClick(key: string, event: React.MouseEvent) {\n        const target = event.target as HTMLElement\n        if (target.closest('button, a, [data-no-row-select]')) return\n        toggleRow(key)\n    }\n\n    const openFilter = useCallback(() => {\n        setFilterOpen((v) => !v)\n        setSortOpen(false)\n    }, [])\n\n    const openSort = useCallback(() => {\n        setSortOpen((v) => !v)\n        setFilterOpen(false)\n    }, [])\n\n    const activeSortMenuItem = sortKeys.find((item) => item.key === activeSort?.key)\n    const showToolbar = filterable || filterKeys.length > 0 || sortKeys.length > 0\n\n    return (\n        <div className={cn('data-table', className)} {...rest}>\n            {showToolbar && (\n                <div className=\"toolbar\">\n                    {filterable && (\n                        <MInputSearch\n                            className=\"filter-search\"\n                            size=\"sm\"\n                            fullWidth\n                            placeholder={filterPlaceholder}\n                            value={search}\n                            onChange={(event) => setSearch(event.target.value)}\n                            onClear={() => setSearch('')}\n                        />\n                    )}\n\n                    {(filterKeys.length > 0 || sortKeys.length > 0) && (\n                        <div className=\"toolbar-actions\">\n                            {filterKeys.length > 0 && (\n                                <>\n                                    <MButton\n                                        ref={filterBtnRef}\n                                        variant=\"outlined\"\n                                        size=\"sm\"\n                                        startIcon={<MFilterIcon />}\n                                        aria-expanded={filterOpen}\n                                        onClick={openFilter}\n                                    >\n                                        Filter\n                                    </MButton>\n                                    <MPopover\n                                        open={filterOpen}\n                                        anchorRef={filterBtnRef}\n                                        onClose={() => setFilterOpen(false)}\n                                        placement=\"bottom-end\"\n                                        className=\"data-table-dropdown\"\n                                    >\n                                        {filterKeys.map((filterKey) => (\n                                            <div key={filterKey.key} className=\"data-table-filter-group\">\n                                                <span className=\"data-table-filter-label\">{filterKey.label}</span>\n                                                {(filterOptions[filterKey.key] ?? []).map((option) => (\n                                                    <div key={option} className=\"data-table-filter-option\">\n                                                        <MCheckbox\n                                                            size=\"sm\"\n                                                            clickEffect=\"none\"\n                                                            checked={filters[filterKey.key]?.includes(option) ?? false}\n                                                            onChange={() => toggleFilterValue(filterKey.key, option)}\n                                                            label={option}\n                                                        />\n                                                    </div>\n                                                ))}\n                                            </div>\n                                        ))}\n                                    </MPopover>\n                                </>\n                            )}\n\n                            {sortKeys.length > 0 && (\n                                <>\n                                    <MButton\n                                        ref={sortBtnRef}\n                                        variant=\"outlined\"\n                                        size=\"sm\"\n                                        startIcon={\n                                            activeSort ? (\n                                                activeSort.dir === 'asc' ? (\n                                                    <MArrowUpIcon />\n                                                ) : (\n                                                    <MArrowDownIcon />\n                                                )\n                                            ) : (\n                                                <MSortIcon />\n                                            )\n                                        }\n                                        aria-expanded={sortOpen}\n                                        onClick={openSort}\n                                    >\n                                        {activeSortMenuItem ? `Sort: ${activeSortMenuItem.label}` : 'Sort'}\n                                    </MButton>\n                                    <MPopover\n                                        open={sortOpen}\n                                        anchorRef={sortBtnRef}\n                                        onClose={() => setSortOpen(false)}\n                                        placement=\"bottom-end\"\n                                        className=\"data-table-dropdown\"\n                                    >\n                                        {sortKeys.map((sortItem) => (\n                                            <button\n                                                key={sortItem.key}\n                                                type=\"button\"\n                                                className={cn(\n                                                    'data-table-sort-item',\n                                                    activeSort?.key === sortItem.key && 'active'\n                                                )}\n                                                onClick={() => {\n                                                    if (activeSort?.key === sortItem.key) {\n                                                        setSort({\n                                                            key: sortItem.key,\n                                                            dir: activeSort.dir === 'asc' ? 'desc' : 'asc',\n                                                        })\n                                                    } else {\n                                                        setSort({key: sortItem.key, dir: 'asc'})\n                                                    }\n                                                }}\n                                            >\n                                                {sortItem.label}\n                                                {activeSort?.key === sortItem.key && (\n                                                    <span className=\"data-table-sort-dir\">\n                                                        {activeSort.dir === 'asc' ? (\n                                                            <MArrowUpIcon className=\"data-table-sort-icon\" />\n                                                        ) : (\n                                                            <MArrowDownIcon className=\"data-table-sort-icon\" />\n                                                        )}\n                                                    </span>\n                                                )}\n                                            </button>\n                                        ))}\n                                    </MPopover>\n                                </>\n                            )}\n                        </div>\n                    )}\n                </div>\n            )}\n            <div className=\"scroll\">\n                <table className={cn('root', striped && 'striped', compact && 'compact')}>\n                    <thead className={cn('head', stickyHeader && 'sticky')}>\n                        <tr>\n                            {selectable && (\n                                <th className=\"th check-col\">\n                                    <MCheckbox\n                                        checked={allSelected}\n                                        onChange={toggleAll}\n                                        size=\"sm\"\n                                        clickEffect=\"none\"\n                                    />\n                                </th>\n                            )}\n                            {columns.map((col) => {\n                                const isSortable = col.sortable ?? sortable\n                                const isSorted = activeSort?.key === col.key\n\n                                return (\n                                    <th\n                                        key={col.key}\n                                        className={cn(\n                                            'th',\n                                            isSortable && 'sortable',\n                                            isSorted && `sorted-${activeSort!.dir}`\n                                        )}\n                                        style={{\n                                            width: col.width,\n                                            textAlign: col.align,\n                                        }}\n                                        onClick={isSortable ? () => handleSort(col.key) : undefined}\n                                    >\n                                        <span className=\"th-content\">\n                                            {col.label}\n                                            {isSortable && (\n                                                <span className=\"sort-icon\">\n                                                    {isSorted ? (\n                                                        activeSort!.dir === 'asc' ? (\n                                                            <MArrowUpIcon aria-hidden=\"true\" />\n                                                        ) : (\n                                                            <MArrowDownIcon aria-hidden=\"true\" />\n                                                        )\n                                                    ) : (\n                                                        <MArrowUpDownIcon aria-hidden=\"true\" />\n                                                    )}\n                                                </span>\n                                            )}\n                                        </span>\n                                    </th>\n                                )\n                            })}\n                        </tr>\n                    </thead>\n                    <tbody>\n                        {pageData.length === 0 && (\n                            <tr>\n                                <td className=\"empty\" colSpan={columns.length + (selectable ? 1 : 0)}>\n                                    {emptyText}\n                                </td>\n                            </tr>\n                        )}\n                        {pageData.map((row, index) => {\n                            const key = getRowKey(row, (page - 1) * pageSize + index, rowKey)\n                            const isSelected = selected.includes(key)\n\n                            return (\n                                <tr\n                                    key={key}\n                                    className={cn('row', isSelected && 'selected', selectable && 'selectable')}\n                                    onClick={selectable ? (event) => handleRowClick(key, event) : undefined}\n                                >\n                                    {selectable && (\n                                        <td className=\"td check-col\">\n                                            <MCheckbox\n                                                checked={isSelected}\n                                                onChange={() => {}}\n                                                size=\"sm\"\n                                                clickEffect=\"none\"\n                                            />\n                                        </td>\n                                    )}\n                                    {columns.map((col) => (\n                                        <td key={col.key} className=\"td\" style={{textAlign: col.align}}>\n                                            {col.render\n                                                ? col.render((row as any)[col.key], row, (page - 1) * pageSize + index)\n                                                : (row as any)[col.key]}\n                                        </td>\n                                    ))}\n                                </tr>\n                            )\n                        })}\n                    </tbody>\n                </table>\n            </div>\n            {pagination && totalPages > 1 && (\n                <MPagination total={totalItems} page={page} pageSize={pageSize} onChange={setPage} />\n            )}\n        </div>\n    )\n}\n"],"mappings":"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"}
+{"version":3,"file":"MDataTable-CQt_pINO.js","names":[],"sources":["../src/components/data/MDataTable/MDataTable.tsx"],"sourcesContent":["import {useCallback, useMemo, useRef, useState} from 'react'\nimport type * as React from 'react'\nimport type {MDataTableProps, MDataTableSort} from './MDataTable.types'\nimport {MButton, MCheckbox} from '../../controls'\nimport {MInputSearch} from '../../inputs'\nimport {MPagination} from '../../layout'\nimport {MPopover} from '../../primitives'\nimport {MArrowDownIcon, MArrowUpDownIcon, MArrowUpIcon, MFilterIcon, MSortIcon} from '../../../icons'\nimport {cn} from '../../../utils/cn'\nimport './MDataTable.css'\n\nfunction getRowKey<T>(row: T, index: number, rowKey?: string | ((row: T, index: number) => string)): string {\n    if (typeof rowKey === 'function') return rowKey(row, index)\n    if (typeof rowKey === 'string') return String((row as any)[rowKey])\n    return String((row as any).id ?? index)\n}\n\nfunction getNestedValue(obj: unknown, key: string): unknown {\n    const parts = key.split('.')\n    let val: unknown = obj\n\n    for (const p of parts) {\n        if (val == null || typeof val !== 'object') return undefined\n        val = (val as Record<string, unknown>)[p]\n    }\n\n    return val\n}\n\nexport function MDataTable<T = any>({\n    columns,\n    data,\n    rowKey,\n    sortable = false,\n    filterable = false,\n    selectable = false,\n    pagination = false,\n    pageSize = 10,\n    striped = false,\n    compact = false,\n    stickyHeader = false,\n    sort: controlledSort,\n    onSortChange,\n    search: controlledSearch,\n    onSearchChange,\n    searchKeys,\n    filterKeys = [],\n    filters: controlledFilters,\n    onFiltersChange,\n    sortKeys = [],\n    page: controlledPage,\n    onPageChange,\n    total,\n    manualSearch = false,\n    manualFilters = false,\n    manualSort = false,\n    manualPagination = false,\n    selectedKeys: controlledSelected,\n    onSelectionChange,\n    emptyText = 'No data',\n    filterPlaceholder = 'Search...',\n    className,\n    ...rest\n}: MDataTableProps<T>) {\n    const [internalSort, setInternalSort] = useState<MDataTableSort | null>(null)\n    const [internalSelected, setInternalSelected] = useState<string[]>([])\n    const [internalSearch, setInternalSearch] = useState('')\n    const [internalFilters, setInternalFilters] = useState<Record<string, string[]>>({})\n    const [internalPage, setInternalPage] = useState(1)\n    const [filterOpen, setFilterOpen] = useState(false)\n    const [sortOpen, setSortOpen] = useState(false)\n    const filterBtnRef = useRef<HTMLElement>(null)\n    const sortBtnRef = useRef<HTMLElement>(null)\n\n    const activeSort = controlledSort !== undefined ? controlledSort : internalSort\n    const search = controlledSearch !== undefined ? controlledSearch : internalSearch\n    const filters = controlledFilters !== undefined ? controlledFilters : internalFilters\n    const page = controlledPage !== undefined ? controlledPage : internalPage\n    const selected = controlledSelected ?? internalSelected\n    const setSelected = onSelectionChange ?? setInternalSelected\n\n    const setSearch = useCallback(\n        (next: string) => {\n            if (controlledSearch === undefined) setInternalSearch(next)\n            if (!manualPagination && controlledPage === undefined) setInternalPage(1)\n            onSearchChange?.(next)\n        },\n        [controlledSearch, controlledPage, manualPagination, onSearchChange]\n    )\n\n    const setFilters = useCallback(\n        (next: Record<string, string[]>) => {\n            if (controlledFilters === undefined) setInternalFilters(next)\n            if (!manualPagination && controlledPage === undefined) setInternalPage(1)\n            onFiltersChange?.(next)\n        },\n        [controlledFilters, controlledPage, manualPagination, onFiltersChange]\n    )\n\n    const setSort = useCallback(\n        (next: MDataTableSort | null) => {\n            if (controlledSort === undefined) setInternalSort(next)\n            if (!manualPagination && controlledPage === undefined) setInternalPage(1)\n            onSortChange?.(next)\n        },\n        [controlledSort, controlledPage, manualPagination, onSortChange]\n    )\n\n    const setPage = useCallback(\n        (next: number) => {\n            if (controlledPage === undefined) setInternalPage(next)\n            onPageChange?.(next)\n        },\n        [controlledPage, onPageChange]\n    )\n\n    function handleSort(key: string) {\n        let next: MDataTableSort | null\n\n        if (activeSort?.key === key) {\n            next = activeSort.dir === 'asc' ? {key, dir: 'desc'} : null\n        } else {\n            next = {key, dir: 'asc'}\n        }\n\n        setSort(next)\n    }\n\n    function toggleFilterValue(key: string, value: string) {\n        const current = filters[key] ?? []\n        const next = current.includes(value) ? current.filter((item) => item !== value) : [...current, value]\n        setFilters({...filters, [key]: next})\n    }\n\n    const filterOptions = useMemo(() => {\n        const map: Record<string, string[]> = {}\n\n        for (const filterKey of filterKeys) {\n            if (filterKey.options) {\n                map[filterKey.key] = filterKey.options\n                continue\n            }\n\n            const values = new Set<string>()\n\n            for (const row of data) {\n                const value = getNestedValue(row, filterKey.key)\n                if (value != null) values.add(String(value))\n            }\n\n            map[filterKey.key] = Array.from(values).sort()\n        }\n\n        return map\n    }, [data, filterKeys])\n\n    const filtered = useMemo(() => {\n        let result: T[] = data\n\n        if (!manualSearch && filterable && search.trim()) {\n            const query = search.toLowerCase()\n\n            if (searchKeys && searchKeys.length > 0) {\n                result = result.filter((row) =>\n                    searchKeys.some((key) => {\n                        const value = getNestedValue(row, key)\n                        return value != null && String(value).toLowerCase().includes(query)\n                    })\n                )\n            } else {\n                result = result.filter((row) =>\n                    columns.some((col) => {\n                        if (col.filterable === false) return false\n                        const value = (row as any)[col.key]\n                        return value != null && String(value).toLowerCase().includes(query)\n                    })\n                )\n            }\n        }\n\n        if (!manualFilters) {\n            for (const [key, selectedValues] of Object.entries(filters)) {\n                if (!selectedValues || selectedValues.length === 0) continue\n\n                result = result.filter((row) => {\n                    const value = getNestedValue(row, key)\n                    return value != null && selectedValues.includes(String(value))\n                })\n            }\n        }\n\n        return result\n    }, [data, manualSearch, manualFilters, filterable, search, searchKeys, columns, filters])\n\n    const sorted = useMemo(() => {\n        if (manualSort || !activeSort) return filtered\n\n        const col = columns.find((item) => item.key === activeSort.key)\n        const sortKeyAllowed = sortKeys.some((item) => item.key === activeSort.key)\n        if (!col?.sortable && !sortable && !sortKeyAllowed) return filtered\n\n        const dir = activeSort.dir === 'asc' ? 1 : -1\n\n        return [...filtered].sort((a, b) => {\n            const va = (a as any)[activeSort.key]\n            const vb = (b as any)[activeSort.key]\n\n            if (va == null && vb == null) return 0\n            if (va == null) return 1\n            if (vb == null) return -1\n            if (typeof va === 'number' && typeof vb === 'number') return (va - vb) * dir\n\n            return String(va).localeCompare(String(vb)) * dir\n        })\n    }, [filtered, activeSort, columns, sortable, sortKeys, manualSort])\n\n    const totalItems = manualPagination ? (total ?? sorted.length) : sorted.length\n    const totalPages = pagination ? Math.max(1, Math.ceil(totalItems / pageSize)) : 1\n    const pageData = useMemo(() => {\n        if (!pagination || manualPagination) return sorted\n        const start = (page - 1) * pageSize\n        return sorted.slice(start, start + pageSize)\n    }, [sorted, pagination, manualPagination, page, pageSize])\n\n    const allKeys = pageData.map((row, index) => getRowKey(row, (page - 1) * pageSize + index, rowKey))\n    const allSelected = allKeys.length > 0 && allKeys.every((key) => selected.includes(key))\n\n    function toggleAll() {\n        if (allSelected) {\n            setSelected(selected.filter((key) => !allKeys.includes(key)))\n        } else {\n            setSelected([...new Set([...selected, ...allKeys])])\n        }\n    }\n\n    function toggleRow(key: string) {\n        setSelected(selected.includes(key) ? selected.filter((item) => item !== key) : [...selected, key])\n    }\n\n    function handleRowClick(key: string, event: React.MouseEvent) {\n        const target = event.target as HTMLElement\n        if (target.closest('button, a, [data-no-row-select]')) return\n        toggleRow(key)\n    }\n\n    const openFilter = useCallback(() => {\n        setFilterOpen((v) => !v)\n        setSortOpen(false)\n    }, [])\n\n    const openSort = useCallback(() => {\n        setSortOpen((v) => !v)\n        setFilterOpen(false)\n    }, [])\n\n    const activeSortMenuItem = sortKeys.find((item) => item.key === activeSort?.key)\n    const showToolbar = filterable || filterKeys.length > 0 || sortKeys.length > 0\n\n    return (\n        <div className={cn('data-table', className)} {...rest}>\n            {showToolbar && (\n                <div className=\"toolbar\">\n                    {filterable && (\n                        <MInputSearch\n                            className=\"filter-search\"\n                            size=\"sm\"\n                            fullWidth\n                            placeholder={filterPlaceholder}\n                            value={search}\n                            onChange={(event) => setSearch(event.target.value)}\n                            onClear={() => setSearch('')}\n                        />\n                    )}\n\n                    {(filterKeys.length > 0 || sortKeys.length > 0) && (\n                        <div className=\"toolbar-actions\">\n                            {filterKeys.length > 0 && (\n                                <>\n                                    <MButton\n                                        ref={filterBtnRef}\n                                        variant=\"outlined\"\n                                        size=\"sm\"\n                                        startIcon={<MFilterIcon />}\n                                        aria-expanded={filterOpen}\n                                        onClick={openFilter}\n                                    >\n                                        Filter\n                                    </MButton>\n                                    <MPopover\n                                        open={filterOpen}\n                                        anchorRef={filterBtnRef}\n                                        onClose={() => setFilterOpen(false)}\n                                        placement=\"bottom-end\"\n                                        className=\"data-table-dropdown\"\n                                    >\n                                        {filterKeys.map((filterKey) => (\n                                            <div key={filterKey.key} className=\"data-table-filter-group\">\n                                                <span className=\"data-table-filter-label\">{filterKey.label}</span>\n                                                {(filterOptions[filterKey.key] ?? []).map((option) => (\n                                                    <div key={option} className=\"data-table-filter-option\">\n                                                        <MCheckbox\n                                                            size=\"sm\"\n                                                            clickEffect=\"none\"\n                                                            checked={filters[filterKey.key]?.includes(option) ?? false}\n                                                            onChange={() => toggleFilterValue(filterKey.key, option)}\n                                                            label={option}\n                                                        />\n                                                    </div>\n                                                ))}\n                                            </div>\n                                        ))}\n                                    </MPopover>\n                                </>\n                            )}\n\n                            {sortKeys.length > 0 && (\n                                <>\n                                    <MButton\n                                        ref={sortBtnRef}\n                                        variant=\"outlined\"\n                                        size=\"sm\"\n                                        startIcon={\n                                            activeSort ? (\n                                                activeSort.dir === 'asc' ? (\n                                                    <MArrowUpIcon />\n                                                ) : (\n                                                    <MArrowDownIcon />\n                                                )\n                                            ) : (\n                                                <MSortIcon />\n                                            )\n                                        }\n                                        aria-expanded={sortOpen}\n                                        onClick={openSort}\n                                    >\n                                        {activeSortMenuItem ? `Sort: ${activeSortMenuItem.label}` : 'Sort'}\n                                    </MButton>\n                                    <MPopover\n                                        open={sortOpen}\n                                        anchorRef={sortBtnRef}\n                                        onClose={() => setSortOpen(false)}\n                                        placement=\"bottom-end\"\n                                        className=\"data-table-dropdown\"\n                                    >\n                                        {sortKeys.map((sortItem) => (\n                                            <button\n                                                key={sortItem.key}\n                                                type=\"button\"\n                                                className={cn(\n                                                    'data-table-sort-item',\n                                                    activeSort?.key === sortItem.key && 'active'\n                                                )}\n                                                onClick={() => {\n                                                    if (activeSort?.key === sortItem.key) {\n                                                        setSort({\n                                                            key: sortItem.key,\n                                                            dir: activeSort.dir === 'asc' ? 'desc' : 'asc',\n                                                        })\n                                                    } else {\n                                                        setSort({key: sortItem.key, dir: 'asc'})\n                                                    }\n                                                }}\n                                            >\n                                                {sortItem.label}\n                                                {activeSort?.key === sortItem.key && (\n                                                    <span className=\"data-table-sort-dir\">\n                                                        {activeSort.dir === 'asc' ? (\n                                                            <MArrowUpIcon className=\"data-table-sort-icon\" />\n                                                        ) : (\n                                                            <MArrowDownIcon className=\"data-table-sort-icon\" />\n                                                        )}\n                                                    </span>\n                                                )}\n                                            </button>\n                                        ))}\n                                    </MPopover>\n                                </>\n                            )}\n                        </div>\n                    )}\n                </div>\n            )}\n            <div className=\"scroll\">\n                <table className={cn('root', striped && 'striped', compact && 'compact')}>\n                    <thead className={cn('head', stickyHeader && 'sticky')}>\n                        <tr>\n                            {selectable && (\n                                <th className=\"th check-col\">\n                                    <MCheckbox\n                                        checked={allSelected}\n                                        onChange={toggleAll}\n                                        size=\"sm\"\n                                        clickEffect=\"none\"\n                                    />\n                                </th>\n                            )}\n                            {columns.map((col) => {\n                                const isSortable = col.sortable ?? sortable\n                                const isSorted = activeSort?.key === col.key\n\n                                return (\n                                    <th\n                                        key={col.key}\n                                        className={cn(\n                                            'th',\n                                            isSortable && 'sortable',\n                                            isSorted && `sorted-${activeSort!.dir}`\n                                        )}\n                                        style={{\n                                            width: col.width,\n                                            textAlign: col.align,\n                                        }}\n                                        onClick={isSortable ? () => handleSort(col.key) : undefined}\n                                    >\n                                        <span className=\"th-content\">\n                                            {col.label}\n                                            {isSortable && (\n                                                <span className=\"sort-icon\">\n                                                    {isSorted ? (\n                                                        activeSort!.dir === 'asc' ? (\n                                                            <MArrowUpIcon aria-hidden=\"true\" />\n                                                        ) : (\n                                                            <MArrowDownIcon aria-hidden=\"true\" />\n                                                        )\n                                                    ) : (\n                                                        <MArrowUpDownIcon aria-hidden=\"true\" />\n                                                    )}\n                                                </span>\n                                            )}\n                                        </span>\n                                    </th>\n                                )\n                            })}\n                        </tr>\n                    </thead>\n                    <tbody>\n                        {pageData.length === 0 && (\n                            <tr>\n                                <td className=\"empty\" colSpan={columns.length + (selectable ? 1 : 0)}>\n                                    {emptyText}\n                                </td>\n                            </tr>\n                        )}\n                        {pageData.map((row, index) => {\n                            const key = getRowKey(row, (page - 1) * pageSize + index, rowKey)\n                            const isSelected = selected.includes(key)\n\n                            return (\n                                <tr\n                                    key={key}\n                                    className={cn('row', isSelected && 'selected', selectable && 'selectable')}\n                                    onClick={selectable ? (event) => handleRowClick(key, event) : undefined}\n                                >\n                                    {selectable && (\n                                        <td className=\"td check-col\">\n                                            <MCheckbox\n                                                checked={isSelected}\n                                                onChange={() => {}}\n                                                size=\"sm\"\n                                                clickEffect=\"none\"\n                                            />\n                                        </td>\n                                    )}\n                                    {columns.map((col) => (\n                                        <td key={col.key} className=\"td\" style={{textAlign: col.align}}>\n                                            {col.render\n                                                ? col.render((row as any)[col.key], row, (page - 1) * pageSize + index)\n                                                : (row as any)[col.key]}\n                                        </td>\n                                    ))}\n                                </tr>\n                            )\n                        })}\n                    </tbody>\n                </table>\n            </div>\n            {pagination && totalPages > 1 && (\n                <MPagination total={totalItems} page={page} pageSize={pageSize} onChange={setPage} />\n            )}\n        </div>\n    )\n}\n"],"mappings":"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"}

package/dist/{MDrawer-CXNHYwPO.js → MDrawer-B83--EVv.js}

@@ -1,7 +1,7 @@
 import { Li as e } from "./icons-CfpYxnfg.js";
 import { t } from "./cn-YER3QsV1.js";
 import { t as n } from "./MPortal-Ba2Sxset.js";
-import { t as r } from "./MButton-DZLLrtQb.js";
+import { t as r } from "./MButton-C1pnL4_j.js";
 import { Children as i, isValidElement as a, useEffect as o, useRef as s, useState as c } from "react";
 import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
 //#region src/components/overlays/MDrawer/MDrawer.tsx
@@ -119,4 +119,4 @@ function y({ open: a, onClose: l, side: g = "right", size: _ = "md", overlay: v
 //#endregion
 export { g as i, _ as n, v as r, y as t };
 
-//# sourceMappingURL=MDrawer-CXNHYwPO.js.map
+//# sourceMappingURL=MDrawer-B83--EVv.js.map

package/dist/{MDrawer-CXNHYwPO.js.map → MDrawer-B83--EVv.js.map}

@@ -1 +1 @@
-{"version":3,"file":"MDrawer-CXNHYwPO.js","names":[],"sources":["../src/components/overlays/MDrawer/MDrawer.tsx"],"sourcesContent":["import {Children, isValidElement, useEffect, useState, useRef} from 'react'\nimport type {MouseEvent, ReactElement, ReactNode} from 'react'\nimport type {MDrawerProps, MDrawerSectionProps} from './MDrawer.types'\nimport {MPortal} from '../../primitives'\nimport {MButton} from '../../controls'\nimport {MCloseIcon} from '../../../icons'\nimport {cn} from '../../../utils/cn'\nimport './MDrawer.css'\n\nconst EXIT_DURATION = 600\n\ntype DrawerSlotElement = ReactElement<MDrawerSectionProps>\n\nfunction isDrawerHeader(child: ReactNode): child is DrawerSlotElement {\n    return isValidElement(child) && !!(child.type as any).__drawerHeader\n}\n\nfunction isDrawerBody(child: ReactNode): child is DrawerSlotElement {\n    return isValidElement(child) && !!(child.type as any).__drawerBody\n}\n\nfunction isDrawerFooter(child: ReactNode): child is DrawerSlotElement {\n    return isValidElement(child) && !!(child.type as any).__drawerFooter\n}\n\nexport function MDrawerHeader({children}: MDrawerSectionProps) {\n    return <>{children}</>\n}\n;(MDrawerHeader as any).__drawerHeader = true\n\nexport function MDrawerBody({children}: MDrawerSectionProps) {\n    return <>{children}</>\n}\n;(MDrawerBody as any).__drawerBody = true\n\nexport function MDrawerFooter({children}: MDrawerSectionProps) {\n    return <>{children}</>\n}\n;(MDrawerFooter as any).__drawerFooter = true\n\nexport function MDrawer({\n    open,\n    onClose,\n    side = 'right',\n    size = 'md',\n    overlay = true,\n    closeOnBackdrop = true,\n    closeOnEscape = true,\n    className,\n    children,\n    ...rest\n}: MDrawerProps) {\n    const [mounted, setMounted] = useState(false)\n    const [closing, setClosing] = useState(false)\n    const backdropRef = useRef<HTMLDivElement>(null)\n\n    useEffect(() => {\n        if (open) {\n            setMounted(true)\n            setClosing(false)\n        }\n    }, [open])\n\n    useEffect(() => {\n        if (!open && mounted) {\n            setClosing(true)\n            const timer = setTimeout(() => {\n                setMounted(false)\n                setClosing(false)\n            }, EXIT_DURATION)\n            return () => clearTimeout(timer)\n        }\n    }, [open, mounted])\n\n    useEffect(() => {\n        if (!open || !closeOnEscape) return\n\n        const handleKeyDown = (e: KeyboardEvent) => {\n            if (e.key === 'Escape') onClose()\n        }\n\n        document.addEventListener('keydown', handleKeyDown)\n        return () => document.removeEventListener('keydown', handleKeyDown)\n    }, [open, closeOnEscape, onClose])\n\n    useEffect(() => {\n        if (!mounted) return\n\n        const prev = document.body.style.overflow\n        document.body.style.overflow = 'hidden'\n        return () => {\n            document.body.style.overflow = prev\n        }\n    }, [mounted])\n\n    if (!mounted) return null\n\n    const handleBackdropClick = (e: MouseEvent<HTMLDivElement>) => {\n        if (closeOnBackdrop && e.target === e.currentTarget) onClose()\n    }\n\n    let header: ReactNode = null\n    let headerProps: MDrawerSectionProps | null = null\n    let bodyProps: MDrawerSectionProps | null = null\n    let footer: ReactNode = null\n    let footerProps: MDrawerSectionProps | null = null\n    const body: ReactNode[] = []\n\n    Children.forEach(children, (child) => {\n        if (isDrawerHeader(child)) {\n            header = child.props.children\n            headerProps = child.props\n            return\n        }\n\n        if (isDrawerBody(child)) {\n            bodyProps = child.props\n            body.push(child.props.children)\n            return\n        }\n\n        if (isDrawerFooter(child)) {\n            footer = child.props.children\n            footerProps = child.props\n            return\n        }\n\n        body.push(child)\n    })\n\n    const headerSection = headerProps ?? ({children: undefined} as MDrawerSectionProps)\n    const bodySection = bodyProps ?? ({children: undefined} as MDrawerSectionProps)\n    const footerSection = footerProps ?? ({children: undefined} as MDrawerSectionProps)\n    const {\n        children: _headerChildren,\n        className: headerClassName,\n        bordered: headerBordered = false,\n        ...headerRest\n    } = headerSection\n    const {children: _bodyChildren, className: bodyClassName, ...bodyRest} = bodySection\n    const {\n        children: _footerChildren,\n        className: footerClassName,\n        bordered: footerBordered = false,\n        ...footerRest\n    } = footerSection\n\n    return (\n        <MPortal>\n            <div\n                ref={backdropRef}\n                className={cn('mineral-backdrop', 'drawer-backdrop', !overlay && 'no-overlay', closing && 'closing')}\n                onMouseDown={handleBackdropClick}\n            >\n                <div className={cn('drawer', side, size, className)} role=\"dialog\" aria-modal=\"true\" {...rest}>\n                    {header && (\n                        <div\n                            {...headerRest}\n                            className={cn('drawer-header', headerBordered && 'bordered', headerClassName)}\n                        >\n                            <div className=\"drawer-title\">{header}</div>\n                            <MButton\n                                variant=\"link\"\n                                color=\"neutral\"\n                                iconOnly\n                                size=\"sm\"\n                                onClick={onClose}\n                                aria-label=\"Close\"\n                                className=\"close\"\n                            >\n                                <MCloseIcon />\n                            </MButton>\n                        </div>\n                    )}\n                    <div {...bodyRest} className={cn('drawer-body', bodyClassName)}>\n                        {body}\n                    </div>\n                    {footer && (\n                        <div\n                            {...footerRest}\n                            className={cn('drawer-footer', footerBordered && 'bordered', footerClassName)}\n                        >\n                            {footer}\n                        </div>\n                    )}\n                </div>\n            </div>\n        </MPortal>\n    )\n}\n"],"mappings":"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"}
+{"version":3,"file":"MDrawer-B83--EVv.js","names":[],"sources":["../src/components/overlays/MDrawer/MDrawer.tsx"],"sourcesContent":["import {Children, isValidElement, useEffect, useState, useRef} from 'react'\nimport type {MouseEvent, ReactElement, ReactNode} from 'react'\nimport type {MDrawerProps, MDrawerSectionProps} from './MDrawer.types'\nimport {MPortal} from '../../primitives'\nimport {MButton} from '../../controls'\nimport {MCloseIcon} from '../../../icons'\nimport {cn} from '../../../utils/cn'\nimport './MDrawer.css'\n\nconst EXIT_DURATION = 600\n\ntype DrawerSlotElement = ReactElement<MDrawerSectionProps>\n\nfunction isDrawerHeader(child: ReactNode): child is DrawerSlotElement {\n    return isValidElement(child) && !!(child.type as any).__drawerHeader\n}\n\nfunction isDrawerBody(child: ReactNode): child is DrawerSlotElement {\n    return isValidElement(child) && !!(child.type as any).__drawerBody\n}\n\nfunction isDrawerFooter(child: ReactNode): child is DrawerSlotElement {\n    return isValidElement(child) && !!(child.type as any).__drawerFooter\n}\n\nexport function MDrawerHeader({children}: MDrawerSectionProps) {\n    return <>{children}</>\n}\n;(MDrawerHeader as any).__drawerHeader = true\n\nexport function MDrawerBody({children}: MDrawerSectionProps) {\n    return <>{children}</>\n}\n;(MDrawerBody as any).__drawerBody = true\n\nexport function MDrawerFooter({children}: MDrawerSectionProps) {\n    return <>{children}</>\n}\n;(MDrawerFooter as any).__drawerFooter = true\n\nexport function MDrawer({\n    open,\n    onClose,\n    side = 'right',\n    size = 'md',\n    overlay = true,\n    closeOnBackdrop = true,\n    closeOnEscape = true,\n    className,\n    children,\n    ...rest\n}: MDrawerProps) {\n    const [mounted, setMounted] = useState(false)\n    const [closing, setClosing] = useState(false)\n    const backdropRef = useRef<HTMLDivElement>(null)\n\n    useEffect(() => {\n        if (open) {\n            setMounted(true)\n            setClosing(false)\n        }\n    }, [open])\n\n    useEffect(() => {\n        if (!open && mounted) {\n            setClosing(true)\n            const timer = setTimeout(() => {\n                setMounted(false)\n                setClosing(false)\n            }, EXIT_DURATION)\n            return () => clearTimeout(timer)\n        }\n    }, [open, mounted])\n\n    useEffect(() => {\n        if (!open || !closeOnEscape) return\n\n        const handleKeyDown = (e: KeyboardEvent) => {\n            if (e.key === 'Escape') onClose()\n        }\n\n        document.addEventListener('keydown', handleKeyDown)\n        return () => document.removeEventListener('keydown', handleKeyDown)\n    }, [open, closeOnEscape, onClose])\n\n    useEffect(() => {\n        if (!mounted) return\n\n        const prev = document.body.style.overflow\n        document.body.style.overflow = 'hidden'\n        return () => {\n            document.body.style.overflow = prev\n        }\n    }, [mounted])\n\n    if (!mounted) return null\n\n    const handleBackdropClick = (e: MouseEvent<HTMLDivElement>) => {\n        if (closeOnBackdrop && e.target === e.currentTarget) onClose()\n    }\n\n    let header: ReactNode = null\n    let headerProps: MDrawerSectionProps | null = null\n    let bodyProps: MDrawerSectionProps | null = null\n    let footer: ReactNode = null\n    let footerProps: MDrawerSectionProps | null = null\n    const body: ReactNode[] = []\n\n    Children.forEach(children, (child) => {\n        if (isDrawerHeader(child)) {\n            header = child.props.children\n            headerProps = child.props\n            return\n        }\n\n        if (isDrawerBody(child)) {\n            bodyProps = child.props\n            body.push(child.props.children)\n            return\n        }\n\n        if (isDrawerFooter(child)) {\n            footer = child.props.children\n            footerProps = child.props\n            return\n        }\n\n        body.push(child)\n    })\n\n    const headerSection = headerProps ?? ({children: undefined} as MDrawerSectionProps)\n    const bodySection = bodyProps ?? ({children: undefined} as MDrawerSectionProps)\n    const footerSection = footerProps ?? ({children: undefined} as MDrawerSectionProps)\n    const {\n        children: _headerChildren,\n        className: headerClassName,\n        bordered: headerBordered = false,\n        ...headerRest\n    } = headerSection\n    const {children: _bodyChildren, className: bodyClassName, ...bodyRest} = bodySection\n    const {\n        children: _footerChildren,\n        className: footerClassName,\n        bordered: footerBordered = false,\n        ...footerRest\n    } = footerSection\n\n    return (\n        <MPortal>\n            <div\n                ref={backdropRef}\n                className={cn('mineral-backdrop', 'drawer-backdrop', !overlay && 'no-overlay', closing && 'closing')}\n                onMouseDown={handleBackdropClick}\n            >\n                <div className={cn('drawer', side, size, className)} role=\"dialog\" aria-modal=\"true\" {...rest}>\n                    {header && (\n                        <div\n                            {...headerRest}\n                            className={cn('drawer-header', headerBordered && 'bordered', headerClassName)}\n                        >\n                            <div className=\"drawer-title\">{header}</div>\n                            <MButton\n                                variant=\"link\"\n                                color=\"neutral\"\n                                iconOnly\n                                size=\"sm\"\n                                onClick={onClose}\n                                aria-label=\"Close\"\n                                className=\"close\"\n                            >\n                                <MCloseIcon />\n                            </MButton>\n                        </div>\n                    )}\n                    <div {...bodyRest} className={cn('drawer-body', bodyClassName)}>\n                        {body}\n                    </div>\n                    {footer && (\n                        <div\n                            {...footerRest}\n                            className={cn('drawer-footer', footerBordered && 'bordered', footerClassName)}\n                        >\n                            {footer}\n                        </div>\n                    )}\n                </div>\n            </div>\n        </MPortal>\n    )\n}\n"],"mappings":"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"}

package/dist/{MDrawer-DzqtHVeA.cjs → MDrawer-D6cy9K7J.cjs}

@@ -1,2 +1,2 @@
-const e=require(`./icons-qCoE70hn.cjs`),t=require(`./cn-CU5TNITO.cjs`),n=require(`./MPortal-BIxPtFYd.cjs`),r=require(`./MButton-8UCydOik.cjs`);require(`./core-DAox0BHy.cjs`);let i=require(`react`),a=require(`react/jsx-runtime`);var o=600;function s(e){return(0,i.isValidElement)(e)&&!!e.type.__drawerHeader}function c(e){return(0,i.isValidElement)(e)&&!!e.type.__drawerBody}function l(e){return(0,i.isValidElement)(e)&&!!e.type.__drawerFooter}function u({children:e}){return(0,a.jsx)(a.Fragment,{children:e})}u.__drawerHeader=!0;function d({children:e}){return(0,a.jsx)(a.Fragment,{children:e})}d.__drawerBody=!0;function f({children:e}){return(0,a.jsx)(a.Fragment,{children:e})}f.__drawerFooter=!0;function p({open:u,onClose:d,side:f=`right`,size:p=`md`,overlay:m=!0,closeOnBackdrop:h=!0,closeOnEscape:g=!0,className:_,children:v,...y}){let[b,x]=(0,i.useState)(!1),[S,C]=(0,i.useState)(!1),w=(0,i.useRef)(null);if((0,i.useEffect)(()=>{u&&(x(!0),C(!1))},[u]),(0,i.useEffect)(()=>{if(!u&&b){C(!0);let e=setTimeout(()=>{x(!1),C(!1)},o);return()=>clearTimeout(e)}},[u,b]),(0,i.useEffect)(()=>{if(!u||!g)return;let e=e=>{e.key===`Escape`&&d()};return document.addEventListener(`keydown`,e),()=>document.removeEventListener(`keydown`,e)},[u,g,d]),(0,i.useEffect)(()=>{if(!b)return;let e=document.body.style.overflow;return document.body.style.overflow=`hidden`,()=>{document.body.style.overflow=e}},[b]),!b)return null;let T=e=>{h&&e.target===e.currentTarget&&d()},E=null,D=null,O=null,k=null,A=null,j=[];i.Children.forEach(v,e=>{if(s(e)){E=e.props.children,D=e.props;return}if(c(e)){O=e.props,j.push(e.props.children);return}if(l(e)){k=e.props.children,A=e.props;return}j.push(e)});let M=D??{children:void 0},N=O??{children:void 0},P=A??{children:void 0},{children:F,className:I,bordered:L=!1,...R}=M,{children:z,className:B,...V}=N,{children:H,className:U,bordered:W=!1,...G}=P;return(0,a.jsx)(n.t,{children:(0,a.jsx)(`div`,{ref:w,className:t.t(`mineral-backdrop`,`drawer-backdrop`,!m&&`no-overlay`,S&&`closing`),onMouseDown:T,children:(0,a.jsxs)(`div`,{className:t.t(`drawer`,f,p,_),role:`dialog`,"aria-modal":`true`,...y,children:[E&&(0,a.jsxs)(`div`,{...R,className:t.t(`drawer-header`,L&&`bordered`,I),children:[(0,a.jsx)(`div`,{className:`drawer-title`,children:E}),(0,a.jsx)(r.t,{variant:`link`,color:`neutral`,iconOnly:!0,size:`sm`,onClick:d,"aria-label":`Close`,className:`close`,children:(0,a.jsx)(e.Li,{})})]}),(0,a.jsx)(`div`,{...V,className:t.t(`drawer-body`,B),children:j}),k&&(0,a.jsx)(`div`,{...G,className:t.t(`drawer-footer`,W&&`bordered`,U),children:k})]})})})}Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return p}});
-//# sourceMappingURL=MDrawer-DzqtHVeA.cjs.map
+const e=require(`./icons-qCoE70hn.cjs`),t=require(`./cn-CU5TNITO.cjs`),n=require(`./MPortal-BIxPtFYd.cjs`),r=require(`./MButton-DFRHWHzh.cjs`);require(`./core-DAox0BHy.cjs`);let i=require(`react`),a=require(`react/jsx-runtime`);var o=600;function s(e){return(0,i.isValidElement)(e)&&!!e.type.__drawerHeader}function c(e){return(0,i.isValidElement)(e)&&!!e.type.__drawerBody}function l(e){return(0,i.isValidElement)(e)&&!!e.type.__drawerFooter}function u({children:e}){return(0,a.jsx)(a.Fragment,{children:e})}u.__drawerHeader=!0;function d({children:e}){return(0,a.jsx)(a.Fragment,{children:e})}d.__drawerBody=!0;function f({children:e}){return(0,a.jsx)(a.Fragment,{children:e})}f.__drawerFooter=!0;function p({open:u,onClose:d,side:f=`right`,size:p=`md`,overlay:m=!0,closeOnBackdrop:h=!0,closeOnEscape:g=!0,className:_,children:v,...y}){let[b,x]=(0,i.useState)(!1),[S,C]=(0,i.useState)(!1),w=(0,i.useRef)(null);if((0,i.useEffect)(()=>{u&&(x(!0),C(!1))},[u]),(0,i.useEffect)(()=>{if(!u&&b){C(!0);let e=setTimeout(()=>{x(!1),C(!1)},o);return()=>clearTimeout(e)}},[u,b]),(0,i.useEffect)(()=>{if(!u||!g)return;let e=e=>{e.key===`Escape`&&d()};return document.addEventListener(`keydown`,e),()=>document.removeEventListener(`keydown`,e)},[u,g,d]),(0,i.useEffect)(()=>{if(!b)return;let e=document.body.style.overflow;return document.body.style.overflow=`hidden`,()=>{document.body.style.overflow=e}},[b]),!b)return null;let T=e=>{h&&e.target===e.currentTarget&&d()},E=null,D=null,O=null,k=null,A=null,j=[];i.Children.forEach(v,e=>{if(s(e)){E=e.props.children,D=e.props;return}if(c(e)){O=e.props,j.push(e.props.children);return}if(l(e)){k=e.props.children,A=e.props;return}j.push(e)});let M=D??{children:void 0},N=O??{children:void 0},P=A??{children:void 0},{children:F,className:I,bordered:L=!1,...R}=M,{children:z,className:B,...V}=N,{children:H,className:U,bordered:W=!1,...G}=P;return(0,a.jsx)(n.t,{children:(0,a.jsx)(`div`,{ref:w,className:t.t(`mineral-backdrop`,`drawer-backdrop`,!m&&`no-overlay`,S&&`closing`),onMouseDown:T,children:(0,a.jsxs)(`div`,{className:t.t(`drawer`,f,p,_),role:`dialog`,"aria-modal":`true`,...y,children:[E&&(0,a.jsxs)(`div`,{...R,className:t.t(`drawer-header`,L&&`bordered`,I),children:[(0,a.jsx)(`div`,{className:`drawer-title`,children:E}),(0,a.jsx)(r.t,{variant:`link`,color:`neutral`,iconOnly:!0,size:`sm`,onClick:d,"aria-label":`Close`,className:`close`,children:(0,a.jsx)(e.Li,{})})]}),(0,a.jsx)(`div`,{...V,className:t.t(`drawer-body`,B),children:j}),k&&(0,a.jsx)(`div`,{...G,className:t.t(`drawer-footer`,W&&`bordered`,U),children:k})]})})})}Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return p}});
+//# sourceMappingURL=MDrawer-D6cy9K7J.cjs.map