@hybridcore/ui 1.3.2 → 1.3.4

package/dist/{IconButton-DM-0JFx9.js → IconButton-SnBOFQ43.js}

@@ -1,14 +1,14 @@
 import { _ as t, a as h } from "./extends-Cyw62AD_.js";
 import * as d from "react";
-import { a as n, P as r } from "./createTheme-CCwx9ptk.js";
-import { g as z, u as R, c as C, b as B, a as I } from "./chainPropTypes-CwfDfLEA.js";
-import { g as O, s as x, a as g } from "./styled-fcu13kUF.js";
-import { jsx as T } from "react/jsx-runtime";
-import { B as $ } from "./ButtonBase-C875Ww3z.js";
+import { a as n, P as r } from "./createStyled-liRRhQcN.js";
+import { g as z, u as R, c as C, d as B, a as I } from "./useThemeProps-BXn-nVhw.js";
+import { g as O, s as T, a as f } from "./styled-Dm8rXzIG.js";
+import { jsx as x } from "react/jsx-runtime";
+import { B as $ } from "./ButtonBase-DJz-TFGO.js";
 function k(o) {
   return O("MuiIconButton", o);
 }
-const P = z("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary", "colorSecondary", "colorError", "colorInfo", "colorSuccess", "colorWarning", "edgeStart", "edgeEnd", "sizeSmall", "sizeMedium", "sizeLarge"]), _ = ["edge", "children", "className", "color", "disabled", "disableFocusRipple", "size"], j = (o) => {
+const P = z("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary", "colorSecondary", "colorError", "colorInfo", "colorSuccess", "colorWarning", "edgeStart", "edgeEnd", "sizeSmall", "sizeMedium", "sizeLarge"]), j = ["edge", "children", "className", "color", "disabled", "disableFocusRipple", "size"], E = (o) => {
   const {
     classes: e,
     disabled: a,
@@ -19,7 +19,7 @@ const P = z("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary"
     root: ["root", a && "disabled", s !== "default" && `color${n(s)}`, i && `edge${n(i)}`, `size${n(l)}`]
   };
   return I(c, k, e);
-}, E = x($, {
+}, M = T($, {
   name: "MuiIconButton",
   slot: "Root",
   overridesResolver: (o, e) => {
@@ -45,7 +45,7 @@ const P = z("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary"
   })
 }, !e.disableRipple && {
   "&:hover": {
-    backgroundColor: o.vars ? `rgba(${o.vars.palette.action.activeChannel} / ${o.vars.palette.action.hoverOpacity})` : g(o.palette.action.active, o.palette.action.hoverOpacity),
+    backgroundColor: o.vars ? `rgba(${o.vars.palette.action.activeChannel} / ${o.vars.palette.action.hoverOpacity})` : f(o.palette.action.active, o.palette.action.hoverOpacity),
     // Reset on touch devices, it doesn't add specificity
     "@media (hover: none)": {
       backgroundColor: "transparent"
@@ -67,7 +67,7 @@ const P = z("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary"
     color: s == null ? void 0 : s.main
   }, !e.disableRipple && {
     "&:hover": t({}, s && {
-      backgroundColor: o.vars ? `rgba(${s.mainChannel} / ${o.vars.palette.action.hoverOpacity})` : g(s.main, o.palette.action.hoverOpacity)
+      backgroundColor: o.vars ? `rgba(${s.mainChannel} / ${o.vars.palette.action.hoverOpacity})` : f(s.main, o.palette.action.hoverOpacity)
     }, {
       // Reset on touch devices, it doesn't add specificity
       "@media (hover: none)": {
@@ -86,7 +86,7 @@ const P = z("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary"
       color: (o.vars || o).palette.action.disabled
     }
   });
-}), M = /* @__PURE__ */ d.forwardRef(function(e, a) {
+}), N = /* @__PURE__ */ d.forwardRef(function(e, a) {
   const s = R({
     props: e,
     name: "MuiIconButton"
@@ -98,29 +98,29 @@ const P = z("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary"
     disabled: p = !1,
     disableFocusRipple: u = !1,
     size: v = "medium"
-  } = s, m = h(s, _), f = t({}, s, {
+  } = s, m = h(s, j), g = t({}, s, {
     edge: i,
     color: b,
     disabled: p,
     disableFocusRipple: u,
     size: v
-  }), y = j(f);
-  return /* @__PURE__ */ T(E, t({
+  }), y = E(g);
+  return /* @__PURE__ */ x(M, t({
     className: C(y.root, c),
     centerRipple: !0,
     focusRipple: !u,
     disabled: p,
-    ref: a
+    ref: a,
+    ownerState: g
   }, m, {
-    ownerState: f,
     children: l
   }));
 });
-process.env.NODE_ENV !== "production" && (M.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
+process.env.NODE_ENV !== "production" && (N.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // |     To update them edit the d.ts file and run "yarn proptypes"     |
+  // ----------------------------------------------------------------------
   /**
    * The icon to display.
    */
@@ -137,7 +137,7 @@ process.env.NODE_ENV !== "production" && (M.propTypes = {
   /**
    * The color of the component.
    * It supports both default and custom theme colors, which can be added as shown in the
-   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
+   * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
    * @default 'default'
    */
   color: r.oneOfType([r.oneOf(["inherit", "default", "primary", "secondary", "error", "info", "success", "warning"]), r.string]),
@@ -179,5 +179,5 @@ process.env.NODE_ENV !== "production" && (M.propTypes = {
   sx: r.oneOfType([r.arrayOf(r.oneOfType([r.func, r.object, r.bool])), r.func, r.object])
 });
 export {
-  M as I
+  N as I
 };

package/dist/{Input-DgIhcA8j.js → Input-CeVb6kjv.js}

@@ -1,24 +1,24 @@
-import { _ as a, a as U } from "./extends-Cyw62AD_.js";
-import * as h from "react";
-import { d as j, P as o } from "./createTheme-CCwx9ptk.js";
-import { g as _, s as y, r as w } from "./styled-fcu13kUF.js";
-import { i as M, b as S, r as W, c as E, d as F, e as N } from "./FormControl-BhwmBUAq.js";
-import { g as X, u as A, a as D } from "./chainPropTypes-CwfDfLEA.js";
-import { jsx as L } from "react/jsx-runtime";
-import { r as V } from "./ButtonBase-C875Ww3z.js";
-function k(t) {
+import { _ as a, a as B } from "./extends-Cyw62AD_.js";
+import * as U from "react";
+import { b as j, P as o } from "./createStyled-liRRhQcN.js";
+import { g as _, s as y, r as w } from "./styled-Dm8rXzIG.js";
+import { g as M, u as S, a as W } from "./useThemeProps-BXn-nVhw.js";
+import { i as E, a as F, r as N, b as X, c as A, d as L } from "./FormControl-aXQs42m6.js";
+import { jsx as V } from "react/jsx-runtime";
+import { r as k } from "./ButtonBase-DJz-TFGO.js";
+function q(t) {
   return _("MuiInput", t);
 }
-const r = a({}, M, X("MuiInput", ["root", "underline", "input"])), q = ["disableUnderline", "components", "componentsProps", "fullWidth", "inputComponent", "multiline", "slotProps", "slots", "type"], z = (t) => {
+const r = a({}, E, M("MuiInput", ["root", "underline", "input"])), D = ["disableUnderline", "components", "componentsProps", "fullWidth", "inputComponent", "multiline", "slotProps", "slots", "type"], z = (t) => {
   const {
     classes: e,
     disableUnderline: s
-  } = t, i = D({
+  } = t, i = W({
     root: ["root", !s && "underline"],
     input: ["input"]
-  }, k, e);
+  }, q, e);
   return a({}, e, i);
-}, G = y(S, {
+}, G = y(F, {
   shouldForwardProp: (t) => w(t) || t === "classes",
   name: "MuiInput",
   slot: "Root",
@@ -26,7 +26,7 @@ const r = a({}, M, X("MuiInput", ["root", "underline", "input"])), q = ["disable
     const {
       ownerState: s
     } = t;
-    return [...W(t, e), !s.disableUnderline && e.underline];
+    return [...N(t, e), !s.disableUnderline && e.underline];
   }
 })(({
   theme: t,
@@ -40,7 +40,7 @@ const r = a({}, M, X("MuiInput", ["root", "underline", "input"])), q = ["disable
       marginTop: 16
     }
   }, !e.disableUnderline && {
-    "&::after": {
+    "&:after": {
       borderBottom: `2px solid ${(t.vars || t).palette[e.color].main}`,
       left: 0,
       bottom: 0,
@@ -62,11 +62,11 @@ const r = a({}, M, X("MuiInput", ["root", "underline", "input"])), q = ["disable
       transform: "scaleX(1) translateX(0)"
     },
     [`&.${r.error}`]: {
-      "&::before, &::after": {
+      "&:before, &:after": {
         borderBottomColor: (t.vars || t).palette.error.main
       }
     },
-    "&::before": {
+    "&:before": {
       borderBottom: `1px solid ${n}`,
       left: 0,
       bottom: 0,
@@ -91,13 +91,13 @@ const r = a({}, M, X("MuiInput", ["root", "underline", "input"])), q = ["disable
       borderBottomStyle: "dotted"
     }
   });
-}), H = y(E, {
+}), H = y(X, {
   name: "MuiInput",
   slot: "Input",
-  overridesResolver: F
-})({}), g = /* @__PURE__ */ h.forwardRef(function(e, s) {
+  overridesResolver: A
+})({}), g = /* @__PURE__ */ U.forwardRef(function(e, s) {
   var n, i, u, d;
-  const p = A({
+  const p = S({
     props: e,
     name: "MuiInput"
   }), {
@@ -109,34 +109,34 @@ const r = a({}, M, X("MuiInput", ["root", "underline", "input"])), q = ["disable
     multiline: P = !1,
     slotProps: l,
     slots: b = {},
-    type: R = "text"
-  } = p, T = U(p, q), O = z(p), f = {
+    type: T = "text"
+  } = p, R = B(p, D), O = z(p), f = {
     root: {
       ownerState: {
         disableUnderline: v
       }
     }
-  }, $ = l ?? m ? j(l ?? m, f) : f, x = (n = (i = b.root) != null ? i : c.Root) != null ? n : G, B = (u = (d = b.input) != null ? d : c.Input) != null ? u : H;
-  return /* @__PURE__ */ L(N, a({
+  }, $ = l ?? m ? j(l ?? m, f) : f, x = (n = (i = b.root) != null ? i : c.Root) != null ? n : G, h = (u = (d = b.input) != null ? d : c.Input) != null ? u : H;
+  return /* @__PURE__ */ V(L, a({
     slots: {
       root: x,
-      input: B
+      input: h
     },
     slotProps: $,
     fullWidth: C,
     inputComponent: I,
     multiline: P,
     ref: s,
-    type: R
-  }, T, {
+    type: T
+  }, R, {
     classes: O
   }));
 });
 process.env.NODE_ENV !== "production" && (g.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // |     To update them edit the d.ts file and run "yarn proptypes"     |
+  // ----------------------------------------------------------------------
   /**
    * This prop helps users to fill forms faster, especially on mobile devices.
    * The name can be confusing, as it's more like an autofill.
@@ -154,7 +154,7 @@ process.env.NODE_ENV !== "production" && (g.propTypes = {
   /**
    * The color of the component.
    * It supports both default and custom theme colors, which can be added as shown in the
-   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
+   * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
    * The prop defaults to the value (`'primary'`) inherited from the parent FormControl component.
    */
   color: o.oneOfType([o.oneOf(["primary", "secondary"]), o.string]),
@@ -228,7 +228,7 @@ process.env.NODE_ENV !== "production" && (g.propTypes = {
   /**
    * Pass a ref to the `input` element.
    */
-  inputRef: V,
+  inputRef: k,
   /**
    * If `dense`, will adjust vertical spacing. This is normally obtained via context from
    * FormControl.

package/dist/InputAdornment-fM3loNyx.js

@@ -0,0 +1,155 @@
+import { _ as u, a as I } from "./extends-Cyw62AD_.js";
+import * as b from "react";
+import { P as e, a as v } from "./createStyled-liRRhQcN.js";
+import { g as x, u as A, c as C, a as N } from "./useThemeProps-BXn-nVhw.js";
+import { u as L, F as O } from "./useFormControl-CatNKXAi.js";
+import { g as R, s as _ } from "./styled-Dm8rXzIG.js";
+import { jsx as l, jsxs as j } from "react/jsx-runtime";
+import { T as z } from "./Typography-CXe5ytr0.js";
+function F(t) {
+  return R("MuiInputAdornment", t);
+}
+const y = x("MuiInputAdornment", ["root", "filled", "standard", "outlined", "positionStart", "positionEnd", "disablePointerEvents", "hiddenLabel", "sizeSmall"]);
+var g;
+const M = ["children", "className", "component", "disablePointerEvents", "disableTypography", "position", "variant"], U = (t, o) => {
+  const {
+    ownerState: n
+  } = t;
+  return [o.root, o[`position${v(n.position)}`], n.disablePointerEvents === !0 && o.disablePointerEvents, o[n.variant]];
+}, $ = (t) => {
+  const {
+    classes: o,
+    disablePointerEvents: n,
+    hiddenLabel: r,
+    position: s,
+    size: a,
+    variant: p
+  } = t, d = {
+    root: ["root", n && "disablePointerEvents", s && `position${v(s)}`, p, r && "hiddenLabel", a && `size${v(a)}`]
+  };
+  return N(d, F, o);
+}, S = _("div", {
+  name: "MuiInputAdornment",
+  slot: "Root",
+  overridesResolver: U
+})(({
+  theme: t,
+  ownerState: o
+}) => u({
+  display: "flex",
+  height: "0.01em",
+  // Fix IE11 flexbox alignment. To remove at some point.
+  maxHeight: "2em",
+  alignItems: "center",
+  whiteSpace: "nowrap",
+  color: (t.vars || t).palette.action.active
+}, o.variant === "filled" && {
+  // Styles applied to the root element if `variant="filled"`.
+  [`&.${y.positionStart}&:not(.${y.hiddenLabel})`]: {
+    marginTop: 16
+  }
+}, o.position === "start" && {
+  // Styles applied to the root element if `position="start"`.
+  marginRight: 8
+}, o.position === "end" && {
+  // Styles applied to the root element if `position="end"`.
+  marginLeft: 8
+}, o.disablePointerEvents === !0 && {
+  // Styles applied to the root element if `disablePointerEvents={true}`.
+  pointerEvents: "none"
+})), w = /* @__PURE__ */ b.forwardRef(function(o, n) {
+  const r = A({
+    props: o,
+    name: "MuiInputAdornment"
+  }), {
+    children: s,
+    className: a,
+    component: p = "div",
+    disablePointerEvents: d = !1,
+    disableTypography: E = !1,
+    position: f,
+    variant: c
+  } = r, P = I(r, M), i = L() || {};
+  let m = c;
+  c && i.variant && process.env.NODE_ENV !== "production" && c === i.variant && console.error("MUI: The `InputAdornment` variant infers the variant prop you do not have to provide one."), i && !m && (m = i.variant);
+  const h = u({}, r, {
+    hiddenLabel: i.hiddenLabel,
+    size: i.size,
+    disablePointerEvents: d,
+    position: f,
+    variant: m
+  }), T = $(h);
+  return /* @__PURE__ */ l(O.Provider, {
+    value: null,
+    children: /* @__PURE__ */ l(S, u({
+      as: p,
+      ownerState: h,
+      className: C(T.root, a),
+      ref: n
+    }, P, {
+      children: typeof s == "string" && !E ? /* @__PURE__ */ l(z, {
+        color: "text.secondary",
+        children: s
+      }) : /* @__PURE__ */ j(b.Fragment, {
+        children: [f === "start" ? (
+          /* notranslate needed while Google Translate will not fix zero-width space issue */
+          g || (g = /* @__PURE__ */ l("span", {
+            className: "notranslate",
+            children: "​"
+          }))
+        ) : null, s]
+      })
+    }))
+  });
+});
+process.env.NODE_ENV !== "production" && (w.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // |     To update them edit the d.ts file and run "yarn proptypes"     |
+  // ----------------------------------------------------------------------
+  /**
+   * The content of the component, normally an `IconButton` or string.
+   */
+  children: e.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: e.object,
+  /**
+   * @ignore
+   */
+  className: e.string,
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: e.elementType,
+  /**
+   * Disable pointer events on the root.
+   * This allows for the content of the adornment to focus the `input` on click.
+   * @default false
+   */
+  disablePointerEvents: e.bool,
+  /**
+   * If children is a string then disable wrapping in a Typography component.
+   * @default false
+   */
+  disableTypography: e.bool,
+  /**
+   * The position this adornment should appear relative to the `Input`.
+   */
+  position: e.oneOf(["end", "start"]).isRequired,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object]),
+  /**
+   * The variant to use.
+   * Note: If you are using the `TextField` component or the `FormControl` component
+   * you do not have to set this manually.
+   */
+  variant: e.oneOf(["filled", "outlined", "standard"])
+});
+export {
+  w as I
+};

package/dist/{List-Dz3Z1qJk.js → List-DLIiXc6r.js}

@@ -1,8 +1,8 @@
 import { _ as i, a as L } from "./extends-Cyw62AD_.js";
 import * as d from "react";
-import { P as e } from "./createTheme-CCwx9ptk.js";
-import { g as x, u as P, c as y, a as N } from "./chainPropTypes-CwfDfLEA.js";
-import { g as v, s as C } from "./styled-fcu13kUF.js";
+import { P as e } from "./createStyled-liRRhQcN.js";
+import { g as x, u as P, c as y, a as N } from "./useThemeProps-BXn-nVhw.js";
+import { g as v, s as C } from "./styled-Dm8rXzIG.js";
 import { jsx as T, jsxs as j } from "react/jsx-runtime";
 const u = /* @__PURE__ */ d.createContext({});
 process.env.NODE_ENV !== "production" && (u.displayName = "ListContext");
@@ -52,7 +52,7 @@ const M = ["children", "className", "component", "dense", "disablePadding", "sub
     dense: r = !1,
     disablePadding: m = !1,
     subheader: b
-  } = n, f = L(n, M), g = d.useMemo(() => ({
+  } = n, g = L(n, M), f = d.useMemo(() => ({
     dense: r
   }), [r]), p = i({}, n, {
     component: l,
@@ -60,22 +60,22 @@ const M = ["children", "className", "component", "dense", "disablePadding", "sub
     disablePadding: m
   }), h = O(p);
   return /* @__PURE__ */ T(u.Provider, {
-    value: g,
+    value: f,
     children: /* @__PURE__ */ j(R, i({
       as: l,
       className: y(h.root, c),
       ref: t,
       ownerState: p
-    }, f, {
+    }, g, {
       children: [b, a]
     }))
   });
 });
 process.env.NODE_ENV !== "production" && (E.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // |     To update them edit the d.ts file and run "yarn proptypes"     |
+  // ----------------------------------------------------------------------
   /**
    * The content of the component.
    */

package/dist/{ListItem-DnyWDeDF.js → ListItem-BkxmqFI8.js}

@@ -1,11 +1,11 @@
 import { _ as a, a as S } from "./extends-Cyw62AD_.js";
 import * as r from "react";
-import { P as e } from "./createTheme-CCwx9ptk.js";
-import { g as R, u as Y, c as L, a as z, b as ot } from "./chainPropTypes-CwfDfLEA.js";
-import { g as $, s as M, a as x } from "./styled-fcu13kUF.js";
-import { a as h } from "./List-Dz3Z1qJk.js";
+import { P as e } from "./createStyled-liRRhQcN.js";
+import { g as R, u as Y, c as L, a as z, d as ot } from "./useThemeProps-BXn-nVhw.js";
+import { g as $, s as M, a as x } from "./styled-Dm8rXzIG.js";
+import { a as h } from "./List-DLIiXc6r.js";
 import { jsx as v, jsxs as w } from "react/jsx-runtime";
-import { u as st, b as nt, e as at, B as it } from "./ButtonBase-C875Ww3z.js";
+import { b as st, u as nt, e as at, B as it } from "./ButtonBase-DJz-TFGO.js";
 import { i as H } from "./isMuiElement-CxT3_ACP.js";
 import { i as D } from "./isHostComponent-kiaBvYVo.js";
 function rt(t) {
@@ -46,7 +46,7 @@ const dt = ["className"], pt = (t) => {
   transform: "translateY(-50%)"
 }, t.disableGutters && {
   right: 0
-})), G = /* @__PURE__ */ r.forwardRef(function(o, s) {
+})), T = /* @__PURE__ */ r.forwardRef(function(o, s) {
   const n = Y({
     props: o,
     name: "MuiListItemSecondaryAction"
@@ -61,11 +61,11 @@ const dt = ["className"], pt = (t) => {
     ref: s
   }, c));
 });
-process.env.NODE_ENV !== "production" && (G.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
+process.env.NODE_ENV !== "production" && (T.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // |     To update them edit the d.ts file and run "yarn proptypes"     |
+  // ----------------------------------------------------------------------
   /**
    * The content of the component, normally an `IconButton` or selection control.
    */
@@ -83,7 +83,7 @@ process.env.NODE_ENV !== "production" && (G.propTypes = {
    */
   sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object])
 });
-G.muiName = "ListItemSecondaryAction";
+T.muiName = "ListItemSecondaryAction";
 const mt = ["className"], bt = ["alignItems", "autoFocus", "button", "children", "className", "component", "components", "componentsProps", "ContainerComponent", "ContainerProps", "dense", "disabled", "disableGutters", "disablePadding", "divider", "focusVisibleClassName", "secondaryAction", "selected", "slotProps", "slots"], ft = (t, o) => {
   const {
     ownerState: s
@@ -198,7 +198,7 @@ const mt = ["className"], bt = ["alignItems", "autoFocus", "button", "children",
     className: f,
     component: g,
     components: A = {},
-    componentsProps: T = {},
+    componentsProps: G = {},
     ContainerComponent: j = "li",
     ContainerProps: {
       className: W
@@ -232,8 +232,8 @@ const mt = ["className"], bt = ["alignItems", "autoFocus", "button", "children",
     divider: J,
     hasSecondaryAction: U,
     selected: Q
-  }), _ = gt(C), F = nt(O, s), I = Z.root || A.Root || yt, y = X.root || T.root || {}, l = a({
-    className: L(_.root, y.className, f),
+  }), F = gt(C), _ = nt(O, s), I = Z.root || A.Root || yt, y = X.root || G.root || {}, l = a({
+    className: L(F.root, y.className, f),
     disabled: k
   }, et);
   let d = g || "li";
@@ -241,8 +241,8 @@ const mt = ["className"], bt = ["alignItems", "autoFocus", "button", "children",
     value: N,
     children: /* @__PURE__ */ w(vt, a({
       as: j,
-      className: L(_.container, W),
-      ref: F,
+      className: L(F.container, W),
+      ref: _,
       ownerState: C
     }, tt, {
       children: [/* @__PURE__ */ v(I, a({}, y, !D(I) && {
@@ -256,21 +256,21 @@ const mt = ["className"], bt = ["alignItems", "autoFocus", "button", "children",
     value: N,
     children: /* @__PURE__ */ w(I, a({}, y, {
       as: d,
-      ref: F
+      ref: _
     }, !D(I) && {
       ownerState: a({}, C, y.ownerState)
     }, l, {
-      children: [m, B && /* @__PURE__ */ v(G, {
+      children: [m, B && /* @__PURE__ */ v(T, {
         children: B
       })]
     }))
   });
 });
 process.env.NODE_ENV !== "production" && (Ct.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // |     To update them edit the d.ts file and run "yarn proptypes"     |
+  // ----------------------------------------------------------------------
   /**
    * Defines the `align-items` style property.
    * @default 'center'