@m4l/components 9.16.0 → 9.17.1-beta-feature-731-m4l-components-code-editor.0

package/components/DynamicSort/slots/DynamicSortSlots.d.ts

@@ -40,4 +40,40 @@ export declare const PopoverHeaderActionsStyled: import('@emotion/styled').Style
 export declare const InputSortInputSkeletonStyled: import('@emotion/styled').StyledComponent<Pick<import('../../extended/mui/Skeleton/types').SkeletonProps, keyof import('../../extended/mui/Skeleton/types').SkeletonProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
     ownerState?: (Partial<import('../types').DynamicSortOwnerState> & Record<string, unknown>) | undefined;
 }, {}, {}>;
+/** Wrapper de cada chip de sort para medición de overflow — idéntico a ChipWrapperStyled del DynamicFilter. */
+export declare const ChipSortWrapperStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('../types').DynamicSortOwnerState> & Record<string, unknown>) | undefined;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
+/** Trigger button que reemplaza el input visible — patrón idéntico al DynamicFilter. */
+export declare const InputSortTriggerButtonStyled: import('@emotion/styled').StyledComponent<Pick<Omit<import('../..').IconButtonProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>, "title" | "component" | "size" | "variant" | "color" | "action" | "content" | "translate" | "className" | "style" | "classes" | "children" | "src" | "sx" | "form" | "slot" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "name" | "tooltip" | "value" | "instaceDataTestId" | "icon" | "selected" | "dataTestId" | "placement" | "rotationAngle" | "instanceDataTestId" | "disabled" | "ariaLabel" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "type" | "badgeProps" | keyof import('react').RefAttributes<HTMLButtonElement>> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('../types').DynamicSortOwnerState> & Record<string, unknown>) | undefined;
+}, {}, {}>;
+/** Label "Sin sorts aplicados" cuando no hay sorts. */
+export declare const EmptyStateLabelStyled: import('@emotion/styled').StyledComponent<Pick<Omit<import('@m4l/base').TypographyProps, "ref"> & import('react').RefAttributes<HTMLSpanElement>, "title" | "component" | "zIndex" | "size" | "variant" | "color" | "dataTestid" | "paragraph" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "columnGap" | "content" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "translate" | "visibility" | "whiteSpace" | "width" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "className" | "style" | "classes" | "children" | "sx" | "p" | "slot" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "disabled" | "ellipsis" | "skeletonWidth" | "align" | "gutterBottom" | "noWrap" | "variantMapping" | "skeletonRows" | "htmlFor" | keyof import('react').RefAttributes<HTMLSpanElement>> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('../types').DynamicSortOwnerState> & Record<string, unknown>) | undefined;
+}, {}, {}>;
+/** Chip "Más (N)" que agrupa los sorts que no caben en el ancho disponible. */
+export declare const OverflowMoreChipStyled: import('@emotion/styled').StyledComponent<Pick<import('../..').ChipProps & import('react').RefAttributes<HTMLDivElement>, keyof import('react').RefAttributes<HTMLDivElement> | keyof import('../..').ChipProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('../types').DynamicSortOwnerState> & Record<string, unknown>) | undefined;
+}, {}, {}>;
+/** Popover contenedor del listado de sorts overflow. */
+export declare const OverflowSortPopoverStyled: import('@emotion/styled').StyledComponent<Pick<Omit<import('../../extended/mui/Popover/types').PopoverProps, "ref"> & import('react').RefAttributes<HTMLDivElement>, "onClose" | "title" | "component" | "size" | "color" | "action" | "content" | "transformOrigin" | "transitionDuration" | "translate" | "container" | "className" | "style" | "classes" | "children" | "sx" | "slots" | "slotProps" | "slot" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "instaceDataTestId" | "anchorOrigin" | "componentsProps" | "components" | "open" | "TransitionComponent" | "TransitionProps" | "BackdropComponent" | "BackdropProps" | "closeAfterTransition" | "disableAutoFocus" | "disableEnforceFocus" | "disableEscapeKeyDown" | "disablePortal" | "disableRestoreFocus" | "disableScrollLock" | "hideBackdrop" | "keepMounted" | "onBackdropClick" | "onTransitionEnter" | "onTransitionExited" | "anchorEl" | "anchorPosition" | "anchorReference" | "elevation" | "marginThreshold" | "PaperProps" | "arrowType" | keyof import('react').RefAttributes<HTMLDivElement>> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('../types').DynamicSortOwnerState> & Record<string, unknown>) | undefined;
+}, {}, {}>;
+/** Lista vertical de sorts dentro del popover overflow. */
+export declare const OverflowSortListStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('../types').DynamicSortOwnerState> & Record<string, unknown>) | undefined;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
+/** Ítem clickeable dentro del popover overflow. */
+export declare const OverflowSortItemStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('../types').DynamicSortOwnerState> & Record<string, unknown>) | undefined;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
+/** Sección central del ítem (label + icono de dirección). */
+export declare const OverflowSortItemHeaderStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('../types').DynamicSortOwnerState> & Record<string, unknown>) | undefined;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
+/** Label del campo dentro del ítem overflow. */
+export declare const OverflowSortItemLabelStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('../types').DynamicSortOwnerState> & Record<string, unknown>) | undefined;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import('react').ClassAttributes<HTMLSpanElement> | keyof import('react').HTMLAttributes<HTMLSpanElement>>, {}>;
 //# sourceMappingURL=DynamicSortSlots.d.ts.map

