@hybridcore/ui 1.6.0 → 1.6.2

package/dist/components/uploader/logic.js

@@ -0,0 +1,74 @@
+import { useThemeProps as I } from "@mui/material";
+import g from "lodash";
+import { useState as w } from "react";
+import { confirm as S, alert as h } from "../confirm/index.js";
+const N = (C) => {
+  const l = I({ props: C, name: "HCUploader" }), {
+    type: r = "IMAGE",
+    allowedExtensions: i = ["JPG", "PNG", "GIF"],
+    urls: o = [],
+    inputName: m = "file",
+    multiple: p = !1,
+    maxSize: a = 5,
+    minSize: c,
+    uploadAction: E,
+    onChange: n
+  } = l, [d, f] = w(!1), [M, u] = w(null), y = {
+    ...l,
+    type: r,
+    allowedExtensions: i,
+    urls: o,
+    inputName: m,
+    multiple: p,
+    maxSize: a,
+    minSize: c,
+    uploading: d
+  };
+  return {
+    refs: {},
+    state: {
+      ownerState: y,
+      uploading: d,
+      imageModal: M,
+      type: r,
+      allowedExtensions: i,
+      urls: o,
+      inputName: m,
+      multiple: p,
+      maxSize: a,
+      minSize: c
+    },
+    actions: {
+      handleChange: async (e) => {
+        f(!0);
+        const s = await E(e);
+        f(!1), s && n && n([...o, s].filter((t) => t));
+      },
+      handleRemove: (e) => async () => {
+        await S(
+          "Are you sure?",
+          `${g.startCase(g.lowerCase(r))} will be removed!`
+        ) && n && n(o.filter((t) => t !== e));
+      },
+      onTypeError: () => {
+        h("Error!", "Type error");
+      },
+      onSizeError: () => {
+        h("Error!", `File size is out of allowed limits!
+Max: ${a}mb`);
+      },
+      onOpenImageModal: (e) => () => {
+        u(e);
+      },
+      onCloseImageModal: () => {
+        u(null);
+      },
+      onOpenFile: (e) => () => {
+        window.open(e, "_blank");
+      }
+    }
+  };
+};
+export {
+  N as useUploaderLogic
+};

package/dist/components/uploader/styled.js

