@hybridcore/ui 1.6.18 → 1.6.19

package/dist/Add-CB4mPrke.js

@@ -0,0 +1,77 @@
+import { _ as p, a as u } from "./objectWithoutPropertiesLoose-DJteAcBH.js";
+import * as f from "react";
+import { P as e } from "./index-CblbdqjE.js";
+import { c as m } from "./clsx-OuTLNxxd.js";
+import { g as d, a as v, s as y, u as T, c as g, i as h } from "./styled-Ckq8ALHh.js";
+import A, { jsx as _ } from "react/jsx-runtime";
+import { T as x } from "./Typography-B_LKrxyI.js";
+import { r as j } from "./createSvgIcon-jKAqRXE2.js";
+function R(t) {
+  return v("MuiAlertTitle", t);
+}
+d("MuiAlertTitle", ["root"]);
+const M = ["className"], b = (t) => {
+  const {
+    classes: o
+  } = t;
+  return g({
+    root: ["root"]
+  }, R, o);
+}, C = y(x, {
+  name: "MuiAlertTitle",
+  slot: "Root",
+  overridesResolver: (t, o) => o.root
+})(({
+  theme: t
+}) => ({
+  fontWeight: t.typography.fontWeightMedium,
+  marginTop: -2
+})), N = /* @__PURE__ */ f.forwardRef(function(o, a) {
+  const r = T({
+    props: o,
+    name: "MuiAlertTitle"
+  }), {
+    className: l
+  } = r, n = p(r, M), i = r, c = b(i);
+  return /* @__PURE__ */ _(C, u({
+    gutterBottom: !0,
+    component: "div",
+    ownerState: i,
+    ref: a,
+    className: m(c.root, l)
+  }, n));
+});
+process.env.NODE_ENV !== "production" && (N.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: e.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: e.object,
+  /**
+   * @ignore
+   */
+  className: e.string,
+  /**
+   * 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])
+});
+var s = {}, O = h;
+Object.defineProperty(s, "__esModule", {
+  value: !0
+});
+var P = s.default = void 0, q = O(j()), D = A;
+P = s.default = (0, q.default)(/* @__PURE__ */ (0, D.jsx)("path", {
+  d: "M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6z"
+}), "Add");
+export {
+  N as A,
+  P as d
+};

package/dist/Alert-BsT46Tgd.js

