kdpa-components 1.35.2 → 1.35.3

package/dist/IconButton-fdbca6d2.js

@@ -0,0 +1,184 @@
+import { _ as t, a as R } from "./extends-393586f3.js";
+import * as d from "react";
+import { g as z, h as n, a as f, P as r } from "./identifier-9dfe30d8.js";
+import { g as C, s as B, u as I, c as x, a as O } from "./useThemeProps-7d04a175.js";
+import { j as $ } from "./jsx-runtime-944c88e2.js";
+import { B as T } from "./ButtonBase-0f9f324d.js";
+import { c as k } from "./chainPropTypes-004bf492.js";
+function j(o) {
+  return z("MuiIconButton", o);
+}
+const E = C("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary", "colorSecondary", "colorError", "colorInfo", "colorSuccess", "colorWarning", "edgeStart", "edgeEnd", "sizeSmall", "sizeMedium", "sizeLarge"]), P = E, M = ["edge", "children", "className", "color", "disabled", "disableFocusRipple", "size"], N = (o) => {
+  const {
+    classes: e,
+    disabled: s,
+    color: a,
+    edge: i,
+    size: l
+  } = o, c = {
+    root: ["root", s && "disabled", a !== "default" && `color${n(a)}`, i && `edge${n(i)}`, `size${n(l)}`]
+  };
+  return O(c, j, e);
+}, _ = B(T, {
+  name: "MuiIconButton",
+  slot: "Root",
+  overridesResolver: (o, e) => {
+    const {
+      ownerState: s
+    } = o;
+    return [e.root, s.color !== "default" && e[`color${n(s.color)}`], s.edge && e[`edge${n(s.edge)}`], e[`size${n(s.size)}`]];
+  }
+})(({
+  theme: o,
+  ownerState: e
+}) => t({
+  textAlign: "center",
+  flex: "0 0 auto",
+  fontSize: o.typography.pxToRem(24),
+  padding: 8,
+  borderRadius: "50%",
+  overflow: "visible",
+  // Explicitly set the default value to solve a bug on IE11.
+  color: (o.vars || o).palette.action.active,
+  transition: o.transitions.create("background-color", {
+    duration: o.transitions.duration.shortest
+  })
+}, !e.disableRipple && {
+  "&:hover": {
+    backgroundColor: o.vars ? `rgba(${o.vars.palette.action.activeChannel} / ${o.vars.palette.action.hoverOpacity})` : f(o.palette.action.active, o.palette.action.hoverOpacity),
+    // Reset on touch devices, it doesn't add specificity
+    "@media (hover: none)": {
+      backgroundColor: "transparent"
+    }
+  }
+}, e.edge === "start" && {
+  marginLeft: e.size === "small" ? -3 : -12
+}, e.edge === "end" && {
+  marginRight: e.size === "small" ? -3 : -12
+}), ({
+  theme: o,
+  ownerState: e
+}) => {
+  var s;
+  const a = (s = (o.vars || o).palette) == null ? void 0 : s[e.color];
+  return t({}, e.color === "inherit" && {
+    color: "inherit"
+  }, e.color !== "inherit" && e.color !== "default" && t({
+    color: a == null ? void 0 : a.main
+  }, !e.disableRipple && {
+    "&:hover": t({}, a && {
+      backgroundColor: o.vars ? `rgba(${a.mainChannel} / ${o.vars.palette.action.hoverOpacity})` : f(a.main, o.palette.action.hoverOpacity)
+    }, {
+      // Reset on touch devices, it doesn't add specificity
+      "@media (hover: none)": {
+        backgroundColor: "transparent"
+      }
+    })
+  }), e.size === "small" && {
+    padding: 5,
+    fontSize: o.typography.pxToRem(18)
+  }, e.size === "large" && {
+    padding: 12,
+    fontSize: o.typography.pxToRem(28)
+  }, {
+    [`&.${P.disabled}`]: {
+      backgroundColor: "transparent",
+      color: (o.vars || o).palette.action.disabled
+    }
+  });
+}), b = /* @__PURE__ */ d.forwardRef(function(e, s) {
+  const a = I({
+    props: e,
+    name: "MuiIconButton"
+  }), {
+    edge: i = !1,
+    children: l,
+    className: c,
+    color: v = "default",
+    disabled: p = !1,
+    disableFocusRipple: u = !1,
+    size: m = "medium"
+  } = a, y = R(a, M), g = t({}, a, {
+    edge: i,
+    color: v,
+    disabled: p,
+    disableFocusRipple: u,
+    size: m
+  }), h = N(g);
+  return /* @__PURE__ */ $.jsx(_, t({
+    className: x(h.root, c),
+    centerRipple: !0,
+    focusRipple: !u,
+    disabled: p,
+    ref: s,
+    ownerState: g
+  }, y, {
+    children: l
+  }));
+});
+process.env.NODE_ENV !== "production" && (b.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // |     To update them edit the d.ts file and run "yarn proptypes"     |
+  // ----------------------------------------------------------------------
+  /**
+   * The icon to display.
+   */
+  children: k(r.node, (o) => d.Children.toArray(o.children).some((s) => /* @__PURE__ */ d.isValidElement(s) && s.props.onClick) ? new Error(["MUI: You are providing an onClick event listener to a child of a button element.", "Prefer applying it to the IconButton directly.", "This guarantees that the whole <button> will be responsive to click events."].join(`
+`)) : null),
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: r.object,
+  /**
+   * @ignore
+   */
+  className: r.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 'default'
+   */
+  color: r.oneOfType([r.oneOf(["inherit", "default", "primary", "secondary", "error", "info", "success", "warning"]), r.string]),
+  /**
+   * If `true`, the component is disabled.
+   * @default false
+   */
+  disabled: r.bool,
+  /**
+   * If `true`, the  keyboard focus ripple is disabled.
+   * @default false
+   */
+  disableFocusRipple: r.bool,
+  /**
+   * If `true`, the ripple effect is disabled.
+   *
+   * ⚠️ Without a ripple there is no styling for :focus-visible by default. Be sure
+   * to highlight the element by applying separate styles with the `.Mui-focusVisible` class.
+   * @default false
+   */
+  disableRipple: r.bool,
+  /**
+   * If given, uses a negative margin to counteract the padding on one
+   * side (this is often helpful for aligning the left or right
+   * side of the icon with content above or below, without ruining the border
+   * size and shape).
+   * @default false
+   */
+  edge: r.oneOf(["end", "start", !1]),
+  /**
+   * The size of the component.
+   * `small` is equivalent to the dense button styling.
+   * @default 'medium'
+   */
+  size: r.oneOfType([r.oneOf(["small", "medium", "large"]), 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])
+});
+const D = b;
+export {
+  D as I
+};