package/components/DynamicSort/slots/DynamicSortSlots.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DynamicSortSlots.d.ts","sourceRoot":"","sources":["../../../../../../../packages/components/src/components/DynamicSort/slots/DynamicSortSlots.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,UAAU;;6NAGI,CAAC;AAC5B,eAAO,MAAM,oBAAoB;;6NAGI,CAAC;AACtC,eAAO,MAAM,eAAe;;6NAGI,CAAC;AACjC,eAAO,MAAM,oBAAoB;;+OAGI,CAAC;AACtC,eAAO,MAAM,kBAAkB;;6NAGI,CAAC;AACpC,eAAO,MAAM,+BAA+B;;6NAGI,CAAC;AACjD,eAAO,MAAM,aAAa;;6NAGI,CAAC;AAC/B,eAAO,MAAM,wBAAwB;;UAGI,CAAC;AAC1C,eAAO,MAAM,yBAAyB;;UAGI,CAAC;AAC3C,eAAO,MAAM,iBAAiB;;UAGI,CAAC;AACnC,eAAO,MAAM,aAAa;;UAGQ,CAAC;AACnC,eAAO,MAAM,4BAA4B;;6NAGQ,CAAC;AAClD,eAAO,MAAM,0BAA0B;;UAGE,CAAC;AAE1C,eAAO,MAAM,4BAA4B;;UAGD,CAAC"}
+{"version":3,"file":"DynamicSortSlots.d.ts","sourceRoot":"","sources":["../../../../../../../packages/components/src/components/DynamicSort/slots/DynamicSortSlots.ts"],"names":[],"mappings":"AAWA,eAAO,MAAM,UAAU;;6NAGI,CAAC;AAC5B,eAAO,MAAM,oBAAoB;;6NAGI,CAAC;AACtC,eAAO,MAAM,eAAe;;6NAGI,CAAC;AACjC,eAAO,MAAM,oBAAoB;;+OAGI,CAAC;AACtC,eAAO,MAAM,kBAAkB;;6NAGI,CAAC;AACpC,eAAO,MAAM,+BAA+B;;6NAGI,CAAC;AACjD,eAAO,MAAM,aAAa;;6NAGI,CAAC;AAC/B,eAAO,MAAM,wBAAwB;;UAGI,CAAC;AAC1C,eAAO,MAAM,yBAAyB;;UAGI,CAAC;AAC3C,eAAO,MAAM,iBAAiB;;UAGI,CAAC;AACnC,eAAO,MAAM,aAAa;;UAGQ,CAAC;AACnC,eAAO,MAAM,4BAA4B;;6NAGQ,CAAC;AAClD,eAAO,MAAM,0BAA0B;;UAGE,CAAC;AAE1C,eAAO,MAAM,4BAA4B;;UAGD,CAAC;AAEzC,+GAA+G;AAC/G,eAAO,MAAM,qBAAqB;;6NAGA,CAAC;AAEnC,wFAAwF;AACxF,eAAO,MAAM,4BAA4B;;UAGI,CAAC;AAE9C,uDAAuD;AACvD,eAAO,MAAM,qBAAqB;;UAGI,CAAC;AAEvC,+EAA+E;AAC/E,eAAO,MAAM,sBAAsB;;UAGI,CAAC;AAExC,wDAAwD;AACxD,eAAO,MAAM,yBAAyB;;UAGI,CAAC;AAE3C,2DAA2D;AAC3D,eAAO,MAAM,sBAAsB;;6NAGI,CAAC;AAExC,mDAAmD;AACnD,eAAO,MAAM,sBAAsB;;6NAGI,CAAC;AAExC,6DAA6D;AAC7D,eAAO,MAAM,4BAA4B;;6NAGI,CAAC;AAE9C,gDAAgD;AAChD,eAAO,MAAM,2BAA2B;;iOAGI,CAAC"}

