@hybridcore/ui 1.6.0 → 1.6.2

package/dist/{Delete-CW0UZv1m.js → Delete-BdyYpINH.js}

@@ -1,22 +1,23 @@
-import { r as t, i as a } from "./createSvgIcon-BjpIhJ30.js";
+import { i as t } from "./generateUtilityClasses-C3ivN9Ie.js";
+import { r as a } from "./createSvgIcon-DuDuASu1.js";
 import u from "react/jsx-runtime";
-var e = {}, l = a;
+var e = {}, l = t;
 Object.defineProperty(e, "__esModule", {
   value: !0
 });
-var d = e.default = void 0, i = l(t()), o = u;
-d = e.default = (0, i.default)(/* @__PURE__ */ (0, o.jsx)("path", {
+var i = e.default = void 0, o = l(a()), d = u;
+i = e.default = (0, o.default)(/* @__PURE__ */ (0, d.jsx)("path", {
   d: "M3 17.25V21h3.75L17.81 9.94l-3.75-3.75zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34a.9959.9959 0 0 0-1.41 0l-1.83 1.83 3.75 3.75z"
 }), "Edit");
-var r = {}, v = a;
+var r = {}, v = t;
 Object.defineProperty(r, "__esModule", {
   value: !0
 });
-var f = r.default = void 0, _ = v(t()), p = u;
-f = r.default = (0, _.default)(/* @__PURE__ */ (0, p.jsx)("path", {
+var f = r.default = void 0, p = v(a()), _ = u;
+f = r.default = (0, p.default)(/* @__PURE__ */ (0, _.jsx)("path", {
   d: "M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6zM19 4h-3.5l-1-1h-5l-1 1H5v2h14z"
 }), "Delete");
 export {
   f as a,
-  d
+  i as d
 };

package/dist/{DialogContent-B3nbEbuv.js → DialogContent-BvVjD9z3.js}

@@ -1,40 +1,38 @@
-import { a as i, _ as T } from "./objectWithoutPropertiesLoose-DJteAcBH.js";
-import * as d from "react";
+import { a as t, _ as T } from "./objectWithoutPropertiesLoose-DJteAcBH.js";
+import * as u from "react";
 import { P as o } from "./index-C__OZmYy.js";
-import { g as h, u as S, c as b, a as P } from "./useThemeProps-BzzHcQyd.js";
-import { s as m } from "./styled-eZwjUruw.js";
-import { g as y } from "./createTheme-DYxDnE9u.js";
-import { P as O, u as q } from "./Paper-2B03OBmZ.js";
+import { c as b } from "./clsx-OuTLNxxd.js";
+import { g as h, a as y, s as f, b as m, u as S, c as P } from "./generateUtilityClasses-C3ivN9Ie.js";
+import { P as R, u as G } from "./Paper-BkQLdsCI.js";
 import { jsx as p } from "react/jsx-runtime";
-import { B as G, M as J, F as Q } from "./Modal-DhPpOoGB.js";
-import { c as u } from "./capitalize-ciszXJ7R.js";
-import { u as Z } from "./useId-B4-oF9Mq.js";
-function oo(e) {
+import { B as J, M as Q, F as Z } from "./Modal-MUZygjmQ.js";
+import { u as oo } from "./useId-BW-oWmul.js";
+function eo(e) {
   return y("MuiDialog", e);
 }
-const W = h("MuiDialog", ["root", "scrollPaper", "scrollBody", "container", "paper", "paperScrollPaper", "paperScrollBody", "paperWidthFalse", "paperWidthXs", "paperWidthSm", "paperWidthMd", "paperWidthLg", "paperWidthXl", "paperFullWidth", "paperFullScreen"]), R = /* @__PURE__ */ d.createContext({});
-process.env.NODE_ENV !== "production" && (R.displayName = "DialogContext");
-const eo = ["aria-describedby", "aria-labelledby", "BackdropComponent", "BackdropProps", "children", "className", "disableEscapeKeyDown", "fullScreen", "fullWidth", "maxWidth", "onBackdropClick", "onClose", "open", "PaperComponent", "PaperProps", "scroll", "TransitionComponent", "transitionDuration", "TransitionProps"], ao = m(G, {
+const W = h("MuiDialog", ["root", "scrollPaper", "scrollBody", "container", "paper", "paperScrollPaper", "paperScrollBody", "paperWidthFalse", "paperWidthXs", "paperWidthSm", "paperWidthMd", "paperWidthLg", "paperWidthXl", "paperFullWidth", "paperFullScreen"]), j = /* @__PURE__ */ u.createContext({});
+process.env.NODE_ENV !== "production" && (j.displayName = "DialogContext");
+const ao = ["aria-describedby", "aria-labelledby", "BackdropComponent", "BackdropProps", "children", "className", "disableEscapeKeyDown", "fullScreen", "fullWidth", "maxWidth", "onBackdropClick", "onClick", "onClose", "open", "PaperComponent", "PaperProps", "scroll", "TransitionComponent", "transitionDuration", "TransitionProps"], ro = f(J, {
   name: "MuiDialog",
   slot: "Backdrop",
   overrides: (e, a) => a.backdrop
 })({
   // Improve scrollable dialog support.
   zIndex: -1
-}), ro = (e) => {
+}), io = (e) => {
   const {
     classes: a,
     scroll: r,
-    maxWidth: t,
+    maxWidth: i,
     fullWidth: s,
     fullScreen: n
   } = e, l = {
     root: ["root"],
-    container: ["container", `scroll${u(r)}`],
-    paper: ["paper", `paperScroll${u(r)}`, `paperWidth${u(String(t))}`, s && "paperFullWidth", n && "paperFullScreen"]
+    container: ["container", `scroll${m(r)}`],
+    paper: ["paper", `paperScroll${m(r)}`, `paperWidth${m(String(i))}`, s && "paperFullWidth", n && "paperFullScreen"]
   };
-  return P(l, oo, a);
-}, to = m(J, {
+  return P(l, eo, a);
+}, to = f(Q, {
   name: "MuiDialog",
   slot: "Root",
   overridesResolver: (e, a) => a.root
@@ -43,18 +41,18 @@ const eo = ["aria-describedby", "aria-labelledby", "BackdropComponent", "Backdro
     // Use !important to override the Modal inline-style.
     position: "absolute !important"
   }
-}), io = m("div", {
+}), so = f("div", {
   name: "MuiDialog",
   slot: "Container",
   overridesResolver: (e, a) => {
     const {
       ownerState: r
     } = e;
-    return [a.container, a[`scroll${u(r.scroll)}`]];
+    return [a.container, a[`scroll${m(r.scroll)}`]];
   }
 })(({
   ownerState: e
-}) => i({
+}) => t({
   height: "100%",
   "@media print": {
     height: "auto"
@@ -69,26 +67,26 @@ const eo = ["aria-describedby", "aria-labelledby", "BackdropComponent", "Backdro
   overflowY: "auto",
   overflowX: "hidden",
   textAlign: "center",
-  "&:after": {
+  "&::after": {
     content: '""',
     display: "inline-block",
     verticalAlign: "middle",
     height: "100%",
     width: "0"
   }
-})), so = m(O, {
+})), no = f(R, {
   name: "MuiDialog",
   slot: "Paper",
   overridesResolver: (e, a) => {
     const {
       ownerState: r
     } = e;
-    return [a.paper, a[`scrollPaper${u(r.scroll)}`], a[`paperWidth${u(String(r.maxWidth))}`], r.fullWidth && a.paperFullWidth, r.fullScreen && a.paperFullScreen];
+    return [a.paper, a[`scrollPaper${m(r.scroll)}`], a[`paperWidth${m(String(r.maxWidth))}`], r.fullWidth && a.paperFullWidth, r.fullScreen && a.paperFullScreen];
   }
 })(({
   theme: e,
   ownerState: a
-}) => i({
+}) => t({
   margin: 32,
   position: "relative",
   overflowY: "auto",
@@ -109,7 +107,7 @@ const eo = ["aria-describedby", "aria-labelledby", "BackdropComponent", "Backdro
 }, !a.maxWidth && {
   maxWidth: "calc(100% - 64px)"
 }, a.maxWidth === "xs" && {
-  maxWidth: e.breakpoints.unit === "px" ? Math.max(e.breakpoints.values.xs, 444) : `${e.breakpoints.values.xs}${e.breakpoints.unit}`,
+  maxWidth: e.breakpoints.unit === "px" ? Math.max(e.breakpoints.values.xs, 444) : `max(${e.breakpoints.values.xs}${e.breakpoints.unit}, 444px)`,
   [`&.${W.paperScrollBody}`]: {
     [e.breakpoints.down(Math.max(e.breakpoints.values.xs, 444) + 32 * 2)]: {
       maxWidth: "calc(100% - 64px)"
@@ -135,98 +133,99 @@ const eo = ["aria-describedby", "aria-labelledby", "BackdropComponent", "Backdro
     margin: 0,
     maxWidth: "100%"
   }
-})), no = /* @__PURE__ */ d.forwardRef(function(a, r) {
-  const t = S({
+})), lo = /* @__PURE__ */ u.forwardRef(function(a, r) {
+  const i = S({
     props: a,
     name: "MuiDialog"
-  }), s = q(), n = {
+  }), s = G(), n = {
     enter: s.transitions.duration.enteringScreen,
     exit: s.transitions.duration.leavingScreen
   }, {
     "aria-describedby": l,
     "aria-labelledby": c,
-    BackdropComponent: f,
-    BackdropProps: j,
-    children: A,
-    className: E,
+    BackdropComponent: g,
+    BackdropProps: A,
+    children: E,
+    className: _,
     disableEscapeKeyDown: M = !1,
-    fullScreen: _ = !1,
-    fullWidth: F = !1,
-    maxWidth: U = "sm",
+    fullScreen: F = !1,
+    fullWidth: U = !1,
+    maxWidth: I = "sm",
     onBackdropClick: N,
+    onClick: w,
     onClose: D,
-    open: w,
-    PaperComponent: I = O,
-    PaperProps: B = {},
-    scroll: L = "paper",
-    TransitionComponent: V = Q,
-    transitionDuration: $ = n,
-    TransitionProps: K
-  } = t, Y = T(t, eo), x = i({}, t, {
+    open: B,
+    PaperComponent: L = R,
+    PaperProps: $ = {},
+    scroll: V = "paper",
+    TransitionComponent: K = Z,
+    transitionDuration: O = n,
+    TransitionProps: Y
+  } = i, X = T(i, ao), x = t({}, i, {
     disableEscapeKeyDown: M,
-    fullScreen: _,
-    fullWidth: F,
-    maxWidth: U,
-    scroll: L
-  }), v = ro(x), C = d.useRef(), X = (g) => {
-    C.current = g.target === g.currentTarget;
-  }, z = (g) => {
-    C.current && (C.current = null, N && N(g), D && D(g, "backdropClick"));
-  }, k = Z(c), H = d.useMemo(() => ({
+    fullScreen: F,
+    fullWidth: U,
+    maxWidth: I,
+    scroll: V
+  }), C = io(x), v = u.useRef(), z = (d) => {
+    v.current = d.target === d.currentTarget;
+  }, H = (d) => {
+    w && w(d), v.current && (v.current = null, N && N(d), D && D(d, "backdropClick"));
+  }, k = oo(c), q = u.useMemo(() => ({
     titleId: k
   }), [k]);
-  return /* @__PURE__ */ p(to, i({
-    className: b(v.root, E),
+  return /* @__PURE__ */ p(to, t({
+    className: b(C.root, _),
     closeAfterTransition: !0,
     components: {
-      Backdrop: ao
+      Backdrop: ro
     },
     componentsProps: {
-      backdrop: i({
-        transitionDuration: $,
-        as: f
-      }, j)
+      backdrop: t({
+        transitionDuration: O,
+        as: g
+      }, A)
     },
     disableEscapeKeyDown: M,
     onClose: D,
-    open: w,
+    open: B,
     ref: r,
-    onClick: z,
+    onClick: H,
     ownerState: x
-  }, Y, {
-    children: /* @__PURE__ */ p(V, i({
+  }, X, {
+    children: /* @__PURE__ */ p(K, t({
       appear: !0,
-      in: w,
-      timeout: $,
+      in: B,
+      timeout: O,
       role: "presentation"
-    }, K, {
-      children: /* @__PURE__ */ p(io, {
-        className: b(v.container),
-        onMouseDown: X,
+    }, Y, {
+      children: /* @__PURE__ */ p(so, {
+        className: b(C.container),
+        onMouseDown: z,
         ownerState: x,
-        children: /* @__PURE__ */ p(so, i({
-          as: I,
+        children: /* @__PURE__ */ p(no, t({
+          as: L,
           elevation: 24,
           role: "dialog",
           "aria-describedby": l,
           "aria-labelledby": k
-        }, B, {
-          className: b(v.paper, B.className),
+        }, $, {
+          className: b(C.paper, $.className),
           ownerState: x,
-          children: /* @__PURE__ */ p(R.Provider, {
-            value: H,
-            children: A
+          children: /* @__PURE__ */ p(j.Provider, {
+            value: q,
+            children: E
           })
         }))
       })
     }))
   }));
 });
-process.env.NODE_ENV !== "production" && (no.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" && (lo.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
   /**
    * The id(s) of the element(s) that describe the dialog.
    */
@@ -295,6 +294,10 @@ process.env.NODE_ENV !== "production" && (no.propTypes = {
    * @deprecated Use the `onClose` prop with the `reason` argument to handle the `backdropClick` events.
    */
   onBackdropClick: o.func,
+  /**
+   * @ignore
+   */
+  onClick: o.func,
   /**
    * Callback fired when the component requests to be closed.
    *
@@ -346,23 +349,23 @@ process.env.NODE_ENV !== "production" && (no.propTypes = {
   })]),
   /**
    * Props applied to the transition element.
-   * By default, the element is based on this [`Transition`](http://reactcommunity.org/react-transition-group/transition/) component.
+   * By default, the element is based on this [`Transition`](https://reactcommunity.org/react-transition-group/transition/) component.
    */
   TransitionProps: o.object
 });
-function lo(e) {
+function co(e) {
   return y("MuiDialogActions", e);
 }
 h("MuiDialogActions", ["root", "spacing"]);
-const co = ["className", "disableSpacing"], po = (e) => {
+const po = ["className", "disableSpacing"], uo = (e) => {
   const {
     classes: a,
     disableSpacing: r
   } = e;
   return P({
     root: ["root", !r && "spacing"]
-  }, lo, a);
-}, uo = m("div", {
+  }, co, a);
+}, mo = f("div", {
   name: "MuiDialogActions",
   slot: "Root",
   overridesResolver: (e, a) => {
@@ -373,37 +376,37 @@ const co = ["className", "disableSpacing"], po = (e) => {
   }
 })(({
   ownerState: e
-}) => i({
+}) => t({
   display: "flex",
   alignItems: "center",
   padding: 8,
   justifyContent: "flex-end",
   flex: "0 0 auto"
 }, !e.disableSpacing && {
-  "& > :not(:first-of-type)": {
+  "& > :not(style) ~ :not(style)": {
     marginLeft: 8
   }
-})), mo = /* @__PURE__ */ d.forwardRef(function(a, r) {
-  const t = S({
+})), fo = /* @__PURE__ */ u.forwardRef(function(a, r) {
+  const i = S({
     props: a,
     name: "MuiDialogActions"
   }), {
     className: s,
     disableSpacing: n = !1
-  } = t, l = T(t, co), c = i({}, t, {
+  } = i, l = T(i, po), c = t({}, i, {
     disableSpacing: n
-  }), f = po(c);
-  return /* @__PURE__ */ p(uo, i({
-    className: b(f.root, s),
+  }), g = uo(c);
+  return /* @__PURE__ */ p(mo, t({
+    className: b(g.root, s),
     ownerState: c,
     ref: r
   }, l));
 });
-process.env.NODE_ENV !== "production" && (mo.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" && (fo.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.
    */
@@ -426,22 +429,22 @@ process.env.NODE_ENV !== "production" && (mo.propTypes = {
    */
   sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object])
 });
-function fo(e) {
+function go(e) {
   return y("MuiDialogContent", e);
 }
 h("MuiDialogContent", ["root", "dividers"]);
-function wo(e) {
+function No(e) {
   return y("MuiDialogTitle", e);
 }
-const go = h("MuiDialogTitle", ["root"]), bo = ["className", "dividers"], xo = (e) => {
+const bo = h("MuiDialogTitle", ["root"]), xo = ["className", "dividers"], ho = (e) => {
   const {
     classes: a,
     dividers: r
   } = e;
   return P({
     root: ["root", r && "dividers"]
-  }, fo, a);
-}, ho = m("div", {
+  }, go, a);
+}, yo = f("div", {
   name: "MuiDialogContent",
   slot: "Root",
   overridesResolver: (e, a) => {
@@ -453,7 +456,7 @@ const go = h("MuiDialogTitle", ["root"]), bo = ["className", "dividers"], xo = (
 })(({
   theme: e,
   ownerState: a
-}) => i({
+}) => t({
   flex: "1 1 auto",
   // Add iOS momentum scrolling for iOS < 13.0
   WebkitOverflowScrolling: "touch",
@@ -464,30 +467,30 @@ const go = h("MuiDialogTitle", ["root"]), bo = ["className", "dividers"], xo = (
   borderTop: `1px solid ${(e.vars || e).palette.divider}`,
   borderBottom: `1px solid ${(e.vars || e).palette.divider}`
 } : {
-  [`.${go.root} + &`]: {
+  [`.${bo.root} + &`]: {
     paddingTop: 0
   }
-})), yo = /* @__PURE__ */ d.forwardRef(function(a, r) {
-  const t = S({
+})), Do = /* @__PURE__ */ u.forwardRef(function(a, r) {
+  const i = S({
     props: a,
     name: "MuiDialogContent"
   }), {
     className: s,
     dividers: n = !1
-  } = t, l = T(t, bo), c = i({}, t, {
+  } = i, l = T(i, xo), c = t({}, i, {
     dividers: n
-  }), f = xo(c);
-  return /* @__PURE__ */ p(ho, i({
-    className: b(f.root, s),
+  }), g = ho(c);
+  return /* @__PURE__ */ p(yo, t({
+    className: b(g.root, s),
     ownerState: c,
     ref: r
   }, l));
 });
-process.env.NODE_ENV !== "production" && (yo.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" && (Do.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.
    */
@@ -511,10 +514,10 @@ process.env.NODE_ENV !== "production" && (yo.propTypes = {
   sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object])
 });
 export {
-  no as D,
-  yo as a,
-  mo as b,
-  R as c,
+  lo as D,
+  Do as a,
+  j as b,
+  fo as c,
   W as d,
-  wo as g
+  No as g
 };

package/dist/FormGroup-CpBsIyYR.js

@@ -0,0 +1,89 @@
+import { a, _ as f } from "./objectWithoutPropertiesLoose-DJteAcBH.js";
+import * as w from "react";
+import { P as o } from "./index-C__OZmYy.js";
+import { c as d } from "./clsx-OuTLNxxd.js";
+import { g as F, a as x, s as y, u as C, c as G } from "./generateUtilityClasses-C3ivN9Ie.js";
+import { u as b } from "./useFormControl-CatNKXAi.js";
+import { f as N } from "./formControlState-vgaj2ksH.js";
+import { jsx as g } from "react/jsx-runtime";
+function j(r) {
+  return x("MuiFormGroup", r);
+}
+F("MuiFormGroup", ["root", "row", "error"]);
+const v = ["className", "row"], R = (r) => {
+  const {
+    classes: s,
+    row: t,
+    error: e
+  } = r;
+  return G({
+    root: ["root", t && "row", e && "error"]
+  }, j, s);
+}, _ = y("div", {
+  name: "MuiFormGroup",
+  slot: "Root",
+  overridesResolver: (r, s) => {
+    const {
+      ownerState: t
+    } = r;
+    return [s.root, t.row && s.row];
+  }
+})(({
+  ownerState: r
+}) => a({
+  display: "flex",
+  flexDirection: "column",
+  flexWrap: "wrap"
+}, r.row && {
+  flexDirection: "row"
+})), D = /* @__PURE__ */ w.forwardRef(function(s, t) {
+  const e = C({
+    props: s,
+    name: "MuiFormGroup"
+  }), {
+    className: n,
+    row: i = !1
+  } = e, l = f(e, v), m = b(), p = N({
+    props: e,
+    muiFormControl: m,
+    states: ["error"]
+  }), c = a({}, e, {
+    row: i,
+    error: p.error
+  }), u = R(c);
+  return /* @__PURE__ */ g(_, a({
+    className: d(u.root, n),
+    ownerState: c,
+    ref: t
+  }, l));
+});
+process.env.NODE_ENV !== "production" && (D.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.
+   */
+  children: o.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: o.object,
+  /**
+   * @ignore
+   */
+  className: o.string,
+  /**
+   * Display group of elements in a compact row.
+   * @default false
+   */
+  row: o.bool,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object])
+});
+export {
+  D as F
+};