kdpa-components 1.1.0 → 1.2.0

package/dist/{KdpaAvatar-798f595f.js → KdpaAvatar-d297ef8a.js}

@@ -1,39 +1,39 @@
-import { j as d } from "./jsx-runtime-944c88e2.js";
-import { _ as i, a as w } from "./extends-393586f3.js";
-import * as m from "react";
-import { g as N, P as t } from "./identifier-878ccaef.js";
-import { g as S, s as b, u as C, c as D, a as I } from "./useThemeProps-0f6826f6.js";
-import { c as T } from "./createSvgIcon-5491f07a.js";
-const z = T(/* @__PURE__ */ d.jsx("path", {
+import { j as D } from "./jsx-dev-runtime-48fdc504.js";
+import { a as i, _ as P } from "./extends-135d7828.js";
+import * as g from "react";
+import { j as p, g as w, P as r } from "./identifier-2647f844.js";
+import { g as S, s as b, u as T, c as C, a as I } from "./useThemeProps-ea792506.js";
+import { c as z } from "./createSvgIcon-1aa1b2b2.js";
+const M = z(/* @__PURE__ */ p.jsx("path", {
   d: "M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
 }), "Person");
-function M(e) {
-  return N("MuiAvatar", e);
+function E(e) {
+  return w("MuiAvatar", e);
 }
 S("MuiAvatar", ["root", "colorDefault", "circular", "rounded", "square", "img", "fallback"]);
 const F = ["alt", "children", "className", "component", "imgProps", "sizes", "src", "srcSet", "variant"], O = (e) => {
   const {
-    classes: r,
-    variant: a,
+    classes: a,
+    variant: t,
     colorDefault: o
   } = e;
   return I({
-    root: ["root", a, o && "colorDefault"],
+    root: ["root", t, o && "colorDefault"],
     img: ["img"],
     fallback: ["fallback"]
-  }, M, r);
+  }, E, a);
 }, _ = b("div", {
   name: "MuiAvatar",
   slot: "Root",
-  overridesResolver: (e, r) => {
+  overridesResolver: (e, a) => {
     const {
-      ownerState: a
+      ownerState: t
     } = e;
-    return [r.root, r[a.variant], a.colorDefault && r.colorDefault];
+    return [a.root, a[t.variant], t.colorDefault && a.colorDefault];
   }
 })(({
   theme: e,
-  ownerState: r
+  ownerState: a
 }) => i({
   position: "relative",
   display: "flex",
@@ -48,20 +48,20 @@ const F = ["alt", "children", "className", "component", "imgProps", "sizes", "sr
   borderRadius: "50%",
   overflow: "hidden",
   userSelect: "none"
-}, r.variant === "rounded" && {
+}, a.variant === "rounded" && {
   borderRadius: (e.vars || e).shape.borderRadius
-}, r.variant === "square" && {
+}, a.variant === "square" && {
   borderRadius: 0
-}, r.colorDefault && i({
+}, a.colorDefault && i({
   color: (e.vars || e).palette.background.default
 }, e.vars ? {
   backgroundColor: e.vars.palette.Avatar.defaultBg
 } : {
   backgroundColor: e.palette.mode === "light" ? e.palette.grey[400] : e.palette.grey[600]
-}))), E = b("img", {
+}))), U = b("img", {
   name: "MuiAvatar",
   slot: "Img",
-  overridesResolver: (e, r) => r.img
+  overridesResolver: (e, a) => a.img
 })({
   width: "100%",
   height: "100%",
@@ -72,23 +72,23 @@ const F = ["alt", "children", "className", "component", "imgProps", "sizes", "sr
   color: "transparent",
   // Hide the image broken icon, only works on Chrome.
   textIndent: 1e4
-}), U = b(z, {
+}), q = b(M, {
   name: "MuiAvatar",
   slot: "Fallback",
-  overridesResolver: (e, r) => r.fallback
+  overridesResolver: (e, a) => a.fallback
 })({
   width: "75%",
   height: "75%"
 });
-function q({
+function K({
   crossOrigin: e,
-  referrerPolicy: r,
-  src: a,
+  referrerPolicy: a,
+  src: t,
   srcSet: o
 }) {
-  const [n, l] = m.useState(!1);
-  return m.useEffect(() => {
-    if (!a && !o)
+  const [n, l] = g.useState(!1);
+  return g.useEffect(() => {
+    if (!t && !o)
       return;
     l(!1);
     let c = !0;
@@ -97,51 +97,51 @@ function q({
       c && l("loaded");
     }, s.onerror = () => {
       c && l("error");
-    }, s.crossOrigin = e, s.referrerPolicy = r, s.src = a, o && (s.srcset = o), () => {
+    }, s.crossOrigin = e, s.referrerPolicy = a, s.src = t, o && (s.srcset = o), () => {
       c = !1;
     };
-  }, [e, r, a, o]), n;
+  }, [e, a, t, o]), n;
 }
-const A = /* @__PURE__ */ m.forwardRef(function(r, a) {
-  const o = C({
-    props: r,
+const A = /* @__PURE__ */ g.forwardRef(function(a, t) {
+  const o = T({
+    props: a,
     name: "MuiAvatar"
   }), {
     alt: n,
     children: l,
     className: c,
     component: s = "div",
-    imgProps: y,
+    imgProps: h,
     sizes: j,
-    src: p,
-    srcSet: g,
-    variant: R = "circular"
-  } = o, k = w(o, F);
+    src: f,
+    srcSet: m,
+    variant: k = "circular"
+  } = o, R = P(o, F);
   let u = null;
-  const P = q(i({}, y, {
-    src: p,
-    srcSet: g
-  })), h = p || g, x = h && P !== "error", f = i({}, o, {
-    colorDefault: !x,
+  const N = K(i({}, h, {
+    src: f,
+    srcSet: m
+  })), x = f || m, y = x && N !== "error", d = i({}, o, {
+    colorDefault: !y,
     component: s,
-    variant: R
-  }), v = O(f);
-  return x ? u = /* @__PURE__ */ d.jsx(E, i({
+    variant: k
+  }), v = O(d);
+  return y ? u = /* @__PURE__ */ p.jsx(U, i({
     alt: n,
-    src: p,
-    srcSet: g,
+    src: f,
+    srcSet: m,
     sizes: j,
-    ownerState: f,
+    ownerState: d,
     className: v.img
-  }, y)) : l != null ? u = l : h && n ? u = n[0] : u = /* @__PURE__ */ d.jsx(U, {
-    ownerState: f,
+  }, h)) : l != null ? u = l : x && n ? u = n[0] : u = /* @__PURE__ */ p.jsx(q, {
+    ownerState: d,
     className: v.fallback
-  }), /* @__PURE__ */ d.jsx(_, i({
+  }), /* @__PURE__ */ p.jsx(_, i({
     as: s,
-    ownerState: f,
-    className: D(v.root, c),
-    ref: a
-  }, k, {
+    ownerState: d,
+    className: C(v.root, c),
+    ref: t
+  }, R, {
     children: u
   }));
 });
@@ -154,54 +154,58 @@ process.env.NODE_ENV !== "production" && (A.propTypes = {
    * Used in combination with `src` or `srcSet` to
    * provide an alt attribute for the rendered `img` element.
    */
-  alt: t.string,
+  alt: r.string,
   /**
    * Used to render icon or text elements inside the Avatar if `src` is not set.
    * This can be an element, or just a string.
    */
-  children: t.node,
+  children: r.node,
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: t.object,
+  classes: r.object,
   /**
    * @ignore
    */
-  className: t.string,
+  className: r.string,
   /**
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
-  component: t.elementType,
+  component: r.elementType,
   /**
    * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#attributes) applied to the `img` element if the component is used to display an image.
    * It can be used to listen for the loading error event.
    */
-  imgProps: t.object,
+  imgProps: r.object,
   /**
    * The `sizes` attribute for the `img` element.
    */
-  sizes: t.string,
+  sizes: r.string,
   /**
    * The `src` attribute for the `img` element.
    */
-  src: t.string,
+  src: r.string,
   /**
    * The `srcSet` attribute for the `img` element.
    * Use this attribute for responsive image display.
    */
-  srcSet: t.string,
+  srcSet: r.string,
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: t.oneOfType([t.arrayOf(t.oneOfType([t.func, t.object, t.bool])), t.func, t.object]),
+  sx: r.oneOfType([r.arrayOf(r.oneOfType([r.func, r.object, r.bool])), r.func, r.object]),
   /**
    * The shape of the avatar.
    * @default 'circular'
    */
-  variant: t.oneOfType([t.oneOf(["circular", "rounded", "square"]), t.string])
+  variant: r.oneOfType([r.oneOf(["circular", "rounded", "square"]), r.string])
 });
-const L = A, $ = ({ children: e, ...r }) => /* @__PURE__ */ d.jsx(L, { ...r, children: e });
+const L = A, G = ({ children: e, ...a }) => /* @__PURE__ */ D.jsxDEV(L, { ...a, children: e }, void 0, !1, {
+  fileName: "D:/a.dakhili/kdpa/packages/components/src/components/Avatar/KdpaAvatar.tsx",
+  lineNumber: 6,
+  columnNumber: 10
+}, globalThis);
 export {
-  $ as K
+  G as K
 };

package/dist/{KdpaCheckBox-ca4f09b9.js → KdpaCheckBox-84d56486.js}

@@ -1,32 +1,32 @@
-import { j as t } from "./jsx-runtime-944c88e2.js";
+import { j as R } from "./jsx-dev-runtime-48fdc504.js";
 import * as p from "react";
-import O from "react";
-import { _ as a, a as R } from "./extends-393586f3.js";
-import { g as $, c as C, a as B, P as o } from "./identifier-878ccaef.js";
-import { g as _, s as N, b as S, u as T, c as M, a as E } from "./useThemeProps-0f6826f6.js";
-import { S as H } from "./SwitchBase-0a37f2eb.js";
-import { c as u } from "./createSvgIcon-5491f07a.js";
-import { r as V } from "./refType-0b7ad6f5.js";
-const w = u(/* @__PURE__ */ t.jsx("path", {
+import B from "react";
+import { a, _ as O } from "./extends-135d7828.js";
+import { j as t, g as $, c as C, a as N, P as o } from "./identifier-2647f844.js";
+import { g as T, s as _, b as S, u as E, c as M, a as V } from "./useThemeProps-ea792506.js";
+import { S as H } from "./SwitchBase-64e5662e.js";
+import { c as u } from "./createSvgIcon-1aa1b2b2.js";
+import { r as w } from "./refType-450337d6.js";
+const D = u(/* @__PURE__ */ t.jsx("path", {
   d: "M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
 }), "CheckBoxOutlineBlank"), U = u(/* @__PURE__ */ t.jsx("path", {
   d: "M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
-}), "CheckBox"), L = u(/* @__PURE__ */ t.jsx("path", {
+}), "CheckBox"), K = u(/* @__PURE__ */ t.jsx("path", {
   d: "M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2z"
 }), "IndeterminateCheckBox");
-function F(e) {
+function L(e) {
   return $("MuiCheckbox", e);
 }
-const K = _("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "colorPrimary", "colorSecondary"]), m = K, q = ["checkedIcon", "color", "icon", "indeterminate", "indeterminateIcon", "inputProps", "size", "className"], D = (e) => {
+const F = T("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "colorPrimary", "colorSecondary"]), m = F, q = ["checkedIcon", "color", "icon", "indeterminate", "indeterminateIcon", "inputProps", "size", "className"], W = (e) => {
   const {
     classes: c,
     indeterminate: n,
     color: r
   } = e, i = {
     root: ["root", n && "indeterminate", `color${C(r)}`]
-  }, s = E(i, F, c);
+  }, s = V(i, L, c);
   return a({}, c, s);
-}, W = N(H, {
+}, A = _(H, {
   shouldForwardProp: (e) => S(e) || e === "classes",
   name: "MuiCheckbox",
   slot: "Root",
@@ -43,7 +43,7 @@ const K = _("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "col
   color: (e.vars || e).palette.text.secondary
 }, !c.disableRipple && {
   "&:hover": {
-    backgroundColor: e.vars ? `rgba(${c.color === "default" ? e.vars.palette.action.activeChannel : e.vars.palette.primary.mainChannel} / ${e.vars.palette.action.hoverOpacity})` : B(c.color === "default" ? e.palette.action.active : e.palette[c.color].main, e.palette.action.hoverOpacity),
+    backgroundColor: e.vars ? `rgba(${c.color === "default" ? e.vars.palette.action.activeChannel : e.vars.palette.primary.mainChannel} / ${e.vars.palette.action.hoverOpacity})` : N(c.color === "default" ? e.palette.action.active : e.palette[c.color].main, e.palette.action.hoverOpacity),
     // Reset on touch devices, it doesn't add specificity
     "@media (hover: none)": {
       backgroundColor: "transparent"
@@ -56,26 +56,26 @@ const K = _("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "col
   [`&.${m.disabled}`]: {
     color: (e.vars || e).palette.action.disabled
   }
-})), A = /* @__PURE__ */ t.jsx(U, {}), G = /* @__PURE__ */ t.jsx(w, {}), J = /* @__PURE__ */ t.jsx(L, {}), v = /* @__PURE__ */ p.forwardRef(function(c, n) {
+})), G = /* @__PURE__ */ t.jsx(U, {}), J = /* @__PURE__ */ t.jsx(D, {}), Q = /* @__PURE__ */ t.jsx(K, {}), v = /* @__PURE__ */ p.forwardRef(function(c, n) {
   var r, i;
-  const s = T({
+  const s = E({
     props: c,
     name: "MuiCheckbox"
   }), {
-    checkedIcon: y = A,
+    checkedIcon: y = G,
     color: I = "primary",
-    icon: g = G,
+    icon: g = J,
     indeterminate: l = !1,
-    indeterminateIcon: f = J,
+    indeterminateIcon: f = Q,
     inputProps: j,
     size: d = "medium",
     className: z
-  } = s, P = R(s, q), h = l ? f : g, x = l ? f : y, b = a({}, s, {
+  } = s, P = O(s, q), h = l ? f : g, x = l ? f : y, b = a({}, s, {
     color: I,
     indeterminate: l,
     size: d
-  }), k = D(b);
-  return /* @__PURE__ */ t.jsx(W, a({
+  }), k = W(b);
+  return /* @__PURE__ */ t.jsx(A, a({
     type: "checkbox",
     inputProps: a({
       "data-indeterminate": l
@@ -165,7 +165,7 @@ process.env.NODE_ENV !== "production" && (v.propTypes = {
   /**
    * Pass a ref to the `input` element.
    */
-  inputRef: V,
+  inputRef: w,
   /**
    * Callback fired when the state is changed.
    *
@@ -194,9 +194,13 @@ process.env.NODE_ENV !== "production" && (v.propTypes = {
    */
   value: o.any
 });
-const Q = v, so = O.forwardRef(
-  (e, c) => /* @__PURE__ */ t.jsx(Q, { ...e, className: e.className, inputRef: c })
+const X = v, ao = B.forwardRef(
+  (e, c) => /* @__PURE__ */ R.jsxDEV(X, { ...e, className: e.className, inputRef: c }, void 0, !1, {
+    fileName: "D:/a.dakhili/kdpa/packages/components/src/components/CheckBox/KdpaCheckBox.tsx",
+    lineNumber: 8,
+    columnNumber: 12
+  }, globalThis)
 );
 export {
-  so as K
+  ao as K
 };

package/dist/KdpaChip-10899788.js

@@ -0,0 +1,51 @@
+import { j as e } from "./jsx-dev-runtime-48fdc504.js";
+import { K as t } from "./KdpaTooltip-653424c7.js";
+import { G as l } from "./iconBase-800b43ff.js";
+function m(a) {
+  return l({ tag: "svg", attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M256 48C141.1 48 48 141.1 48 256s93.1 208 208 208 208-93.1 208-208S370.9 48 256 48zm52.7 283.3L256 278.6l-52.7 52.7c-6.2 6.2-16.4 6.2-22.6 0-3.1-3.1-4.7-7.2-4.7-11.3 0-4.1 1.6-8.2 4.7-11.3l52.7-52.7-52.7-52.7c-3.1-3.1-4.7-7.2-4.7-11.3 0-4.1 1.6-8.2 4.7-11.3 6.2-6.2 16.4-6.2 22.6 0l52.7 52.7 52.7-52.7c6.2-6.2 16.4-6.2 22.6 0 6.2 6.2 6.2 16.4 0 22.6L278.6 256l52.7 52.7c6.2 6.2 6.2 16.4 0 22.6-6.2 6.3-16.4 6.3-22.6 0z" } }] })(a);
+}
+function u({
+  color: a,
+  title: p,
+  children: s,
+  className: o = "",
+  onClose: i,
+  onClick: c,
+  ...n
+}) {
+  return /* @__PURE__ */ e.jsxDEV(t, { ...n, title: p, placement: "top", children: /* @__PURE__ */ e.jsxDEV(
+    "span",
+    {
+      style: { color: `${a}`, backgroundColor: `${a}1f` },
+      className: `kdpa-chip kdpa-chip--pill ${o}`,
+      onClick: c,
+      children: [
+        s,
+        i && /* @__PURE__ */ e.jsxDEV("span", { className: "kdpa-chip__close-button", onClick: i, children: /* @__PURE__ */ e.jsxDEV(m, { size: 18 }, void 0, !1, {
+          fileName: "D:/a.dakhili/kdpa/packages/components/src/components/Chip/KdpaChip.tsx",
+          lineNumber: 37,
+          columnNumber: 13
+        }, this) }, void 0, !1, {
+          fileName: "D:/a.dakhili/kdpa/packages/components/src/components/Chip/KdpaChip.tsx",
+          lineNumber: 36,
+          columnNumber: 11
+        }, this)
+      ]
+    },
+    void 0,
+    !0,
+    {
+      fileName: "D:/a.dakhili/kdpa/packages/components/src/components/Chip/KdpaChip.tsx",
+      lineNumber: 28,
+      columnNumber: 7
+    },
+    this
+  ) }, void 0, !1, {
+    fileName: "D:/a.dakhili/kdpa/packages/components/src/components/Chip/KdpaChip.tsx",
+    lineNumber: 27,
+    columnNumber: 5
+  }, this);
+}
+export {
+  u as K
+};

package/dist/KdpaCircularProgress-6c4605cd.js

@@ -0,0 +1,76 @@
+import { j as e } from "./jsx-dev-runtime-48fdc504.js";
+import { K as o } from "./KdpaTypography-763c3238.js";
+import { B as a } from "./Box-032e9a1d.js";
+import { C as i } from "./CircularProgress-01a8929e.js";
+const m = ({
+  value: r,
+  showPercent: s = !1
+}) => r === 0 ? null : /* @__PURE__ */ e.jsxDEV(e.Fragment, { children: /* @__PURE__ */ e.jsxDEV(
+  a,
+  {
+    className: "mx-1",
+    position: "relative",
+    display: "inline-flex",
+    right: 7,
+    top: 10,
+    children: [
+      /* @__PURE__ */ e.jsxDEV(i, { variant: "determinate", value: r, size: 35 }, void 0, !1, {
+        fileName: "D:/a.dakhili/kdpa/packages/components/src/components/Loading/KdpaProgress/KdpaCircularProgress.tsx",
+        lineNumber: 23,
+        columnNumber: 9
+      }, globalThis),
+      /* @__PURE__ */ e.jsxDEV(
+        a,
+        {
+          top: 0,
+          left: 0,
+          bottom: 0,
+          right: 0,
+          position: "absolute",
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          children: s && /* @__PURE__ */ e.jsxDEV(
+            o,
+            {
+              variant: "caption",
+              color: "textSecondary",
+              children: `${Math.round(r)}%`
+            },
+            void 0,
+            !1,
+            {
+              fileName: "D:/a.dakhili/kdpa/packages/components/src/components/Loading/KdpaProgress/KdpaCircularProgress.tsx",
+              lineNumber: 35,
+              columnNumber: 13
+            },
+            globalThis
+          )
+        },
+        void 0,
+        !1,
+        {
+          fileName: "D:/a.dakhili/kdpa/packages/components/src/components/Loading/KdpaProgress/KdpaCircularProgress.tsx",
+          lineNumber: 24,
+          columnNumber: 9
+        },
+        globalThis
+      )
+    ]
+  },
+  void 0,
+  !0,
+  {
+    fileName: "D:/a.dakhili/kdpa/packages/components/src/components/Loading/KdpaProgress/KdpaCircularProgress.tsx",
+    lineNumber: 16,
+    columnNumber: 7
+  },
+  globalThis
+) }, void 0, !1, {
+  fileName: "D:/a.dakhili/kdpa/packages/components/src/components/Loading/KdpaProgress/KdpaCircularProgress.tsx",
+  lineNumber: 15,
+  columnNumber: 5
+}, globalThis);
+export {
+  m as K
+};

package/dist/KdpaCollapse-2d23c312.js

@@ -0,0 +1,12 @@
+import { j as a } from "./jsx-dev-runtime-48fdc504.js";
+import { C as o } from "./Collapse-547e6c7a.js";
+function i(e) {
+  return /* @__PURE__ */ a.jsxDEV(o, { ...e, children: e.children }, void 0, !1, {
+    fileName: "D:/a.dakhili/kdpa/packages/components/src/components/Collapse/KdpaCollapse.tsx",
+    lineNumber: 6,
+    columnNumber: 10
+  }, this);
+}
+export {
+  i as K
+};

package/dist/KdpaCollapse-73c03e02.js

@@ -0,0 +1,23 @@
+import { j as e } from "./jsx-dev-runtime-48fdc504.js";
+import n from "react";
+import { F as p } from "./Fade-7ee2c0a4.js";
+import { C as d } from "./Collapse-547e6c7a.js";
+const c = n.forwardRef(function({ children: a, ...o }, i) {
+  return /* @__PURE__ */ e.jsxDEV(p, { ref: i, ...o, children: /* @__PURE__ */ e.jsxDEV("div", { children: a }, void 0, !1, {
+    fileName: "D:/a.dakhili/kdpa/packages/components/src/components/Transitions/KdpaFade/KdpaFade.tsx",
+    lineNumber: 12,
+    columnNumber: 7
+  }, this) }, void 0, !1, {
+    fileName: "D:/a.dakhili/kdpa/packages/components/src/components/Transitions/KdpaFade/KdpaFade.tsx",
+    lineNumber: 11,
+    columnNumber: 5
+  }, this);
+}), f = ({ children: s, ...a }) => /* @__PURE__ */ e.jsxDEV(d, { ...a, children: s }, void 0, !1, {
+  fileName: "D:/a.dakhili/kdpa/packages/components/src/components/Transitions/KdpaCollapse/KdpaCollapse.tsx",
+  lineNumber: 6,
+  columnNumber: 10
+}, globalThis);
+export {
+  c as K,
+  f as a
+};