kdpa-components 1.0.0 → 1.2.0

package/dist/{KdpaSwitch-2f07cd38.js → KdpaSwitch-b2ba7c23.js}

@@ -1,43 +1,42 @@
-import { j as d } from "./jsx-runtime-944c88e2.js";
-import * as $ from "react";
-import y from "react";
-import { _ as s, a as x } from "./extends-393586f3.js";
-import { P as a } from "./index-f4329b29.js";
-import { g as S, s as p, u as C, c as R, a as z } from "./useThemeProps-114e8d66.js";
-import { S as T } from "./SwitchBase-e8b18f94.js";
-import { g as j, c as i, a as w, l as O, d as B } from "./identifier-5cabf5ae.js";
-import { r as M } from "./refType-7c2b090c.js";
-function N(o) {
-  return j("MuiSwitch", o);
+import { j as $ } from "./jsx-dev-runtime-48fdc504.js";
+import * as y from "react";
+import x from "react";
+import { a as r, _ as S } from "./extends-135d7828.js";
+import { g as C, c as i, a as m, l as R, d as j, j as d, P as a } from "./identifier-2647f844.js";
+import { g as z, s as p, u as T, c as O, a as N } from "./useThemeProps-ea792506.js";
+import { S as B } from "./SwitchBase-64e5662e.js";
+import { r as M } from "./refType-450337d6.js";
+function D(o) {
+  return C("MuiSwitch", o);
 }
-const P = S("MuiSwitch", ["root", "edgeStart", "edgeEnd", "switchBase", "colorPrimary", "colorSecondary", "sizeSmall", "sizeMedium", "checked", "disabled", "input", "thumb", "track"]), e = P, _ = ["className", "color", "edge", "size", "sx"], I = (o) => {
+const P = z("MuiSwitch", ["root", "edgeStart", "edgeEnd", "switchBase", "colorPrimary", "colorSecondary", "sizeSmall", "sizeMedium", "checked", "disabled", "input", "thumb", "track"]), e = P, _ = ["className", "color", "edge", "size", "sx"], E = (o) => {
   const {
     classes: t,
-    edge: r,
+    edge: s,
     size: c,
     color: u,
     checked: h,
     disabled: g
   } = o, b = {
-    root: ["root", r && `edge${i(r)}`, `size${i(c)}`],
+    root: ["root", s && `edge${i(s)}`, `size${i(c)}`],
     switchBase: ["switchBase", `color${i(u)}`, h && "checked", g && "disabled"],
     thumb: ["thumb"],
     track: ["track"],
     input: ["input"]
-  }, f = z(b, N, t);
-  return s({}, t, f);
-}, D = p("span", {
+  }, f = N(b, D, t);
+  return r({}, t, f);
+}, I = p("span", {
   name: "MuiSwitch",
   slot: "Root",
   overridesResolver: (o, t) => {
     const {
-      ownerState: r
+      ownerState: s
     } = o;
-    return [t.root, r.edge && t[`edge${i(r.edge)}`], t[`size${i(r.size)}`]];
+    return [t.root, s.edge && t[`edge${i(s.edge)}`], t[`size${i(s.size)}`]];
   }
 })(({
   ownerState: o
-}) => s({
+}) => r({
   display: "inline-flex",
   width: 34 + 12 * 2,
   height: 14 + 12 * 2,
@@ -71,16 +70,16 @@ const P = S("MuiSwitch", ["root", "edgeStart", "edgeEnd", "switchBase", "colorPr
       transform: "translateX(16px)"
     }
   }
-})), E = p(T, {
+})), U = p(B, {
   name: "MuiSwitch",
   slot: "SwitchBase",
   overridesResolver: (o, t) => {
     const {
-      ownerState: r
+      ownerState: s
     } = o;
     return [t.switchBase, {
       [`& .${e.input}`]: t.input
-    }, r.color !== "default" && t[`color${i(r.color)}`]];
+    }, s.color !== "default" && t[`color${i(s.color)}`]];
   }
 })(({
   theme: o
@@ -113,9 +112,9 @@ const P = S("MuiSwitch", ["root", "edgeStart", "edgeEnd", "switchBase", "colorPr
 }), ({
   theme: o,
   ownerState: t
-}) => s({
+}) => r({
   "&:hover": {
-    backgroundColor: o.vars ? `rgba(${o.vars.palette.action.activeChannel} / ${o.vars.palette.action.hoverOpacity})` : w(o.palette.action.active, o.palette.action.hoverOpacity),
+    backgroundColor: o.vars ? `rgba(${o.vars.palette.action.activeChannel} / ${o.vars.palette.action.hoverOpacity})` : m(o.palette.action.active, o.palette.action.hoverOpacity),
     // Reset on touch devices, it doesn't add specificity
     "@media (hover: none)": {
       backgroundColor: "transparent"
@@ -125,19 +124,19 @@ const P = S("MuiSwitch", ["root", "edgeStart", "edgeEnd", "switchBase", "colorPr
   [`&.${e.checked}`]: {
     color: (o.vars || o).palette[t.color].main,
     "&:hover": {
-      backgroundColor: o.vars ? `rgba(${o.vars.palette[t.color].mainChannel} / ${o.vars.palette.action.hoverOpacity})` : w(o.palette[t.color].main, o.palette.action.hoverOpacity),
+      backgroundColor: o.vars ? `rgba(${o.vars.palette[t.color].mainChannel} / ${o.vars.palette.action.hoverOpacity})` : m(o.palette[t.color].main, o.palette.action.hoverOpacity),
       "@media (hover: none)": {
         backgroundColor: "transparent"
       }
     },
     [`&.${e.disabled}`]: {
-      color: o.vars ? o.vars.palette.Switch[`${t.color}DisabledColor`] : `${o.palette.mode === "light" ? O(o.palette[t.color].main, 0.62) : B(o.palette[t.color].main, 0.55)}`
+      color: o.vars ? o.vars.palette.Switch[`${t.color}DisabledColor`] : `${o.palette.mode === "light" ? R(o.palette[t.color].main, 0.62) : j(o.palette[t.color].main, 0.55)}`
     }
   },
   [`&.${e.checked} + .${e.track}`]: {
     backgroundColor: (o.vars || o).palette[t.color].main
   }
-})), U = p("span", {
+})), K = p("span", {
   name: "MuiSwitch",
   slot: "Track",
   overridesResolver: (o, t) => t.track
@@ -165,8 +164,8 @@ const P = S("MuiSwitch", ["root", "edgeStart", "edgeEnd", "switchBase", "colorPr
   width: 20,
   height: 20,
   borderRadius: "50%"
-})), m = /* @__PURE__ */ $.forwardRef(function(t, r) {
-  const c = C({
+})), w = /* @__PURE__ */ y.forwardRef(function(t, s) {
+  const c = T({
     props: t,
     name: "MuiSwitch"
   }), {
@@ -175,35 +174,35 @@ const P = S("MuiSwitch", ["root", "edgeStart", "edgeEnd", "switchBase", "colorPr
     edge: g = !1,
     size: b = "medium",
     sx: f
-  } = c, k = x(c, _), n = s({}, c, {
+  } = c, k = S(c, _), n = r({}, c, {
     color: h,
     edge: g,
     size: b
-  }), l = I(n), v = /* @__PURE__ */ d.jsx(A, {
+  }), l = E(n), v = /* @__PURE__ */ d.jsx(A, {
     className: l.thumb,
     ownerState: n
   });
-  return /* @__PURE__ */ d.jsxs(D, {
-    className: R(l.root, u),
+  return /* @__PURE__ */ d.jsxs(I, {
+    className: O(l.root, u),
     sx: f,
     ownerState: n,
-    children: [/* @__PURE__ */ d.jsx(E, s({
+    children: [/* @__PURE__ */ d.jsx(U, r({
       type: "checkbox",
       icon: v,
       checkedIcon: v,
-      ref: r,
+      ref: s,
       ownerState: n
     }, k, {
-      classes: s({}, l, {
+      classes: r({}, l, {
         root: l.switchBase
       })
-    })), /* @__PURE__ */ d.jsx(U, {
+    })), /* @__PURE__ */ d.jsx(K, {
       className: l.track,
       ownerState: n
     })]
   });
 });
-process.env.NODE_ENV !== "production" && (m.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"     |
@@ -297,15 +296,23 @@ process.env.NODE_ENV !== "production" && (m.propTypes = {
    */
   value: a.any
 });
-const K = m, J = y.forwardRef(
-  (o, t) => /* @__PURE__ */ d.jsx(
-    K,
+const L = w, J = x.forwardRef(
+  (o, t) => /* @__PURE__ */ $.jsxDEV(
+    L,
     {
       color: "primary",
       inputRef: t,
       inputProps: { "aria-label": "primary checkbox" },
       ...o
-    }
+    },
+    void 0,
+    !1,
+    {
+      fileName: "D:/a.dakhili/kdpa/packages/components/src/components/Switch/KdpaSwitch.tsx",
+      lineNumber: 9,
+      columnNumber: 7
+    },
+    globalThis
   )
 );
 export {

package/dist/KdpaTabs-ab618f36.js

@@ -0,0 +1,50 @@
+import { j as s } from "./jsx-dev-runtime-48fdc504.js";
+import { a as n, T as i } from "./Tabs-1140d353.js";
+import { useRef as r, useEffect as c } from "react";
+import { u as m } from "./useTheme-6ea322ec.js";
+function u(a) {
+  return {
+    id: `full-width-tab-${a}`,
+    "aria-controls": `full-width-tabpanel-${a}`
+  };
+}
+function b(a, t) {
+  return /* @__PURE__ */ s.jsxDEV(n, { iconPosition: "start", ...u(t), ...a }, void 0, !1, {
+    fileName: "D:/a.dakhili/kdpa/packages/components/src/components/Tabs/KdpaTab/KdpaTab.tsx",
+    lineNumber: 15,
+    columnNumber: 5
+  }, this);
+}
+function T(a) {
+  const t = m(), e = r();
+  return c(() => {
+    const o = setTimeout(() => {
+      e.current && e.current.updateIndicator();
+    }, 300);
+    return () => {
+      clearTimeout(o);
+    };
+  }, [t]), /* @__PURE__ */ s.jsxDEV(
+    i,
+    {
+      sx: {
+        minHeight: 20
+      },
+      action: e,
+      ...a,
+      children: a.children
+    },
+    void 0,
+    !1,
+    {
+      fileName: "D:/a.dakhili/kdpa/packages/components/src/components/Tabs/KdpaTabs/KdpaTabs.tsx",
+      lineNumber: 22,
+      columnNumber: 5
+    },
+    this
+  );
+}
+export {
+  b as K,
+  T as a
+};

package/dist/{KdpaTooltip-e30e1eea.js → KdpaTooltip-653424c7.js}

@@ -1,41 +1,40 @@
-import { j as g } from "./jsx-runtime-944c88e2.js";
-import { _ as n, a as ho } from "./extends-393586f3.js";
+import { j as ho } from "./jsx-dev-runtime-48fdc504.js";
+import { a as n, _ as To } from "./extends-135d7828.js";
 import * as s from "react";
-import { P as e } from "./index-f4329b29.js";
-import { g as To, s as X, u as bo, c as I, a as go } from "./useThemeProps-114e8d66.js";
-import { u as yo } from "./useTheme-2bb6b2df.js";
-import { g as vo, c as Se, a as Ue } from "./identifier-5cabf5ae.js";
-import { M as We } from "./Popper-20f4d1e9.js";
-import { a as Po } from "./useEventCallback-83a2883c.js";
-import { u as wo } from "./useIsFocusVisible-4693b580.js";
-import { G as Be } from "./Grow-8a97586f.js";
-import { a as A } from "./useSlotProps-db1ead27.js";
-import { e as xo } from "./elementAcceptingRef-332a290a.js";
+import { g as bo, c as Se, a as Ue, j as x, P as e } from "./identifier-2647f844.js";
+import { g as go, s as X, u as yo, c as I, a as vo } from "./useThemeProps-ea792506.js";
+import { u as Po } from "./useTheme-6ea322ec.js";
+import { M as We } from "./Popper-7adcd815.js";
+import { a as wo } from "./useEventCallback-83a2883c.js";
+import { u as xo } from "./useIsFocusVisible-4693b580.js";
+import { G as Be } from "./Grow-55d0786d.js";
+import { a as k } from "./useSlotProps-3b927bcb.js";
+import { e as Ro } from "./elementAcceptingRef-bd96c731.js";
 import { u as Co } from "./useControlled-cc2d41cb.js";
-import { u as Ro } from "./useId-a21bd5c3.js";
-import { u as Oo } from "./useForkRef-0781dda0.js";
-import { Z as Mo } from "./Zoom-64a4beac.js";
-function Eo(r) {
-  return vo("MuiTooltip", r);
-}
-const _o = To("MuiTooltip", ["popper", "popperInteractive", "popperArrow", "popperClose", "tooltip", "tooltipArrow", "touch", "tooltipPlacementLeft", "tooltipPlacementRight", "tooltipPlacementTop", "tooltipPlacementBottom", "arrow"]), d = _o, Lo = ["arrow", "children", "classes", "components", "componentsProps", "describeChild", "disableFocusListener", "disableHoverListener", "disableInteractive", "disableTouchListener", "enterDelay", "enterNextDelay", "enterTouchDelay", "followCursor", "id", "leaveDelay", "leaveTouchDelay", "onClose", "onOpen", "open", "placement", "PopperComponent", "PopperProps", "slotProps", "slots", "title", "TransitionComponent", "TransitionProps"];
+import { u as Oo } from "./useId-a21bd5c3.js";
+import { u as Mo } from "./useForkRef-0781dda0.js";
+import { Z as Eo } from "./Zoom-36a189bb.js";
 function No(r) {
+  return bo("MuiTooltip", r);
+}
+const _o = go("MuiTooltip", ["popper", "popperInteractive", "popperArrow", "popperClose", "tooltip", "tooltipArrow", "touch", "tooltipPlacementLeft", "tooltipPlacementRight", "tooltipPlacementTop", "tooltipPlacementBottom", "arrow"]), d = _o, jo = ["arrow", "children", "classes", "components", "componentsProps", "describeChild", "disableFocusListener", "disableHoverListener", "disableInteractive", "disableTouchListener", "enterDelay", "enterNextDelay", "enterTouchDelay", "followCursor", "id", "leaveDelay", "leaveTouchDelay", "onClose", "onOpen", "open", "placement", "PopperComponent", "PopperProps", "slotProps", "slots", "title", "TransitionComponent", "TransitionProps"];
+function Do(r) {
   return Math.round(r * 1e5) / 1e5;
 }
-const $o = (r) => {
+const Lo = (r) => {
   const {
     classes: t,
     disableInteractive: i,
-    arrow: y,
-    touch: R,
+    arrow: g,
+    touch: C,
     placement: O
   } = r, M = {
-    popper: ["popper", !i && "popperInteractive", y && "popperArrow"],
-    tooltip: ["tooltip", y && "tooltipArrow", R && "touch", `tooltipPlacement${Se(O.split("-")[0])}`],
+    popper: ["popper", !i && "popperInteractive", g && "popperArrow"],
+    tooltip: ["tooltip", g && "tooltipArrow", C && "touch", `tooltipPlacement${Se(O.split("-")[0])}`],
     arrow: ["arrow"]
   };
-  return go(M, Eo, t);
-}, jo = X(We, {
+  return vo(M, No, t);
+}, $o = X(We, {
   name: "MuiTooltip",
   slot: "Popper",
   overridesResolver: (r, t) => {
@@ -96,7 +95,7 @@ const $o = (r) => {
       transformOrigin: "0 0"
     }
   })
-})), Do = X("div", {
+})), Io = X("div", {
   name: "MuiTooltip",
   slot: "Tooltip",
   overridesResolver: (r, t) => {
@@ -125,7 +124,7 @@ const $o = (r) => {
 }, t.touch && {
   padding: "8px 16px",
   fontSize: r.typography.pxToRem(14),
-  lineHeight: `${No(16 / 14)}em`,
+  lineHeight: `${Do(16 / 14)}em`,
   fontWeight: r.typography.fontWeightRegular
 }, {
   [`.${d.popper}[data-popper-placement*="left"] &`]: n({
@@ -162,7 +161,7 @@ const $o = (r) => {
   }, t.touch && {
     marginTop: "24px"
   })
-})), Io = X("span", {
+})), ko = X("span", {
   name: "MuiTooltip",
   slot: "Arrow",
   overridesResolver: (r, t) => t.arrow
@@ -185,7 +184,7 @@ const $o = (r) => {
     transform: "rotate(45deg)"
   }
 }));
-let k = !1, q = null, C = {
+let A = !1, q = null, R = {
   x: 0,
   y: 0
 };
@@ -195,8 +194,8 @@ function F(r, t) {
   };
 }
 const Ve = /* @__PURE__ */ s.forwardRef(function(t, i) {
-  var y, R, O, M, J, Q, ee, oe, te, re, ne, se, ie, pe, le, ae, ce, ue, me;
-  const B = bo({
+  var g, C, O, M, J, Q, ee, oe, te, re, ne, se, ie, pe, le, ae, ce, ue, me;
+  const B = yo({
     props: t,
     name: "MuiTooltip"
   }), {
@@ -223,11 +222,11 @@ const Ve = /* @__PURE__ */ s.forwardRef(function(t, i) {
     PopperComponent: U,
     PopperProps: h = {},
     slotProps: T = {},
-    slots: _ = {},
+    slots: N = {},
     title: m,
     TransitionComponent: Xe = Be,
     TransitionProps: Je
-  } = B, we = ho(B, Lo), W = yo(), Qe = W.direction === "rtl", [l, xe] = s.useState(), [V, eo] = s.useState(null), L = s.useRef(!1), z = Ke || S, N = s.useRef(), $ = s.useRef(), b = s.useRef(), Ce = s.useRef(), [oo, Re] = Co({
+  } = B, we = To(B, jo), W = Po(), Qe = W.direction === "rtl", [l, xe] = s.useState(), [V, eo] = s.useState(null), _ = s.useRef(!1), z = Ke || S, j = s.useRef(), D = s.useRef(), b = s.useRef(), Re = s.useRef(), [oo, Ce] = Co({
     controlled: ve,
     default: !1,
     name: "Tooltip",
@@ -243,78 +242,78 @@ const Ve = /* @__PURE__ */ s.forwardRef(function(t, i) {
 `));
     }, [m, l, o]);
   }
-  const H = Ro(Ze), v = s.useRef(), j = s.useCallback(() => {
-    v.current !== void 0 && (document.body.style.WebkitUserSelect = v.current, v.current = void 0), clearTimeout(Ce.current);
+  const H = Oo(Ze), y = s.useRef(), L = s.useCallback(() => {
+    y.current !== void 0 && (document.body.style.WebkitUserSelect = y.current, y.current = void 0), clearTimeout(Re.current);
   }, []);
   s.useEffect(() => () => {
-    clearTimeout(N.current), clearTimeout($.current), clearTimeout(b.current), j();
-  }, [j]);
+    clearTimeout(j.current), clearTimeout(D.current), clearTimeout(b.current), L();
+  }, [L]);
   const Oe = (o) => {
-    clearTimeout(q), k = !0, Re(!0), ye && !u && ye(o);
-  }, D = Po(
+    clearTimeout(q), A = !0, Ce(!0), ye && !u && ye(o);
+  }, $ = wo(
     /**
      * @param {React.SyntheticEvent | Event} event
      */
     (o) => {
       clearTimeout(q), q = setTimeout(() => {
-        k = !1;
-      }, 800 + be), Re(!1), ge && u && ge(o), clearTimeout(N.current), N.current = setTimeout(() => {
-        L.current = !1;
+        A = !1;
+      }, 800 + be), Ce(!1), ge && u && ge(o), clearTimeout(j.current), j.current = setTimeout(() => {
+        _.current = !1;
       }, W.transitions.duration.shortest);
     }
   ), K = (o) => {
-    L.current && o.type !== "touchstart" || (l && l.removeAttribute("title"), clearTimeout($.current), clearTimeout(b.current), he || k && Te ? $.current = setTimeout(() => {
+    _.current && o.type !== "touchstart" || (l && l.removeAttribute("title"), clearTimeout(D.current), clearTimeout(b.current), he || A && Te ? D.current = setTimeout(() => {
       Oe(o);
-    }, k ? Te : he) : Oe(o));
+    }, A ? Te : he) : Oe(o));
   }, Me = (o) => {
-    clearTimeout($.current), clearTimeout(b.current), b.current = setTimeout(() => {
-      D(o);
+    clearTimeout(D.current), clearTimeout(b.current), b.current = setTimeout(() => {
+      $(o);
     }, be);
   }, {
     isFocusVisibleRef: Ee,
     onBlur: to,
     onFocus: ro,
     ref: no
-  } = wo(), [, _e] = s.useState(!1), Le = (o) => {
-    to(o), Ee.current === !1 && (_e(!1), Me(o));
-  }, Ne = (o) => {
-    l || xe(o.currentTarget), ro(o), Ee.current === !0 && (_e(!0), K(o));
-  }, $e = (o) => {
-    L.current = !0;
+  } = xo(), [, Ne] = s.useState(!1), _e = (o) => {
+    to(o), Ee.current === !1 && (Ne(!1), Me(o));
+  }, je = (o) => {
+    l || xe(o.currentTarget), ro(o), Ee.current === !0 && (Ne(!0), K(o));
+  }, De = (o) => {
+    _.current = !0;
     const p = c.props;
     p.onTouchStart && p.onTouchStart(o);
-  }, je = K, De = Me, so = (o) => {
-    $e(o), clearTimeout(b.current), clearTimeout(N.current), j(), v.current = document.body.style.WebkitUserSelect, document.body.style.WebkitUserSelect = "none", Ce.current = setTimeout(() => {
-      document.body.style.WebkitUserSelect = v.current, K(o);
+  }, Le = K, $e = Me, so = (o) => {
+    De(o), clearTimeout(b.current), clearTimeout(j.current), L(), y.current = document.body.style.WebkitUserSelect, document.body.style.WebkitUserSelect = "none", Re.current = setTimeout(() => {
+      document.body.style.WebkitUserSelect = y.current, K(o);
     }, Ge);
   }, io = (o) => {
-    c.props.onTouchEnd && c.props.onTouchEnd(o), j(), clearTimeout(b.current), b.current = setTimeout(() => {
-      D(o);
+    c.props.onTouchEnd && c.props.onTouchEnd(o), L(), clearTimeout(b.current), b.current = setTimeout(() => {
+      $(o);
     }, qe);
   };
   s.useEffect(() => {
     if (!u)
       return;
     function o(p) {
-      (p.key === "Escape" || p.key === "Esc") && D(p);
+      (p.key === "Escape" || p.key === "Esc") && $(p);
     }
     return document.addEventListener("keydown", o), () => {
       document.removeEventListener("keydown", o);
     };
-  }, [D, u]);
-  const po = Oo(c.ref, no, xe, i);
+  }, [$, u]);
+  const po = Mo(c.ref, no, xe, i);
   !m && m !== 0 && (u = !1);
   const Y = s.useRef(), lo = (o) => {
     const p = c.props;
-    p.onMouseMove && p.onMouseMove(o), C = {
+    p.onMouseMove && p.onMouseMove(o), R = {
       x: o.clientX,
       y: o.clientY
     }, Y.current && Y.current.update();
-  }, P = {}, G = typeof m == "string";
-  ze ? (P.title = !u && G && !fe ? m : null, P["aria-describedby"] = u ? H : null) : (P["aria-label"] = G ? m : null, P["aria-labelledby"] = u && !G ? H : null);
-  const a = n({}, P, we, c.props, {
+  }, v = {}, G = typeof m == "string";
+  ze ? (v.title = !u && G && !fe ? m : null, v["aria-describedby"] = u ? H : null) : (v["aria-label"] = G ? m : null, v["aria-labelledby"] = u && !G ? H : null);
+  const a = n({}, v, we, c.props, {
     className: I(we.className, c.props.className),
-    onTouchStart: $e,
+    onTouchStart: De,
     ref: po
   }, S ? {
     onMouseMove: lo
@@ -323,8 +322,8 @@ const Ve = /* @__PURE__ */ s.forwardRef(function(t, i) {
     l && !l.getAttribute("data-mui-internal-clone-element") && console.error(["MUI: The `children` component of the Tooltip is not forwarding its props correctly.", "Please make sure that props are spread on the same element that the ref is applied to."].join(`
 `));
   }, [l]));
-  const w = {};
-  Ye || (a.onTouchStart = so, a.onTouchEnd = io), fe || (a.onMouseOver = F(je, a.onMouseOver), a.onMouseLeave = F(De, a.onMouseLeave), z || (w.onMouseOver = je, w.onMouseLeave = De)), He || (a.onFocus = F(Ne, a.onFocus), a.onBlur = F(Le, a.onBlur), z || (w.onFocus = Ne, w.onBlur = Le)), process.env.NODE_ENV !== "production" && c.props.title && console.error(["MUI: You have provided a `title` prop to the child of <Tooltip />.", `Remove this title prop \`${c.props.title}\` or the Tooltip component.`].join(`
+  const P = {};
+  Ye || (a.onTouchStart = so, a.onTouchEnd = io), fe || (a.onMouseOver = F(Le, a.onMouseOver), a.onMouseLeave = F($e, a.onMouseLeave), z || (P.onMouseOver = Le, P.onMouseLeave = $e)), He || (a.onFocus = F(je, a.onFocus), a.onBlur = F(_e, a.onBlur), z || (P.onFocus = je, P.onBlur = _e)), process.env.NODE_ENV !== "production" && c.props.title && console.error(["MUI: You have provided a `title` prop to the child of <Tooltip />.", `Remove this title prop \`${c.props.title}\` or the Tooltip component.`].join(`
 `));
   const ao = s.useMemo(() => {
     var o;
@@ -339,30 +338,30 @@ const Ve = /* @__PURE__ */ s.forwardRef(function(t, i) {
     return (o = h.popperOptions) != null && o.modifiers && (p = p.concat(h.popperOptions.modifiers)), n({}, h.popperOptions, {
       modifiers: p
     });
-  }, [V, h]), x = n({}, B, {
+  }, [V, h]), w = n({}, B, {
     isRtl: Qe,
     arrow: de,
     disableInteractive: z,
     placement: Pe,
     PopperComponentProp: U,
-    touch: L.current
-  }), Z = $o(x), Ie = (y = (R = _.popper) != null ? R : E.Popper) != null ? y : jo, Ae = (O = (M = (J = _.transition) != null ? J : E.Transition) != null ? M : Xe) != null ? O : Be, ke = (Q = (ee = _.tooltip) != null ? ee : E.Tooltip) != null ? Q : Do, Fe = (oe = (te = _.arrow) != null ? te : E.Arrow) != null ? oe : Io, co = A(Ie, n({}, h, (re = T.popper) != null ? re : f.popper, {
+    touch: _.current
+  }), Z = Lo(w), Ie = (g = (C = N.popper) != null ? C : E.Popper) != null ? g : $o, ke = (O = (M = (J = N.transition) != null ? J : E.Transition) != null ? M : Xe) != null ? O : Be, Ae = (Q = (ee = N.tooltip) != null ? ee : E.Tooltip) != null ? Q : Io, Fe = (oe = (te = N.arrow) != null ? te : E.Arrow) != null ? oe : ko, co = k(Ie, n({}, h, (re = T.popper) != null ? re : f.popper, {
     className: I(Z.popper, h == null ? void 0 : h.className, (ne = (se = T.popper) != null ? se : f.popper) == null ? void 0 : ne.className)
-  }), x), uo = A(Ae, n({}, Je, (ie = T.transition) != null ? ie : f.transition), x), mo = A(ke, n({}, (pe = T.tooltip) != null ? pe : f.tooltip, {
+  }), w), uo = k(ke, n({}, Je, (ie = T.transition) != null ? ie : f.transition), w), mo = k(Ae, n({}, (pe = T.tooltip) != null ? pe : f.tooltip, {
     className: I(Z.tooltip, (le = (ae = T.tooltip) != null ? ae : f.tooltip) == null ? void 0 : le.className)
-  }), x), fo = A(Fe, n({}, (ce = T.arrow) != null ? ce : f.arrow, {
+  }), w), fo = k(Fe, n({}, (ce = T.arrow) != null ? ce : f.arrow, {
     className: I(Z.arrow, (ue = (me = T.arrow) != null ? me : f.arrow) == null ? void 0 : ue.className)
-  }), x);
-  return /* @__PURE__ */ g.jsxs(s.Fragment, {
-    children: [/* @__PURE__ */ s.cloneElement(c, a), /* @__PURE__ */ g.jsx(Ie, n({
+  }), w);
+  return /* @__PURE__ */ x.jsxs(s.Fragment, {
+    children: [/* @__PURE__ */ s.cloneElement(c, a), /* @__PURE__ */ x.jsx(Ie, n({
       as: U ?? We,
       placement: Pe,
       anchorEl: S ? {
         getBoundingClientRect: () => ({
-          top: C.y,
-          left: C.x,
-          right: C.x,
-          bottom: C.y,
+          top: R.y,
+          left: R.x,
+          right: R.x,
+          bottom: R.y,
           width: 0,
           height: 0
         })
@@ -371,15 +370,15 @@ const Ve = /* @__PURE__ */ s.forwardRef(function(t, i) {
       open: l ? u : !1,
       id: H,
       transition: !0
-    }, w, co, {
+    }, P, co, {
       popperOptions: ao,
       children: ({
         TransitionProps: o
-      }) => /* @__PURE__ */ g.jsx(Ae, n({
+      }) => /* @__PURE__ */ x.jsx(ke, n({
         timeout: W.transitions.duration.shorter
       }, o, uo, {
-        children: /* @__PURE__ */ g.jsxs(ke, n({}, mo, {
-          children: [m, de ? /* @__PURE__ */ g.jsx(Fe, n({}, fo, {
+        children: /* @__PURE__ */ x.jsxs(Ae, n({}, mo, {
+          children: [m, de ? /* @__PURE__ */ x.jsx(Fe, n({}, fo, {
             ref: eo
           })) : null]
         }))
@@ -400,7 +399,7 @@ process.env.NODE_ENV !== "production" && (Ve.propTypes = {
   /**
    * Tooltip reference element.
    */
-  children: xo.isRequired,
+  children: Ro.isRequired,
   /**
    * Override or extend the styles applied to the component.
    */
@@ -580,17 +579,25 @@ process.env.NODE_ENV !== "production" && (Ve.propTypes = {
    */
   TransitionProps: e.object
 });
-const Ao = Ve, Qo = ({ title: r = "", children: t, ...i }) => /* @__PURE__ */ g.jsx(
+const Ao = Ve, Qo = ({ title: r = "", children: t, ...i }) => /* @__PURE__ */ ho.jsxDEV(
   Ao,
   {
     title: r,
-    TransitionComponent: Mo,
+    TransitionComponent: Eo,
     enterDelay: 700,
     leaveDelay: 200,
     arrow: !0,
     ...i,
     children: t
-  }
+  },
+  void 0,
+  !1,
+  {
+    fileName: "D:/a.dakhili/kdpa/packages/components/src/components/Tooltips/KdpaTooltip.tsx",
+    lineNumber: 9,
+    columnNumber: 5
+  },
+  globalThis
 );
 export {
   Qo as K