@hybridcore/ui 1.3.3 → 1.3.5

package/dist/createSvgIcon-B2WT0K4k.js

@@ -0,0 +1,87 @@
+import { a as h, k as g } from "./createStyled-B96gjom1.js";
+import { c as b, u as E } from "./createSvgIcon-BNrb7rDY.js";
+import { C as y } from "./styled-cPJbqF0E.js";
+import { c as C, u as N } from "./useId-BHG98T5I.js";
+import { d as S } from "./debounce-46wSf_lW.js";
+import { o as I } from "./ownerWindow-niciwP7I.js";
+import { _ as $ } from "./extends-Cyw62AD_.js";
+import { s as x, u as T, b as q, a as P, c as w } from "./ButtonBase-D6qhsxB0.js";
+import { i as D } from "./isMuiElement-CxT3_ACP.js";
+import { o as O } from "./ownerDocument-CUrv0DIK.js";
+import { u as R } from "./Collapse-D_TjnyE5.js";
+function M(e, t) {
+  return process.env.NODE_ENV === "production" ? () => null : (r, s, u, o, n) => {
+    const a = u || "<<anonymous>>", i = n || s;
+    return typeof r[s] < "u" ? new Error(`The ${o} \`${i}\` of \`${a}\` is deprecated. ${t}`) : null;
+  };
+}
+function j(e, t) {
+  if (process.env.NODE_ENV === "production")
+    return () => null;
+  const r = t ? $({}, t.propTypes) : null;
+  return (u) => (o, n, a, i, l, ...v) => {
+    const f = l || n, p = r == null ? void 0 : r[f];
+    if (p) {
+      const m = p(o, n, a, i, l, ...v);
+      if (m)
+        return m;
+    }
+    return typeof o[n] < "u" && !o[u] ? new Error(`The prop \`${f}\` of \`${e}\` can only be used together with the \`${u}\` prop.`) : null;
+  };
+}
+const k = {
+  configure: (e) => {
+    process.env.NODE_ENV !== "production" && console.warn(["MUI: `ClassNameGenerator` import from `@mui/material/utils` is outdated and might cause unexpected issues.", "", "You should use `import { unstable_ClassNameGenerator } from '@mui/material/className'` instead", "", "The detail of the issue: https://github.com/mui/material-ui/issues/30011#issuecomment-1024993401", "", "The updated documentation: https://mui.com/guides/classname-generator/"].join(`
+`)), y.configure(e);
+  }
+}, F = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  capitalize: h,
+  createChainedFunction: C,
+  createSvgIcon: b,
+  debounce: S,
+  deprecatedPropType: M,
+  isMuiElement: D,
+  ownerDocument: O,
+  ownerWindow: I,
+  requirePropFactory: j,
+  setRef: x,
+  unstable_ClassNameGenerator: k,
+  unstable_useEnhancedEffect: T,
+  unstable_useId: N,
+  unsupportedProp: R,
+  useControlled: E,
+  useEventCallback: q,
+  useForkRef: P,
+  useIsFocusVisible: w
+}, Symbol.toStringTag, { value: "Module" }));
+var _ = { exports: {} };
+(function(e) {
+  function t(r) {
+    return r && r.__esModule ? r : {
+      default: r
+    };
+  }
+  e.exports = t, e.exports.__esModule = !0, e.exports.default = e.exports;
+})(_);
+var Q = _.exports, c = {};
+const G = /* @__PURE__ */ g(F);
+var d;
+function X() {
+  return d || (d = 1, function(e) {
+    "use client";
+    Object.defineProperty(e, "__esModule", {
+      value: !0
+    }), Object.defineProperty(e, "default", {
+      enumerable: !0,
+      get: function() {
+        return t.createSvgIcon;
+      }
+    });
+    var t = G;
+  }(c)), c;
+}
+export {
+  Q as i,
+  X as r
+};

package/dist/{createSvgIcon-DPZ7UbxM.js → createSvgIcon-BNrb7rDY.js}

@@ -1,133 +1,130 @@
 import * as l from "react";
