kdpa-components 1.0.0 → 1.2.0

package/dist/{KdpaAlertTitle-497100ba.js → KdpaAlertTitle-f1549035.js}

@@ -1,53 +1,52 @@
-import { j as r } from "./jsx-runtime-944c88e2.js";
-import * as R from "react";
-import { forwardRef as X } from "react";
-import { _ as a, a as B } from "./extends-393586f3.js";
-import { P as e } from "./index-f4329b29.js";
-import { g as P, s as u, u as w, c as z, a as L } from "./useThemeProps-114e8d66.js";
-import { g as _, c as E, d as b, l as $ } from "./identifier-5cabf5ae.js";
-import { c as g } from "./createSvgIcon-5cb90f79.js";
-import { C as Y } from "./Close-319784e1.js";
-import { M as oo } from "./Paper-ad7ba238.js";
-import { I as eo } from "./IconButton-b4e677f7.js";
-import { T as to } from "./Typography-9a28b393.js";
-function so(o) {
-  return _("MuiAlert", o);
+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-2647f844.js";
+import { g as z, s as u, u as E, c as L, a as _ } from "./useThemeProps-ea792506.js";
+import { c as g } from "./createSvgIcon-1aa1b2b2.js";
+import { C as oo } from "./Close-db7afda5.js";
+import { M as eo } from "./Paper-00aea968.js";
+import { I as to } from "./IconButton-48d87778.js";
+import { T as so } from "./Typography-db7e5ea2.js";
+function no(o) {
+  return k("MuiAlert", o);
 }
-const ro = P("MuiAlert", ["root", "action", "icon", "message", "filled", "filledSuccess", "filledInfo", "filledWarning", "filledError", "outlined", "outlinedSuccess", "outlinedInfo", "outlinedWarning", "outlinedError", "standard", "standardSuccess", "standardInfo", "standardWarning", "standardError"]), N = ro, no = g(/* @__PURE__ */ r.jsx("path", {
+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"), lo = g(/* @__PURE__ */ r.jsx("path", {
+}), "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"), ao = g(/* @__PURE__ */ r.jsx("path", {
+}), "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"), co = g(/* @__PURE__ */ r.jsx("path", {
+}), "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"), io = ["action", "children", "className", "closeText", "color", "components", "componentsProps", "icon", "iconMapping", "onClose", "role", "severity", "slotProps", "slots", "variant"], po = (o) => {
+}), "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}${E(n || l)}`, `${t}`],
+    root: ["root", `${t}${w(n || l)}`, `${t}`],
     icon: ["icon"],
     message: ["message"],
     action: ["action"]
   };