package/components/DynamicSort/slots/DynamicSortSlots.js

@@ -1,67 +1,105 @@
-import { styled as t } from "@mui/material/styles";
-import { dynamicSortStyles as o } from "../DynamicSort.styles.js";
-import { DYNAMIC_SORT_KEY_COMPONENT as n } from "../constants.js";
-import { DynamicSortSlots as e } from "./SlotsEnum.js";
-import { Skeleton as p } from "../../extended/mui/Skeleton/Skeleton.js";
-import { IconButton as r } from "../../extended/mui/IconButton/IconButton.js";
-import { ActionsContainer as s } from "../../CommonActions/components/ActionsContainer/ActionsContainer.js";
-import { Popover as i } from "../../extended/mui/Popover/Popover.js";
-const y = t("div", {
-  name: n,
-  slot: e.root
-})(o?.root), C = t("div", {
-  name: n,
-  slot: e.innerContainer
-})(o?.innerContainer), I = t("div", {
-  name: n,
-  slot: e.inputSort
-})(o?.inputSort), A = t("input", {
-  name: n,
-  slot: e.inputSortInput
-})(o?.inputSortInput), f = t("div", {
-  name: n,
-  slot: e.appliedSorts
-})(o?.appliedSorts), B = t("div", {
-  name: n,
-  slot: e.appliedSortInnerContainer
-})(o?.appliedSortInnerContainer), P = t("div", {
-  name: n,
-  slot: e.actions
-})(o?.actions), M = t(r, {
-  name: n,
-  slot: e.actionsClearButton
-})(o?.actionsClearButton), k = t(r, {
-  name: n,
-  slot: e.actionsSubmitButton
-})(o?.actionsSubmitButton), b = t(i, {
-  name: n,
-  slot: e.popoverMenu
-})(o?.popoverMenu), F = t(i, {
-  name: n,
-  slot: e.popoverSort
-})(o?.popoverSort), N = t("div", {
-  name: n,
-  slot: e.popoverSortContainerFields
-})(o?.popoverSortContainerFields), O = t(s, {
-  name: n,
-  slot: e.popoverSortActions
-})(o?.popoverSortActions), _ = t(p, {
-  name: n,
-  slot: e.inputSortSkeleton
-})(o?.inputSortSkeleton);
+import { styled as o } from "@mui/material/styles";
+import { Chip as p } from "../../Chip/Chip.js";
+import { dynamicSortStyles as t } from "../DynamicSort.styles.js";
+import { DYNAMIC_SORT_KEY_COMPONENT as e } from "../constants.js";
+import { DynamicSortSlots as r } from "./SlotsEnum.js";
+import { IconButton as n } from "../../extended/mui/IconButton/IconButton.js";
+import { Typography as i } from "../../extended/mui/Typography/Typography.js";
+import { ActionsContainer as S } from "../../CommonActions/components/ActionsContainer/ActionsContainer.js";
+import { Skeleton as s } from "../../extended/mui/Skeleton/Skeleton.js";
+import { Popover as l } from "../../extended/mui/Popover/Popover.js";
+const w = o("div", {
+  name: e,
+  slot: r.root
+})(t?.root), A = o("div", {
+  name: e,
+  slot: r.innerContainer
+})(t?.innerContainer), B = o("div", {
+  name: e,
+  slot: r.inputSort
+})(t?.inputSort), b = o("input", {
+  name: e,
+  slot: r.inputSortInput
+})(t?.inputSortInput), L = o("div", {
+  name: e,
+  slot: r.appliedSorts
+})(t?.appliedSorts), O = o("div", {
+  name: e,
+  slot: r.appliedSortInnerContainer
+})(t?.appliedSortInnerContainer), P = o("div", {
+  name: e,
+  slot: r.actions
+})(t?.actions), h = o(n, {
+  name: e,
+  slot: r.actionsClearButton
+})(t?.actionsClearButton), M = o(n, {
+  name: e,
+  slot: r.actionsSubmitButton
+})(t?.actionsSubmitButton), g = o(l, {
+  name: e,
+  slot: r.popoverMenu
+})(t?.popoverMenu), T = o(l, {
+  name: e,
+  slot: r.popoverSort
+})(t?.popoverSort), k = o("div", {
+  name: e,
+  slot: r.popoverSortContainerFields
+})(t?.popoverSortContainerFields), H = o(S, {
+  name: e,
+  slot: r.popoverSortActions
+})(t?.popoverSortActions), E = o(s, {
+  name: e,
+  slot: r.inputSortSkeleton
+})(t?.inputSortSkeleton), F = o("div", {
+  name: e,
+  slot: r.chipWrapper
+})(t?.chipWrapper), N = o(n, {
+  name: e,
+  slot: r.inputSortTriggerButton
+})(t?.inputSortTriggerButton), W = o(i, {
+  name: e,
+  slot: r.emptyStateLabel
+})(t?.emptyStateLabel), _ = o(p, {
+  name: e,
+  slot: r.overflowMoreChip
+})(t?.overflowMoreChip), D = o(l, {
+  name: e,
+  slot: r.overflowSortPopover
+})(t?.overflowSortPopover), R = o("div", {
+  name: e,
+  slot: r.overflowSortList
+})(t?.overflowSortList), Y = o("div", {
+  name: e,
+  slot: r.overflowSortItem
+})(t?.overflowSortItem), x = o("div", {
+  name: e,
+  slot: r.overflowSortItemHeader
+})(t?.overflowSortItemHeader), K = o("span", {
+  name: e,
+  slot: r.overflowSortItemLabel
+})(t?.overflowSortItemLabel);
 export {
-  M as ActionsClearButtonStyled,
+  h as ActionsClearButtonStyled,
   P as ActionsStyled,
-  k as ActionsSubmitButtonStyled,
-  B as AppliedSortInnerContainerStyled,
-  f as AppliedSortsStyled,
-  C as InnerContainerStyled,
-  _ as InputSortInputSkeletonStyled,
-  A as InputSortInputStyled,
-  I as InputSortStyled,
-  N as PopoverContainerFieldsStyled,
-  O as PopoverHeaderActionsStyled,
-  b as PopoverMenuStyled,
-  F as PopoverStyled,
-  y as RootStyled
+  M as ActionsSubmitButtonStyled,
+  O as AppliedSortInnerContainerStyled,
+  L as AppliedSortsStyled,
+  F as ChipSortWrapperStyled,
+  W as EmptyStateLabelStyled,
+  A as InnerContainerStyled,
+  E as InputSortInputSkeletonStyled,
+  b as InputSortInputStyled,
+  B as InputSortStyled,
+  N as InputSortTriggerButtonStyled,
+  _ as OverflowMoreChipStyled,
+  x as OverflowSortItemHeaderStyled,
+  K as OverflowSortItemLabelStyled,
+  Y as OverflowSortItemStyled,
+  R as OverflowSortListStyled,
+  D as OverflowSortPopoverStyled,
+  k as PopoverContainerFieldsStyled,
+  H as PopoverHeaderActionsStyled,
+  g as PopoverMenuStyled,
+  T as PopoverStyled,
+  w as RootStyled
 };

