@m4l/components 9.54.1 → 9.54.2-beta-m4lcom-764-device-picker.1

package/components/CheckableList/hooks/useCheckableListRender.js

@@ -1,133 +1,146 @@
-import { jsxs as s, Fragment as q, jsx as l } from "@emotion/react/jsx-runtime";
-import { useCallback as k } from "react";
-import { CHECKABLE_LIST_ICON_COMPONENTS as E, ICONS as L } from "../icons.js";
-import { LegacyS3NoItemSelectedNoSelectedOutlined as F } from "@m4l/icons";
-import { ItemLabelTypografyStyled as J, ItemDescriptionTypografyStyled as Q, ItemWrapperStyled as U, ItemCheckboxStyled as Y, ItemIconStyled as Z, ItemContentWrapperStyled as $, GroupLabelCountWrapperStyled as v, GroupLabelTypografyStyled as z, ChipCountTypografyStyled as ee, GroupWrapperStyled as te, GroupHeaderStyled as oe, GroupCheckboxStyled as ne, GroupIconStyled as le, GroupToggleButtonStyled as de } from "../slots/styled.js";
-const pe = ({
-  isItemSelected: p,
-  disabled: C = !1,
-  size: n = "medium",
-  variant: d = "standard",
-  checkboxSize: u = "medium",
-  handleItemToggle: y,
-  renderItem: g,
+import { jsxs as p, Fragment as F, jsx as n } from "@emotion/react/jsx-runtime";
+import { useCallback as g } from "react";
+import { CHECKABLE_LIST_ICON_COMPONENTS as k, ICONS as E } from "../icons.js";
+import { LegacyS3NoItemSelectedNoSelectedOutlined as J } from "@m4l/icons";
+import { ItemLabelTypografyStyled as Q, ItemDescriptionTypografyStyled as U, ItemWrapperStyled as Y, ItemCheckboxStyled as Z, ItemRadioStyled as $, ItemIconStyled as v, ItemContentWrapperStyled as z, GroupLabelCountWrapperStyled as tt, GroupLabelTypografyStyled as et, ChipCountTypografyStyled as ot, GroupWrapperStyled as nt, GroupHeaderStyled as dt, GroupCheckboxStyled as rt, GroupIconStyled as at, GroupToggleButtonStyled as lt } from "../slots/styled.js";
+const yt = ({
+  isItemSelected: C,
+  disabled: y = !1,
+  size: d = "medium",
+  variant: a = "standard",
+  checkboxSize: i = "medium",
+  multiple: L = !0,
+  handleItemToggle: u,
+  renderItem: P,
   expandedGroups: x,
-  isGroupFullySelected: T,
-  isGroupPartiallySelected: N,
-  getGroupItems: P,
-  indeterminateBehavior: w = "indicate-some",
-  renderGroup: D,
+  isGroupFullySelected: N,
+  isGroupPartiallySelected: T,
+  getGroupItems: w,
+  indeterminateBehavior: D = "indicate-some",
+  renderGroup: O,
   groupable: S = !0,
-  showCheckboxOnGroup: O = !0,
-  handleGroupExpandToggle: W,
-  handleGroupToggle: _
+  showCheckboxOnGroup: W = !0,
+  handleGroupExpandToggle: _,
+  handleGroupToggle: A
 }) => {
-  const A = E[L.EXPANDED_LIST], B = E[L.COMPACT_LIST], R = E[L.SEARCH], j = /* @__PURE__ */ l(F, {}), b = k(
-    (e, i) => {
-      const o = p(e.id), t = !!(C || e.disabled), f = g?.({
-        item: e,
+  const B = k[E.EXPANDED_LIST], G = k[E.COMPACT_LIST], j = k[E.SEARCH], M = /* @__PURE__ */ n(J, {}), b = g(
+    (t, s) => {
+      const o = C(t.id), e = !!(y || t.disabled), m = P?.({
+        item: t,
         checked: o,
-        index: i,
-        disabled: t,
-        size: n,
-        variant: d
-      }), h = /* @__PURE__ */ s(q, { children: [
-        /* @__PURE__ */ l(
-          J,
+        index: s,
+        disabled: e,
+        size: d,
+        variant: a
+      }), h = /* @__PURE__ */ p(F, { children: [
+        /* @__PURE__ */ n(
+          Q,
           {
-            ownerState: { size: n, variant: d, disabled: t },
+            ownerState: { size: d, variant: a, disabled: e },
             variant: "bodyStandard",
             color: "text.primary",
-            disabled: t,
-            children: e.label
+            disabled: e,
+            children: t.label
           }
         ),
-        e.description && /* @__PURE__ */ l(
-          Q,
+        t.description && /* @__PURE__ */ n(
+          U,
           {
-            ownerState: { size: n, variant: d },
+            ownerState: { size: d, variant: a },
             variant: "bodyStandard",
             color: "text.secondary",
-            disabled: t,
-            children: e.description
+            disabled: e,
+            children: t.description
           }
         )
       ] });
-      return /* @__PURE__ */ s(
-        U,
+      return /* @__PURE__ */ p(
+        Y,
         {
-          ownerState: { size: n, variant: d, disabled: t, selected: o },
+          ownerState: { size: d, variant: a, disabled: e, selected: o },
           role: "option",
           "aria-label": "item",
           "aria-selected": o,
-          "aria-disabled": t,
-          onClick: () => !t && y(e.id),
+          "aria-disabled": e,
+          onClick: () => !e && u(t.id),
           children: [
-            /* @__PURE__ */ l(
-              Y,
+            L ? /* @__PURE__ */ n(
+              Z,
+              {
+                checked: o,
+                disabled: e,
+                size: i,
+                onChange: (r) => {
+                  r.stopPropagation(), u(t.id);
+                },
+                onClick: (r) => r.stopPropagation()
+              }
+            ) : /* @__PURE__ */ n(
+              $,
               {
                 checked: o,
-                disabled: t,
-                size: u,
+                disabled: e,
+                size: i,
                 onChange: (r) => {
-                  r.stopPropagation(), y(e.id);
+                  r.stopPropagation(), u(t.id);
                 },
                 onClick: (r) => r.stopPropagation()
               }
             ),
-            e.icon && /* @__PURE__ */ l(Z, { children: e.icon }),
-            /* @__PURE__ */ l($, { children: f ?? h })
+            t.icon && /* @__PURE__ */ n(v, { children: t.icon }),
+            /* @__PURE__ */ n(z, { children: m ?? h })
           ]
         }
       );
     },
     [
-      p,
       C,
-      g,
-      n,
+      y,
+      P,
       d,
-      u,
-      y
+      a,
+      i,
+      L,
+      u
     ]
-  ), m = k(
-    (e, i) => {
-      const o = x.has(e.id), t = !!(C || e.disabled), f = T(e), h = N(e), r = P(e);
+  ), f = g(
+    (t, s) => {
+      const o = x.has(t.id), e = !!(y || t.disabled), m = N(t), h = T(t), r = w(t);
       let c = !1;
-      f ? c = !0 : h && w === "indicate-some" && (c = "indeterminate");
-      const I = (a) => {
-        a.stopPropagation(), !(t || !S) && W(e.id);
-      }, G = (a) => {
-        a.stopPropagation(), _(e);
+      m ? c = !0 : h && D === "indicate-some" && (c = "indeterminate");
+      const I = (l) => {
+        l.stopPropagation(), !(e || !S) && _(t.id);
+      }, R = (l) => {
+        l.stopPropagation(), A(t);
       }, H = r.filter(
-        (a) => p(a.id)
-      ).length, K = D?.({
-        group: e,
+        (l) => C(l.id)
+      ).length, V = O?.({
+        group: t,
         items: r,
-        index: i,
+        index: s,
         expanded: o,
-        disabled: t,
-        size: n,
-        variant: d,
+        disabled: e,
+        size: d,
+        variant: a,
         checkboxState: c,
         onToggleExpand: I,
-        onToggleGroup: G,
+        onToggleGroup: R,
         selectedCount: H,
         totalCount: r.length
-      }), V = /* @__PURE__ */ s(v, { children: [
-        /* @__PURE__ */ l(
-          z,
+      }), X = /* @__PURE__ */ p(tt, { children: [
+        /* @__PURE__ */ n(
+          et,
           {
-            ownerState: { size: n, variant: d, disabled: t },
+            ownerState: { size: d, variant: a, disabled: e },
             ellipsis: !0,
             variant: "captionDens",
-            children: e.label
+            children: t.label
           }
         ),
-        /* @__PURE__ */ s(
-          ee,
+        /* @__PURE__ */ p(
+          ot,
           {
-            ownerState: { size: n, variant: d, disabled: t, color: e.color },
+            ownerState: { size: d, variant: a, disabled: e, color: t.color },
             children: [
               H,
               "/",
@@ -135,42 +148,42 @@ const pe = ({
             ]
           }
         )
-      ] }), X = K ?? V;
+      ] }), q = V ?? X;
       return (
         // eslint-disable-next-line jsx-a11y/role-supports-aria-props
-        /* @__PURE__ */ l(
-          te,
+        /* @__PURE__ */ n(
+          nt,
           {
-            ownerState: { size: n, variant: d, grouped: !0, selected: c === !0 },
+            ownerState: { size: d, variant: a, grouped: !0, selected: c === !0 },
             role: "group",
-            "aria-label": e.label,
+            "aria-label": t.label,
             "aria-expanded": o,
-            "aria-disabled": t,
-            children: /* @__PURE__ */ s(
-              oe,
+            "aria-disabled": e,
+            children: /* @__PURE__ */ p(
+              dt,
               {
-                ownerState: { size: n, variant: d, disabled: t },
+                ownerState: { size: d, variant: a, disabled: e },
                 onClick: I,
                 children: [
-                  O && /* @__PURE__ */ l(
-                    ne,
+                  W && /* @__PURE__ */ n(
+                    rt,
                     {
                       checked: c === !0,
                       indeterminate: c === "indeterminate",
-                      disabled: t,
-                      size: u,
-                      onChange: G,
-                      onClick: (a) => a.stopPropagation()
+                      disabled: e,
+                      size: i,
+                      onChange: R,
+                      onClick: (l) => l.stopPropagation()
                     }
                   ),
-                  e.icon && /* @__PURE__ */ l(le, { children: e.icon }),
-                  /* @__PURE__ */ l("div", { style: { flex: 1, minWidth: 0 }, children: X }),
-                  S && /* @__PURE__ */ l(
-                    de,
+                  t.icon && /* @__PURE__ */ n(at, { children: t.icon }),
+                  /* @__PURE__ */ n("div", { style: { flex: 1, minWidth: 0 }, children: q }),
+                  S && /* @__PURE__ */ n(
+                    lt,
                     {
-                      size: n,
+                      size: d,
                       variant: "text",
-                      icon: o ? B : A,
+                      icon: o ? G : B,
                       onClick: I,
                       "aria-label": o ? "Colapsar grupo" : "Expandir grupo"
                     }
@@ -182,22 +195,22 @@ const pe = ({
         )
       );
     },
-    [x, C, T, N, P, w, D, n, d, O, u, S, B, A, W, _, p]
-  ), M = k(
-    ({ index: e, virtualizedItems: i }) => {
-      const o = i[e];
-      return o ? o.type === "group" ? m(o.data, e) : b(o.data, e) : null;
+    [x, y, N, T, w, D, O, d, a, W, i, S, G, B, _, A, C]
+  ), K = g(
+    ({ index: t, virtualizedItems: s }) => {
+      const o = s[t];
+      return o ? o.type === "group" ? f(o.data, t) : b(o.data, t) : null;
     },
-    [m, b]
+    [f, b]
   );
   return {
     renderItemContent: b,
-    renderGroupContent: m,
-    renderVirtualizedItem: M,
-    urlIconSearch: R,
-    urlIconNoResults: j
+    renderGroupContent: f,
+    renderVirtualizedItem: K,
+    urlIconSearch: j,
+    urlIconNoResults: M
   };
 };
 export {
-  pe as useCheckableListRender
+  yt as useCheckableListRender
 };

package/components/CheckableList/slots/slots.d.ts

@@ -10,6 +10,7 @@ export declare enum CheckableListSlots {
     virtualRow = "virtualRow",
     itemWrapper = "itemWrapper",
     itemCheckbox = "itemCheckbox",
+    itemRadio = "itemRadio",
     itemContentWrapper = "itemContentWrapper",
     itemLabel = "itemLabel",
     itemDescription = "itemDescription",

package/components/CheckableList/slots/slots.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"slots.d.ts","sourceRoot":"","sources":["../../../../../../../packages/components/src/components/CheckableList/slots/slots.ts"],"names":[],"mappings":"AAAA,oBAAY,kBAAkB;IAC5B,IAAI,SAAS;IACb,eAAe,oBAAoB;IACnC,WAAW,gBAAgB;IAC3B,kBAAkB,uBAAuB;IACzC,iBAAiB,sBAAsB;IACvC,aAAa,kBAAkB;IAC/B,eAAe,oBAAoB;IACnC,gBAAgB,qBAAqB;IACrC,UAAU,eAAe;IACzB,WAAW,gBAAgB;IAC3B,YAAY,iBAAiB;IAC7B,kBAAkB,uBAAsB;IACxC,SAAS,cAAc;IACvB,eAAe,oBAAoB;IACnC,QAAQ,aAAa;IACrB,YAAY,iBAAiB;IAC7B,WAAW,gBAAgB;IAC3B,aAAa,kBAAkB;IAE/B,sBAAsB,2BAA2B;IACjD,UAAU,eAAe;IACzB,SAAS,cAAY;IAGrB,SAAS,cAAc;IACvB,iBAAiB,sBAAsB;IACvC,UAAU,eAAe;IACzB,mBAAmB,wBAAwB;IAC3C,gBAAgB,qBAAqB;CACtC"}
+{"version":3,"file":"slots.d.ts","sourceRoot":"","sources":["../../../../../../../packages/components/src/components/CheckableList/slots/slots.ts"],"names":[],"mappings":"AAAA,oBAAY,kBAAkB;IAC5B,IAAI,SAAS;IACb,eAAe,oBAAoB;IACnC,WAAW,gBAAgB;IAC3B,kBAAkB,uBAAuB;IACzC,iBAAiB,sBAAsB;IACvC,aAAa,kBAAkB;IAC/B,eAAe,oBAAoB;IACnC,gBAAgB,qBAAqB;IACrC,UAAU,eAAe;IACzB,WAAW,gBAAgB;IAC3B,YAAY,iBAAiB;IAC7B,SAAS,cAAc;IACvB,kBAAkB,uBAAsB;IACxC,SAAS,cAAc;IACvB,eAAe,oBAAoB;IACnC,QAAQ,aAAa;IACrB,YAAY,iBAAiB;IAC7B,WAAW,gBAAgB;IAC3B,aAAa,kBAAkB;IAE/B,sBAAsB,2BAA2B;IACjD,UAAU,eAAe;IACzB,SAAS,cAAY;IAGrB,SAAS,cAAc;IACvB,iBAAiB,sBAAsB;IACvC,UAAU,eAAe;IACzB,mBAAmB,wBAAwB;IAC3C,gBAAgB,qBAAqB;CACtC"}

package/components/CheckableList/slots/slots.js

@@ -1,4 +1,4 @@
-var p = /* @__PURE__ */ ((r) => (r.root = "root", r.searchContainer = "searchContainer", r.searchInput = "searchInput", r.selectAllContainer = "selectAllContainer", r.selectAllCheckbox = "selectAllCheckbox", r.listContainer = "listContainer", r.virtualizedList = "virtualizedList", r.virtualContainer = "virtualContainer", r.virtualRow = "virtualRow", r.itemWrapper = "itemWrapper", r.itemCheckbox = "itemCheckbox", r.itemContentWrapper = "itemContentWrapper", r.itemLabel = "itemLabel", r.itemDescription = "itemDescription", r.itemIcon = "itemIcon", r.groupWrapper = "groupWrapper", r.groupHeader = "groupHeader", r.groupCheckbox = "groupCheckbox", r.groupLabelCountWrapper = "groupLabelCountWrapper", r.groupLabel = "groupLabel", r.chipCount = "chipCount", r.groupIcon = "groupIcon", r.groupToggleButton = "groupToggleButton", r.groupItems = "groupItems", r.emptyMessageWrapper = "emptyMessageWrapper", r.loadingContainer = "loadingContainer", r))(p || {});
+var p = /* @__PURE__ */ ((r) => (r.root = "root", r.searchContainer = "searchContainer", r.searchInput = "searchInput", r.selectAllContainer = "selectAllContainer", r.selectAllCheckbox = "selectAllCheckbox", r.listContainer = "listContainer", r.virtualizedList = "virtualizedList", r.virtualContainer = "virtualContainer", r.virtualRow = "virtualRow", r.itemWrapper = "itemWrapper", r.itemCheckbox = "itemCheckbox", r.itemRadio = "itemRadio", r.itemContentWrapper = "itemContentWrapper", r.itemLabel = "itemLabel", r.itemDescription = "itemDescription", r.itemIcon = "itemIcon", r.groupWrapper = "groupWrapper", r.groupHeader = "groupHeader", r.groupCheckbox = "groupCheckbox", r.groupLabelCountWrapper = "groupLabelCountWrapper", r.groupLabel = "groupLabel", r.chipCount = "chipCount", r.groupIcon = "groupIcon", r.groupToggleButton = "groupToggleButton", r.groupItems = "groupItems", r.emptyMessageWrapper = "emptyMessageWrapper", r.loadingContainer = "loadingContainer", r))(p || {});
 export {
   p as CheckableListSlots
 };

package/components/CheckableList/slots/styled.d.ts

@@ -31,6 +31,9 @@ export declare const ItemWrapperStyled: import('@emotion/styled').StyledComponen
 export declare const ItemCheckboxStyled: import('@emotion/styled').StyledComponent<Pick<Omit<import('../../extended/mui/CheckBox/types').CheckboxProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>, "symbol" | "color" | "content" | "translate" | "error" | "action" | "classes" | "children" | "className" | "sx" | "form" | "slot" | "style" | "title" | "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" | "component" | "name" | "size" | "value" | "indeterminate" | "icon" | "disabled" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "checked" | "skeletonWidth" | "htmlFor" | keyof import('react').RefAttributes<HTMLButtonElement> | "mandatory" | "required" | "readOnly" | "inputProps" | "inputRef" | "helperMessage" | "mandatoryMessage" | "checkedIcon" | "indeterminateIcon" | "inlineText"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
     ownerState?: (Partial<import('..').CheckableListOwnerState> & Record<string, unknown>) | undefined;
 }, {}, {}>;
+export declare const ItemRadioStyled: import('@emotion/styled').StyledComponent<Pick<Omit<import('../../extended/mui/Radio/types').RadioProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>, "color" | "content" | "translate" | "error" | "action" | "classes" | "className" | "sx" | "form" | "slot" | "style" | "title" | "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" | "component" | "name" | "size" | "value" | "icon" | "disabled" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "checked" | keyof import('react').RefAttributes<HTMLButtonElement> | "required" | "readOnly" | "inputProps" | "inputRef" | "checkedIcon" | "inlineText"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('..').CheckableListOwnerState> & Record<string, unknown>) | undefined;
+}, {}, {}>;
 export declare const ItemContentWrapperStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
     ownerState?: (Partial<import('..').CheckableListOwnerState> & 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/CheckableList/slots/styled.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../../../../../packages/components/src/components/CheckableList/slots/styled.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,UAAU;;6NAGM,CAAC;AAE9B,eAAO,MAAM,qBAAqB;;6NAGM,CAAC;AAEzC,eAAO,MAAM,iBAAiB;;UAGM,CAAC;AAErC,eAAO,MAAM,wBAAwB;;6NAGM,CAAC;AAE5C,eAAO,MAAM,uBAAuB;;UAGM,CAAC;AAE3C,eAAO,MAAM,mBAAmB;;6NAGM,CAAC;AAEvC,eAAO,MAAM,qBAAqB;;6NAGM,CAAC;AAEzC,eAAO,MAAM,sBAAsB;;6NAGM,CAAC;AAE1C,eAAO,MAAM,gBAAgB;;6NAGM,CAAC;AAEpC,eAAO,MAAM,iBAAiB;;6NAGM,CAAC;AAErC,eAAO,MAAM,kBAAkB;;UAGM,CAAC;AAEtC,eAAO,MAAM,wBAAwB;;6NAGM,CAAC;AAE5C,eAAO,MAAM,wBAAwB;;UAGH,CAAC;AAEnC,eAAO,MAAM,8BAA8B;;UAGH,CAAC;AAEzC,eAAO,MAAM,cAAc;;6NAGM,CAAC;AAElC,eAAO,MAAM,kBAAkB;;6NAGM,CAAC;AAEtC,eAAO,MAAM,iBAAiB;;6NAGM,CAAC;AAErC,eAAO,MAAM,mBAAmB;;UAGM,CAAC;AAEvC,eAAO,MAAM,4BAA4B;;6NAGM,CAAC;AAEhD,eAAO,MAAM,yBAAyB;;UAGH,CAAC;AAEpC,eAAO,MAAM,wBAAwB;;UAGH,CAAC;AAEnC,eAAO,MAAM,eAAe;;6NAGM,CAAC;AAEnC,eAAO,MAAM,uBAAuB;;UAGM,CAAC;AAE3C,eAAO,MAAM,gBAAgB;;6NAGM,CAAC;AAEpC,eAAO,MAAM,yBAAyB;;6NAGM,CAAC;AAE7C,eAAO,MAAM,sBAAsB;;6NAGM,CAAC"}
+{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../../../../../packages/components/src/components/CheckableList/slots/styled.ts"],"names":[],"mappings":"AAWA,eAAO,MAAM,UAAU;;6NAGM,CAAC;AAE9B,eAAO,MAAM,qBAAqB;;6NAGM,CAAC;AAEzC,eAAO,MAAM,iBAAiB;;UAGM,CAAC;AAErC,eAAO,MAAM,wBAAwB;;6NAGM,CAAC;AAE5C,eAAO,MAAM,uBAAuB;;UAGM,CAAC;AAE3C,eAAO,MAAM,mBAAmB;;6NAGM,CAAC;AAEvC,eAAO,MAAM,qBAAqB;;6NAGM,CAAC;AAEzC,eAAO,MAAM,sBAAsB;;6NAGM,CAAC;AAE1C,eAAO,MAAM,gBAAgB;;6NAGM,CAAC;AAEpC,eAAO,MAAM,iBAAiB;;6NAGM,CAAC;AAErC,eAAO,MAAM,kBAAkB;;UAGM,CAAC;AAEtC,eAAO,MAAM,eAAe;;UAGM,CAAC;AAEnC,eAAO,MAAM,wBAAwB;;6NAGM,CAAC;AAE5C,eAAO,MAAM,wBAAwB;;UAGH,CAAC;AAEnC,eAAO,MAAM,8BAA8B;;UAGH,CAAC;AAEzC,eAAO,MAAM,cAAc;;6NAGM,CAAC;AAElC,eAAO,MAAM,kBAAkB;;6NAGM,CAAC;AAEtC,eAAO,MAAM,iBAAiB;;6NAGM,CAAC;AAErC,eAAO,MAAM,mBAAmB;;UAGM,CAAC;AAEvC,eAAO,MAAM,4BAA4B;;6NAGM,CAAC;AAEhD,eAAO,MAAM,yBAAyB;;UAGH,CAAC;AAEpC,eAAO,MAAM,wBAAwB;;UAGH,CAAC;AAEnC,eAAO,MAAM,eAAe;;6NAGM,CAAC;AAEnC,eAAO,MAAM,uBAAuB;;UAGM,CAAC;AAE3C,eAAO,MAAM,gBAAgB;;6NAGM,CAAC;AAEpC,eAAO,MAAM,yBAAyB;;6NAGM,CAAC;AAE7C,eAAO,MAAM,sBAAsB;;6NAGM,CAAC"}

package/components/CheckableList/slots/styled.js

@@ -5,74 +5,78 @@ import { CheckableListSlots as o } from "./slots.js";
 import { checkableListStyles as n } from "../CheckableList.styles.js";
 import { TextField as a } from "../../extended/mui/TextField/TextField.js";
 import { CheckBox as l } from "../../extended/mui/CheckBox/CheckBox.js";
-import { IconButton as i } from "../../extended/mui/IconButton/IconButton.js";
-const g = t("div", {
+import { Radio as i } from "../../extended/mui/Radio/Radio.js";
+import { IconButton as s } from "../../extended/mui/IconButton/IconButton.js";
+const v = t("div", {
   name: e,
   slot: o.root
-})(n?.root), S = t("div", {
+})(n?.root), h = t("div", {
   name: e,
   slot: o.searchContainer
-})(n?.searchContainer), v = t(a, {
+})(n?.searchContainer), b = t(a, {
   name: e,
   slot: o.searchInput
-})(n?.searchInput), h = t("div", {
+})(n?.searchInput), I = t("div", {
   name: e,
   slot: o.selectAllContainer
-})(n?.selectAllContainer), b = t(l, {
+})(n?.selectAllContainer), L = t(l, {
   name: e,
   slot: o.selectAllCheckbox
-})(n?.selectAllCheckbox), I = t("div", {
+})(n?.selectAllCheckbox), W = t("div", {
   name: e,
   slot: o.listContainer
-})(n?.listContainer), L = t("div", {
+})(n?.listContainer), f = t("div", {
   name: e,
   slot: o.virtualizedList
-})(n?.virtualizedList), W = t("div", {
+})(n?.virtualizedList), k = t("div", {
   name: e,
   slot: o.virtualContainer
-})(n?.virtualContainer), f = t("div", {
+})(n?.virtualContainer), x = t("div", {
   name: e,
   slot: o.virtualRow
-})(n?.virtualRow), k = t("div", {
+})(n?.virtualRow), T = t("div", {
   name: e,
   slot: o.itemWrapper
-})(n?.itemWrapper), x = t(l, {
+})(n?.itemWrapper), R = t(l, {
   name: e,
   slot: o.itemCheckbox
-})(n?.itemCheckbox), T = t("div", {
+})(n?.itemCheckbox), A = t(i, {
+  name: e,
+  slot: o.itemRadio
+})(n?.itemRadio), G = t("div", {
   name: e,
   slot: o.itemContentWrapper
-})(n?.itemContentWrapper), A = t(r, {
+})(n?.itemContentWrapper), B = t(r, {
   name: e,
   slot: o.itemLabel
-})(n?.itemLabel), G = t(r, {
+})(n?.itemLabel), E = t(r, {
   name: e,
   slot: o.itemDescription
-})(n?.itemDescription), B = t("div", {
+})(n?.itemDescription), H = t("div", {
   name: e,
   slot: o.itemIcon
-})(n?.itemIcon), E = t("div", {
+})(n?.itemIcon), M = t("div", {
   name: e,
   slot: o.groupWrapper
-})(n?.groupWrapper), H = t("div", {
+})(n?.groupWrapper), w = t("div", {
   name: e,
   slot: o.groupHeader
-})(n?.groupHeader), M = t(l, {
+})(n?.groupHeader), z = t(l, {
   name: e,
   slot: o.groupCheckbox
-})(n?.groupCheckbox), R = t("div", {
+})(n?.groupCheckbox), D = t("div", {
   name: e,
   slot: o.groupLabelCountWrapper
-})(n?.groupLabelCountWrapper), w = t(r, {
+})(n?.groupLabelCountWrapper), V = t(r, {
   name: e,
   slot: o.groupLabel
-})(n?.groupLabel), z = t(r, {
+})(n?.groupLabel), _ = t(r, {
   name: e,
   slot: o.chipCount
-})(n?.chipCount), D = t("div", {
+})(n?.chipCount), K = t("div", {
   name: e,
   slot: o.groupIcon
-})(n?.groupIcon), V = t(i, {
+})(n?.groupIcon), N = t(s, {
   name: e,
   slot: o.groupToggleButton
 })(n?.groupToggleButton);
@@ -80,37 +84,38 @@ t("div", {
   name: e,
   slot: o.groupItems
 })(n?.groupItems);
-const _ = t("div", {
+const O = t("div", {
   name: e,
   slot: o.emptyMessageWrapper
-})(n?.emptyMessageWrapper), K = t("div", {
+})(n?.emptyMessageWrapper), F = t("div", {
   name: e,
   slot: o.loadingContainer
 })(n?.loadingContainer);
 export {
-  z as ChipCountTypografyStyled,
-  _ as EmptyMessageWrapperStyled,
-  M as GroupCheckboxStyled,
-  H as GroupHeaderStyled,
-  D as GroupIconStyled,
-  R as GroupLabelCountWrapperStyled,
-  w as GroupLabelTypografyStyled,
-  V as GroupToggleButtonStyled,
-  E as GroupWrapperStyled,
-  x as ItemCheckboxStyled,
-  T as ItemContentWrapperStyled,
-  G as ItemDescriptionTypografyStyled,
-  B as ItemIconStyled,
-  A as ItemLabelTypografyStyled,
-  k as ItemWrapperStyled,
-  I as ListContainerStyled,
-  K as LoadingContainerStyled,
-  g as RootStyled,
-  S as SearchContainerStyled,
-  v as SearchInputStyled,
-  b as SelectAllCheckboxStyled,
-  h as SelectAllContainerStyled,
-  W as VirtualContainerStyled,
-  f as VirtualRowStyled,
-  L as VirtualizedListStyled
+  _ as ChipCountTypografyStyled,
+  O as EmptyMessageWrapperStyled,
+  z as GroupCheckboxStyled,
+  w as GroupHeaderStyled,
+  K as GroupIconStyled,
+  D as GroupLabelCountWrapperStyled,
+  V as GroupLabelTypografyStyled,
+  N as GroupToggleButtonStyled,
+  M as GroupWrapperStyled,
+  R as ItemCheckboxStyled,
+  G as ItemContentWrapperStyled,
+  E as ItemDescriptionTypografyStyled,
+  H as ItemIconStyled,
+  B as ItemLabelTypografyStyled,
+  A as ItemRadioStyled,
+  T as ItemWrapperStyled,
+  W as ListContainerStyled,
+  F as LoadingContainerStyled,
+  v as RootStyled,
+  h as SearchContainerStyled,
+  b as SearchInputStyled,
+  L as SelectAllCheckboxStyled,
+  I as SelectAllContainerStyled,
+  k as VirtualContainerStyled,
+  x as VirtualRowStyled,
+  f as VirtualizedListStyled
 };

package/components/CheckableList/types.d.ts

@@ -166,6 +166,16 @@ export interface CheckableListProps {
      * Mostrar botón "Seleccionar todo" (default: false)
      */
     selectAll?: boolean;
+    /**
+     * Texto de la fila "Seleccionar todo".
+     * Por defecto usa la etiqueta del diccionario de CheckableList.
+     */
+    selectAllLabel?: string;
+    /**
+     * Número mostrado junto a "Seleccionar todo".
+     * Por defecto muestra la cantidad de items seleccionados.
+     */
+    selectAllCount?: number;
     /**
      * Hacer los grupos expandibles/colapsables (default: true)
      */
@@ -182,6 +192,11 @@ export interface CheckableListProps {
      * Función personalizada de filtrado
      */
     filterFn?: (item: CheckableListItem, query: string) => boolean;
+    /**
+     * Notifica el texto escrito en el buscador, para que el consumidor pueda
+     * lanzar además una búsqueda remota.
+     */
+    onSearchChange?: (query: string) => void;
     /**
      * Tamaño del componente
      */
@@ -190,6 +205,11 @@ export interface CheckableListProps {
      * Variante del componente
      */
     variant?: 'standard' | 'outlined' | 'compact';
+    /**
+     * Aplica la primera medida del contenedor sin esperar al throttle de 200ms,
+     * evitando el hueco en blanco al montar. Por defecto mantiene la espera.
+     */
+    measureImmediately?: boolean;
     /**
      * Altura estimada de cada item para la virtualización.
      * La altura final la mide TanStack Virtual sobre el DOM real.