@hybridcore/ui 1.3.7 → 1.4.0

package/dist/Add-eepk2WTM.js

@@ -0,0 +1,379 @@
+import { _ as a, a as z } from "./objectWithoutPropertiesLoose-BK36oJDi.js";
+import * as B from "react";
+import { a as j, P as o } from "./createStyled-BzvgQjjR.js";
+import { g as N, u as L, c as w, a as E } from "./useThemeProps-uYx_RkOH.js";
+import { g as k, s as u, d as O, l as S } from "./styled-LNCprp4n.js";
+import { c as f } from "./createSvgIcon-DEXLbMwp.js";
+import Q, { jsx as r, jsxs as X } from "react/jsx-runtime";
+import { P as Y } from "./Paper-btu3j72o.js";
+import { I as oo } from "./IconButton-BaiyAtmS.js";
+import { T as eo } from "./Typography-Bm7PFqUT.js";
+import { r as to, i as so } from "./createSvgIcon-Cfm1LkEe.js";
+function ro(e) {
+  return k("MuiAlert", e);
+}
+const P = N("MuiAlert", ["root", "action", "icon", "message", "filled", "filledSuccess", "filledInfo", "filledWarning", "filledError", "outlined", "outlinedSuccess", "outlinedInfo", "outlinedWarning", "outlinedError", "standard", "standardSuccess", "standardInfo", "standardWarning", "standardError"]), no = f(/* @__PURE__ */ r("path", {
+  d: "M20,12A8,8 0 0,1 12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4C12.76,4 13.5,4.11 14.2, 4.31L15.77,2.74C14.61,2.26 13.34,2 12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0, 0 22,12M7.91,10.08L6.5,11.5L11,16L21,6L19.59,4.58L11,13.17L7.91,10.08Z"
+}), "SuccessOutlined"), lo = f(/* @__PURE__ */ r("path", {
+  d: "M12 5.99L19.53 19H4.47L12 5.99M12 2L1 21h22L12 2zm1 14h-2v2h2v-2zm0-6h-2v4h2v-4z"
+}), "ReportProblemOutlined"), ao = f(/* @__PURE__ */ r("path", {
+  d: "M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
+}), "ErrorOutline"), co = f(/* @__PURE__ */ r("path", {
+  d: "M11,9H13V7H11M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20, 12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10, 10 0 0,0 12,2M11,17H13V11H11V17Z"
+}), "InfoOutlined"), io = f(/* @__PURE__ */ r("path", {
+  d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
+}), "Close"), po = ["action", "children", "className", "closeText", "color", "components", "componentsProps", "icon", "iconMapping", "onClose", "role", "severity", "slotProps", "slots", "variant"], uo = (e) => {
+  const {
+    variant: t,
+    color: n,
+    severity: l,
+    classes: s
+  } = e, c = {
+    root: ["root", `${t}${j(n || l)}`, `${t}`],
+    icon: ["icon"],
+    message: ["message"],
+    action: ["action"]
+  };
+  return E(c, ro, s);
+}, fo = u(Y, {
+  name: "MuiAlert",
+  slot: "Root",
+  overridesResolver: (e, t) => {
+    const {
+      ownerState: n
+    } = e;
+    return [t.root, t[n.variant], t[`${n.variant}${j(n.color || n.severity)}`]];
+  }
+})(({
+  theme: e,
+  ownerState: t
+}) => {
+  const n = e.palette.mode === "light" ? O : S, l = e.palette.mode === "light" ? S : O, s = t.color || t.severity;
+  return a({}, e.typography.body2, {
+    backgroundColor: "transparent",
+    display: "flex",
+    padding: "6px 16px"
+  }, s && t.variant === "standard" && {
+    color: e.vars ? e.vars.palette.Alert[`${s}Color`] : n(e.palette[s].light, 0.6),
+    backgroundColor: e.vars ? e.vars.palette.Alert[`${s}StandardBg`] : l(e.palette[s].light, 0.9),
+    [`& .${P.icon}`]: e.vars ? {
+      color: e.vars.palette.Alert[`${s}IconColor`]
+    } : {
+      color: e.palette[s].main
+    }
+  }, s && t.variant === "outlined" && {
+    color: e.vars ? e.vars.palette.Alert[`${s}Color`] : n(e.palette[s].light, 0.6),
+    border: `1px solid ${(e.vars || e).palette[s].light}`,
+    [`& .${P.icon}`]: e.vars ? {
+      color: e.vars.palette.Alert[`${s}IconColor`]
+    } : {
+      color: e.palette[s].main
+    }
+  }, s && t.variant === "filled" && a({
+    fontWeight: e.typography.fontWeightMedium
+  }, e.vars ? {
+    color: e.vars.palette.Alert[`${s}FilledColor`],
+    backgroundColor: e.vars.palette.Alert[`${s}FilledBg`]
+  } : {
+    backgroundColor: e.palette.mode === "dark" ? e.palette[s].dark : e.palette[s].main,
+    color: e.palette.getContrastText(e.palette[s].main)
+  }));
+}), go = u("div", {
+  name: "MuiAlert",
+  slot: "Icon",
+  overridesResolver: (e, t) => t.icon
+})({
+  marginRight: 12,
+  padding: "7px 0",
+  display: "flex",
+  fontSize: 22,
+  opacity: 0.9
+}), vo = u("div", {
+  name: "MuiAlert",
+  slot: "Message",
+  overridesResolver: (e, t) => t.message
+})({
+  padding: "8px 0",
+  minWidth: 0,
+  overflow: "auto"
+}), R = u("div", {
+  name: "MuiAlert",
+  slot: "Action",
+  overridesResolver: (e, t) => t.action
+})({
+  display: "flex",
+  alignItems: "flex-start",
+  padding: "4px 0 0 16px",
+  marginLeft: "auto",
+  marginRight: -8
+}), _ = {
+  success: /* @__PURE__ */ r(no, {
+    fontSize: "inherit"
+  }),
+  warning: /* @__PURE__ */ r(lo, {
+    fontSize: "inherit"
+  }),
+  error: /* @__PURE__ */ r(ao, {
+    fontSize: "inherit"
+  }),
+  info: /* @__PURE__ */ r(co, {
+    fontSize: "inherit"
+  })
+}, mo = /* @__PURE__ */ B.forwardRef(function(t, n) {
+  var l, s, c, p, g, y;
+  const v = L({
+    props: t,
+    name: "MuiAlert"
+  }), {
+    action: m,
+    children: W,
+    className: H,
+    closeText: h = "Close",
+    color: U,
+    components: I = {},
+    componentsProps: M = {},
+    icon: T,
+    iconMapping: V = _,
+    onClose: x,
+    role: q = "alert",
+    severity: A = "success",
+    slotProps: b = {},
+    slots: $ = {},
+    variant: D = "standard"
+  } = v, F = z(v, po), i = a({}, v, {
+    color: U,
+    severity: A,
+    variant: D
+  }), d = uo(i), Z = (l = (s = $.closeButton) != null ? s : I.CloseButton) != null ? l : oo, G = (c = (p = $.closeIcon) != null ? p : I.CloseIcon) != null ? c : io, J = (g = b.closeButton) != null ? g : M.closeButton, K = (y = b.closeIcon) != null ? y : M.closeIcon;
+  return /* @__PURE__ */ X(fo, a({
+    role: q,
+    elevation: 0,
+    ownerState: i,
+    className: w(d.root, H),
+    ref: n
+  }, F, {
+    children: [T !== !1 ? /* @__PURE__ */ r(go, {
+      ownerState: i,
+      className: d.icon,
+      children: T || V[A] || _[A]
+    }) : null, /* @__PURE__ */ r(vo, {
+      ownerState: i,
+      className: d.message,
+      children: W
+    }), m != null ? /* @__PURE__ */ r(R, {
+      ownerState: i,
+      className: d.action,
+      children: m
+    }) : null, m == null && x ? /* @__PURE__ */ r(R, {
+      ownerState: i,
+      className: d.action,
+      children: /* @__PURE__ */ r(Z, a({
+        size: "small",
+        "aria-label": h,
+        title: h,
+        color: "inherit",
+        onClick: x
+      }, J, {
+        children: /* @__PURE__ */ r(G, a({
+          fontSize: "small"
+        }, K))
+      }))
+    }) : null]
+  }));
+});
+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 action to display. It renders after the message, at the end of the alert.
+   */
+  action: o.node,
+  /**
+   * The content of the component.
+   */
+  children: o.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: o.object,
+  /**
+   * @ignore
+   */
+  className: o.string,
+  /**
+   * Override the default label for the *close popup* icon button.
+   *
+   * For localization purposes, you can use the provided [translations](/material-ui/guides/localization/).
+   * @default 'Close'
+   */
+  closeText: o.string,
+  /**
+   * The color of the component. Unless provided, the value is taken from the `severity` prop.
+   * 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).
+   */
+  color: o.oneOfType([o.oneOf(["error", "info", "success", "warning"]), o.string]),
+  /**
+   * The components used for each slot inside.
+   *
+   * This prop is an alias for the `slots` prop.
+   * It's recommended to use the `slots` prop instead.
+   *
+   * @default {}
+   */
+  components: o.shape({
+    CloseButton: o.elementType,
+    CloseIcon: o.elementType
+  }),
+  /**
+   * The extra props for the slot components.
+   * You can override the existing props or add new ones.
+   *
+   * This prop is an alias for the `slotProps` prop.
+   * It's recommended to use the `slotProps` prop instead, as `componentsProps` will be deprecated in the future.
+   *
+   * @default {}
+   */
+  componentsProps: o.shape({
+    closeButton: o.object,
+    closeIcon: o.object
+  }),
+  /**
+   * Override the icon displayed before the children.
+   * Unless provided, the icon is mapped to the value of the `severity` prop.
+   * Set to `false` to remove the `icon`.
+   */
+  icon: o.node,
+  /**
+   * The component maps the `severity` prop to a range of different icons,
+   * for instance success to `<SuccessOutlined>`.
+   * If you wish to change this mapping, you can provide your own.
+   * Alternatively, you can use the `icon` prop to override the icon displayed.
+   */
+  iconMapping: o.shape({
+    error: o.node,
+    info: o.node,
+    success: o.node,
+    warning: o.node
+  }),
+  /**
+   * Callback fired when the component requests to be closed.
+   * When provided and no `action` prop is set, a close icon button is displayed that triggers the callback when clicked.
+   * @param {React.SyntheticEvent} event The event source of the callback.
+   */
+  onClose: o.func,
+  /**
+   * The ARIA role attribute of the element.
+   * @default 'alert'
+   */
+  role: o.string,
+  /**
+   * The severity of the alert. This defines the color and icon used.
+   * @default 'success'
+   */
+  severity: o.oneOf(["error", "info", "success", "warning"]),
+  /**
+   * The extra props for the slot components.
+   * You can override the existing props or add new ones.
+   *
+   * This prop is an alias for the `componentsProps` prop, which will be deprecated in the future.
+   *
+   * @default {}
+   */
+  slotProps: o.shape({
+    closeButton: o.object,
+    closeIcon: o.object
+  }),
+  /**
+   * The components used for each slot inside.
+   *
+   * This prop is an alias for the `components` prop, which will be deprecated in the future.
+   *
+   * @default {}
+   */
+  slots: o.shape({
+    closeButton: o.elementType,
+    closeIcon: o.elementType
+  }),
+  /**
+   * 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 variant to use.
+   * @default 'standard'
+   */
+  variant: o.oneOfType([o.oneOf(["filled", "outlined", "standard"]), o.string])
+});
+function Ao(e) {
+  return k("MuiAlertTitle", e);
+}
+N("MuiAlertTitle", ["root"]);
+const Co = ["className"], yo = (e) => {
+  const {
+    classes: t
+  } = e;
+  return E({
+    root: ["root"]
+  }, Ao, t);
+}, ho = u(eo, {
+  name: "MuiAlertTitle",
+  slot: "Root",
+  overridesResolver: (e, t) => t.root
+})(({
+  theme: e
+}) => ({
+  fontWeight: e.typography.fontWeightMedium,
+  marginTop: -2
+})), Io = /* @__PURE__ */ B.forwardRef(function(t, n) {
+  const l = L({
+    props: t,
+    name: "MuiAlertTitle"
+  }), {
+    className: s
+  } = l, c = z(l, Co), p = l, g = yo(p);
+  return /* @__PURE__ */ r(ho, a({
+    gutterBottom: !0,
+    component: "div",
+    ownerState: p,
+    ref: n,
+    className: w(g.root, s)
+  }, c));
+});
+process.env.NODE_ENV !== "production" && (Io.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,
+  /**
+   * 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])
+});
+var C = {}, Mo = so;
+Object.defineProperty(C, "__esModule", {
+  value: !0
+});
+var To = C.default = void 0, xo = Mo(to()), bo = Q;
+To = C.default = (0, xo.default)(/* @__PURE__ */ (0, bo.jsx)("path", {
+  d: "M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6z"
+}), "Add");
+export {
+  mo as A,
+  Io as a,
+  To as d
+};