package/components/DynamicSort/slots/SlotsEnum.d.ts

@@ -12,6 +12,15 @@ export declare enum DynamicSortSlots {
     popoverSort = "popoverSort",
     popoverSortContainerFields = "popoverSortContainerFields",
     popoverSortActions = "popoverSortActions",
-    inputSortSkeleton = "inputSortSkeleton"
+    inputSortSkeleton = "inputSortSkeleton",
+    chipWrapper = "chipWrapper",
+    inputSortTriggerButton = "inputSortTriggerButton",
+    emptyStateLabel = "emptyStateLabel",
+    overflowMoreChip = "overflowMoreChip",
+    overflowSortPopover = "overflowSortPopover",
+    overflowSortList = "overflowSortList",
+    overflowSortItem = "overflowSortItem",
+    overflowSortItemHeader = "overflowSortItemHeader",
+    overflowSortItemLabel = "overflowSortItemLabel"
 }
 //# sourceMappingURL=SlotsEnum.d.ts.map

package/components/DynamicSort/slots/SlotsEnum.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SlotsEnum.d.ts","sourceRoot":"","sources":["../../../../../../../packages/components/src/components/DynamicSort/slots/SlotsEnum.ts"],"names":[],"mappings":"AAAA,oBAAY,gBAAgB;IAC1B,IAAI,SAAS;IACb,cAAc,mBAAmB;IACjC,SAAS,cAAc;IACvB,cAAc,mBAAmB;IACjC,YAAY,iBAAiB;IAC7B,yBAAyB,8BAA8B;IACvD,OAAO,YAAY;IACnB,kBAAkB,uBAAuB;IACzC,mBAAmB,wBAAwB;IAC3C,WAAW,gBAAgB;IAC3B,WAAW,gBAAgB;IAC3B,0BAA0B,+BAA+B;IACzD,kBAAkB,uBAAuB;IACzC,iBAAiB,sBAAsB;CACxC"}
+{"version":3,"file":"SlotsEnum.d.ts","sourceRoot":"","sources":["../../../../../../../packages/components/src/components/DynamicSort/slots/SlotsEnum.ts"],"names":[],"mappings":"AAAA,oBAAY,gBAAgB;IAC1B,IAAI,SAAS;IACb,cAAc,mBAAmB;IACjC,SAAS,cAAc;IACvB,cAAc,mBAAmB;IACjC,YAAY,iBAAiB;IAC7B,yBAAyB,8BAA8B;IACvD,OAAO,YAAY;IACnB,kBAAkB,uBAAuB;IACzC,mBAAmB,wBAAwB;IAC3C,WAAW,gBAAgB;IAC3B,WAAW,gBAAgB;IAC3B,0BAA0B,+BAA+B;IACzD,kBAAkB,uBAAuB;IACzC,iBAAiB,sBAAsB;IACvC,WAAW,gBAAgB;IAC3B,sBAAsB,2BAA2B;IACjD,eAAe,oBAAoB;IACnC,gBAAgB,qBAAqB;IACrC,mBAAmB,wBAAwB;IAC3C,gBAAgB,qBAAqB;IACrC,gBAAgB,qBAAqB;IACrC,sBAAsB,2BAA2B;IACjD,qBAAqB,0BAA0B;CAChD"}