package/dist/Input/index.d.ts

@@ -0,0 +1,7 @@
+export { default as KdpaInput } from "./KdpaInput/KdpaInput";
+export { default as KdpaInputLabel } from "./KdpaInputLabel/KdpaInputLabel";
+export { default as KdpaInputMultiline } from "./KdpaInputMultiline/KdpaInputMultiline";
+export type { KdpaInputProps } from "./KdpaInput/KdpaInput";
+export type { KdpaInputLabelProps } from "./KdpaInputLabel/KdpaInputLabel";
+export type { KdpaInputMultilineProps } from "./KdpaInputMultiline/KdpaInputMultiline";
+//# sourceMappingURL=index.d.ts.map

package/dist/Input/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAExF,YAAY,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAC5D,YAAY,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AAC3E,YAAY,EAAE,uBAAuB,EAAE,MAAM,yCAAyC,CAAC"}

package/dist/Input/index.js

@@ -0,0 +1,88 @@
+import { j as i } from "../jsx-runtime-944c88e2.js";
+import o from "react";
+import { M as p, c as f } from "../TextField-b8c731e8.js";
+import "../extends-393586f3.js";
+import "../identifier-9dfe30d8.js";
+import "../emotion-memoize.esm-021d0d4e.js";
+import "../_commonjsHelpers-92157f1b.js";
+import "../useThemeProps-7d04a175.js";
+import "../emotion-is-prop-valid.esm-b7f48706.js";
+import "../FormControl-e7294bde.js";
+import "../useFormControl-af690c26.js";
+import "../isMuiElement-b88a921a.js";
+import "../useId-e7dff7be.js";
+import "../formControlState-9148c46f.js";
+import "../useTheme-014a54ad.js";
+import "../Modal-5f23fcfd.js";
+import "../Fade-aabbd0cb.js";
+import "../utils-129661c6.js";
+import "../TransitionGroupContext-7435e195.js";
+import "../setPrototypeOf-98a00546.js";
+import "react-dom";
+import "../useForkRef-0781dda0.js";
+import "../elementAcceptingRef-803dfd80.js";
+import "../chainPropTypes-004bf492.js";
+import "../ownerDocument-5430cd5b.js";
+import "../ownerWindow-e6cc3097.js";
+import "../Portal-b4f8657f.js";
+import "../useEventCallback-fe4fd69c.js";
+import "../HTMLElementType-ff213f3c.js";
+import "../exactProp-3aaa3ecc.js";
+import "../createChainedFunction-68e2a88d.js";
+import "../useSlotProps-f238319f.js";
+import "../Paper-aaec61a3.js";
+import "../refType-af1a9f54.js";
+import "../elementTypeAcceptingRef-6c34f16b.js";
+import "../Grow-151a20f6.js";
+import "../ListContext-de5072f9.js";
+import "../useControlled-cc2d41cb.js";
+import "../ArrowDropDown-76613637.js";
+import "../createSvgIcon-b80a8a41.js";
+import "../emotion-react.browser.esm-d563ed65.js";
+import "../hoist-non-react-statics.cjs-ce2f2873.js";
+const rt = o.forwardRef(
+  (t, r) => /* @__PURE__ */ i.jsx(
+    p,
+    {
+      sx: { width: "100%" },
+      inputRef: r,
+      variant: "standard",
+      size: "small",
+      ...t
+    }
+  )
+);
+function it(t) {
+  return /* @__PURE__ */ i.jsx(f, { ...t, children: t.children });
+}
+const ot = o.forwardRef(
+  ({
+    label: t = "متن پاراف",
+    variant: r = "standard",
+    placeholder: m = "پاراف را وارد کنید ...",
+    minRows: e = 5,
+    maxRows: n = 5,
+    multiline: a = !0,
+    autoComplete: d = "off",
+    ...s
+  }, u) => /* @__PURE__ */ i.jsx(
+    p,
+    {
+      label: t,
+      variant: r,
+      sx: { width: "100%" },
+      placeholder: m,
+      minRows: e,
+      maxRows: n,
+      multiline: a,
+      autoComplete: d,
+      inputRef: u,
+      ...s
+    }
+  )
+);
+export {
+  rt as KdpaInput,
+  it as KdpaInputLabel,
+  ot as KdpaInputMultiline
+};