@@ -1,33 +1,18 @@
-import { styled as o, Box as e } from "@mui/material";
-const t = o(e, {
-  name: "SNUploader",
-  slot: "dropArea"
-})(({ theme: r }) => ({
-  display: "flex",
-  flexDirection: "column",
-  justifyContent: "center",
-  alignItems: "center",
-  border: "1px dashed",
-  borderColor: r.palette.divider,
-  borderRadius: 5,
-  padding: r.spacing(3),
-  transition: "all .3s",
-  cursor: "pointer",
-  userSelect: "none",
-  "&:hover:not([aria-disabled=true])": {
-    borderColor: r.palette.primary.main
-  },
-  "& .MuiSvgIcon-root": {
-    fontSize: 58
-  },
-  "&[aria-disabled=true]": {
-    cursor: "default",
-    opacity: 0.5
-  }
-})), i = o(e, {
-  name: "SNUploader",
-  slot: "imageThumbContainer"
-})(({ theme: r }) => ({
+import { styled as e, Box as r, Grid as n, Chip as i, Typography as a, Dialog as l, IconButton as p } from "@mui/material";
+const s = (o) => o !== "ownerState", c = e(r, {
+  name: "HCUploader",
+  slot: "root",
+  shouldForwardProp: s
+})({}), m = e(n, {
+  name: "HCUploader",
+  slot: "imageGrid"
+})(({ theme: o }) => ({
+  marginBottom: o.spacing(1)
+})), g = e(r, {
+  name: "HCUploader",
+  slot: "imageThumb",
+  shouldForwardProp: (o) => o !== "url"
+})(({ theme: o, url: t }) => ({
   display: "flex",
   alignItems: "center",
   justifyContent: "center",
@@ -35,8 +20,10 @@ const t = o(e, {
   borderRadius: 12,
   height: 120,
   transition: "all .3s",
+  background: `url(${t}) no-repeat center`,
+  backgroundSize: "cover",
   "&:hover": {
-    borderColor: r.palette.primary.main,
+    borderColor: o.palette.primary.main,
     "& .MuiButtonBase-root": {
       opacity: 1
     }
@@ -44,26 +31,86 @@ const t = o(e, {
   "& .MuiButtonBase-root": {
     marginLeft: 2,
     marginRight: 2,
-    background: r.palette.common.white,
+    background: o.palette.common.white,
     transition: "all .3s",
     opacity: 0
   }
-})), n = o(e, {
-  name: "SNUploader",
-  slot: "fileThumbContainer"
-})(({ theme: r }) => ({
+})), u = e(i, {
+  name: "HCUploader",
+  slot: "fileChip"
+})(({ theme: o }) => ({
+  marginRight: o.spacing(1),
+  marginBottom: o.spacing(1)
+})), C = e(r, {
+  name: "HCUploader",
+  slot: "chipIcon"
+})(({ theme: o }) => ({
+  display: "inline-flex",
+  marginLeft: o.spacing(1)
+})), b = e(r, {
+  name: "HCUploader",
+  slot: "dropArea"
+})(({ theme: o }) => ({
   display: "flex",
-  marginBottom: r.spacing(0.5),
-  border: "1px solid",
-  borderColor: r.palette.divider,
-  padding: r.spacing(0.5),
+  flexDirection: "column",
+  justifyContent: "center",
+  alignItems: "center",
+  border: "1px dashed",
+  borderColor: o.palette.divider,
+  borderRadius: 5,
+  padding: o.spacing(3),
   transition: "all .3s",
-  "&:hover": {
-    borderColor: r.palette.primary.main
+  cursor: "pointer",
+  userSelect: "none",
+  "&:hover:not([aria-disabled=true])": {
+    borderColor: o.palette.primary.main
+  },
+  "& .MuiSvgIcon-root": {
+    fontSize: 58
+  },
+  "&[aria-disabled=true]": {
+    cursor: "default",
+    opacity: 0.5
   }
-}));
+})), f = e(r, {
+  name: "HCUploader",
+  slot: "dropAreaIcon"
+})({
+  display: "inline-flex"
+}), h = e(a, {
+  name: "HCUploader",
+  slot: "dropAreaTitle"
+})({}), y = e(a, {
+  name: "HCUploader",
+  slot: "dropAreaCaption"
+})({}), U = e(l, {
+  name: "HCUploader",
+  slot: "previewDialog"
+})({}), w = e(p, {
+  name: "HCUploader",
+  slot: "previewCloseButton"
+})(({ theme: o }) => ({
+  position: "absolute",
+  right: o.spacing(1),
+  top: o.spacing(1),
+  backgroundColor: `${o.palette.common.white} !important`
+})), H = e("img", {
+  name: "HCUploader",
+  slot: "previewImage"
+})({
+  width: "100%"
+});
 export {
-  t as DropAreaContainer,
-  n as FileThumbContainer,
-  i as ImageThumbContainer
+  C as ChipIconRoot,
+  y as DropAreaCaption,
+  b as DropAreaContainer,
+  f as DropAreaIcon,
+  h as DropAreaTitle,
+  u as FileChip,
+  m as ImageGrid,
+  g as ImageThumbContainer,
+  w as PreviewCloseButton,
+  U as PreviewDialog,
+  H as PreviewImage,
+  c as UploaderRoot
 };

package/dist/components/visually-hidden-input/index.js

@@ -0,0 +1,4 @@
+import { VisuallyHiddenInput as i } from "./styled.js";
+export {
+  i as VisuallyHiddenInput
+};

package/dist/components/visually-hidden-input/styled.js

@@ -0,0 +1,18 @@
+import { styled as t } from "@mui/material";
+const o = t("input", {
+  name: "HCVisuallyHiddenInput",
+  slot: "root"
+})({
+  clip: "rect(0 0 0 0)",
+  clipPath: "inset(50%)",
+  height: 1,
+  overflow: "hidden",
+  position: "absolute",
+  bottom: 0,
+  left: 0,
+  whiteSpace: "nowrap",
+  width: 1
+});
+export {
+  o as VisuallyHiddenInput
+};

package/dist/createChainedFunction-C0nujS3O.js

@@ -0,0 +1,9 @@
+function u(...i) {
+  return i.reduce((n, t) => t == null ? n : function(...e) {
+    n.apply(this, e), t.apply(this, e);
+  }, () => {
+  });
+}
+export {
+  u as c
+};

package/dist/{createSvgIcon-DrtgaibK.js → createSvgIcon-Ch_cT8az.js}

@@ -1,105 +1,106 @@
-import { _ as I, a as $ } from "./objectWithoutPropertiesLoose-DJteAcBH.js";
-import * as _ from "react";
-import { jsxs as b, jsx as w } from "react/jsx-runtime";
+import { _ as b, a as S } from "./objectWithoutPropertiesLoose-DJteAcBH.js";
+import * as g from "react";
+import { jsxs as I, jsx as _ } from "react/jsx-runtime";
 import { P as o } from "./index-C__OZmYy.js";
-import { g as T, u as N, c as C, a as R } from "./useThemeProps-BzzHcQyd.js";
-import { s as O } from "./styled-eZwjUruw.js";
-import { g as B } from "./createTheme-DYxDnE9u.js";
-import { c as y } from "./capitalize-ciszXJ7R.js";
-function j(e) {
-  return B("MuiSvgIcon", e);
+import { c as w } from "./clsx-OuTLNxxd.js";
+import { a as C, g as N, s as T, b as v, u as R, c as O } from "./generateUtilityClasses-C3ivN9Ie.js";
+function B(e) {
+  return C("MuiSvgIcon", e);
 }
-T("MuiSvgIcon", ["root", "colorPrimary", "colorSecondary", "colorAction", "colorError", "colorDisabled", "fontSizeInherit", "fontSizeSmall", "fontSizeMedium", "fontSizeLarge"]);
-const E = ["children", "className", "color", "component", "fontSize", "htmlColor", "inheritViewBox", "titleAccess", "viewBox"], M = (e) => {
+N("MuiSvgIcon", ["root", "colorPrimary", "colorSecondary", "colorAction", "colorError", "colorDisabled", "fontSizeInherit", "fontSizeSmall", "fontSizeMedium", "fontSizeLarge"]);
+const j = ["children", "className", "color", "component", "fontSize", "htmlColor", "inheritViewBox", "titleAccess", "viewBox"], A = (e) => {
   const {
     color: t,
     fontSize: n,
-    classes: i
-  } = e, r = {
-    root: ["root", t !== "inherit" && `color${y(t)}`, `fontSize${y(n)}`]
+    classes: r
+  } = e, i = {
+    root: ["root", t !== "inherit" && `color${v(t)}`, `fontSize${v(n)}`]
   };
-  return R(r, j, i);
-}, V = O("svg", {
+  return O(i, B, r);
+}, E = T("svg", {
   name: "MuiSvgIcon",
   slot: "Root",
   overridesResolver: (e, t) => {
     const {
       ownerState: n
     } = e;
-    return [t.root, n.color !== "inherit" && t[`color${y(n.color)}`], t[`fontSize${y(n.fontSize)}`]];
+    return [t.root, n.color !== "inherit" && t[`color${v(n.color)}`], t[`fontSize${v(n.fontSize)}`]];
   }
 })(({
   theme: e,
   ownerState: t
 }) => {
-  var n, i, r, f, a, c, p, v, s, l, m, g, d, u, h, x, z;
+  var n, r, i, u, f, c, h, d, m, s, a, p, l;
   return {
     userSelect: "none",
     width: "1em",
     height: "1em",
     display: "inline-block",
-    fill: "currentColor",
+    // the <svg> will define the property that has `currentColor`
+    // for example heroicons uses fill="none" and stroke="currentColor"
+    fill: t.hasSvgAsChild ? void 0 : "currentColor",
     flexShrink: 0,
-    transition: (n = e.transitions) == null || (i = n.create) == null ? void 0 : i.call(n, "fill", {
-      duration: (r = e.transitions) == null || (f = r.duration) == null ? void 0 : f.shorter
+    transition: (n = e.transitions) == null || (r = n.create) == null ? void 0 : r.call(n, "fill", {
+      duration: (i = e.transitions) == null || (i = i.duration) == null ? void 0 : i.shorter
     }),
     fontSize: {
       inherit: "inherit",
-      small: ((a = e.typography) == null || (c = a.pxToRem) == null ? void 0 : c.call(a, 20)) || "1.25rem",
-      medium: ((p = e.typography) == null || (v = p.pxToRem) == null ? void 0 : v.call(p, 24)) || "1.5rem",
-      large: ((s = e.typography) == null || (l = s.pxToRem) == null ? void 0 : l.call(s, 35)) || "2.1875rem"
+      small: ((u = e.typography) == null || (f = u.pxToRem) == null ? void 0 : f.call(u, 20)) || "1.25rem",
+      medium: ((c = e.typography) == null || (h = c.pxToRem) == null ? void 0 : h.call(c, 24)) || "1.5rem",
+      large: ((d = e.typography) == null || (m = d.pxToRem) == null ? void 0 : m.call(d, 35)) || "2.1875rem"
     }[t.fontSize],
     // TODO v5 deprecate, v6 remove for sx
-    color: (m = (g = (e.vars || e).palette) == null || (d = g[t.color]) == null ? void 0 : d.main) != null ? m : {
-      action: (u = (e.vars || e).palette) == null || (h = u.action) == null ? void 0 : h.active,
-      disabled: (x = (e.vars || e).palette) == null || (z = x.action) == null ? void 0 : z.disabled,
+    color: (s = (a = (e.vars || e).palette) == null || (a = a[t.color]) == null ? void 0 : a.main) != null ? s : {
+      action: (p = (e.vars || e).palette) == null || (p = p.action) == null ? void 0 : p.active,
+      disabled: (l = (e.vars || e).palette) == null || (l = l.action) == null ? void 0 : l.disabled,
       inherit: void 0
     }[t.color]
   };
-}), S = /* @__PURE__ */ _.forwardRef(function(t, n) {
-  const i = N({
+}), y = /* @__PURE__ */ g.forwardRef(function(t, n) {
+  const r = R({
     props: t,
     name: "MuiSvgIcon"
   }), {
-    children: r,
-    className: f,
-    color: a = "inherit",
+    children: i,
+    className: u,
+    color: f = "inherit",
     component: c = "svg",
-    fontSize: p = "medium",
-    htmlColor: v,
-    inheritViewBox: s = !1,
-    titleAccess: l,
-    viewBox: m = "0 0 24 24"
-  } = i, g = I(i, E), d = $({}, i, {
-    color: a,
+    fontSize: h = "medium",
+    htmlColor: d,
+    inheritViewBox: m = !1,
+    titleAccess: s,
+    viewBox: a = "0 0 24 24"
+  } = r, p = b(r, j), l = /* @__PURE__ */ g.isValidElement(i) && i.type === "svg", x = S({}, r, {
+    color: f,
     component: c,
-    fontSize: p,
+    fontSize: h,
     instanceFontSize: t.fontSize,
-    inheritViewBox: s,
-    viewBox: m
-  }), u = {};
-  s || (u.viewBox = m);
-  const h = M(d);
-  return /* @__PURE__ */ b(V, $({
+    inheritViewBox: m,
+    viewBox: a,
+    hasSvgAsChild: l
+  }), $ = {};
+  m || ($.viewBox = a);
+  const z = A(x);
+  return /* @__PURE__ */ I(E, S({
     as: c,
-    className: C(h.root, f),
+    className: w(z.root, u),
     focusable: "false",
-    color: v,
-    "aria-hidden": l ? void 0 : !0,
-    role: l ? "img" : void 0,
+    color: d,
+    "aria-hidden": s ? void 0 : !0,
+    role: s ? "img" : void 0,
     ref: n
-  }, u, g, {
-    ownerState: d,
-    children: [r, l ? /* @__PURE__ */ w("title", {
-      children: l
+  }, $, p, l && i.props, {
+    ownerState: x,
+    children: [l ? i.props.children : i, s ? /* @__PURE__ */ _("title", {
+      children: s
     }) : null]
   }));
 });
-process.env.NODE_ENV !== "production" && (S.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // |     To update them edit the d.ts file and run "yarn proptypes"     |
-  // ----------------------------------------------------------------------
+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`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
   /**
    * Node passed into the SVG element.
    */
@@ -115,7 +116,7 @@ process.env.NODE_ENV !== "production" && (S.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/#adding-new-colors).
+   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
    * You can use the `htmlColor` prop to apply a color attribute to the SVG element.
    * @default 'inherit'
    */
@@ -167,18 +168,18 @@ process.env.NODE_ENV !== "production" && (S.propTypes = {
    */
   viewBox: o.string
 });
-S.muiName = "SvgIcon";
-function W(e, t) {
-  function n(i, r) {
-    return /* @__PURE__ */ w(S, $({
+y.muiName = "SvgIcon";
+function k(e, t) {
+  function n(r, i) {
+    return /* @__PURE__ */ _(y, S({
       "data-testid": `${t}Icon`,
-      ref: r
-    }, i, {
+      ref: i
+    }, r, {
       children: e
     }));
   }
-  return process.env.NODE_ENV !== "production" && (n.displayName = `${t}Icon`), n.muiName = S.muiName, /* @__PURE__ */ _.memo(/* @__PURE__ */ _.forwardRef(n));
+  return process.env.NODE_ENV !== "production" && (n.displayName = `${t}Icon`), n.muiName = y.muiName, /* @__PURE__ */ g.memo(/* @__PURE__ */ g.forwardRef(n));
 }
 export {
-  W as c
+  k as c
 };

package/dist/createSvgIcon-DuDuASu1.js

@@ -0,0 +1,62 @@
+import { g as l } from "./_commonjsHelpers-BVfed4GL.js";
+import { c as f } from "./createSvgIcon-Ch_cT8az.js";
+import { C as d, b as p } from "./generateUtilityClasses-C3ivN9Ie.js";
+import { d as g } from "./debounce-46wSf_lW.js";
+import { o as b, a as v } from "./ownerWindow-wg6foiOE.js";
+import { i as h, r as _, u as E } from "./unsupportedProp-DuqR2hj9.js";
+import { s as N, a as C, b as I, u as S } from "./TransitionGroupContext-BDAp2T0O.js";
+import { c as y } from "./createChainedFunction-C0nujS3O.js";
+import { u as $ } from "./useId-BW-oWmul.js";
+import { u as O } from "./useControlled-BYdyS7Pn.js";
+import { u as P } from "./ButtonBase-BEF7oTOe.js";
+var t = {};
+function j(e, r) {
+  return process.env.NODE_ENV === "production" ? () => null : (s, o, n, u, i) => {
+    const c = n || "<<anonymous>>", m = i || o;
+    return typeof s[o] < "u" ? new Error(`The ${u} \`${m}\` of \`${c}\` is deprecated. ${r}`) : null;
+  };
+}
+const w = {
+  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(`
+`)), d.configure(e);
+  }
+}, F = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  capitalize: p,
+  createChainedFunction: y,
+  createSvgIcon: f,
+  debounce: g,
+  deprecatedPropType: j,
+  isMuiElement: h,
+  ownerDocument: b,
+  ownerWindow: v,
+  requirePropFactory: _,
+  setRef: N,
+  unstable_ClassNameGenerator: w,
+  unstable_useEnhancedEffect: C,
+  unstable_useId: $,
+  unsupportedProp: E,
+  useControlled: O,
+  useEventCallback: I,
+  useForkRef: S,
+  useIsFocusVisible: P
+}, Symbol.toStringTag, { value: "Module" })), T = /* @__PURE__ */ l(F);
+var a;
+function W() {
+  return a || (a = 1, function(e) {
+    "use client";
+    Object.defineProperty(e, "__esModule", {
+      value: !0
+    }), Object.defineProperty(e, "default", {
+      enumerable: !0,
+      get: function() {
+        return r.createSvgIcon;
+      }
+    });
+    var r = T;
+  }(t)), t;
+}
+export {
+  W as r
+};

package/dist/{dialog-DcwXug9J.js → dialog-BYRnCztH.js}

@@ -1,23 +1,23 @@
 import { jsx as s, jsxs as p } from "react/jsx-runtime";
 import { confirmable as x } from "react-confirm";
-import { IconButton as h } from "@mui/material";
+import { IconButton as D } from "@mui/material";
 import { Close as C } from "@mui/icons-material";
-import { c as D, g as T, D as b, a as y, b as B } from "./DialogContent-B3nbEbuv.js";
+import { b as h, g as T, D as b, a as y, c as B } from "./DialogContent-BvVjD9z3.js";
 import { _ as j, a as v } from "./objectWithoutPropertiesLoose-DJteAcBH.js";
 import * as d from "react";
 import { P as o } from "./index-C__OZmYy.js";
-import { u as M, c as N, a as O } from "./useThemeProps-BzzHcQyd.js";
-import { s as R } from "./styled-eZwjUruw.js";
-import { T as P } from "./Typography-CxbneZy_.js";
-import { B as m } from "./Button-CvE2gnly.js";
+import { c as M } from "./clsx-OuTLNxxd.js";
+import { s as N, u as O, c as R } from "./generateUtilityClasses-C3ivN9Ie.js";
+import { T as P } from "./Typography-DgsSLCFC.js";
+import { B as m } from "./Button-C5yquWAB.js";
 const _ = ["className", "id"], k = (a) => {
   const {
     classes: t
   } = a;
-  return O({
+  return R({
     root: ["root"]
   }, T, t);
-}, w = R(P, {
+}, w = N(P, {
   name: "MuiDialogTitle",
   slot: "Root",
   overridesResolver: (a, t) => t.root
@@ -25,7 +25,7 @@ const _ = ["className", "id"], k = (a) => {
   padding: "16px 24px",
   flex: "0 0 auto"
 }), u = /* @__PURE__ */ d.forwardRef(function(t, r) {
-  const i = M({
+  const i = O({
     props: t,
     name: "MuiDialogTitle"
   }), {
@@ -33,10 +33,10 @@ const _ = ["className", "id"], k = (a) => {
     id: n
   } = i, l = j(i, _), c = i, f = k(c), {
     titleId: g = n
-  } = d.useContext(D);
+  } = d.useContext(h);
   return /* @__PURE__ */ s(w, v({
     component: "h2",
-    className: N(f.root, e),
+    className: M(f.root, e),
     ownerState: c,
     ref: r,
     variant: "h6",
@@ -44,10 +44,10 @@ const _ = ["className", "id"], k = (a) => {
   }, l));
 });
 process.env.NODE_ENV !== "production" && (u.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // |     To update them edit the d.ts file and run "yarn proptypes"     |
-  // ----------------------------------------------------------------------
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
   /**
    * The content of the component.
    */
@@ -126,7 +126,7 @@ const I = {
             },
             children: [
               r,
-              /* @__PURE__ */ s(h, { onClick: l, children: /* @__PURE__ */ s(C, {}) })
+              /* @__PURE__ */ s(D, { onClick: l, children: /* @__PURE__ */ s(C, {}) })
             ]
           }
         ),
@@ -149,6 +149,6 @@ const I = {
   );
 }, G = x(A);
 export {
-  u as D,
-  G as a
+  G as D,
+  u as a
 };

package/dist/formControlState-vgaj2ksH.js

@@ -0,0 +1,10 @@
+function d({
+  props: e,
+  states: u,
+  muiFormControl: r
+}) {
+  return u.reduce((n, f) => (n[f] = e[f], r && typeof e[f] > "u" && (n[f] = r[f]), n), {});
+}
+export {
+  d as f
+};