package/components/DynamicSort/slots/SlotsEnum.js

@@ -1,4 +1,4 @@
-var p = /* @__PURE__ */ ((e) => (e.root = "root", e.innerContainer = "innerContainer", e.inputSort = "inputSort", e.inputSortInput = "inputSortInput", e.appliedSorts = "appliedSorts", e.appliedSortInnerContainer = "appliedSortInnerContainer", e.actions = "actions", e.actionsClearButton = "actionsClearButton", e.actionsSubmitButton = "actionsSubmitButton", e.popoverMenu = "popoverMenu", e.popoverSort = "popoverSort", e.popoverSortContainerFields = "popoverSortContainerFields", e.popoverSortActions = "popoverSortActions", e.inputSortSkeleton = "inputSortSkeleton", e))(p || {});
+var r = /* @__PURE__ */ ((e) => (e.root = "root", e.innerContainer = "innerContainer", e.inputSort = "inputSort", e.inputSortInput = "inputSortInput", e.appliedSorts = "appliedSorts", e.appliedSortInnerContainer = "appliedSortInnerContainer", e.actions = "actions", e.actionsClearButton = "actionsClearButton", e.actionsSubmitButton = "actionsSubmitButton", e.popoverMenu = "popoverMenu", e.popoverSort = "popoverSort", e.popoverSortContainerFields = "popoverSortContainerFields", e.popoverSortActions = "popoverSortActions", e.inputSortSkeleton = "inputSortSkeleton", e.chipWrapper = "chipWrapper", e.inputSortTriggerButton = "inputSortTriggerButton", e.emptyStateLabel = "emptyStateLabel", e.overflowMoreChip = "overflowMoreChip", e.overflowSortPopover = "overflowSortPopover", e.overflowSortList = "overflowSortList", e.overflowSortItem = "overflowSortItem", e.overflowSortItemHeader = "overflowSortItemHeader", e.overflowSortItemLabel = "overflowSortItemLabel", e))(r || {});
 export {
-  p as DynamicSortSlots
+  r as DynamicSortSlots
 };

package/components/DynamicSort/subcomponents/AppliedSortChip/AppliedSortChip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppliedSortChip.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/DynamicSort/subcomponents/AppliedSortChip/AppliedSortChip.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAGpD;;GAEG;AACH,iBAAS,eAAe,CAAC,KAAK,EAAE,gBAAgB,oDAe/C;AACD,eAAe,eAAe,CAAC"}
+{"version":3,"file":"AppliedSortChip.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/DynamicSort/subcomponents/AppliedSortChip/AppliedSortChip.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAGpD;;GAEG;AACH,iBAAS,eAAe,CAAC,KAAK,EAAE,gBAAgB,oDA0B/C;AACD,eAAe,eAAe,CAAC"}

package/components/DynamicSort/subcomponents/AppliedSortChip/AppliedSortChip.js