-import { a as z, _ as S } from "./extends-Cyw62AD_.js";
-import { jsxs as I, jsx as _ } from "react/jsx-runtime";
-import { a as v, P as o } from "./createTheme-C3DKplhE.js";
-import { g as w, u as C, c as N, a as T } from "./chainPropTypes-GRMJ22CO.js";
-import { g as O, s as R } from "./styled-iyoioZCr.js";
-function L({
+import { a as z, _ } from "./extends-Cyw62AD_.js";
+import { jsxs as I, jsx as w } from "react/jsx-runtime";
+import { a as S, P as o } from "./createStyled-B96gjom1.js";
+import { g as N, u as T, c as C, a as O } from "./useThemeProps-DeftUmqJ.js";
+import { g as R, s as E } from "./styled-cPJbqF0E.js";
+function F({
   controlled: e,
-  default: n,
-  name: t,
+  default: t,
+  name: n,
   state: r = "value"
 }) {
   const {
     current: i
-  } = l.useRef(e !== void 0), [u, p] = l.useState(n), c = i ? e : u;
+  } = l.useRef(e !== void 0), [f, c] = l.useState(t), a = i ? e : f;
   if (process.env.NODE_ENV !== "production") {
     l.useEffect(() => {
-      i !== (e !== void 0) && console.error([`MUI: A component is changing the ${i ? "" : "un"}controlled ${r} state of ${t} to be ${i ? "un" : ""}controlled.`, "Elements should not switch from uncontrolled to controlled (or vice versa).", `Decide between using a controlled or uncontrolled ${t} element for the lifetime of the component.`, "The nature of the state is determined during the first render. It's considered controlled if the value is not `undefined`.", "More info: https://fb.me/react-controlled-components"].join(`
+      i !== (e !== void 0) && console.error([`MUI: A component is changing the ${i ? "" : "un"}controlled ${r} state of ${n} to be ${i ? "un" : ""}controlled.`, "Elements should not switch from uncontrolled to controlled (or vice versa).", `Decide between using a controlled or uncontrolled ${n} element for the lifetime of the component.`, "The nature of the state is determined during the first render. It's considered controlled if the value is not `undefined`.", "More info: https://fb.me/react-controlled-components"].join(`
 `));
-    }, [r, t, e]);
+    }, [r, n, e]);
     const {
       current: s
-    } = l.useRef(n);
+    } = l.useRef(t);
     l.useEffect(() => {
-      !i && !Object.is(s, n) && console.error([`MUI: A component is changing the default ${r} state of an uncontrolled ${t} after being initialized. To suppress this warning opt to use a controlled ${t}.`].join(`
+      !i && !Object.is(s, t) && console.error([`MUI: A component is changing the default ${r} state of an uncontrolled ${n} after being initialized. To suppress this warning opt to use a controlled ${n}.`].join(`
 `));
-    }, [JSON.stringify(n)]);
+    }, [JSON.stringify(t)]);
   }
-  const m = l.useCallback((s) => {
-    i || p(s);
+  const u = l.useCallback((s) => {
+    i || c(s);
   }, []);
-  return [c, m];
+  return [a, u];
 }
-function E(e) {
-  return O("MuiSvgIcon", e);
+function j(e) {
+  return R("MuiSvgIcon", e);
 }
-w("MuiSvgIcon", ["root", "colorPrimary", "colorSecondary", "colorAction", "colorError", "colorDisabled", "fontSizeInherit", "fontSizeSmall", "fontSizeMedium", "fontSizeLarge"]);
-const V = ["children", "className", "color", "component", "fontSize", "htmlColor", "inheritViewBox", "titleAccess", "viewBox"], j = (e) => {
+N("MuiSvgIcon", ["root", "colorPrimary", "colorSecondary", "colorAction", "colorError", "colorDisabled", "fontSizeInherit", "fontSizeSmall", "fontSizeMedium", "fontSizeLarge"]);
+const V = ["children", "className", "color", "component", "fontSize", "htmlColor", "inheritViewBox", "titleAccess", "viewBox"], M = (e) => {
   const {
-    color: n,
-    fontSize: t,
+    color: t,
+    fontSize: n,
     classes: r
   } = e, i = {
-    root: ["root", n !== "inherit" && `color${v(n)}`, `fontSize${v(t)}`]
+    root: ["root", t !== "inherit" && `color${S(t)}`, `fontSize${S(n)}`]
   };
-  return T(i, E, r);
-}, A = R("svg", {
+  return O(i, j, r);
+}, B = E("svg", {
   name: "MuiSvgIcon",
   slot: "Root",
-  overridesResolver: (e, n) => {
+  overridesResolver: (e, t) => {
     const {
-      ownerState: t
+      ownerState: n
     } = e;
-    return [n.root, t.color !== "inherit" && n[`color${v(t.color)}`], n[`fontSize${v(t.fontSize)}`]];
+    return [t.root, n.color !== "inherit" && t[`color${S(n.color)}`], t[`fontSize${S(n.fontSize)}`]];
   }
 })(({
   theme: e,
-  ownerState: n
+  ownerState: t
 }) => {
-  var t, r, i, u, p, c, m, s, g, d, f, h, a;
+  var n, r, i, f, c, a, u, s, p, d, m, v, h, g, y, x, b;
   return {
     userSelect: "none",
     width: "1em",
     height: "1em",
     display: "inline-block",
-    // the <svg> will define the property that has `currentColor`
-    // for example heroicons uses fill="none" and stroke="currentColor"
-    fill: n.hasSvgAsChild ? void 0 : "currentColor",
+    fill: "currentColor",
     flexShrink: 0,
-    transition: (t = e.transitions) == null || (r = t.create) == null ? void 0 : r.call(t, "fill", {
-      duration: (i = e.transitions) == null || (i = i.duration) == null ? void 0 : i.shorter
+    transition: (n = e.transitions) == null || (r = n.create) == null ? void 0 : r.call(n, "fill", {
+      duration: (i = e.transitions) == null || (f = i.duration) == null ? void 0 : f.shorter
     }),
     fontSize: {
       inherit: "inherit",
-      small: ((u = e.typography) == null || (p = u.pxToRem) == null ? void 0 : p.call(u, 20)) || "1.25rem",
-      medium: ((c = e.typography) == null || (m = c.pxToRem) == null ? void 0 : m.call(c, 24)) || "1.5rem",
-      large: ((s = e.typography) == null || (g = s.pxToRem) == null ? void 0 : g.call(s, 35)) || "2.1875rem"
-    }[n.fontSize],
+      small: ((c = e.typography) == null || (a = c.pxToRem) == null ? void 0 : a.call(c, 20)) || "1.25rem",
+      medium: ((u = e.typography) == null || (s = u.pxToRem) == null ? void 0 : s.call(u, 24)) || "1.5rem",
+      large: ((p = e.typography) == null || (d = p.pxToRem) == null ? void 0 : d.call(p, 35)) || "2.1875rem"
+    }[t.fontSize],
     // TODO v5 deprecate, v6 remove for sx
-    color: (d = (f = (e.vars || e).palette) == null || (f = f[n.color]) == null ? void 0 : f.main) != null ? d : {
-      action: (h = (e.vars || e).palette) == null || (h = h.action) == null ? void 0 : h.active,
-      disabled: (a = (e.vars || e).palette) == null || (a = a.action) == null ? void 0 : a.disabled,
+    color: (m = (v = (e.vars || e).palette) == null || (h = v[t.color]) == null ? void 0 : h.main) != null ? m : {
+      action: (g = (e.vars || e).palette) == null || (y = g.action) == null ? void 0 : y.active,
+      disabled: (x = (e.vars || e).palette) == null || (b = x.action) == null ? void 0 : b.disabled,
       inherit: void 0
-    }[n.color]
+    }[t.color]
   };
-}), y = /* @__PURE__ */ l.forwardRef(function(n, t) {
-  const r = C({
-    props: n,
+}), $ = /* @__PURE__ */ l.forwardRef(function(t, n) {
+  const r = T({
+    props: t,
     name: "MuiSvgIcon"
   }), {
     children: i,
-    className: u,
-    color: p = "inherit",
-    component: c = "svg",
-    fontSize: m = "medium",
+    className: f,
+    color: c = "inherit",
+    component: a = "svg",
+    fontSize: u = "medium",
     htmlColor: s,
-    inheritViewBox: g = !1,
+    inheritViewBox: p = !1,
     titleAccess: d,
-    viewBox: f = "0 0 24 24"
-  } = r, h = z(r, V), a = /* @__PURE__ */ l.isValidElement(i) && i.type === "svg", $ = S({}, r, {
-    color: p,
-    component: c,
-    fontSize: m,
-    instanceFontSize: n.fontSize,
-    inheritViewBox: g,
-    viewBox: f,
-    hasSvgAsChild: a
-  }), x = {};
-  g || (x.viewBox = f);
-  const b = j($);
-  return /* @__PURE__ */ I(A, S({
-    as: c,
-    className: N(b.root, u),
+    viewBox: m = "0 0 24 24"
+  } = r, v = z(r, V), h = _({}, r, {
+    color: c,
+    component: a,
+    fontSize: u,
+    instanceFontSize: t.fontSize,
+    inheritViewBox: p,
+    viewBox: m
+  }), g = {};
+  p || (g.viewBox = m);
+  const y = M(h);
+  return /* @__PURE__ */ I(B, _({
+    as: a,
+    className: C(y.root, f),
     focusable: "false",
     color: s,
     "aria-hidden": d ? void 0 : !0,
     role: d ? "img" : void 0,
-    ref: t
-  }, x, h, a && i.props, {
-    ownerState: $,
-    children: [a ? i.props.children : i, d ? /* @__PURE__ */ _("title", {
+    ref: n
+  }, g, v, {
+    ownerState: h,
+    children: [i, d ? /* @__PURE__ */ w("title", {
       children: d
     }) : null]
   }));
 });
-process.env.NODE_ENV !== "production" && (y.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" && ($.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // |     To update them edit the d.ts file and run "yarn proptypes"     |
+  // ----------------------------------------------------------------------
   /**
    * Node passed into the SVG element.
    */
@@ -143,7 +140,7 @@ process.env.NODE_ENV !== "production" && (y.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).
    * You can use the `htmlColor` prop to apply a color attribute to the SVG element.
    * @default 'inherit'
    */
@@ -195,19 +192,19 @@ process.env.NODE_ENV !== "production" && (y.propTypes = {
    */
   viewBox: o.string
 });
-y.muiName = "SvgIcon";
-function F(e, n) {
-  function t(r, i) {
-    return /* @__PURE__ */ _(y, S({
-      "data-testid": `${n}Icon`,
+$.muiName = "SvgIcon";
+function J(e, t) {
+  function n(r, i) {
+    return /* @__PURE__ */ w($, _({
+      "data-testid": `${t}Icon`,
       ref: i
     }, r, {
       children: e
     }));
   }
-  return process.env.NODE_ENV !== "production" && (t.displayName = `${n}Icon`), t.muiName = y.muiName, /* @__PURE__ */ l.memo(/* @__PURE__ */ l.forwardRef(t));
+  return process.env.NODE_ENV !== "production" && (n.displayName = `${t}Icon`), n.muiName = $.muiName, /* @__PURE__ */ l.memo(/* @__PURE__ */ l.forwardRef(n));
 }
 export {
-  F as c,
-  L as u
+  J as c,
+  F as u
 };

package/dist/{exactProp--3vlJ9a9.js → exactProp-CI_rjX83.js}

@@ -1,5 +1,5 @@
-import { P as a } from "./createTheme-C3DKplhE.js";
-import { b as p } from "./chainPropTypes-GRMJ22CO.js";
+import { P as a } from "./createStyled-B96gjom1.js";
+import { b as p } from "./useThemeProps-DeftUmqJ.js";
 import { _ as f } from "./extends-Cyw62AD_.js";
 function m(e) {
   const {

package/dist/{index-CtuBGOmk.js → index-B3Oj04nl.js}

@@ -8,11 +8,11 @@ import $ from "./hooks/useToggle.js";
 import { GeometryPicker as q } from "./components/geometry-picker/index.js";
 import { PhoneInput as J } from "./components/phone-input/index.js";
 import { DateTimePicker as K } from "./components/date-time-picker/index.js";
-import { T as D, F as Q } from "./FormControlLabel-Df7csguX.js";
-import { B as x, C as U } from "./Checkbox-BGNAqLl0.js";
-import { F as X, I as Z } from "./FormControl-ChTmxscy.js";
-import { S as M } from "./Select-C1jD_gBQ.js";
-import { M as z } from "./MenuItem-DF45rx2m.js";
+import { T as D, F as Q } from "./FormControlLabel-DENNVXWL.js";
+import { B as x, C as U } from "./Checkbox-BFWhj3s-.js";
+import { F as X, I as Z } from "./FormControl-BMRUQKHh.js";
+import { S as M } from "./Select-NDq3WyLt.js";
+import { M as z } from "./MenuItem-DstAFfik.js";
 import { useState as ee } from "react";
 function ne({
   property: m,