package/dist/Box-BPyg-Ybm.js

@@ -0,0 +1,70 @@
+import { s as h, b as y, P as s } from "./createStyled-BzvgQjjR.js";
+import { c as N, C as B } from "./styled-LNCprp4n.js";
+import { a as T, _ as g } from "./objectWithoutPropertiesLoose-BK36oJDi.js";
+import * as b from "react";
+import { d as v } from "./useThemeProps-uYx_RkOH.js";
+import { jsx as C } from "react/jsx-runtime";
+import { e as P } from "./extendSxProp-qqdkfHzS.js";
+function f(o) {
+  var t, r, e = "";
+  if (typeof o == "string" || typeof o == "number") e += o;
+  else if (typeof o == "object") if (Array.isArray(o)) {
+    var a = o.length;
+    for (t = 0; t < a; t++) o[t] && (r = f(o[t])) && (e && (e += " "), e += r);
+  } else for (r in o) o[r] && (e && (e += " "), e += r);
+  return e;
+}
+function _() {
+  for (var o, t, r = 0, e = "", a = arguments.length; r < a; r++) (o = arguments[r]) && (t = f(o)) && (e && (e += " "), e += t);
+  return e;
+}
+const j = ["className", "component"];
+function O(o = {}) {
+  const {
+    themeId: t,
+    defaultTheme: r,
+    defaultClassName: e = "MuiBox-root",
+    generateClassName: a
+  } = o, i = h("div", {
+    shouldForwardProp: (n) => n !== "theme" && n !== "sx" && n !== "as"
+  })(y);
+  return /* @__PURE__ */ b.forwardRef(function(u, l) {
+    const m = v(r), c = P(u), {
+      className: p,
+      component: d = "div"
+    } = c, x = T(c, j);
+    return /* @__PURE__ */ C(i, g({
+      as: d,
+      ref: l,
+      className: _(p, a ? a(e) : e),
+      theme: t && m[t] || m
+    }, x));
+  });
+}
+const R = N(), S = O({
+  defaultTheme: R,
+  defaultClassName: "MuiBox-root",
+  generateClassName: B.generate
+});
+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"     |
+  // ----------------------------------------------------------------------
+  /**
+   * @ignore
+   */
+  children: s.node,
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: s.elementType,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: s.oneOfType([s.arrayOf(s.oneOfType([s.func, s.object, s.bool])), s.func, s.object])
+});
+export {
+  S as B
+};