@@ -1,23 +1,28 @@
-import { jsx as c } from "@emotion/react/jsx-runtime";
-import { Chip as d } from "../../../Chip/Chip.js";
-import p from "../DynamicSortBase/useDynamicSortBase.js";
-import s from "./useAppliedSortChip.js";
-function C(o) {
-  const { fixed: t } = o, { onEditSort: e, onDelete: i, iconFieldUrl: n, labels: r, iconSort: l } = s(o), { size: a } = p();
-  return /* @__PURE__ */ c(
-    d,
+import { jsx as e } from "@emotion/react/jsx-runtime";
+import { isValidElement as d, cloneElement as m } from "react";
+import { Chip as p } from "../../../Chip/Chip.js";
+import f from "../DynamicSortBase/useDynamicSortBase.js";
+import u from "./useAppliedSortChip.js";
+import { Icon as h } from "../../../Icon/Icon.js";
+function E(t) {
+  const { fixed: n } = t, { onEditSort: r, onDelete: l, iconFieldUrl: o, labels: c, SortDirectionIcon: a } = u(t), { size: i } = f(), s = d(o) ? m(o, {
+    size: i,
+    color: "chips.default.contained.color"
+  }) : o;
+  return /* @__PURE__ */ e(
+    p,
     {
       opacity: !0,
       variant: "contained",
-      onClick: e,
-      startIcon: n,
-      label: r.labelField,
-      endIcon: l,
-      size: a,
-      onDeleted: t ? void 0 : i
+      onClick: r,
+      startIcon: s,
+      label: c.labelField,
+      endIcon: /* @__PURE__ */ e(h, { size: "small", src: /* @__PURE__ */ e(a, {}), color: "chips.default.contained.color" }),
+      size: i,
+      onDeleted: n ? void 0 : l
     }
   );
 }
 export {
-  C as default
+  E as default
 };

package/components/DynamicSort/subcomponents/AppliedSortChip/useAppliedSortChip.d.ts

@@ -1,14 +1,15 @@
 import { MouseEvent } from 'react';
 import { SortFieldApplied } from '../../types';
 /**
- * Hook que permite obtener los datos necesarios para mostrar un chip de sort aplicado
+ * Hook que permite obtener los datos necesarios para mostrar un chip de sort aplicado.
+ * Usa @m4l/icons directamente — sin URLs de S3.
  */
 declare function useAppliedSortChip(sort: SortFieldApplied): {
     onDelete: () => void;
     onEditSort: (_event: MouseEvent<HTMLButtonElement>) => void;
     iconFieldUrl: string;
     labels: import('../../types').DataTypeFilerLabels;
-    iconSort: string;
+    SortDirectionIcon: import('react').FunctionComponent<{}>;
 };
 export default useAppliedSortChip;
 //# sourceMappingURL=useAppliedSortChip.d.ts.map

package/components/DynamicSort/subcomponents/AppliedSortChip/useAppliedSortChip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useAppliedSortChip.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/DynamicSort/subcomponents/AppliedSortChip/useAppliedSortChip.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,UAAU,EAAW,MAAM,OAAO,CAAC;AAEjD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAGpD;;GAEG;AACH,iBAAS,kBAAkB,CAAC,IAAI,EAAE,gBAAgB;;yBAqBpB,UAAU,CAAC,iBAAiB,CAAC;;;;EAW1D;AACD,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"useAppliedSortChip.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/DynamicSort/subcomponents/AppliedSortChip/useAppliedSortChip.ts"],"names":[],"mappings":"AAGA,OAAO,EAAsB,KAAK,UAAU,EAAW,MAAM,OAAO,CAAC;AAErE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAEpD;;;GAGG;AACH,iBAAS,kBAAkB,CAAC,IAAI,EAAE,gBAAgB;;yBAuBpB,UAAU,CAAC,iBAAiB,CAAC;;;;EAW1D;AACD,eAAe,kBAAkB,CAAC"}

package/components/DynamicSort/subcomponents/AppliedSortChip/useAppliedSortChip.js

