kdpa-components 1.4.0 → 1.4.2

package/dist/KdpaAvatar-1e69ee8a.js

@@ -1,211 +0,0 @@
-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-03e07987.js";
-import { g as S, s as b, u as T, c as C, a as I } from "./useThemeProps-d77fc01d.js";
-import { c as z } from "./createSvgIcon-c9758670.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 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: a,
-    variant: t,
-    colorDefault: o
-  } = e;
-  return I({
-    root: ["root", t, o && "colorDefault"],
-    img: ["img"],
-    fallback: ["fallback"]
-  }, E, a);
-}, _ = b("div", {
-  name: "MuiAvatar",
-  slot: "Root",
-  overridesResolver: (e, a) => {
-    const {
-      ownerState: t
-    } = e;
-    return [a.root, a[t.variant], t.colorDefault && a.colorDefault];
-  }
-})(({
-  theme: e,
-  ownerState: a
-}) => i({
-  position: "relative",
-  display: "flex",
-  alignItems: "center",
-  justifyContent: "center",
-  flexShrink: 0,
-  width: 40,
-  height: 40,
-  fontFamily: e.typography.fontFamily,
-  fontSize: e.typography.pxToRem(20),
-  lineHeight: 1,
-  borderRadius: "50%",
-  overflow: "hidden",
-  userSelect: "none"
-}, a.variant === "rounded" && {
-  borderRadius: (e.vars || e).shape.borderRadius
-}, a.variant === "square" && {
-  borderRadius: 0
-}, 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]
-}))), U = b("img", {
-  name: "MuiAvatar",
-  slot: "Img",
-  overridesResolver: (e, a) => a.img
-})({
-  width: "100%",
-  height: "100%",
-  textAlign: "center",
-  // Handle non-square image. The property isn't supported by IE11.
-  objectFit: "cover",
-  // Hide alt text.
-  color: "transparent",
-  // Hide the image broken icon, only works on Chrome.
-  textIndent: 1e4
-}), q = b(M, {
-  name: "MuiAvatar",
-  slot: "Fallback",
-  overridesResolver: (e, a) => a.fallback
-})({
-  width: "75%",
-  height: "75%"
-});
-function K({
-  crossOrigin: e,
-  referrerPolicy: a,
-  src: t,
-  srcSet: o
-}) {
-  const [n, l] = g.useState(!1);
-  return g.useEffect(() => {
-    if (!t && !o)
-      return;
-    l(!1);
-    let c = !0;
-    const s = new Image();
-    return s.onload = () => {
-      c && l("loaded");
-    }, s.onerror = () => {
-      c && l("error");
-    }, s.crossOrigin = e, s.referrerPolicy = a, s.src = t, o && (s.srcset = o), () => {
-      c = !1;
-    };
-  }, [e, a, t, o]), n;
-}
-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: h,
-    sizes: j,
-    src: f,
-    srcSet: m,
-    variant: k = "circular"
-  } = o, R = P(o, F);
-  let u = null;
-  const N = K(i({}, h, {
-    src: f,
-    srcSet: m
-  })), x = f || m, y = x && N !== "error", d = i({}, o, {
-    colorDefault: !y,
-    component: s,
-    variant: k
-  }), v = O(d);
-  return y ? u = /* @__PURE__ */ p.jsx(U, i({
-    alt: n,
-    src: f,
-    srcSet: m,
-    sizes: j,
-    ownerState: d,
-    className: v.img
-  }, h)) : l != null ? u = l : x && n ? u = n[0] : u = /* @__PURE__ */ p.jsx(q, {
-    ownerState: d,
-    className: v.fallback
-  }), /* @__PURE__ */ p.jsx(_, i({
-    as: s,
-    ownerState: d,
-    className: C(v.root, c),
-    ref: t
-  }, R, {
-    children: u
-  }));
-});
-process.env.NODE_ENV !== "production" && (A.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // |     To update them edit the d.ts file and run "yarn proptypes"     |
-  // ----------------------------------------------------------------------
-  /**
-   * Used in combination with `src` or `srcSet` to
-   * provide an alt attribute for the rendered `img` element.
-   */
-  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: r.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: r.object,
-  /**
-   * @ignore
-   */
-  className: r.string,
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  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: r.object,
-  /**
-   * The `sizes` attribute for the `img` element.
-   */
-  sizes: r.string,
-  /**
-   * The `src` attribute for the `img` element.
-   */
-  src: r.string,
-  /**
-   * The `srcSet` attribute for the `img` element.
-   * Use this attribute for responsive image display.
-   */
-  srcSet: r.string,
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  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: r.oneOfType([r.oneOf(["circular", "rounded", "square"]), r.string])
-});
-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 {
-  G as K
-};

package/dist/KdpaCheckBox-8126f41c.js