package/dist/InputAdornment-3334ace2.js

@@ -0,0 +1,155 @@
+import { _ as u, a as A } from "./extends-393586f3.js";
+import * as b from "react";
+import { g as I, P as e, h as v } from "./identifier-9dfe30d8.js";
+import { g as j, s as C, u as N, c as L, a as R } from "./useThemeProps-7d04a175.js";
+import { u as M, F as O } from "./useFormControl-af690c26.js";
+import { j as a } from "./jsx-runtime-944c88e2.js";
+import { T as _ } from "./Typography-dfa51fea.js";
+function z(o) {
+  return I("MuiInputAdornment", o);
+}
+const $ = j("MuiInputAdornment", ["root", "filled", "standard", "outlined", "positionStart", "positionEnd", "disablePointerEvents", "hiddenLabel", "sizeSmall"]), y = $;
+var g;
+const F = ["children", "className", "component", "disablePointerEvents", "disableTypography", "position", "variant"], U = (o, t) => {
+  const {
+    ownerState: n
+  } = o;
+  return [t.root, t[`position${v(n.position)}`], n.disablePointerEvents === !0 && t.disablePointerEvents, t[n.variant]];
+}, S = (o) => {
+  const {
+    classes: t,
+    disablePointerEvents: n,
+    hiddenLabel: r,
+    position: s,
+    size: l,
+    variant: p
+  } = o, d = {
+    root: ["root", n && "disablePointerEvents", s && `position${v(s)}`, p, r && "hiddenLabel", l && `size${v(l)}`]
+  };
+  return R(d, z, t);
+}, w = C("div", {
+  name: "MuiInputAdornment",
+  slot: "Root",
+  overridesResolver: U
+})(({
+  theme: o,
+  ownerState: t
+}) => u({
+  display: "flex",
+  height: "0.01em",
+  // Fix IE11 flexbox alignment. To remove at some point.
+  maxHeight: "2em",
+  alignItems: "center",
+  whiteSpace: "nowrap",
+  color: (o.vars || o).palette.action.active
+}, t.variant === "filled" && {
+  // Styles applied to the root element if `variant="filled"`.
+  [`&.${y.positionStart}&:not(.${y.hiddenLabel})`]: {
+    marginTop: 16
+  }
+}, t.position === "start" && {
+  // Styles applied to the root element if `position="start"`.
+  marginRight: 8
+}, t.position === "end" && {
+  // Styles applied to the root element if `position="end"`.
+  marginLeft: 8
+}, t.disablePointerEvents === !0 && {
+  // Styles applied to the root element if `disablePointerEvents={true}`.
+  pointerEvents: "none"
+})), x = /* @__PURE__ */ b.forwardRef(function(t, n) {
+  const r = N({
+    props: t,
+    name: "MuiInputAdornment"
+  }), {
+    children: s,
+    className: l,
+    component: p = "div",
+    disablePointerEvents: d = !1,
+    disableTypography: E = !1,
+    position: f,
+    variant: c
+  } = r, P = A(r, F), i = M() || {};
+  let m = c;
+  c && i.variant && process.env.NODE_ENV !== "production" && c === i.variant && console.error("MUI: The `InputAdornment` variant infers the variant prop you do not have to provide one."), i && !m && (m = i.variant);
+  const h = u({}, r, {
+    hiddenLabel: i.hiddenLabel,
+    size: i.size,
+    disablePointerEvents: d,
+    position: f,
+    variant: m
+  }), T = S(h);
+  return /* @__PURE__ */ a.jsx(O.Provider, {
+    value: null,
+    children: /* @__PURE__ */ a.jsx(w, u({
+      as: p,
+      ownerState: h,
+      className: L(T.root, l),
+      ref: n
+    }, P, {
+      children: typeof s == "string" && !E ? /* @__PURE__ */ a.jsx(_, {
+        color: "text.secondary",
+        children: s
+      }) : /* @__PURE__ */ a.jsxs(b.Fragment, {
+        children: [f === "start" ? (
+          /* notranslate needed while Google Translate will not fix zero-width space issue */
+          g || (g = /* @__PURE__ */ a.jsx("span", {
+            className: "notranslate",
+            children: "​"
+          }))
+        ) : null, s]
+      })
+    }))
+  });
+});
+process.env.NODE_ENV !== "production" && (x.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, normally an `IconButton` or string.
+   */
+  children: e.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: e.object,
+  /**
+   * @ignore
+   */
+  className: e.string,
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: e.elementType,
+  /**
+   * Disable pointer events on the root.
+   * This allows for the content of the adornment to focus the `input` on click.
+   * @default false
+   */
+  disablePointerEvents: e.bool,
+  /**
+   * If children is a string then disable wrapping in a Typography component.
+   * @default false
+   */
+  disableTypography: e.bool,
+  /**
+   * The position this adornment should appear relative to the `Input`.
+   */
+  position: e.oneOf(["end", "start"]).isRequired,
+  /**
+   * 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.
+   * Note: If you are using the `TextField` component or the `FormControl` component
+   * you do not have to set this manually.
+   */
+  variant: e.oneOf(["filled", "outlined", "standard"])
+});
+const k = x;
+export {
+  k as M
+};