@@ -1,27 +1,27 @@
-import { useEnvironment as S, useModuleDictionary as d } from "@m4l/core";
-import { useFormatter as v } from "@m4l/graphics";
-import { useMemo as D } from "react";
-import { useDynamicSortStore as E } from "../../store/useDynamicSortStore.js";
-import { SORT_ICONS as m } from "../../icons.js";
-import { fieldFactory as $ } from "../FieldTypes/fieldFactory.js";
-function b(o) {
-  const { host_static_assets: e, environment_assets: t } = S(), { getLabel: r } = d(), i = v(), { hidePopoverSort: n, removeSort: a, showPopoverSortForEdit: c } = E(
-    (s) => s.actions
-  ), f = o.operator === "asc" ? `${e}/${t}/${m.ASCENDING}` : `${e}/${t}/${m.DESCENDING}`, l = D(() => $().getLabels(o, r, i, o.field), [o, r, i]);
-  function u() {
-    n(!1), a(o.id);
+import { useModuleDictionary as u } from "@m4l/core";
+import { ActionsSortAscOutlined as a, ActionsSortDescOutlined as d } from "@m4l/icons";
+import { useFormatter as p } from "@m4l/graphics";
+import { useMemo as S } from "react";
+import { useDynamicSortStore as D } from "../../store/useDynamicSortStore.js";
+import { fieldFactory as v } from "../FieldTypes/fieldFactory.js";
+function E(o) {
+  const { getLabel: e } = u(), t = p(), { hidePopoverSort: r, removeSort: n, showPopoverSortForEdit: c } = D(
+    (i) => i.actions
+  ), l = o.operator === "asc" ? a : d, m = S(() => v().getLabels(o, e, t, o.field), [o, e, t]);
+  function s() {
+    r(!1), n(o.id);
   }
-  function p(s) {
-    n(!1), setTimeout(() => c(o), 10);
+  function f(i) {
+    r(!1), setTimeout(() => c(o), 10);
   }
   return {
-    onDelete: u,
-    onEditSort: p,
+    onDelete: s,
+    onEditSort: f,
     iconFieldUrl: o.field?.urlIcon,
-    labels: l,
-    iconSort: f
+    labels: m,
+    SortDirectionIcon: l
   };
 }
 export {
-  b as default
+  E as default
 };

package/components/DynamicSort/subcomponents/AppliedSorts/AppliedSorts.d.ts

@@ -1,5 +1,7 @@
 /**
- * AppliedSorts component es un componente que muestra los chips de los sorts aplicados
+ * AppliedSorts: Renderiza los chips de sorts aplicados con detección de overflow.
+ * Cuando los chips no caben en el ancho disponible, muestra un chip "Más (N)"
+ * que abre el OverflowSortPopover con los sorts ocultos.
  */
 declare function AppliedSorts(): import("@emotion/react/jsx-runtime").JSX.Element;
 export default AppliedSorts;

package/components/DynamicSort/subcomponents/AppliedSorts/AppliedSorts.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppliedSorts.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/DynamicSort/subcomponents/AppliedSorts/AppliedSorts.tsx"],"names":[],"mappings":"AAOA;;GAEG;AACH,iBAAS,YAAY,qDAiBpB;AACD,eAAe,YAAY,CAAC"}
+{"version":3,"file":"AppliedSorts.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/DynamicSort/subcomponents/AppliedSorts/AppliedSorts.tsx"],"names":[],"mappings":"AAqBA;;;;GAIG;AACH,iBAAS,YAAY,qDAqFpB;AACD,eAAe,YAAY,CAAC"}

package/components/DynamicSort/subcomponents/AppliedSorts/AppliedSorts.js

@@ -1,22 +1,92 @@
-import { jsx as r } from "@emotion/react/jsx-runtime";
-import { getPropDataTestId as d } from "../../../../test/getNameDataTestId.js";
-import { DYNAMIC_SORT_KEY_COMPONENT as n } from "../../constants.js";
-import { DynamicSortSlots as S } from "../../slots/SlotsEnum.js";
-import s from "../DynamicSortBase/useDynamicSortBase.js";
-import a from "./useAppliedSorts.js";
-import { AppliedSortsStyled as o, AppliedSortInnerContainerStyled as l } from "../../slots/DynamicSortSlots.js";
-import f from "../AppliedSortChip/AppliedSortChip.js";
-function h() {
-  const { appliedSortsSorted: e, isSkeleton: p } = a(), { dataTestId: i, ownerState: m } = s();
-  return p ? /* @__PURE__ */ r(o, {}) : /* @__PURE__ */ r(
-    o,
+import { jsx as e, jsxs as p } from "@emotion/react/jsx-runtime";
+import { useModuleDictionary as T } from "@m4l/core";
+import { useState as E, useCallback as s } from "react";
+import { getPropDataTestId as I } from "../../../../test/getNameDataTestId.js";
+import { DYNAMIC_SORT_KEY_COMPONENT as R } from "../../constants.js";
+import { getDynamicSortDictionary as m, DICCTIONARY as c } from "../../dictionary.js";
+import { DynamicSortSlots as _ } from "../../slots/SlotsEnum.js";
+import M from "../DynamicSortBase/useDynamicSortBase.js";
+import { useDynamicSortStore as k } from "../../store/useDynamicSortStore.js";
+import N from "./useAppliedSorts.js";
+import { AppliedSortsStyled as f, AppliedSortInnerContainerStyled as P, ChipSortWrapperStyled as x, EmptyStateLabelStyled as Y, OverflowMoreChipStyled as j } from "../../slots/DynamicSortSlots.js";
+import L from "../AppliedSortChip/AppliedSortChip.js";
+import { Typography as $ } from "../../../extended/mui/Typography/Typography.js";
+import z from "../SortActions/SortActions.js";
+import B from "../OverflowSortPopover/OverflowSortPopover.js";
+function re() {
+  const {
+    visibleSorts: i,
+    overflowSorts: t,
+    isSkeleton: d,
+    parentRef: S,
+    containerRef: h,
+    setChipRef: y,
+    setMoreChipRef: u,
+    setActionsRef: C
+  } = N(), { dataTestId: v, ownerState: w, size: n } = M(), { getLabel: l } = T(), { openPopoverMenuFields: A } = k((o) => o.actions), [r, a] = E(null), b = s((o) => {
+    a(o.currentTarget);
+  }, []), g = s(() => {
+    a(null);
+  }, []);
+  if (d)
+    return /* @__PURE__ */ e(f, {});
+  const D = i.length === 0 && t.length === 0;
+  return /* @__PURE__ */ p(
+    f,
     {
-      ...d(n, S.appliedSorts, i),
-      ownerState: { ...m },
-      children: /* @__PURE__ */ r(l, { children: e?.reverse()?.map((t) => /* @__PURE__ */ r(f, { ...t }, t.id)) })
+      ref: S,
+      ...I(R, _.appliedSorts, v),
+      ownerState: { ...w },
+      children: [
+        /* @__PURE__ */ p(P, { ref: h, children: [
+          i.map((o) => /* @__PURE__ */ e(
+            x,
+            {
+              ref: (O) => y(o.id, O),
+              children: /* @__PURE__ */ e(L, { ...o })
+            },
+            o.id
+          )),
+          D && /* @__PURE__ */ e(
+            Y,
+            {
+              "data-testid": "empty-state-label",
+              component: "span",
+              variant: "body",
+              size: n,
+              color: "inherit",
+              onClick: A,
+              children: l(m(c.label_no_sorts_applied))
+            }
+          )
+        ] }),
+        t.length > 0 && /* @__PURE__ */ e(
+          j,
+          {
+            ref: u,
+            size: n,
+            variant: "contained",
+            color: r ? "info" : "default",
+            opacity: !0,
+            dataTestId: "overflow-more-chip",
+            ownerState: { selected: !!r },
+            label: /* @__PURE__ */ e($, { component: "span", variant: "bodyDens", size: n, color: "inherit", children: `${l(m(c.label_more))} (${t.length})` }),
+            onClick: b
+          }
+        ),
+        /* @__PURE__ */ e(z, { ref: C }),
+        r && t.length > 0 && /* @__PURE__ */ e(
+          B,
+          {
+            anchorEl: r,
+            sorts: t,
+            onClose: g
+          }
+        )
+      ]
     }
   );
 }
 export {
-  h as default
+  re as default
 };

package/components/DynamicSort/subcomponents/AppliedSorts/useAppliedSorts.d.ts

@@ -1,9 +1,18 @@
 /**
- * Hook que permite obtener los datos necesarios para mostrar los sorts aplicados
+ * Hook que provee los sorts aplicados ordenados + overflow detection
+ * mediante useChipsOverflow (mismo hook que usa DynamicFilter/AppliedFilters).
+ * Usa useMemo para evitar crear un nuevo array en cada render (evita re-render loop).
  */
 declare function useAppliedSorts(): {
     appliedSortsSorted: import('../..').SortFieldApplied[];
+    visibleSorts: import('../..').SortFieldApplied[];
+    overflowSorts: import('../..').SortFieldApplied[];
     isSkeleton: boolean;
+    parentRef: import('react').RefObject<HTMLDivElement | null>;
+    containerRef: import('react').RefObject<HTMLDivElement | null>;
+    setChipRef: (id: number, el: HTMLElement | null) => void;
+    setMoreChipRef: (el: HTMLElement | null) => void;
+    setActionsRef: (el: HTMLElement | null) => void;
 };
 export default useAppliedSorts;
 //# sourceMappingURL=useAppliedSorts.d.ts.map

package/components/DynamicSort/subcomponents/AppliedSorts/useAppliedSorts.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useAppliedSorts.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/DynamicSort/subcomponents/AppliedSorts/useAppliedSorts.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,iBAAS,eAAe;;;EAUvB;AACD,eAAe,eAAe,CAAC"}
+{"version":3,"file":"useAppliedSorts.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/DynamicSort/subcomponents/AppliedSorts/useAppliedSorts.ts"],"names":[],"mappings":"AAKA;;;;GAIG;AACH,iBAAS,eAAe;;;;;;;;;;EAmCvB;AACD,eAAe,eAAe,CAAC"}