@hybridcore/ui 1.6.13 → 1.6.14

package/dist/dialog-BtJhjyF5.js

@@ -0,0 +1,664 @@
+import { jsx as l, jsxs as B } from "react/jsx-runtime";
+import { confirmable as to } from "react-confirm";
+import { IconButton as ao } from "@mui/material";
+import { Close as io } from "@mui/icons-material";
+import { a as r, _ as h } from "./extends-C3382pL0.js";
+import * as d from "react";
+import { P as o } from "./index-CblbdqjE.js";
+import { c as g } from "./clsx-OuTLNxxd.js";
+import { g as y, a as C, s as m, b, u as D, c as v } from "./generateUtilityClasses-Cc-owZ4J.js";
+import { P as _, u as no } from "./Paper-B1HV8GyO.js";
+import { B as ro, M as so, F as lo } from "./Modal-BVYydOr5.js";
+import { u as co } from "./useId-BW-oWmul.js";
+import { T as po } from "./Typography-D3X-Y5fh.js";
+import { B as E } from "./Button-Cem3nbwc.js";
+function uo(e) {
+  return C("MuiDialog", e);
+}
+const N = y("MuiDialog", ["root", "scrollPaper", "scrollBody", "container", "paper", "paperScrollPaper", "paperScrollBody", "paperWidthFalse", "paperWidthXs", "paperWidthSm", "paperWidthMd", "paperWidthLg", "paperWidthXl", "paperFullWidth", "paperFullScreen"]), P = /* @__PURE__ */ d.createContext({});
+process.env.NODE_ENV !== "production" && (P.displayName = "DialogContext");
+const mo = ["aria-describedby", "aria-labelledby", "BackdropComponent", "BackdropProps", "children", "className", "disableEscapeKeyDown", "fullScreen", "fullWidth", "maxWidth", "onBackdropClick", "onClick", "onClose", "open", "PaperComponent", "PaperProps", "scroll", "TransitionComponent", "transitionDuration", "TransitionProps"], fo = m(ro, {
+  name: "MuiDialog",
+  slot: "Backdrop",
+  overrides: (e, t) => t.backdrop
+})({
+  // Improve scrollable dialog support.
+  zIndex: -1
+}), go = (e) => {
+  const {
+    classes: t,
+    scroll: a,
+    maxWidth: i,
+    fullWidth: n,
+    fullScreen: s
+  } = e, c = {
+    root: ["root"],
+    container: ["container", `scroll${b(a)}`],
+    paper: ["paper", `paperScroll${b(a)}`, `paperWidth${b(String(i))}`, n && "paperFullWidth", s && "paperFullScreen"]
+  };
+  return v(c, uo, t);
+}, bo = m(so, {
+  name: "MuiDialog",
+  slot: "Root",
+  overridesResolver: (e, t) => t.root
+})({
+  "@media print": {
+    // Use !important to override the Modal inline-style.
+    position: "absolute !important"
+  }
+}), xo = m("div", {
+  name: "MuiDialog",
+  slot: "Container",
+  overridesResolver: (e, t) => {
+    const {
+      ownerState: a
+    } = e;
+    return [t.container, t[`scroll${b(a.scroll)}`]];
+  }
+})(({
+  ownerState: e
+}) => r({
+  height: "100%",
+  "@media print": {
+    height: "auto"
+  },
+  // We disable the focus ring for mouse, touch and keyboard users.
+  outline: 0
+}, e.scroll === "paper" && {
+  display: "flex",
+  justifyContent: "center",
+  alignItems: "center"
+}, e.scroll === "body" && {
+  overflowY: "auto",
+  overflowX: "hidden",
+  textAlign: "center",
+  "&::after": {
+    content: '""',
+    display: "inline-block",
+    verticalAlign: "middle",
+    height: "100%",
+    width: "0"
+  }
+})), ho = m(_, {
+  name: "MuiDialog",
+  slot: "Paper",
+  overridesResolver: (e, t) => {
+    const {
+      ownerState: a
+    } = e;
+    return [t.paper, t[`scrollPaper${b(a.scroll)}`], t[`paperWidth${b(String(a.maxWidth))}`], a.fullWidth && t.paperFullWidth, a.fullScreen && t.paperFullScreen];
+  }
+})(({
+  theme: e,
+  ownerState: t
+}) => r({
+  margin: 32,
+  position: "relative",
+  overflowY: "auto",
+  // Fix IE11 issue, to remove at some point.
+  "@media print": {
+    overflowY: "visible",
+    boxShadow: "none"
+  }
+}, t.scroll === "paper" && {
+  display: "flex",
+  flexDirection: "column",
+  maxHeight: "calc(100% - 64px)"
+}, t.scroll === "body" && {
+  display: "inline-block",
+  verticalAlign: "middle",
+  textAlign: "left"
+  // 'initial' doesn't work on IE11
+}, !t.maxWidth && {
+  maxWidth: "calc(100% - 64px)"
+}, t.maxWidth === "xs" && {
+  maxWidth: e.breakpoints.unit === "px" ? Math.max(e.breakpoints.values.xs, 444) : `max(${e.breakpoints.values.xs}${e.breakpoints.unit}, 444px)`,
+  [`&.${N.paperScrollBody}`]: {
+    [e.breakpoints.down(Math.max(e.breakpoints.values.xs, 444) + 32 * 2)]: {
+      maxWidth: "calc(100% - 64px)"
+    }
+  }
+}, t.maxWidth && t.maxWidth !== "xs" && {
+  maxWidth: `${e.breakpoints.values[t.maxWidth]}${e.breakpoints.unit}`,
+  [`&.${N.paperScrollBody}`]: {
+    [e.breakpoints.down(e.breakpoints.values[t.maxWidth] + 32 * 2)]: {
+      maxWidth: "calc(100% - 64px)"
+    }
+  }
+}, t.fullWidth && {
+  width: "calc(100% - 64px)"
+}, t.fullScreen && {
+  margin: 0,
+  width: "100%",
+  maxWidth: "100%",
+  height: "100%",
+  maxHeight: "none",
+  borderRadius: 0,
+  [`&.${N.paperScrollBody}`]: {
+    margin: 0,
+    maxWidth: "100%"
+  }
+})), F = /* @__PURE__ */ d.forwardRef(function(t, a) {
+  const i = D({
+    props: t,
+    name: "MuiDialog"
+  }), n = no(), s = {
+    enter: n.transitions.duration.enteringScreen,
+    exit: n.transitions.duration.leavingScreen
+  }, {
+    "aria-describedby": c,
+    "aria-labelledby": p,
+    BackdropComponent: u,
+    BackdropProps: T,
+    children: K,
+    className: L,
+    disableEscapeKeyDown: w = !1,
+    fullScreen: Y = !1,
+    fullWidth: z = !1,
+    maxWidth: X = "sm",
+    onBackdropClick: O,
+    onClick: $,
+    onClose: k,
+    open: R,
+    PaperComponent: H = _,
+    PaperProps: j = {},
+    scroll: q = "paper",
+    TransitionComponent: G = lo,
+    transitionDuration: A = s,
+    TransitionProps: J
+  } = i, Q = h(i, mo), x = r({}, i, {
+    disableEscapeKeyDown: w,
+    fullScreen: Y,
+    fullWidth: z,
+    maxWidth: X,
+    scroll: q
+  }), W = go(x), S = d.useRef(), Z = (f) => {
+    S.current = f.target === f.currentTarget;
+  }, oo = (f) => {
+    $ && $(f), S.current && (S.current = null, O && O(f), k && k(f, "backdropClick"));
+  }, M = co(p), eo = d.useMemo(() => ({
+    titleId: M
+  }), [M]);
+  return /* @__PURE__ */ l(bo, r({
+    className: g(W.root, L),
+    closeAfterTransition: !0,
+    components: {
+      Backdrop: fo
+    },
+    componentsProps: {
+      backdrop: r({
+        transitionDuration: A,
+        as: u
+      }, T)
+    },
+    disableEscapeKeyDown: w,
+    onClose: k,
+    open: R,
+    ref: a,
+    onClick: oo,
+    ownerState: x
+  }, Q, {
+    children: /* @__PURE__ */ l(G, r({
+      appear: !0,
+      in: R,
+      timeout: A,
+      role: "presentation"
+    }, J, {
+      children: /* @__PURE__ */ l(xo, {
+        className: g(W.container),
+        onMouseDown: Z,
+        ownerState: x,
+        children: /* @__PURE__ */ l(ho, r({
+          as: H,
+          elevation: 24,
+          role: "dialog",
+          "aria-describedby": c,
+          "aria-labelledby": M
+        }, j, {
+          className: g(W.paper, j.className),
+          ownerState: x,
+          children: /* @__PURE__ */ l(P.Provider, {
+            value: eo,
+            children: K
+          })
+        }))
+      })
+    }))
+  }));
+});
+process.env.NODE_ENV !== "production" && (F.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.
+   */
+  "aria-describedby": o.string,
+  /**
+   * The id(s) of the element(s) that label the dialog.
+   */
+  "aria-labelledby": o.string,
+  /**
+   * A backdrop component. This prop enables custom backdrop rendering.
+   * @deprecated Use `slots.backdrop` instead. While this prop currently works, it will be removed in the next major version.
+   * Use the `slots.backdrop` prop to make your application ready for the next version of Material UI.
+   * @default styled(Backdrop, {
+   *   name: 'MuiModal',
+   *   slot: 'Backdrop',
+   *   overridesResolver: (props, styles) => {
+   *     return styles.backdrop;
+   *   },
+   * })({
+   *   zIndex: -1,
+   * })
+   */
+  BackdropComponent: o.elementType,
+  /**
+   * @ignore
+   */
+  BackdropProps: o.object,
+  /**
+   * Dialog children, usually the included sub-components.
+   */
+  children: o.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: o.object,
+  /**
+   * @ignore
+   */
+  className: o.string,
+  /**
+   * If `true`, hitting escape will not fire the `onClose` callback.
+   * @default false
+   */
+  disableEscapeKeyDown: o.bool,
+  /**
+   * If `true`, the dialog is full-screen.
+   * @default false
+   */
+  fullScreen: o.bool,
+  /**
+   * If `true`, the dialog stretches to `maxWidth`.
+   *
+   * Notice that the dialog width grow is limited by the default margin.
+   * @default false
+   */
+  fullWidth: o.bool,
+  /**
+   * Determine the max-width of the dialog.
+   * The dialog width grows with the size of the screen.
+   * Set to `false` to disable `maxWidth`.
+   * @default 'sm'
+   */
+  maxWidth: o.oneOfType([o.oneOf(["xs", "sm", "md", "lg", "xl", !1]), o.string]),
+  /**
+   * Callback fired when the backdrop is clicked.
+   * @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.
+   *
+   * @param {object} event The event source of the callback.
+   * @param {string} reason Can be: `"escapeKeyDown"`, `"backdropClick"`.
+   */
+  onClose: o.func,
+  /**
+   * If `true`, the component is shown.
+   */
+  open: o.bool.isRequired,
+  /**
+   * The component used to render the body of the dialog.
+   * @default Paper
+   */
+  PaperComponent: o.elementType,
+  /**
+   * Props applied to the [`Paper`](/material-ui/api/paper/) element.
+   * @default {}
+   */
+  PaperProps: o.object,
+  /**
+   * Determine the container for scrolling the dialog.
+   * @default 'paper'
+   */
+  scroll: o.oneOf(["body", "paper"]),
+  /**
+   * 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]),
+  /**
+   * The component used for the transition.
+   * [Follow this guide](/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
+   * @default Fade
+   */
+  TransitionComponent: o.elementType,
+  /**
+   * The duration for the transition, in milliseconds.
+   * You may specify a single timeout for all transitions, or individually with an object.
+   * @default {
+   *   enter: theme.transitions.duration.enteringScreen,
+   *   exit: theme.transitions.duration.leavingScreen,
+   * }
+   */
+  transitionDuration: o.oneOfType([o.number, o.shape({
+    appear: o.number,
+    enter: o.number,
+    exit: o.number
+  })]),
+  /**
+   * Props applied to the transition element.
+   * By default, the element is based on this [`Transition`](https://reactcommunity.org/react-transition-group/transition/) component.
+   */
+  TransitionProps: o.object
+});
+function yo(e) {
+  return C("MuiDialogActions", e);
+}
+y("MuiDialogActions", ["root", "spacing"]);
+const Co = ["className", "disableSpacing"], Do = (e) => {
+  const {
+    classes: t,
+    disableSpacing: a
+  } = e;
+  return v({
+    root: ["root", !a && "spacing"]
+  }, yo, t);
+}, vo = m("div", {
+  name: "MuiDialogActions",
+  slot: "Root",
+  overridesResolver: (e, t) => {
+    const {
+      ownerState: a
+    } = e;
+    return [t.root, !a.disableSpacing && t.spacing];
+  }
+})(({
+  ownerState: e
+}) => r({
+  display: "flex",
+  alignItems: "center",
+  padding: 8,
+  justifyContent: "flex-end",
+  flex: "0 0 auto"
+}, !e.disableSpacing && {
+  "& > :not(style) ~ :not(style)": {
+    marginLeft: 8
+  }
+})), U = /* @__PURE__ */ d.forwardRef(function(t, a) {
+  const i = D({
+    props: t,
+    name: "MuiDialogActions"
+  }), {
+    className: n,
+    disableSpacing: s = !1
+  } = i, c = h(i, Co), p = r({}, i, {
+    disableSpacing: s
+  }), u = Do(p);
+  return /* @__PURE__ */ l(vo, r({
+    className: g(u.root, n),
+    ownerState: p,
+    ref: a
+  }, c));
+});
+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 `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,
+  /**
+   * If `true`, the actions do not have additional margin.
+   * @default false
+   */
+  disableSpacing: 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])
+});
+function To(e) {
+  return C("MuiDialogContent", e);
+}
+y("MuiDialogContent", ["root", "dividers"]);
+function ko(e) {
+  return C("MuiDialogTitle", e);
+}
+const Wo = y("MuiDialogTitle", ["root"]), So = ["className", "dividers"], Mo = (e) => {
+  const {
+    classes: t,
+    dividers: a
+  } = e;
+  return v({
+    root: ["root", a && "dividers"]
+  }, To, t);
+}, Bo = m("div", {
+  name: "MuiDialogContent",
+  slot: "Root",
+  overridesResolver: (e, t) => {
+    const {
+      ownerState: a
+    } = e;
+    return [t.root, a.dividers && t.dividers];
+  }
+})(({
+  theme: e,
+  ownerState: t
+}) => r({
+  flex: "1 1 auto",
+  // Add iOS momentum scrolling for iOS < 13.0
+  WebkitOverflowScrolling: "touch",
+  overflowY: "auto",
+  padding: "20px 24px"
+}, t.dividers ? {
+  padding: "16px 24px",
+  borderTop: `1px solid ${(e.vars || e).palette.divider}`,
+  borderBottom: `1px solid ${(e.vars || e).palette.divider}`
+} : {
+  [`.${Wo.root} + &`]: {
+    paddingTop: 0
+  }
+})), I = /* @__PURE__ */ d.forwardRef(function(t, a) {
+  const i = D({
+    props: t,
+    name: "MuiDialogContent"
+  }), {
+    className: n,
+    dividers: s = !1
+  } = i, c = h(i, So), p = r({}, i, {
+    dividers: s
+  }), u = Mo(p);
+  return /* @__PURE__ */ l(Bo, r({
+    className: g(u.root, n),
+    ownerState: p,
+    ref: a
+  }, c));
+});
+process.env.NODE_ENV !== "production" && (I.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 the top and bottom dividers.
+   * @default false
+   */
+  dividers: 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])
+});
+const No = ["className", "id"], Po = (e) => {
+  const {
+    classes: t
+  } = e;
+  return v({
+    root: ["root"]
+  }, ko, t);
+}, wo = m(po, {
+  name: "MuiDialogTitle",
+  slot: "Root",
+  overridesResolver: (e, t) => t.root
+})({
+  padding: "16px 24px",
+  flex: "0 0 auto"
+}), V = /* @__PURE__ */ d.forwardRef(function(t, a) {
+  const i = D({
+    props: t,
+    name: "MuiDialogTitle"
+  }), {
+    className: n,
+    id: s
+  } = i, c = h(i, No), p = i, u = Po(p), {
+    titleId: T = s
+  } = d.useContext(P);
+  return /* @__PURE__ */ l(wo, r({
+    component: "h2",
+    className: g(u.root, n),
+    ownerState: p,
+    ref: a,
+    variant: "h6",
+    id: s ?? T
+  }, c));
+});
+process.env.NODE_ENV !== "production" && (V.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,
+  /**
+   * @ignore
+   */
+  id: o.string,
+  /**
+   * 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])
+});
+const Oo = {
+  confirmButtonText: "OK",
+  cancelButtonText: "Cancel",
+  disableCancelButton: !1
+}, $o = ({
+  show: e = !0,
+  proceed: t = () => {
+  },
+  title: a,
+  description: i,
+  options: n
+}) => {
+  n = { ...Oo, ...n };
+  const s = () => {
+    t(!1);
+  }, c = () => {
+    t(!1);
+  }, p = () => {
+    t(!0);
+  };
+  return /* @__PURE__ */ B(
+    F,
+    {
+      open: e,
+      onClose: s,
+      "aria-labelledby": "dialog-title",
+      "aria-describedby": "dialog-description",
+      sx: {
+        zIndex: 9999,
+        "& .MuiDialog-paper": {
+          borderRadius: 3
+        },
+        "& .MuiDialogTitle-root": {
+          px: 4,
+          py: 3
+        },
+        "& .MuiDialogContent-root": {
+          p: 4,
+          pt: 0
+        },
+        "& .MuiDialogActions-root": {
+          p: 4,
+          background: "#0439910A"
+        }
+      },
+      children: [
+        /* @__PURE__ */ B(
+          V,
+          {
+            id: "dialog-title",
+            sx: {
+              display: "flex",
+              justifyContent: "space-between",
+              alignItems: "center"
+            },
+            children: [
+              a,
+              /* @__PURE__ */ l(ao, { onClick: c, children: /* @__PURE__ */ l(io, {}) })
+            ]
+          }
+        ),
+        /* @__PURE__ */ l(I, { sx: { minWidth: 400 }, children: i }),
+        /* @__PURE__ */ B(U, { children: [
+          !n.disableCancelButton && /* @__PURE__ */ l(E, { color: "inherit", onClick: c, children: n.cancelButtonText }),
+          /* @__PURE__ */ l(
+            E,
+            {
+              variant: "contained",
+              color: "primary",
+              onClick: p,
+              autoFocus: !0,
+              children: n.confirmButtonText
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}, Xo = to($o);
+export {
+  Xo as D,
+  F as a,
+  V as b,
+  I as c
+};

package/dist/extends-C3382pL0.js

@@ -0,0 +1,22 @@
+function i(r, e) {
+  if (r == null) return {};
+  var t = {};
+  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
+    if (e.includes(n)) continue;
+    t[n] = r[n];
+  }
+  return t;
+}
+function a() {
+  return a = Object.assign ? Object.assign.bind() : function(r) {
+    for (var e = 1; e < arguments.length; e++) {
+      var t = arguments[e];
+      for (var n in t) ({}).hasOwnProperty.call(t, n) && (r[n] = t[n]);
+    }
+    return r;
+  }, a.apply(null, arguments);
+}
+export {
+  i 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
+};