package/dist/KdpaAutoComplete-40e0949e.js

@@ -0,0 +1,8 @@
+import { j as t } from "./jsx-runtime-944c88e2.js";
+import { A as r } from "./Autocomplete-45ae6737.js";
+function p(o) {
+  return /* @__PURE__ */ t.jsx(r, { ...o });
+}
+export {
+  p as K
+};

package/dist/KdpaCollapse-d9e37824.js

@@ -0,0 +1,11 @@
+import { j as r } from "./jsx-runtime-944c88e2.js";
+import e from "react";
+import { F as p } from "./Fade-aabbd0cb.js";
+import { C as d } from "./Collapse-4b8b3146.js";
+const l = e.forwardRef(function({ children: a, ...s }, t) {
+  return /* @__PURE__ */ r.jsx(p, { ref: t, ...s, children: /* @__PURE__ */ r.jsx("div", { children: a }) });
+}), x = ({ children: o, ...a }) => /* @__PURE__ */ r.jsx(d, { ...a, children: o });
+export {
+  l as K,
+  x as a
+};

package/dist/KdpaFormControl-2d7c1db8.js

@@ -0,0 +1,6 @@
+import { j as o } from "./jsx-runtime-944c88e2.js";
+import { M as t } from "./FormControl-e7294bde.js";
+const s = (r) => /* @__PURE__ */ o.jsx(t, { ...r, children: r.children });
+export {
+  s as K
+};