-  return L(c, so, s);
-}, uo = u(oo, {
+  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}${E(n.color || n.severity)}`]];
+    return [t.root, t[n.variant], t[`${n.variant}${w(n.color || n.severity)}`]];
   }
 })(({
   theme: o,
   ownerState: t
 }) => {
-  const n = o.palette.mode === "light" ? b : $, l = o.palette.mode === "light" ? $ : b, s = t.color || t.severity;
+  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",
@@ -55,7 +54,7 @@ const ro = P("MuiAlert", ["root", "action", "icon", "message", "filled", "filled
   }, 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),
-    [`& .${N.icon}`]: o.vars ? {
+    [`& .${$.icon}`]: o.vars ? {
       color: o.vars.palette.Alert[`${s}IconColor`]
     } : {
       color: o.palette[s].main
@@ -63,7 +62,7 @@ const ro = P("MuiAlert", ["root", "action", "icon", "message", "filled", "filled
   }, 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}`,
-    [`& .${N.icon}`]: o.vars ? {
+    [`& .${$.icon}`]: o.vars ? {
       color: o.vars.palette.Alert[`${s}IconColor`]
     } : {
       color: o.palette[s].main
@@ -77,7 +76,7 @@ const ro = P("MuiAlert", ["root", "action", "icon", "message", "filled", "filled
     backgroundColor: o.palette.mode === "dark" ? o.palette[s].dark : o.palette[s].main,
     color: o.palette.getContrastText(o.palette[s].main)
   }));
-}), fo = u("div", {
+}), go = u("div", {
   name: "MuiAlert",
   slot: "Icon",
   overridesResolver: (o, t) => t.icon
@@ -87,7 +86,7 @@ const ro = P("MuiAlert", ["root", "action", "icon", "message", "filled", "filled
   display: "flex",
   fontSize: 22,
   opacity: 0.9
-}), go = u("div", {
+}), mo = u("div", {
   name: "MuiAlert",
   slot: "Message",
   overridesResolver: (o, t) => t.message
@@ -105,82 +104,82 @@ const ro = P("MuiAlert", ["root", "action", "icon", "message", "filled", "filled
   padding: "4px 0 0 16px",
   marginLeft: "auto",
   marginRight: -8
-}), S = {
-  success: /* @__PURE__ */ r.jsx(no, {
+}), R = {
+  success: /* @__PURE__ */ r.jsx(lo, {
     fontSize: "inherit"
   }),
-  warning: /* @__PURE__ */ r.jsx(lo, {
+  warning: /* @__PURE__ */ r.jsx(ao, {
     fontSize: "inherit"
   }),
-  error: /* @__PURE__ */ r.jsx(ao, {
+  error: /* @__PURE__ */ r.jsx(co, {
     fontSize: "inherit"
   }),
-  info: /* @__PURE__ */ r.jsx(co, {
+  info: /* @__PURE__ */ r.jsx(io, {
     fontSize: "inherit"
   })
-}, k = /* @__PURE__ */ R.forwardRef(function(t, n) {
+}, W = /* @__PURE__ */ B.forwardRef(function(t, n) {
   var l, s, c, p, f, x;
-  const m = w({
+  const m = E({
     props: t,
     name: "MuiAlert"
   }), {
     action: v,
-    children: U,
-    className: H,
+    children: V,
+    className: K,
     closeText: y = "Close",
-    color: V,
+    color: U,
     components: C = {},
     componentsProps: h = {},
     icon: j,
-    iconMapping: K = S,
-    onClose: I,
-    role: D = "alert",
+    iconMapping: H = R,
+    onClose: T,
+    role: F = "alert",
     severity: A = "success",
-    slotProps: M = {},
-    slots: T = {},
-    variant: F = "standard"
-  } = m, Z = B(m, io), i = a({}, m, {
-    color: V,
+    slotProps: b = {},
+    slots: I = {},
+    variant: Z = "standard"
+  } = m, q = P(m, po), i = a({}, m, {
+    color: U,
     severity: A,
-    variant: F
-  }), d = po(i), q = (l = (s = T.closeButton) != null ? s : C.CloseButton) != null ? l : eo, G = (c = (p = T.closeIcon) != null ? p : C.CloseIcon) != null ? c : Y, J = (f = M.closeButton) != null ? f : h.closeButton, Q = (x = M.closeIcon) != null ? x : h.closeIcon;
-  return /* @__PURE__ */ r.jsxs(uo, a({
-    role: D,
+    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: z(d.root, H),
+    className: L(d.root, K),
     ref: n
-  }, Z, {
-    children: [j !== !1 ? /* @__PURE__ */ r.jsx(fo, {
+  }, q, {
+    children: [j !== !1 ? /* @__PURE__ */ r.jsx(go, {
       ownerState: i,
       className: d.icon,
-      children: j || K[A] || S[A]
-    }) : null, /* @__PURE__ */ r.jsx(go, {
+      children: j || H[A] || R[A]
+    }) : null, /* @__PURE__ */ r.jsx(mo, {
       ownerState: i,
       className: d.message,
-      children: U
+      children: V
     }), v != null ? /* @__PURE__ */ r.jsx(O, {
       ownerState: i,
       className: d.action,
       children: v
-    }) : null, v == null && I ? /* @__PURE__ */ r.jsx(O, {
+    }) : null, v == null && T ? /* @__PURE__ */ r.jsx(O, {
       ownerState: i,
       className: d.action,
-      children: /* @__PURE__ */ r.jsx(q, a({
+      children: /* @__PURE__ */ r.jsx(G, a({
         size: "small",
         "aria-label": y,
         title: y,
         color: "inherit",
-        onClick: I
-      }, J, {
-        children: /* @__PURE__ */ r.jsx(G, a({
+        onClick: T
+      }, Q, {
+        children: /* @__PURE__ */ r.jsx(J, a({
           fontSize: "small"
-        }, Q))
+        }, X))
       }))
     }) : null]
   }));
 });
-process.env.NODE_ENV !== "production" && (k.propTypes = {
+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"     |
@@ -306,19 +305,19 @@ process.env.NODE_ENV !== "production" && (k.propTypes = {
    */
   variant: e.oneOfType([e.oneOf(["filled", "outlined", "standard"]), e.string])
 });
-const mo = k;
-function vo(o) {
-  return _("MuiAlertTitle", o);
+const vo = W;
+function Ao(o) {
+  return k("MuiAlertTitle", o);
 }
-P("MuiAlertTitle", ["root"]);
-const Ao = ["className"], xo = (o) => {
+z("MuiAlertTitle", ["root"]);
+const xo = ["className"], yo = (o) => {
   const {
     classes: t
   } = o;
-  return L({
+  return _({
     root: ["root"]
-  }, vo, t);
-}, yo = u(to, {
+  }, Ao, t);
+}, Co = u(so, {
   name: "MuiAlertTitle",
   slot: "Root",
   overridesResolver: (o, t) => t.root
@@ -327,22 +326,22 @@ const Ao = ["className"], xo = (o) => {
 }) => ({
   fontWeight: o.typography.fontWeightMedium,
   marginTop: -2
-})), W = /* @__PURE__ */ R.forwardRef(function(t, n) {
-  const l = w({
+})), D = /* @__PURE__ */ B.forwardRef(function(t, n) {
+  const l = E({
     props: t,
     name: "MuiAlertTitle"
   }), {
     className: s
-  } = l, c = B(l, Ao), p = l, f = xo(p);
-  return /* @__PURE__ */ r.jsx(yo, a({
+  } = 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: z(f.root, s)
+    className: L(f.root, s)
   }, c));
 });
-process.env.NODE_ENV !== "production" && (W.propTypes = {
+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"     |
@@ -364,25 +363,37 @@ process.env.NODE_ENV !== "production" && (W.propTypes = {
    */
   sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object])
 });
-const Co = W, Bo = X(function(t, n) {
+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__ */ r.jsx(
-    mo,
+  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__ */ r.jsx(Co, { className: o.className ?? "", children: o.children });
+  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,