@@ -1,206 +0,0 @@
-import { j as R } from "./jsx-dev-runtime-48fdc504.js";
-import * as p from "react";
-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-03e07987.js";
-import { g as T, s as _, b as S, u as E, c as M, a as V } from "./useThemeProps-d77fc01d.js";
-import { S as H } from "./SwitchBase-6f1db066.js";
-import { c as u } from "./createSvgIcon-c9758670.js";
-import { r as w } from "./refType-7413f8aa.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"), 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 L(e) {
-  return $("MuiCheckbox", 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 = V(i, L, c);
-  return a({}, c, s);
-}, A = _(H, {
-  shouldForwardProp: (e) => S(e) || e === "classes",
-  name: "MuiCheckbox",
-  slot: "Root",
-  overridesResolver: (e, c) => {
-    const {
-      ownerState: n
-    } = e;
-    return [c.root, n.indeterminate && c.indeterminate, n.color !== "default" && c[`color${C(n.color)}`]];
-  }
-})(({
-  theme: e,
-  ownerState: c
-}) => a({
-  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})` : 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"
-    }
-  }
-}, c.color !== "default" && {
-  [`&.${m.checked}, &.${m.indeterminate}`]: {
-    color: (e.vars || e).palette[c.color].main
-  },
-  [`&.${m.disabled}`]: {
-    color: (e.vars || e).palette.action.disabled
-  }
-})), 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 = E({
-    props: c,
-    name: "MuiCheckbox"
-  }), {
-    checkedIcon: y = G,
-    color: I = "primary",
-    icon: g = J,
-    indeterminate: l = !1,
-    indeterminateIcon: f = Q,
-    inputProps: j,
-    size: d = "medium",
-    className: z
-  } = s, P = O(s, q), h = l ? f : g, x = l ? f : y, b = a({}, s, {
-    color: I,
-    indeterminate: l,
-    size: d
-  }), k = W(b);
-  return /* @__PURE__ */ t.jsx(A, a({
-    type: "checkbox",
-    inputProps: a({
-      "data-indeterminate": l
-    }, j),
-    icon: /* @__PURE__ */ p.cloneElement(h, {
-      fontSize: (r = h.props.fontSize) != null ? r : d
-    }),
-    checkedIcon: /* @__PURE__ */ p.cloneElement(x, {
-      fontSize: (i = x.props.fontSize) != null ? i : d
-    }),
-    ownerState: b,
-    ref: n,
-    className: M(k.root, z)
-  }, P, {
-    classes: k
-  }));
-});
-process.env.NODE_ENV !== "production" && (v.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // |     To update them edit the d.ts file and run "yarn proptypes"     |
-  // ----------------------------------------------------------------------
-  /**
-   * If `true`, the component is checked.
-   */
-  checked: o.bool,
-  /**
-   * The icon to display when the component is checked.
-   * @default <CheckBoxIcon />
-   */
-  checkedIcon: o.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: o.object,
-  /**
-   * @ignore
-   */
-  className: o.string,
-  /**
-   * The color of the component.
-   * 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).
-   * @default 'primary'
-   */
-  color: o.oneOfType([o.oneOf(["default", "primary", "secondary", "error", "info", "success", "warning"]), o.string]),
-  /**
-   * The default checked state. Use when the component is not controlled.
-   */
-  defaultChecked: o.bool,
-  /**
-   * If `true`, the component is disabled.
-   * @default false
-   */
-  disabled: o.bool,
-  /**
-   * If `true`, the ripple effect is disabled.
-   * @default false
-   */
-  disableRipple: o.bool,
-  /**
-   * The icon to display when the component is unchecked.
-   * @default <CheckBoxOutlineBlankIcon />
-   */
-  icon: o.node,
-  /**
-   * The id of the `input` element.
-   */
-  id: o.string,
-  /**
-   * If `true`, the component appears indeterminate.
-   * This does not set the native input element to indeterminate due
-   * to inconsistent behavior across browsers.
-   * However, we set a `data-indeterminate` attribute on the `input`.
-   * @default false
-   */
-  indeterminate: o.bool,
-  /**
-   * The icon to display when the component is indeterminate.
-   * @default <IndeterminateCheckBoxIcon />
-   */
-  indeterminateIcon: o.node,
-  /**
-   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.
-   */
-  inputProps: o.object,
-  /**
-   * Pass a ref to the `input` element.
-   */
-  inputRef: w,
-  /**
-   * Callback fired when the state is changed.
-   *
-   * @param {React.ChangeEvent<HTMLInputElement>} event The event source of the callback.
-   * You can pull out the new checked state by accessing `event.target.checked` (boolean).
-   */
-  onChange: o.func,
-  /**
-   * If `true`, the `input` element is required.
-   * @default false
-   */
-  required: o.bool,
-  /**
-   * The size of the component.
-   * `small` is equivalent to the dense checkbox styling.
-   * @default 'medium'
-   */
-  size: o.oneOfType([o.oneOf(["medium", "small"]), o.string]),
-  /**
-   * 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 value of the component. The DOM API casts this to a string.
-   * The browser uses "on" as the default value.
-   */
-  value: o.any
-});
-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 {
-  ao as K
-};

package/dist/KdpaChip-08b073e4.js

@@ -1,51 +0,0 @@
-import { j as e } from "./jsx-dev-runtime-48fdc504.js";
-import { K as t } from "./KdpaTooltip-32bcbd3a.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-0994a51b.js

@@ -1,76 +0,0 @@
-import { j as e } from "./jsx-dev-runtime-48fdc504.js";
-import { K as o } from "./KdpaTypography-41260145.js";
-import { B as a } from "./Box-3802fce2.js";
-import { C as i } from "./CircularProgress-af64fdbf.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-1192ec9d.js

@@ -1,23 +0,0 @@
-import { j as e } from "./jsx-dev-runtime-48fdc504.js";
-import n from "react";
-import { F as p } from "./Fade-1c357758.js";
-import { C as d } from "./Collapse-92cc94cb.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
-};

package/dist/KdpaCollapse-64ab606b.js

@@ -1,12 +0,0 @@
-import { j as a } from "./jsx-dev-runtime-48fdc504.js";
-import { C as o } from "./Collapse-92cc94cb.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
-};