package/dist/KdpaIconButton-514e0d96.js

@@ -0,0 +1,23 @@
+import { j as t } from "./jsx-runtime-944c88e2.js";
+import { KdpaTooltip as l } from "./Tooltips/index.js";
+import { I as a } from "./IconButton-fdbca6d2.js";
+function u({
+  icon: r,
+  tooltipText: i = "",
+  placement: n = "top",
+  ...s
+}) {
+  const { disabled: e, onClick: p, children: o, ...d } = s;
+  return /* @__PURE__ */ t.jsx(l, { title: i, placement: n, children: /* @__PURE__ */ t.jsx(
+    a,
+    {
+      disabled: e ?? !1,
+      onClick: p,
+      ...d,
+      children: o || r
+    }
+  ) });
+}
+export {
+  u as K
+};

package/dist/KdpaMenuItem-085f686f.js

@@ -0,0 +1,36 @@
+import { j as e } from "./jsx-runtime-944c88e2.js";
+import { K as a } from "./KdpaFormControl-2d7c1db8.js";
+import "./kdpaSelect-4ed993c7.js";
+import { M as s } from "./TextField-b8c731e8.js";
+import { M as n } from "./MenuItem-cc037c5b.js";
+const d = ({ label: t = "", children: r, ...o }) => /* @__PURE__ */ e.jsx(a, { className: "kdpa-form-control", children: /* @__PURE__ */ e.jsx(
+  s,
+  {
+    select: !0,
+    fullWidth: !0,
+    label: t,
+    defaultValue: "",
+    variant: "standard",
+    inputProps: { MenuProps: { disableScrollLock: !0 } },
+    ...o,
+    children: r
+  }
+) });
+function x({ children: t, ...r }) {
+  return /* @__PURE__ */ e.jsx(
+    n,
+    {
+      sx: {
+        display: "flex",
+        justifyContent: "flex-start",
+        padding: "6px 16px !important"
+      },
+      ...r,
+      children: t
+    }
+  );
+}
+export {
+  d as K,
+  x as a
+};

package/dist/KdpaSecondaryButton-14992523.js

@@ -0,0 +1,25 @@
+import { j as t } from "./jsx-runtime-944c88e2.js";
+import { KdpaTooltip as p } from "./Tooltips/index.js";
+import { B as s } from "./Button-b93e890d.js";
+function d({
+  children: o,
+  icon: r,
+  tooltipText: i,
+  onClick: n,
+  ...a
+}) {
+  return /* @__PURE__ */ t.jsx(p, { title: i, children: /* @__PURE__ */ t.jsx(
+    s,
+    {
+      onClick: n,
+      variant: "outlined",
+      startIcon: r,
+      sx: { minWidth: "36px" },
+      ...a,
+      children: o
+    }
+  ) });
+}
+export {
+  d as K
+};

package/dist/KeyboardArrowRight-14dbe7d6.js

@@ -0,0 +1,12 @@
+import "react";
+import { c as r } from "./createSvgIcon-b80a8a41.js";
+import { j as o } from "./jsx-runtime-944c88e2.js";
+const s = r(/* @__PURE__ */ o.jsx("path", {
+  d: "M15.41 16.09l-4.58-4.59 4.58-4.59L14 5.5l-6 6 6 6z"
+}), "KeyboardArrowLeft"), p = r(/* @__PURE__ */ o.jsx("path", {
+  d: "M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z"
+}), "KeyboardArrowRight");
+export {
+  s as K,
+  p as a
+};

package/dist/LazyDrop/index.d.ts

@@ -0,0 +1,3 @@
+export { default as KdpaLazyDrop } from "./KdpaLazyDrop";
+export type { KdpaDropDownLazyProps } from "./KdpaLazyDrop";
+//# sourceMappingURL=index.d.ts.map

package/dist/LazyDrop/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/LazyDrop/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,YAAY,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC"}