@hybridcore/ui 1.3.7 → 1.4.0

package/dist/DialogContent-CxOSq6h9.js

@@ -0,0 +1,519 @@
+import { _ as i, a as T } from "./objectWithoutPropertiesLoose-BK36oJDi.js";
+import * as d from "react";
+import { a as u, P as o } from "./createStyled-BzvgQjjR.js";
+import { g as h, u as S, c as b, a as P } from "./useThemeProps-uYx_RkOH.js";
+import { g as y, s as m } from "./styled-LNCprp4n.js";
+import { u as q } from "./useTheme-DBiahn6p.js";
+import { jsx as p } from "react/jsx-runtime";
+import { B as G, M as J, F as Q } from "./Modal-KrI5qFIq.js";
+import { P as O } from "./Paper-btu3j72o.js";
+import { u as Z } from "./useId-BHG98T5I.js";
+function oo(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, {
+  name: "MuiDialog",
+  slot: "Backdrop",
+  overrides: (e, a) => a.backdrop
+})({
+  // Improve scrollable dialog support.
+  zIndex: -1
+}), ro = (e) => {
+  const {
+    classes: a,
+    scroll: r,
+    maxWidth: t,
+    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"]
+  };
+  return P(l, oo, a);
+}, to = m(J, {
+  name: "MuiDialog",
+  slot: "Root",
+  overridesResolver: (e, a) => a.root
+})({
+  "@media print": {
+    // Use !important to override the Modal inline-style.
+    position: "absolute !important"
+  }
+}), io = m("div", {
+  name: "MuiDialog",
+  slot: "Container",
+  overridesResolver: (e, a) => {
+    const {
+      ownerState: r
+    } = e;
+    return [a.container, a[`scroll${u(r.scroll)}`]];
+  }
+})(({
+  ownerState: e
+}) => i({
+  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"
+  }
+})), so = m(O, {
+  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];
+  }
+})(({
+  theme: e,
+  ownerState: a
+}) => i({
+  margin: 32,
+  position: "relative",
+  overflowY: "auto",
+  // Fix IE11 issue, to remove at some point.
+  "@media print": {
+    overflowY: "visible",
+    boxShadow: "none"
+  }
+}, a.scroll === "paper" && {
+  display: "flex",
+  flexDirection: "column",
+  maxHeight: "calc(100% - 64px)"
+}, a.scroll === "body" && {
+  display: "inline-block",
+  verticalAlign: "middle",
+  textAlign: "left"
+  // 'initial' doesn't work on IE11
+}, !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}`,
+  [`&.${W.paperScrollBody}`]: {
+    [e.breakpoints.down(Math.max(e.breakpoints.values.xs, 444) + 32 * 2)]: {
+      maxWidth: "calc(100% - 64px)"
+    }
+  }
+}, a.maxWidth && a.maxWidth !== "xs" && {
+  maxWidth: `${e.breakpoints.values[a.maxWidth]}${e.breakpoints.unit}`,
+  [`&.${W.paperScrollBody}`]: {
+    [e.breakpoints.down(e.breakpoints.values[a.maxWidth] + 32 * 2)]: {
+      maxWidth: "calc(100% - 64px)"
+    }
+  }
+}, a.fullWidth && {
+  width: "calc(100% - 64px)"
+}, a.fullScreen && {
+  margin: 0,
+  width: "100%",
+  maxWidth: "100%",
+  height: "100%",
+  maxHeight: "none",
+  borderRadius: 0,
+  [`&.${W.paperScrollBody}`]: {
+    margin: 0,
+    maxWidth: "100%"
+  }
+})), no = /* @__PURE__ */ d.forwardRef(function(a, r) {
+  const t = S({
+    props: a,
+    name: "MuiDialog"
+  }), s = q(), 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,
+    disableEscapeKeyDown: M = !1,
+    fullScreen: _ = !1,
+    fullWidth: F = !1,
+    maxWidth: U = "sm",
+    onBackdropClick: N,
+    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, {
+    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(() => ({
+    titleId: k
+  }), [k]);
+  return /* @__PURE__ */ p(to, i({
+    className: b(v.root, E),
+    closeAfterTransition: !0,
+    components: {
+      Backdrop: ao
+    },
+    componentsProps: {
+      backdrop: i({
+        transitionDuration: $,
+        as: f
+      }, j)
+    },
+    disableEscapeKeyDown: M,
+    onClose: D,
+    open: w,
+    ref: r,
+    onClick: z,
+    ownerState: x
+  }, Y, {
+    children: /* @__PURE__ */ p(V, i({
+      appear: !0,
+      in: w,
+      timeout: $,
+      role: "presentation"
+    }, K, {
+      children: /* @__PURE__ */ p(io, {
+        className: b(v.container),
+        onMouseDown: X,
+        ownerState: x,
+        children: /* @__PURE__ */ p(so, i({
+          as: I,
+          elevation: 24,
+          role: "dialog",
+          "aria-describedby": l,
+          "aria-labelledby": k
+        }, B, {
+          className: b(v.paper, B.className),
+          ownerState: x,
+          children: /* @__PURE__ */ p(R.Provider, {
+            value: H,
+            children: A
+          })
+        }))
+      })
+    }))
+  }));
+});
+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"     |
+  // ----------------------------------------------------------------------
+  /**
+   * 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,
+  /**
+   * 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`](http://reactcommunity.org/react-transition-group/transition/) component.
+   */
+  TransitionProps: o.object
+});
+function lo(e) {
+  return y("MuiDialogActions", e);
+}
+h("MuiDialogActions", ["root", "spacing"]);
+const co = ["className", "disableSpacing"], po = (e) => {
+  const {
+    classes: a,
+    disableSpacing: r
+  } = e;
+  return P({
+    root: ["root", !r && "spacing"]
+  }, lo, a);
+}, uo = m("div", {
+  name: "MuiDialogActions",
+  slot: "Root",
+  overridesResolver: (e, a) => {
+    const {
+      ownerState: r
+    } = e;
+    return [a.root, !r.disableSpacing && a.spacing];
+  }
+})(({
+  ownerState: e
+}) => i({
+  display: "flex",
+  alignItems: "center",
+  padding: 8,
+  justifyContent: "flex-end",
+  flex: "0 0 auto"
+}, !e.disableSpacing && {
+  "& > :not(:first-of-type)": {
+    marginLeft: 8
+  }
+})), mo = /* @__PURE__ */ d.forwardRef(function(a, r) {
+  const t = S({
+    props: a,
+    name: "MuiDialogActions"
+  }), {
+    className: s,
+    disableSpacing: n = !1
+  } = t, l = T(t, co), c = i({}, t, {
+    disableSpacing: n
+  }), f = po(c);
+  return /* @__PURE__ */ p(uo, i({
+    className: b(f.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"     |
+  // ----------------------------------------------------------------------
+  /**
+   * 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 fo(e) {
+  return y("MuiDialogContent", e);
+}
+h("MuiDialogContent", ["root", "dividers"]);
+function No(e) {
+  return y("MuiDialogTitle", e);
+}
+const go = h("MuiDialogTitle", ["root"]), bo = ["className", "dividers"], xo = (e) => {
+  const {
+    classes: a,
+    dividers: r
+  } = e;
+  return P({
+    root: ["root", r && "dividers"]
+  }, fo, a);
+}, ho = m("div", {
+  name: "MuiDialogContent",
+  slot: "Root",
+  overridesResolver: (e, a) => {
+    const {
+      ownerState: r
+    } = e;
+    return [a.root, r.dividers && a.dividers];
+  }
+})(({
+  theme: e,
+  ownerState: a
+}) => i({
+  flex: "1 1 auto",
+  // Add iOS momentum scrolling for iOS < 13.0
+  WebkitOverflowScrolling: "touch",
+  overflowY: "auto",
+  padding: "20px 24px"
+}, a.dividers ? {
+  padding: "16px 24px",
+  borderTop: `1px solid ${(e.vars || e).palette.divider}`,
+  borderBottom: `1px solid ${(e.vars || e).palette.divider}`
+} : {
+  [`.${go.root} + &`]: {
+    paddingTop: 0
+  }
+})), yo = /* @__PURE__ */ d.forwardRef(function(a, r) {
+  const t = S({
+    props: a,
+    name: "MuiDialogContent"
+  }), {
+    className: s,
+    dividers: n = !1
+  } = t, l = T(t, bo), c = i({}, t, {
+    dividers: n
+  }), f = xo(c);
+  return /* @__PURE__ */ p(ho, i({
+    className: b(f.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"     |
+  // ----------------------------------------------------------------------
+  /**
+   * 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])
+});
+export {
+  no as D,
+  yo as a,
+  mo as b,
+  R as c,
+  W as d,
+  No as g
+};

package/dist/FormControlLabel-D9KFjcIx.js

@@ -0,0 +1,193 @@
+import { _ as m, a as _ } from "./objectWithoutPropertiesLoose-BK36oJDi.js";
+import * as P from "react";
+import { a as L, P as e } from "./createStyled-BzvgQjjR.js";
+import { g as O, u as D, c as h, a as E } from "./useThemeProps-uYx_RkOH.js";
+import { g as M, s as S } from "./styled-LNCprp4n.js";
+import { f as U } from "./InputLabel-CWkW8NtU.js";
+import { jsx as w, jsxs as W } from "react/jsx-runtime";
+import { u as k } from "./useFormControl-CatNKXAi.js";
+import { T as C } from "./Typography-Bm7PFqUT.js";
+import { r as q } from "./ButtonBase-D0qccOVb.js";
+function z(l) {
+  return M("MuiFormControlLabel", l);
+}
+const c = O("MuiFormControlLabel", ["root", "labelPlacementStart", "labelPlacementTop", "labelPlacementBottom", "disabled", "label", "error"]), A = ["checked", "className", "componentsProps", "control", "disabled", "disableTypography", "inputRef", "label", "labelPlacement", "name", "onChange", "slotProps", "value"], B = (l) => {
+  const {
+    classes: o,
+    disabled: r,
+    labelPlacement: n,
+    error: t
+  } = l, b = {
+    root: ["root", r && "disabled", `labelPlacement${L(n)}`, t && "error"],
+    label: ["label", r && "disabled"]
+  };
+  return E(b, z, o);
+}, H = S("label", {
+  name: "MuiFormControlLabel",
+  slot: "Root",
+  overridesResolver: (l, o) => {
+    const {
+      ownerState: r
+    } = l;
+    return [{
+      [`& .${c.label}`]: o.label
+    }, o.root, o[`labelPlacement${L(r.labelPlacement)}`]];
+  }
+})(({
+  theme: l,
+  ownerState: o
+}) => m({
+  display: "inline-flex",
+  alignItems: "center",
+  cursor: "pointer",
+  // For correct alignment with the text.
+  verticalAlign: "middle",
+  WebkitTapHighlightColor: "transparent",
+  marginLeft: -11,
+  marginRight: 16,
+  // used for row presentation of radio/checkbox
+  [`&.${c.disabled}`]: {
+    cursor: "default"
+  }
+}, o.labelPlacement === "start" && {
+  flexDirection: "row-reverse",
+  marginLeft: 16,
+  // used for row presentation of radio/checkbox
+  marginRight: -11
+}, o.labelPlacement === "top" && {
+  flexDirection: "column-reverse",
+  marginLeft: 16
+}, o.labelPlacement === "bottom" && {
+  flexDirection: "column",
+  marginLeft: 16
+}, {
+  [`& .${c.label}`]: {
+    [`&.${c.disabled}`]: {
+      color: (l.vars || l).palette.text.disabled
+    }
+  }
+})), I = /* @__PURE__ */ P.forwardRef(function(o, r) {
+  var n;
+  const t = D({
+    props: o,
+    name: "MuiFormControlLabel"
+  }), {
+    className: b,
+    componentsProps: v = {},
+    control: i,
+    disabled: T,
+    disableTypography: x,
+    label: F,
+    labelPlacement: R = "end",
+    slotProps: j = {}
+  } = t, N = _(t, A), d = k();
+  let a = T;
+  typeof a > "u" && typeof i.props.disabled < "u" && (a = i.props.disabled), typeof a > "u" && d && (a = d.disabled);
+  const u = {
+    disabled: a
+  };
+  ["checked", "name", "onChange", "value", "inputRef"].forEach((p) => {
+    typeof i.props[p] > "u" && typeof t[p] < "u" && (u[p] = t[p]);
+  });
+  const $ = U({
+    props: t,
+    muiFormControl: d,
+    states: ["error"]
+  }), y = m({}, t, {
+    disabled: a,
+    labelPlacement: R,
+    error: $.error
+  }), g = B(y), f = (n = j.typography) != null ? n : v.typography;
+  let s = F;
+  return s != null && s.type !== C && !x && (s = /* @__PURE__ */ w(C, m({
+    component: "span"
+  }, f, {
+    className: h(g.label, f == null ? void 0 : f.className),
+    children: s
+  }))), /* @__PURE__ */ W(H, m({
+    className: h(g.root, b),
+    ownerState: y,
+    ref: r
+  }, N, {
+    children: [/* @__PURE__ */ P.cloneElement(i, u), s]
+  }));
+});
+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 "yarn proptypes"     |
+  // ----------------------------------------------------------------------
+  /**
+   * If `true`, the component appears selected.
+   */
+  checked: e.bool,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: e.object,
+  /**
+   * @ignore
+   */
+  className: e.string,
+  /**
+   * The props used for each slot inside.
+   * @default {}
+   */
+  componentsProps: e.shape({
+    typography: e.object
+  }),
+  /**
+   * A control element. For instance, it can be a `Radio`, a `Switch` or a `Checkbox`.
+   */
+  control: e.element.isRequired,
+  /**
+   * If `true`, the control is disabled.
+   */
+  disabled: e.bool,
+  /**
+   * If `true`, the label is rendered as it is passed without an additional typography node.
+   */
+  disableTypography: e.bool,
+  /**
+   * Pass a ref to the `input` element.
+   */
+  inputRef: q,
+  /**
+   * A text or an element to be used in an enclosing label element.
+   */
+  label: e.node,
+  /**
+   * The position of the label.
+   * @default 'end'
+   */
+  labelPlacement: e.oneOf(["bottom", "end", "start", "top"]),
+  /**
+   * @ignore
+   */
+  name: e.string,
+  /**
+   * Callback fired when the state is changed.
+   *
+   * @param {React.SyntheticEvent} event The event source of the callback.
+   * You can pull out the new checked state by accessing `event.target.checked` (boolean).
+   */
+  onChange: e.func,
+  /**
+   * The props used for each slot inside.
+   * @default {}
+   */
+  slotProps: e.shape({
+    typography: e.object
+  }),
+  /**
+   * 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 value of the component.
+   */
+  value: e.any
+});
+export {
+  I as F
+};