@@ -0,0 +1,334 @@
+import { a, _ as W } from "./objectWithoutPropertiesLoose-DJteAcBH.js";
+import * as _ from "react";
+import { P as o } from "./index-CblbdqjE.js";
+import { c as H } from "./clsx-OuTLNxxd.js";
+import { g as U, a as V, s as u, b as g, h as S, l as M, u as F, c as D } from "./styled-Ckq8ALHh.js";
+import { u as x } from "./useSlot-gpKOd92R.js";
+import { c as p } from "./createSvgIcon-Bx0mTP6n.js";
+import { jsx as s, jsxs as Z } from "react/jsx-runtime";
+import { P as q } from "./Paper-BFDcMa0t.js";
+import { I as G } from "./IconButton-SJfF1cr9.js";
+function J(e) {
+  return V("MuiAlert", e);
+}
+const O = U("MuiAlert", ["root", "action", "icon", "message", "filled", "colorSuccess", "colorInfo", "colorWarning", "colorError", "filledSuccess", "filledInfo", "filledWarning", "filledError", "outlined", "outlinedSuccess", "outlinedInfo", "outlinedWarning", "outlinedError", "standard", "standardSuccess", "standardInfo", "standardWarning", "standardError"]), K = p(/* @__PURE__ */ s("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"), Q = p(/* @__PURE__ */ s("path", {
+  d: "M12 5.99L19.53 19H4.47L12 5.99M12 2L1 21h22L12 2zm1 14h-2v2h2v-2zm0-6h-2v4h2v-4z"
+}), "ReportProblemOutlined"), X = p(/* @__PURE__ */ s("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"), Y = p(/* @__PURE__ */ s("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"), oo = p(/* @__PURE__ */ s("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"), eo = ["action", "children", "className", "closeText", "color", "components", "componentsProps", "icon", "iconMapping", "onClose", "role", "severity", "slotProps", "slots", "variant"], to = (e) => {
+  const {
+    variant: n,
+    color: r,
+    severity: t,
+    classes: i
+  } = e, f = {
+    root: ["root", `color${g(r || t)}`, `${n}${g(r || t)}`, `${n}`],
+    icon: ["icon"],
+    message: ["message"],
+    action: ["action"]
+  };
+  return D(f, J, i);
+}, no = u(q, {
+  name: "MuiAlert",
+  slot: "Root",
+  overridesResolver: (e, n) => {
+    const {
+      ownerState: r
+    } = e;
+    return [n.root, n[r.variant], n[`${r.variant}${g(r.color || r.severity)}`]];
+  }
+})(({
+  theme: e
+}) => {
+  const n = e.palette.mode === "light" ? S : M, r = e.palette.mode === "light" ? M : S;
+  return a({}, e.typography.body2, {
+    backgroundColor: "transparent",
+    display: "flex",
+    padding: "6px 16px",
+    variants: [...Object.entries(e.palette).filter(([, t]) => t.main && t.light).map(([t]) => ({
+      props: {
+        colorSeverity: t,
+        variant: "standard"
+      },
+      style: {
+        color: e.vars ? e.vars.palette.Alert[`${t}Color`] : n(e.palette[t].light, 0.6),
+        backgroundColor: e.vars ? e.vars.palette.Alert[`${t}StandardBg`] : r(e.palette[t].light, 0.9),
+        [`& .${O.icon}`]: e.vars ? {
+          color: e.vars.palette.Alert[`${t}IconColor`]
+        } : {
+          color: e.palette[t].main
+        }
+      }
+    })), ...Object.entries(e.palette).filter(([, t]) => t.main && t.light).map(([t]) => ({
+      props: {
+        colorSeverity: t,
+        variant: "outlined"
+      },
+      style: {
+        color: e.vars ? e.vars.palette.Alert[`${t}Color`] : n(e.palette[t].light, 0.6),
+        border: `1px solid ${(e.vars || e).palette[t].light}`,
+        [`& .${O.icon}`]: e.vars ? {
+          color: e.vars.palette.Alert[`${t}IconColor`]
+        } : {
+          color: e.palette[t].main
+        }
+      }
+    })), ...Object.entries(e.palette).filter(([, t]) => t.main && t.dark).map(([t]) => ({
+      props: {
+        colorSeverity: t,
+        variant: "filled"
+      },
+      style: a({
+        fontWeight: e.typography.fontWeightMedium
+      }, e.vars ? {
+        color: e.vars.palette.Alert[`${t}FilledColor`],
+        backgroundColor: e.vars.palette.Alert[`${t}FilledBg`]
+      } : {
+        backgroundColor: e.palette.mode === "dark" ? e.palette[t].dark : e.palette[t].main,
+        color: e.palette.getContrastText(e.palette[t].main)
+      })
+    }))]
+  });
+}), so = u("div", {
+  name: "MuiAlert",
+  slot: "Icon",
+  overridesResolver: (e, n) => n.icon
+})({
+  marginRight: 12,
+  padding: "7px 0",
+  display: "flex",
+  fontSize: 22,
+  opacity: 0.9
+}), ro = u("div", {
+  name: "MuiAlert",
+  slot: "Message",
+  overridesResolver: (e, n) => n.message
+})({
+  padding: "8px 0",
+  minWidth: 0,
+  overflow: "auto"
+}), b = u("div", {
+  name: "MuiAlert",
+  slot: "Action",
+  overridesResolver: (e, n) => n.action
+})({
+  display: "flex",
+  alignItems: "flex-start",
+  padding: "4px 0 0 16px",
+  marginLeft: "auto",
+  marginRight: -8
+}), h = {
+  success: /* @__PURE__ */ s(K, {
+    fontSize: "inherit"
+  }),
+  warning: /* @__PURE__ */ s(Q, {
+    fontSize: "inherit"
+  }),
+  error: /* @__PURE__ */ s(X, {
+    fontSize: "inherit"
+  }),
+  info: /* @__PURE__ */ s(Y, {
+    fontSize: "inherit"
+  })
+}, lo = /* @__PURE__ */ _.forwardRef(function(n, r) {
+  const t = F({
+    props: n,
+    name: "MuiAlert"
+  }), {
+    action: i,
+    children: f,
+    className: T,
+    closeText: v = "Close",
+    color: m,
+    components: y = {},
+    componentsProps: P = {},
+    icon: C,
+    iconMapping: z = h,
+    onClose: A,
+    role: $ = "alert",
+    severity: d = "success",
+    slotProps: w = {},
+    slots: L = {},
+    variant: j = "standard"
+  } = t, B = W(t, eo), l = a({}, t, {
+    color: m,
+    severity: d,
+    variant: j,
+    colorSeverity: m || d
+  }), c = to(l), I = {
+    slots: a({
+      closeButton: y.CloseButton,
+      closeIcon: y.CloseIcon
+    }, L),
+    slotProps: a({}, P, w)
+  }, [R, k] = x("closeButton", {
+    elementType: G,
+    externalForwardedProps: I,
+    ownerState: l
+  }), [N, E] = x("closeIcon", {
+    elementType: oo,
+    externalForwardedProps: I,
+    ownerState: l
+  });
+  return /* @__PURE__ */ Z(no, a({
+    role: $,
+    elevation: 0,
+    ownerState: l,
+    className: H(c.root, T),
+    ref: r
+  }, B, {
+    children: [C !== !1 ? /* @__PURE__ */ s(so, {
+      ownerState: l,
+      className: c.icon,
+      children: C || z[d] || h[d]
+    }) : null, /* @__PURE__ */ s(ro, {
+      ownerState: l,
+      className: c.message,
+      children: f
+    }), i != null ? /* @__PURE__ */ s(b, {
+      ownerState: l,
+      className: c.action,
+      children: i
+    }) : null, i == null && A ? /* @__PURE__ */ s(b, {
+      ownerState: l,
+      className: c.action,
+      children: /* @__PURE__ */ s(R, a({
+        size: "small",
+        "aria-label": v,
+        title: v,
+        color: "inherit",
+        onClick: A
+      }, k, {
+        children: /* @__PURE__ */ s(N, a({
+          fontSize: "small"
+        }, E))
+      }))
+    }) : null]
+  }));
+});
+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 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/#custom-colors).
+   */
+  color: o.oneOfType([o.oneOf(["error", "info", "success", "warning"]), o.string]),
+  /**
+   * The components used for each slot inside.
+   *
+   * @deprecated use the `slots` prop instead. This prop will be removed in v7. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/).
+   *
+   * @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.
+   *
+   * @deprecated use the `slotProps` prop instead. This prop will be removed in v7. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/).
+   *
+   * @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.oneOfType([o.oneOf(["error", "info", "success", "warning"]), o.string]),
+  /**
+   * The props used for each slot inside.
+   * @default {}
+   */
+  slotProps: o.shape({
+    closeButton: o.oneOfType([o.func, o.object]),
+    closeIcon: o.oneOfType([o.func, o.object])
+  }),
+  /**
+   * The components used for each slot inside.
+   * @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])
+});
+export {
+  lo as A
+};

package/dist/{Button-Cem3nbwc.js → Button-BMUZn0cT.js}

@@ -1,10 +1,10 @@
-import { a as t, _ as j } from "./extends-C3382pL0.js";
+import { a as t, _ as j } from "./objectWithoutPropertiesLoose-DJteAcBH.js";
 import * as p from "react";
 import { P as n } from "./index-CblbdqjE.js";
 import { c as m } from "./clsx-OuTLNxxd.js";
-import { g as D, a as F, s as f, r as G, b as r, d as v, f as U, u as H, c as A } from "./generateUtilityClasses-Cc-owZ4J.js";
+import { g as D, a as F, s as f, r as G, b as r, d as v, f as U, u as H, c as A } from "./styled-Ckq8ALHh.js";
 import { jsx as R, jsxs as q } from "react/jsx-runtime";
-import { B as J } from "./ButtonBase-DObmf4Q_.js";
+import { B as J } from "./ButtonBase-DG5J0YgP.js";
 function K(o) {
   return F("MuiButton", o);
 }