kdpa-components 1.4.0 → 1.4.2

package/dist/KdpaAlertTitle-109f041b.js

@@ -1,401 +0,0 @@
-import { j as S } from "./jsx-dev-runtime-48fdc504.js";
-import * as B from "react";
-import { forwardRef as Y } from "react";
-import { a, _ as P } from "./extends-135d7828.js";
-import { g as k, j as r, c as w, d as M, l as N, P as e } from "./identifier-03e07987.js";
-import { g as z, s as u, u as E, c as L, a as _ } from "./useThemeProps-d77fc01d.js";
-import { c as g } from "./createSvgIcon-c9758670.js";
-import { C as oo } from "./Close-b6f5c836.js";
-import { M as eo } from "./Paper-05bfa47c.js";
-import { I as to } from "./IconButton-fba0ed7c.js";
-import { T as so } from "./Typography-61b5fcc6.js";
-function no(o) {
-  return k("MuiAlert", o);
-}
-const ro = z("MuiAlert", ["root", "action", "icon", "message", "filled", "filledSuccess", "filledInfo", "filledWarning", "filledError", "outlined", "outlinedSuccess", "outlinedInfo", "outlinedWarning", "outlinedError", "standard", "standardSuccess", "standardInfo", "standardWarning", "standardError"]), $ = ro, lo = g(/* @__PURE__ */ r.jsx("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"), ao = g(/* @__PURE__ */ r.jsx("path", {
-  d: "M12 5.99L19.53 19H4.47L12 5.99M12 2L1 21h22L12 2zm1 14h-2v2h2v-2zm0-6h-2v4h2v-4z"
-}), "ReportProblemOutlined"), co = g(/* @__PURE__ */ r.jsx("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"), io = g(/* @__PURE__ */ r.jsx("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"), po = ["action", "children", "className", "closeText", "color", "components", "componentsProps", "icon", "iconMapping", "onClose", "role", "severity", "slotProps", "slots", "variant"], uo = (o) => {
-  const {
-    variant: t,
-    color: n,
-    severity: l,
-    classes: s
-  } = o, c = {
-    root: ["root", `${t}${w(n || l)}`, `${t}`],
-    icon: ["icon"],
-    message: ["message"],
-    action: ["action"]
-  };
-  return _(c, no, s);
-}, fo = u(eo, {
-  name: "MuiAlert",
-  slot: "Root",
-  overridesResolver: (o, t) => {
-    const {
-      ownerState: n
-    } = o;
-    return [t.root, t[n.variant], t[`${n.variant}${w(n.color || n.severity)}`]];
-  }
-})(({
-  theme: o,
-  ownerState: t
-}) => {
-  const n = o.palette.mode === "light" ? M : N, l = o.palette.mode === "light" ? N : M, s = t.color || t.severity;
-  return a({}, o.typography.body2, {
-    backgroundColor: "transparent",
-    display: "flex",
-    padding: "6px 16px"
-  }, s && t.variant === "standard" && {
-    color: o.vars ? o.vars.palette.Alert[`${s}Color`] : n(o.palette[s].light, 0.6),
-    backgroundColor: o.vars ? o.vars.palette.Alert[`${s}StandardBg`] : l(o.palette[s].light, 0.9),
-    [`& .${$.icon}`]: o.vars ? {
-      color: o.vars.palette.Alert[`${s}IconColor`]
-    } : {
-      color: o.palette[s].main
-    }
-  }, s && t.variant === "outlined" && {
-    color: o.vars ? o.vars.palette.Alert[`${s}Color`] : n(o.palette[s].light, 0.6),
-    border: `1px solid ${(o.vars || o).palette[s].light}`,
-    [`& .${$.icon}`]: o.vars ? {
-      color: o.vars.palette.Alert[`${s}IconColor`]
-    } : {
-      color: o.palette[s].main
-    }
-  }, s && t.variant === "filled" && a({
-    fontWeight: o.typography.fontWeightMedium
-  }, o.vars ? {
-    color: o.vars.palette.Alert[`${s}FilledColor`],
-    backgroundColor: o.vars.palette.Alert[`${s}FilledBg`]
-  } : {
-    backgroundColor: o.palette.mode === "dark" ? o.palette[s].dark : o.palette[s].main,
-    color: o.palette.getContrastText(o.palette[s].main)
-  }));
-}), go = u("div", {
-  name: "MuiAlert",
-  slot: "Icon",
-  overridesResolver: (o, t) => t.icon
-})({
-  marginRight: 12,
-  padding: "7px 0",
-  display: "flex",
-  fontSize: 22,
-  opacity: 0.9
-}), mo = u("div", {
-  name: "MuiAlert",
-  slot: "Message",
-  overridesResolver: (o, t) => t.message
-})({
-  padding: "8px 0",
-  minWidth: 0,
-  overflow: "auto"
-}), O = u("div", {
-  name: "MuiAlert",
-  slot: "Action",
-  overridesResolver: (o, t) => t.action
-})({
-  display: "flex",
-  alignItems: "flex-start",
-  padding: "4px 0 0 16px",
-  marginLeft: "auto",
-  marginRight: -8
-}), R = {
-  success: /* @__PURE__ */ r.jsx(lo, {
-    fontSize: "inherit"
-  }),
-  warning: /* @__PURE__ */ r.jsx(ao, {
-    fontSize: "inherit"
-  }),
-  error: /* @__PURE__ */ r.jsx(co, {
-    fontSize: "inherit"
-  }),
-  info: /* @__PURE__ */ r.jsx(io, {
-    fontSize: "inherit"
-  })
-}, W = /* @__PURE__ */ B.forwardRef(function(t, n) {
-  var l, s, c, p, f, x;
-  const m = E({
-    props: t,
-    name: "MuiAlert"
-  }), {
-    action: v,
-    children: V,
-    className: K,
-    closeText: y = "Close",
-    color: U,
-    components: C = {},
-    componentsProps: h = {},
-    icon: j,
-    iconMapping: H = R,
-    onClose: T,
-    role: F = "alert",
-    severity: A = "success",
-    slotProps: b = {},
-    slots: I = {},
-    variant: Z = "standard"
-  } = m, q = P(m, po), i = a({}, m, {
-    color: U,
-    severity: A,
-    variant: Z
-  }), d = uo(i), G = (l = (s = I.closeButton) != null ? s : C.CloseButton) != null ? l : to, J = (c = (p = I.closeIcon) != null ? p : C.CloseIcon) != null ? c : oo, Q = (f = b.closeButton) != null ? f : h.closeButton, X = (x = b.closeIcon) != null ? x : h.closeIcon;
-  return /* @__PURE__ */ r.jsxs(fo, a({
-    role: F,
-    elevation: 0,
-    ownerState: i,
-    className: L(d.root, K),
-    ref: n
-  }, q, {
-    children: [j !== !1 ? /* @__PURE__ */ r.jsx(go, {
-      ownerState: i,
-      className: d.icon,
-      children: j || H[A] || R[A]
-    }) : null, /* @__PURE__ */ r.jsx(mo, {
-      ownerState: i,
-      className: d.message,
-      children: V
-    }), v != null ? /* @__PURE__ */ r.jsx(O, {
-      ownerState: i,
-      className: d.action,
-      children: v
-    }) : null, v == null && T ? /* @__PURE__ */ r.jsx(O, {
-      ownerState: i,
-      className: d.action,
-      children: /* @__PURE__ */ r.jsx(G, a({
-        size: "small",
-        "aria-label": y,
-        title: y,
-        color: "inherit",
-        onClick: T
-      }, Q, {
-        children: /* @__PURE__ */ r.jsx(J, a({
-          fontSize: "small"
-        }, X))
-      }))
-    }) : null]
-  }));
-});
-process.env.NODE_ENV !== "production" && (W.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: e.node,
-  /**
-   * The content of the component.
-   */
-  children: e.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: e.object,
-  /**
-   * @ignore
-   */
-  className: e.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: e.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: e.oneOfType([e.oneOf(["error", "info", "success", "warning"]), e.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: e.shape({
-    CloseButton: e.elementType,
-    CloseIcon: e.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: e.shape({
-    closeButton: e.object,
-    closeIcon: e.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: e.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: e.shape({
-    error: e.node,
-    info: e.node,
-    success: e.node,
-    warning: e.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: e.func,
-  /**
-   * The ARIA role attribute of the element.
-   * @default 'alert'
-   */
-  role: e.string,
-  /**
-   * The severity of the alert. This defines the color and icon used.
-   * @default 'success'
-   */
-  severity: e.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: e.shape({
-    closeButton: e.object,
-    closeIcon: e.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: e.shape({
-    closeButton: e.elementType,
-    closeIcon: e.elementType
-  }),
-  /**
-   * 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 variant to use.
-   * @default 'standard'
-   */
-  variant: e.oneOfType([e.oneOf(["filled", "outlined", "standard"]), e.string])
-});
-const vo = W;
-function Ao(o) {
-  return k("MuiAlertTitle", o);
-}
-z("MuiAlertTitle", ["root"]);
-const xo = ["className"], yo = (o) => {
-  const {
-    classes: t
-  } = o;
-  return _({
-    root: ["root"]
-  }, Ao, t);
-}, Co = u(so, {
-  name: "MuiAlertTitle",
-  slot: "Root",
-  overridesResolver: (o, t) => t.root
-})(({
-  theme: o
-}) => ({
-  fontWeight: o.typography.fontWeightMedium,
-  marginTop: -2
-})), D = /* @__PURE__ */ B.forwardRef(function(t, n) {
-  const l = E({
-    props: t,
-    name: "MuiAlertTitle"
-  }), {
-    className: s
-  } = l, c = P(l, xo), p = l, f = yo(p);
-  return /* @__PURE__ */ r.jsx(Co, a({
-    gutterBottom: !0,
-    component: "div",
-    ownerState: p,
-    ref: n,
-    className: L(f.root, s)
-  }, c));
-});
-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 "yarn 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])
-});
-const ho = D, Bo = Y(function(t, n) {
-  const l = {
-    success: "bg-light-success",
-    info: "bg-light-info",
-    warning: "bg-light-warning",
-    error: "bg-light-danger"
-  }[t.severity ?? "info"], s = t.className ?? "d-flex align-items-center mb-50";
-  return /* @__PURE__ */ S.jsxDEV(
-    vo,
-    {
-      ref: n,
-      severity: t.severity,
-      className: `${s} ${l}`,
-      children: t.children
-    },
-    void 0,
-    !1,
-    {
-      fileName: "D:/a.dakhili/kdpa/packages/components/src/components/Alert/KdpaAlert.tsx",
-      lineNumber: 19,
-      columnNumber: 5
-    },
-    this
-  );
-});
-function Po(o) {
-  return /* @__PURE__ */ S.jsxDEV(ho, { className: o.className ?? "", children: o.children }, void 0, !1, {
-    fileName: "D:/a.dakhili/kdpa/packages/components/src/components/Alert/KdpaAlertTitle.tsx",
-    lineNumber: 7,
-    columnNumber: 5
-  }, this);
-}
-export {
-  Bo as K,
-  Po as a
-};