@m4l/components 9.38.0 → 9.39.0

package/components/DynamicFilter/subcomponents/AppliedFilterChip/AppliedFilterChip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppliedFilterChip.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/DynamicFilter/subcomponents/AppliedFilterChip/AppliedFilterChip.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAGtD;;;;;GAKG;AACH,iBAAS,iBAAiB,CAAC,MAAM,EAAE,kBAAkB,oDAkCpD;AACD,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"AppliedFilterChip.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/DynamicFilter/subcomponents/AppliedFilterChip/AppliedFilterChip.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAGtD;;;;;GAKG;AACH,iBAAS,iBAAiB,CAAC,MAAM,EAAE,kBAAkB,oDAoCpD;AACD,eAAe,iBAAiB,CAAC"}

package/components/DynamicFilter/subcomponents/AppliedFilterChip/AppliedFilterChip.js

@@ -1,28 +1,35 @@
-import { jsx as l, jsxs as m, Fragment as f } from "@emotion/react/jsx-runtime";
-import { isValidElement as h, cloneElement as u } from "react";
-import { Chip as F } from "../../../Chip/Chip.js";
-import b from "../DynamicFilterBase/useDynamicFilterBase.js";
-import y from "./useAppliedFilterChip.js";
-import { Typography as C } from "../../../extended/mui/Typography/Typography.js";
+import { jsx as t, jsxs as m } from "@emotion/react/jsx-runtime";
+import { isValidElement as f, cloneElement as b } from "react";
+import { Chip as h } from "../../../Chip/Chip.js";
+import F from "../DynamicFilterBase/useDynamicFilterBase.js";
+import u from "./useAppliedFilterChip.js";
+import { AppliedFilterChipLabelStyled as $ } from "../../slots/dynamicFilterSlots.js";
+import { Typography as y } from "../../../extended/mui/Typography/Typography.js";
 function j(i) {
-  const { fixed: n, isSet: a, field: c } = i, { size: o } = b(), { onEditFilter: p, onDelete: s, iconFieldUrl: e, labels: r } = y(i), t = a ? c.color ?? "default" : "error", d = h(e) ? u(e, {
+  const { fixed: n, isSet: a, field: p } = i, { size: o } = F(), { onEditFilter: c, onDelete: d, iconFieldUrl: l, labels: e } = u(i), r = a ? p.color ?? "default" : "error", s = f(l) ? b(l, {
     size: o,
-    color: `chips.${t}.contained.color`
-  }) : e;
-  return /* @__PURE__ */ l(
-    F,
+    color: `chips.${r}.contained.color`
+  }) : l;
+  return /* @__PURE__ */ t(
+    h,
     {
       size: o,
       opacity: !0,
-      color: t,
+      color: r,
       variant: "contained",
-      onClick: p,
-      startIcon: d,
-      label: /* @__PURE__ */ m(f, { children: [
-        /* @__PURE__ */ l(C, { component: "span", variant: "bodyDens", size: o, color: "inherit", children: `${r.labelField} ${r.labelOperator} ` }),
-        ` ${r.labelOperands}`
-      ] }),
-      onDeleted: n ? void 0 : s
+      onClick: c,
+      startIcon: s,
+      label: /* @__PURE__ */ m(
+        $,
+        {
+          title: `${e.labelField} ${e.labelOperator} ${e.labelOperands}`,
+          children: [
+            /* @__PURE__ */ t(y, { component: "span", variant: "bodyDens", size: o, color: "inherit", children: `${e.labelField} ${e.labelOperator} ` }),
+            ` ${e.labelOperands}`
+          ]
+        }
+      ),
+      onDeleted: n ? void 0 : d
     }
   );
 }

package/components/DynamicSort/DynamicSort.js

@@ -1,14 +1,14 @@
 import { jsx as r } from "@emotion/react/jsx-runtime";
 import { forwardRef as m } from "react";
-import { useFlagsPresent as n, CommonFlags as a } from "@m4l/core";
-import { DynamicSortProvider as i } from "./store/DynamicSortContext.js";
+import { useFlagsPresent as n, CommonFlags as i } from "@m4l/core";
+import { DynamicSortProvider as l } from "./store/DynamicSortContext.js";
 import c from "./subcomponents/DynamicSortBase/DynamicSortBase.js";
 const h = m(
-  (o, s) => {
-    const { className: t, ...e } = o;
+  (o, t) => {
+    const { className: e, leadingSeparator: s, ...a } = o;
     return n([
-      a.FLAG_DICTIONARY_LOADED
-    ]) ? /* @__PURE__ */ r(i, { ...e, ref: s, children: /* @__PURE__ */ r(c, { className: t }) }) : null;
+      i.FLAG_DICTIONARY_LOADED
+    ]) ? /* @__PURE__ */ r(l, { ...a, ref: t, children: /* @__PURE__ */ r(c, { className: e, leadingSeparator: s }) }) : null;
   }
 );
 export {

package/components/DynamicSort/DynamicSort.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DynamicSort.styles.d.ts","sourceRoot":"","sources":["../../../../../../packages/components/src/components/DynamicSort/DynamicSort.styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAIzD,eAAO,MAAM,iBAAiB,EAAE,iBAwa/B,CAAC"}
+{"version":3,"file":"DynamicSort.styles.d.ts","sourceRoot":"","sources":["../../../../../../packages/components/src/components/DynamicSort/DynamicSort.styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAIzD,eAAO,MAAM,iBAAiB,EAAE,iBAmc/B,CAAC"}

package/components/DynamicSort/DynamicSort.styles.js

@@ -1,11 +1,11 @@
-import { getTypographyStyles as e } from "../../utils/getTypographyStyles.js";
+import { getTypographyStyles as s } from "../../utils/getTypographyStyles.js";
 import { getSizeStyles as o } from "../../utils/getSizeStyles/getSizeStyles.js";
-const s = "dynamic", p = {
+const n = "dynamic", l = {
   /**
    * Root: Estilos del contenedor principal del componente.
    */
   root: ({ theme: r, ownerState: i }) => ({
-    containerName: s,
+    containerName: n,
     containerType: "inline-size",
     width: "100%",
     height: "auto",
@@ -76,7 +76,7 @@ const s = "dynamic", p = {
       })
     ),
     fontFamily: "inherit",
-    ...e(
+    ...s(
       r.generalSettings.isMobile,
       i?.size || "medium",
       "bodyStandard"
@@ -106,6 +106,11 @@ const s = "dynamic", p = {
     height: "fit-content",
     display: "flex",
     alignItems: "center",
+    // Standalone reads left-to-right (flex-start). The toolbar hook right-aligns
+    // it (flex-end) only when it shares a row with the filter, by setting this
+    // inherited variable — which also works in production, where Emotion strips
+    // the slot labels that class-based selectors would rely on.
+    justifyContent: "var(--m4l-dynamic-sort-justify-content, flex-start)",
     // Gap sp1 (4px) entre el contenedor de chips y el chip "Más", idéntico al
     // DynamicFilter (appliedFilters). Sin esto el chip "Más" queda pegado a los chips.
     gap: r.vars.size.baseSpacings.sp1,
@@ -113,6 +118,9 @@ const s = "dynamic", p = {
     margin: "0px",
     padding: "0px",
     flex: 1,
+    // min-width:0 lets this flex item shrink below its content min-content so
+    // the empty-state label can truncate with ellipsis instead of overflowing.
+    minWidth: 0,
     overflow: "hidden",
     ...o(
       r,
@@ -133,6 +141,15 @@ const s = "dynamic", p = {
       }))
     }
   }),
+  /**
+   * inputSortLeading: Wrapper medible del divisor + trigger en el grupo derecho.
+   */
+  inputSortLeading: ({ theme: r }) => ({
+    display: "flex",
+    alignItems: "center",
+    flexShrink: 0,
+    gap: r.vars.size.baseSpacings["sp1-5"]
+  }),
   /**
    * appliedSortInnerContainer: Contenedor de los chips de sorts.
    * flex: '0 1 auto' — no crece, solo encoge. Igual que DynamicFilter.
@@ -181,12 +198,16 @@ const s = "dynamic", p = {
     borderTopRightRadius: r.vars.size.borderRadius.r1,
     borderBottomRightRadius: r.vars.size.borderRadius.r1,
     flexShrink: 0,
-    // minWidth garantiza que useChipsOverflow siempre mida un ancho > 0
-    // incluso antes de que el layout del container-type:inline-size se resuelva.
-    // Se calcula como 2 botones (action size) + gap + padding horizontal.
-    ...o(r, i?.size || "medium", "action", (a) => ({
-      minWidth: `calc(${a} * 2 + ${r.vars.size.baseSpacings["sp0-5"]} + ${r.vars.size.baseSpacings.sp1} * 2)`
-    })),
+    // minWidth guarantees useChipsOverflow always measures a width > 0 before the
+    // container-type:inline-size layout resolves. Reserve only the buttons actually
+    // rendered (actionsCount) — a fixed 2 inflated the wrapper around a lone refresh
+    // and collapsed chips to "Más" ~1 button early.
+    ...o(r, i?.size || "medium", "action", (a) => {
+      const e = Number(i?.actionsCount) || 1, t = Math.max(e - 1, 0);
+      return {
+        minWidth: `calc(${a} * ${e} + ${r.vars.size.baseSpacings["sp0-5"]} * ${t} + ${r.vars.size.baseSpacings.sp1} * 2)`
+      };
+    }),
     ...!i?.visibleRefresh && !i?.isDirty && {
       display: "none"
     }
@@ -342,8 +363,13 @@ const s = "dynamic", p = {
    */
   // Igual que DynamicFilter.emptyStateLabel + cursor pointer para abrir el popover al hacer clic
   emptyStateLabel: ({ theme: r }) => ({
-    display: "inline-flex",
-    alignItems: "center",
+    // Truncate with ellipsis when the label does not fit (e.g. narrow column).
+    display: "block",
+    minWidth: 0,
+    maxWidth: "100%",
+    overflow: "hidden",
+    textOverflow: "ellipsis",
+    whiteSpace: "nowrap",
     color: r.vars.palette.text.secondary,
     cursor: "pointer",
     userSelect: "none"
@@ -414,7 +440,7 @@ const s = "dynamic", p = {
   }),
   /** overflowSortItemLabel: Field name label text inside the overflow item. */
   overflowSortItemLabel: ({ theme: r }) => ({
-    ...e(!1, "medium", "body"),
+    ...s(!1, "medium", "body"),
     color: r.vars.palette.text.primary,
     flex: 1,
     whiteSpace: "normal",
@@ -422,5 +448,5 @@ const s = "dynamic", p = {
   })
 };
 export {
-  p as dynamicSortStyles
+  l as dynamicSortStyles
 };

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

@@ -13,6 +13,9 @@ export declare const InputSortInputStyled: import('@emotion/styled').StyledCompo
 export declare const AppliedSortsStyled: 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>>, {}>;
+export declare const InputSortLeadingStyled: 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>>, {}>;
 export declare const AppliedSortInnerContainerStyled: 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>>, {}>;

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":"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"}
+{"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;AAEpC,eAAO,MAAM,sBAAsB;;6NAGI,CAAC;AACxC,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,29 +1,32 @@
 import { styled as o } from "@mui/material/styles";
-import { Chip as p } from "../../Chip/Chip.js";
+import { Chip as i } 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 { Typography as p } from "../../extended/mui/Typography/Typography.js";
 import { ActionsContainer as S } from "../../CommonActions/components/ActionsContainer/ActionsContainer.js";
+import { IconButton as n } from "../../extended/mui/IconButton/IconButton.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", {
+})(t?.root), L = o("div", {
   name: e,
   slot: r.innerContainer
-})(t?.innerContainer), B = o("div", {
+})(t?.innerContainer), g = o("div", {
   name: e,
   slot: r.inputSort
-})(t?.inputSort), b = o("input", {
+})(t?.inputSort), A = o("input", {
   name: e,
   slot: r.inputSortInput
-})(t?.inputSortInput), L = o("div", {
+})(t?.inputSortInput), B = o("div", {
   name: e,
   slot: r.appliedSorts
-})(t?.appliedSorts), O = o("div", {
+})(t?.appliedSorts), b = o("div", {
+  name: e,
+  slot: r.inputSortLeading
+})(t?.inputSortLeading), O = o("div", {
   name: e,
   slot: r.appliedSortInnerContainer
 })(t?.appliedSortInnerContainer), P = o("div", {
@@ -35,46 +38,46 @@ const w = o("div", {
 })(t?.actionsClearButton), M = o(n, {
   name: e,
   slot: r.actionsSubmitButton
-})(t?.actionsSubmitButton), g = o(l, {
+})(t?.actionsSubmitButton), T = o(l, {
   name: e,
   slot: r.popoverMenu
-})(t?.popoverMenu), T = o(l, {
+})(t?.popoverMenu), k = o(l, {
   name: e,
   slot: r.popoverSort
-})(t?.popoverSort), k = o("div", {
+})(t?.popoverSort), H = o("div", {
   name: e,
   slot: r.popoverSortContainerFields
-})(t?.popoverSortContainerFields), H = o(S, {
+})(t?.popoverSortContainerFields), E = o(S, {
   name: e,
   slot: r.popoverSortActions
-})(t?.popoverSortActions), E = o(s, {
+})(t?.popoverSortActions), F = o(s, {
   name: e,
   slot: r.inputSortSkeleton
-})(t?.inputSortSkeleton), F = o("div", {
+})(t?.inputSortSkeleton), N = o("div", {
   name: e,
   slot: r.chipWrapper
-})(t?.chipWrapper), N = o(n, {
+})(t?.chipWrapper), W = o(n, {
   name: e,
   slot: r.inputSortTriggerButton
-})(t?.inputSortTriggerButton), W = o(i, {
+})(t?.inputSortTriggerButton), _ = o(p, {
   name: e,
   slot: r.emptyStateLabel
-})(t?.emptyStateLabel), _ = o(p, {
+})(t?.emptyStateLabel), D = o(i, {
   name: e,
   slot: r.overflowMoreChip
-})(t?.overflowMoreChip), D = o(l, {
+})(t?.overflowMoreChip), R = o(l, {
   name: e,
   slot: r.overflowSortPopover
-})(t?.overflowSortPopover), R = o("div", {
+})(t?.overflowSortPopover), Y = o("div", {
   name: e,
   slot: r.overflowSortList
-})(t?.overflowSortList), Y = o("div", {
+})(t?.overflowSortList), x = o("div", {
   name: e,
   slot: r.overflowSortItem
-})(t?.overflowSortItem), x = o("div", {
+})(t?.overflowSortItem), K = o("div", {
   name: e,
   slot: r.overflowSortItemHeader
-})(t?.overflowSortItemHeader), K = o("span", {
+})(t?.overflowSortItemHeader), j = o("span", {
   name: e,
   slot: r.overflowSortItemLabel
 })(t?.overflowSortItemLabel);
@@ -83,23 +86,24 @@ export {
   P as ActionsStyled,
   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,
+  B as AppliedSortsStyled,
+  N as ChipSortWrapperStyled,
+  _ as EmptyStateLabelStyled,
+  L as InnerContainerStyled,
+  F as InputSortInputSkeletonStyled,
+  A as InputSortInputStyled,
+  b as InputSortLeadingStyled,
+  g as InputSortStyled,
+  W as InputSortTriggerButtonStyled,
+  D as OverflowMoreChipStyled,
+  K as OverflowSortItemHeaderStyled,
+  j as OverflowSortItemLabelStyled,
+  x as OverflowSortItemStyled,
+  Y as OverflowSortListStyled,
+  R as OverflowSortPopoverStyled,
+  H as PopoverContainerFieldsStyled,
+  E as PopoverHeaderActionsStyled,
+  T as PopoverMenuStyled,
+  k as PopoverStyled,
   w as RootStyled
 };

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

@@ -4,6 +4,7 @@ export declare enum DynamicSortSlots {
     inputSort = "inputSort",
     inputSortInput = "inputSortInput",
     appliedSorts = "appliedSorts",
+    inputSortLeading = "inputSortLeading",
     appliedSortInnerContainer = "appliedSortInnerContainer",
     actions = "actions",
     actionsClearButton = "actionsClearButton",

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;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"}
+{"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,gBAAgB,qBAAqB;IACrC,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 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 || {});
+var r = /* @__PURE__ */ ((e) => (e.root = "root", e.innerContainer = "innerContainer", e.inputSort = "inputSort", e.inputSortInput = "inputSortInput", e.appliedSorts = "appliedSorts", e.inputSortLeading = "inputSortLeading", 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 {
   r as DynamicSortSlots
 };

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

@@ -1,8 +1,9 @@
+import { AppliedSortsProps } from './types';
 /**
  * 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;
+declare function AppliedSorts({ leadingSeparator }: AppliedSortsProps): import("@emotion/react/jsx-runtime").JSX.Element;
 export default AppliedSorts;
 //# sourceMappingURL=AppliedSorts.d.ts.map

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":"AAqBA;;;;GAIG;AACH,iBAAS,YAAY,qDAqFpB;AACD,eAAe,YAAY,CAAC"}
+{"version":3,"file":"AppliedSorts.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/DynamicSort/subcomponents/AppliedSorts/AppliedSorts.tsx"],"names":[],"mappings":"AAsBA,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAE5C;;;;GAIG;AACH,iBAAS,YAAY,CAAC,EAAE,gBAAgB,EAAE,EAAE,iBAAiB,oDAoG5D;AACD,eAAe,YAAY,CAAC"}

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

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

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

@@ -0,0 +1,5 @@
+import { ReactNode } from 'react';
+export interface AppliedSortsProps {
+    leadingSeparator?: ReactNode;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/DynamicSort/subcomponents/AppliedSorts/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,WAAW,iBAAiB;IAEhC,gBAAgB,CAAC,EAAE,SAAS,CAAC;CAC9B"}

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

@@ -13,6 +13,7 @@ declare function useAppliedSorts(): {
     setChipRef: (id: number, el: HTMLElement | null) => void;
     setMoreChipRef: (el: HTMLElement | null) => void;
     setActionsRef: (el: HTMLElement | null) => void;
+    setLeadingRef: (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":"AAKA;;;;GAIG;AACH,iBAAS,eAAe;;;;;;;;;;EAmCvB;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;;;;;;;;;;;EAqCvB;AACD,eAAe,eAAe,CAAC"}