kdpa-components 1.35.2 → 1.35.3

package/dist/Buttons/index.js

@@ -0,0 +1,83 @@
+import { j as o } from "../jsx-runtime-944c88e2.js";
+import { KdpaTooltip as m } from "../Tooltips/index.js";
+import { B as n } from "../Button-b93e890d.js";
+import { K as _ } from "../KdpaIconButton-514e0d96.js";
+import { K as tt } from "../KdpaSecondaryButton-14992523.js";
+import "react";
+import "../Tooltip-4b1baf1b.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 "../useTheme-014a54ad.js";
+import "../Popper-490e6477.js";
+import "../Portal-b4f8657f.js";
+import "react-dom";
+import "../useForkRef-0781dda0.js";
+import "../useEventCallback-fe4fd69c.js";
+import "../HTMLElementType-ff213f3c.js";
+import "../exactProp-3aaa3ecc.js";
+import "../ownerDocument-5430cd5b.js";
+import "../chainPropTypes-004bf492.js";
+import "../refType-af1a9f54.js";
+import "../popper-78c6b162.js";
+import "../useSlotProps-f238319f.js";
+import "../useControlled-cc2d41cb.js";
+import "../useId-e7dff7be.js";
+import "../useIsFocusVisible-4693b580.js";
+import "../Grow-151a20f6.js";
+import "../utils-129661c6.js";
+import "../TransitionGroupContext-7435e195.js";
+import "../setPrototypeOf-98a00546.js";
+import "../elementAcceptingRef-803dfd80.js";
+import "../Zoom-b84bdc2b.js";
+import "../ButtonBase-0f9f324d.js";
+import "../emotion-react.browser.esm-d563ed65.js";
+import "../hoist-non-react-statics.cjs-ce2f2873.js";
+import "../TransitionGroup-196acb6a.js";
+import "../assertThisInitialized-05701a63.js";
+import "../elementTypeAcceptingRef-6c34f16b.js";
+import "../IconButton-fdbca6d2.js";
+function V({
+  children: r,
+  tooltipText: i = "",
+  variant: p = "contained",
+  ...t
+}) {
+  return /* @__PURE__ */ o.jsx(m, { title: i, ...t, children: /* @__PURE__ */ o.jsx(
+    n,
+    {
+      sx: { minWidth: "36px" },
+      variant: p,
+      ...t,
+      children: r
+    }
+  ) });
+}
+function X({
+  children: r,
+  icon: i,
+  tooltipText: p,
+  onClick: t,
+  ...a
+}) {
+  return /* @__PURE__ */ o.jsx(m, { title: p, children: /* @__PURE__ */ o.jsx(
+    n,
+    {
+      onClick: t,
+      variant: "contained",
+      sx: { minWidth: "36px" },
+      startIcon: i,
+      ...a,
+      children: r
+    }
+  ) });
+}
+export {
+  V as KdpaButton,
+  _ as KdpaIconButton,
+  X as KdpaPrimaryButton,
+  tt as KdpaSecondaryButton
+};

package/dist/CSSTransition-d0281d1f.js

@@ -0,0 +1,215 @@
+import { a as N, _ as m } from "./extends-393586f3.js";
+import { _ as A } from "./TransitionGroupContext-7435e195.js";
+import { P as v } from "./identifier-9dfe30d8.js";
+import E from "react";
+import { f as _, T as x, c as $ } from "./utils-129661c6.js";
+function L(e, t) {
+  return e.classList ? !!t && e.classList.contains(t) : (" " + (e.className.baseVal || e.className) + " ").indexOf(" " + t + " ") !== -1;
+}
+function S(e, t) {
+  e.classList ? e.classList.add(t) : L(e, t) || (typeof e.className == "string" ? e.className = e.className + " " + t : e.setAttribute("class", (e.className && e.className.baseVal || "") + " " + t));
+}
+function g(e, t) {
+  return e.replace(new RegExp("(^|\\s)" + t + "(?:\\s|$)", "g"), "$1").replace(/\s+/g, " ").replace(/^\s*|\s*$/g, "");
+}
+function T(e, t) {
+  e.classList ? e.classList.remove(t) : typeof e.className == "string" ? e.className = g(e.className, t) : e.setAttribute("class", g(e.className && e.className.baseVal || "", t));
+}
+var P = function(t, l) {
+  return t && l && l.split(" ").forEach(function(s) {
+    return S(t, s);
+  });
+}, d = function(t, l) {
+  return t && l && l.split(" ").forEach(function(s) {
+    return T(t, s);
+  });
+}, C = /* @__PURE__ */ function(e) {
+  A(t, e);
+  function t() {
+    for (var s, i = arguments.length, p = new Array(i), o = 0; o < i; o++)
+      p[o] = arguments[o];
+    return s = e.call.apply(e, [this].concat(p)) || this, s.appliedClasses = {
+      appear: {},
+      enter: {},
+      exit: {}
+    }, s.onEnter = function(a, r) {
+      var n = s.resolveArguments(a, r), c = n[0], f = n[1];
+      s.removeClasses(c, "exit"), s.addClass(c, f ? "appear" : "enter", "base"), s.props.onEnter && s.props.onEnter(a, r);
+    }, s.onEntering = function(a, r) {
+      var n = s.resolveArguments(a, r), c = n[0], f = n[1], u = f ? "appear" : "enter";
+      s.addClass(c, u, "active"), s.props.onEntering && s.props.onEntering(a, r);
+    }, s.onEntered = function(a, r) {
+      var n = s.resolveArguments(a, r), c = n[0], f = n[1], u = f ? "appear" : "enter";
+      s.removeClasses(c, u), s.addClass(c, u, "done"), s.props.onEntered && s.props.onEntered(a, r);
+    }, s.onExit = function(a) {
+      var r = s.resolveArguments(a), n = r[0];
+      s.removeClasses(n, "appear"), s.removeClasses(n, "enter"), s.addClass(n, "exit", "base"), s.props.onExit && s.props.onExit(a);
+    }, s.onExiting = function(a) {
+      var r = s.resolveArguments(a), n = r[0];
+      s.addClass(n, "exit", "active"), s.props.onExiting && s.props.onExiting(a);
+    }, s.onExited = function(a) {
+      var r = s.resolveArguments(a), n = r[0];
+      s.removeClasses(n, "exit"), s.addClass(n, "exit", "done"), s.props.onExited && s.props.onExited(a);
+    }, s.resolveArguments = function(a, r) {
+      return s.props.nodeRef ? [s.props.nodeRef.current, a] : [a, r];
+    }, s.getClassNames = function(a) {
+      var r = s.props.classNames, n = typeof r == "string", c = n && r ? r + "-" : "", f = n ? "" + c + a : r[a], u = n ? f + "-active" : r[a + "Active"], h = n ? f + "-done" : r[a + "Done"];
+      return {
+        baseClassName: f,
+        activeClassName: u,
+        doneClassName: h
+      };
+    }, s;
+  }
+  var l = t.prototype;
+  return l.addClass = function(i, p, o) {
+    var a = this.getClassNames(p)[o + "ClassName"], r = this.getClassNames("enter"), n = r.doneClassName;
+    p === "appear" && o === "done" && n && (a += " " + n), o === "active" && i && _(i), a && (this.appliedClasses[p][o] = a, P(i, a));
+  }, l.removeClasses = function(i, p) {
+    var o = this.appliedClasses[p], a = o.base, r = o.active, n = o.done;
+    this.appliedClasses[p] = {}, a && d(i, a), r && d(i, r), n && d(i, n);
+  }, l.render = function() {
+    var i = this.props;
+    i.classNames;
+    var p = N(i, ["classNames"]);
+    return /* @__PURE__ */ E.createElement(x, m({}, p, {
+      onEnter: this.onEnter,
+      onEntered: this.onEntered,
+      onEntering: this.onEntering,
+      onExit: this.onExit,
+      onExiting: this.onExiting,
+      onExited: this.onExited
+    }));
+  }, t;
+}(E.Component);
+C.defaultProps = {
+  classNames: ""
+};
+C.propTypes = process.env.NODE_ENV !== "production" ? m({}, x.propTypes, {
+  /**
+   * The animation classNames applied to the component as it appears, enters,
+   * exits or has finished the transition. A single name can be provided, which
+   * will be suffixed for each stage, e.g. `classNames="fade"` applies:
+   *
+   * - `fade-appear`, `fade-appear-active`, `fade-appear-done`
+   * - `fade-enter`, `fade-enter-active`, `fade-enter-done`
+   * - `fade-exit`, `fade-exit-active`, `fade-exit-done`
+   *
+   * A few details to note about how these classes are applied:
+   *
+   * 1. They are _joined_ with the ones that are already defined on the child
+   *    component, so if you want to add some base styles, you can use
+   *    `className` without worrying that it will be overridden.
+   *
+   * 2. If the transition component mounts with `in={false}`, no classes are
+   *    applied yet. You might be expecting `*-exit-done`, but if you think
+   *    about it, a component cannot finish exiting if it hasn't entered yet.
+   *
+   * 2. `fade-appear-done` and `fade-enter-done` will _both_ be applied. This
+   *    allows you to define different behavior for when appearing is done and
+   *    when regular entering is done, using selectors like
+   *    `.fade-enter-done:not(.fade-appear-done)`. For example, you could apply
+   *    an epic entrance animation when element first appears in the DOM using
+   *    [Animate.css](https://daneden.github.io/animate.css/). Otherwise you can
+   *    simply use `fade-enter-done` for defining both cases.
+   *
+   * Each individual classNames can also be specified independently like:
+   *
+   * ```js
+   * classNames={{
+   *  appear: 'my-appear',
+   *  appearActive: 'my-active-appear',
+   *  appearDone: 'my-done-appear',
+   *  enter: 'my-enter',
+   *  enterActive: 'my-active-enter',
+   *  enterDone: 'my-done-enter',
+   *  exit: 'my-exit',
+   *  exitActive: 'my-active-exit',
+   *  exitDone: 'my-done-exit',
+   * }}
+   * ```
+   *
+   * If you want to set these classes using CSS Modules:
+   *
+   * ```js
+   * import styles from './styles.css';
+   * ```
+   *
+   * you might want to use camelCase in your CSS file, that way could simply
+   * spread them instead of listing them one by one:
+   *
+   * ```js
+   * classNames={{ ...styles }}
+   * ```
+   *
+   * @type {string | {
+   *  appear?: string,
+   *  appearActive?: string,
+   *  appearDone?: string,
+   *  enter?: string,
+   *  enterActive?: string,
+   *  enterDone?: string,
+   *  exit?: string,
+   *  exitActive?: string,
+   *  exitDone?: string,
+   * }}
+   */
+  classNames: $,
+  /**
+   * A `<Transition>` callback fired immediately after the 'enter' or 'appear' class is
+   * applied.
+   *
+   * **Note**: when `nodeRef` prop is passed, `node` is not passed.
+   *
+   * @type Function(node: HtmlElement, isAppearing: bool)
+   */
+  onEnter: v.func,
+  /**
+   * A `<Transition>` callback fired immediately after the 'enter-active' or
+   * 'appear-active' class is applied.
+   *
+   * **Note**: when `nodeRef` prop is passed, `node` is not passed.
+   *
+   * @type Function(node: HtmlElement, isAppearing: bool)
+   */
+  onEntering: v.func,
+  /**
+   * A `<Transition>` callback fired immediately after the 'enter' or
+   * 'appear' classes are **removed** and the `done` class is added to the DOM node.
+   *
+   * **Note**: when `nodeRef` prop is passed, `node` is not passed.
+   *
+   * @type Function(node: HtmlElement, isAppearing: bool)
+   */
+  onEntered: v.func,
+  /**
+   * A `<Transition>` callback fired immediately after the 'exit' class is
+   * applied.
+   *
+   * **Note**: when `nodeRef` prop is passed, `node` is not passed
+   *
+   * @type Function(node: HtmlElement)
+   */
+  onExit: v.func,
+  /**
+   * A `<Transition>` callback fired immediately after the 'exit-active' is applied.
+   *
+   * **Note**: when `nodeRef` prop is passed, `node` is not passed
+   *
+   * @type Function(node: HtmlElement)
+   */
+  onExiting: v.func,
+  /**
+   * A `<Transition>` callback fired immediately after the 'exit' classes
+   * are **removed** and the `exit-done` class is added to the DOM node.
+   *
+   * **Note**: when `nodeRef` prop is passed, `node` is not passed
+   *
+   * @type Function(node: HtmlElement)
+   */
+  onExited: v.func
+}) : {};
+const O = C;
+export {
+  O as C
+};

package/dist/Cards/index.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Cards/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAE/D,YAAY,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/Cards/index.js

@@ -0,0 +1,144 @@
+import { j as i } from "../jsx-runtime-944c88e2.js";
+import { a as u, _ as c } from "../extends-393586f3.js";
+import * as m from "react";
+import { g as C, P as o } from "../identifier-9dfe30d8.js";
+import { g as f, s as y, u as v, c as j, a as x } from "../useThemeProps-7d04a175.js";
+import { M as b } from "../Paper-aaec61a3.js";
+import { c as g } from "../chainPropTypes-004bf492.js";
+import "../emotion-memoize.esm-021d0d4e.js";
+import "../_commonjsHelpers-92157f1b.js";
+import "../emotion-is-prop-valid.esm-b7f48706.js";
+import "../useTheme-014a54ad.js";
+function M(t) {
+  return C("MuiCard", t);
+}
+f("MuiCard", ["root"]);
+const R = ["className", "raised"], T = (t) => {
+  const {
+    classes: e
+  } = t;
+  return x({
+    root: ["root"]
+  }, M, e);
+}, w = y(b, {
+  name: "MuiCard",
+  slot: "Root",
+  overridesResolver: (t, e) => e.root
+})(() => ({
+  overflow: "hidden"
+})), h = /* @__PURE__ */ m.forwardRef(function(e, r) {
+  const s = v({
+    props: e,
+    name: "MuiCard"
+  }), {
+    className: d,
+    raised: n = !1
+  } = s, l = u(s, R), a = c({}, s, {
+    raised: n
+  }), p = T(a);
+  return /* @__PURE__ */ i.jsx(w, c({
+    className: j(p.root, d),
+    elevation: n ? 8 : void 0,
+    ref: r,
+    ownerState: a
+  }, l));
+});
+process.env.NODE_ENV !== "production" && (h.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.
+   */
+  children: o.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: o.object,
+  /**
+   * @ignore
+   */
+  className: o.string,
+  /**
+   * If `true`, the card will use raised styling.
+   * @default false
+   */
+  raised: g(o.bool, (t) => t.raised && t.variant === "outlined" ? new Error('MUI: Combining `raised={true}` with `variant="outlined"` has no effect.') : null),
+  /**
+   * 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])
+});
+const O = h;
+function U(t) {
+  return C("MuiCardContent", t);
+}
+f("MuiCardContent", ["root"]);
+const _ = ["className", "component"], E = (t) => {
+  const {
+    classes: e
+  } = t;
+  return x({
+    root: ["root"]
+  }, U, e);
+}, P = y("div", {
+  name: "MuiCardContent",
+  slot: "Root",
+  overridesResolver: (t, e) => e.root
+})(() => ({
+  padding: 16,
+  "&:last-child": {
+    paddingBottom: 24
+  }
+})), N = /* @__PURE__ */ m.forwardRef(function(e, r) {
+  const s = v({
+    props: e,
+    name: "MuiCardContent"
+  }), {
+    className: d,
+    component: n = "div"
+  } = s, l = u(s, _), a = c({}, s, {
+    component: n
+  }), p = E(a);
+  return /* @__PURE__ */ i.jsx(P, c({
+    as: n,
+    className: j(p.root, d),
+    ownerState: a,
+    ref: r
+  }, l));
+});
+process.env.NODE_ENV !== "production" && (N.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.
+   */
+  children: o.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: o.object,
+  /**
+   * @ignore
+   */
+  className: o.string,
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: o.elementType,
+  /**
+   * 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])
+});
+const S = N;
+function z({ children: t, ...e }) {
+  return /* @__PURE__ */ i.jsx(O, { ...e, children: /* @__PURE__ */ i.jsx(S, { children: t }) });
+}
+export {
+  z as KdpaCardContent
+};

package/dist/CheckBox/index.d.ts

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

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

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

package/dist/CheckBox/index.js

@@ -0,0 +1,32 @@
+import { j as t } from "../jsx-runtime-944c88e2.js";
+import m from "react";
+import { C as i } from "../Checkbox-2cb33932.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 "../SwitchBase-c367ca3c.js";
+import "../useFormControl-af690c26.js";
+import "../ButtonBase-0f9f324d.js";
+import "../emotion-react.browser.esm-d563ed65.js";
+import "../hoist-non-react-statics.cjs-ce2f2873.js";
+import "../TransitionGroup-196acb6a.js";
+import "../assertThisInitialized-05701a63.js";
+import "../TransitionGroupContext-7435e195.js";
+import "../setPrototypeOf-98a00546.js";
+import "../useForkRef-0781dda0.js";
+import "../useIsFocusVisible-4693b580.js";
+import "../useEventCallback-fe4fd69c.js";
+import "../refType-af1a9f54.js";
+import "../elementTypeAcceptingRef-6c34f16b.js";
+import "../chainPropTypes-004bf492.js";
+import "../useControlled-cc2d41cb.js";
+import "../createSvgIcon-b80a8a41.js";
+const y = m.forwardRef(
+  (o, r) => /* @__PURE__ */ t.jsx(i, { ...o, className: o.className, inputRef: r })
+);
+export {
+  y as KdpaCheckBox
+};

package/dist/Checkbox-2cb33932.js

@@ -0,0 +1,199 @@
+import { _ as a, a as O } from "./extends-393586f3.js";
+import * as p from "react";
+import { g as $, h as C, a as B, P as o } from "./identifier-9dfe30d8.js";
+import { g as R, s as S, r as T, u as M, c as _, a as N } from "./useThemeProps-7d04a175.js";
+import { S as E } from "./SwitchBase-c367ca3c.js";
+import { c as u } from "./createSvgIcon-b80a8a41.js";
+import { j as t } from "./jsx-runtime-944c88e2.js";
+import { r as H } from "./refType-af1a9f54.js";
+const V = 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"), w = 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 = R("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "colorPrimary", "colorSecondary"]), m = F, q = ["checkedIcon", "color", "icon", "indeterminate", "indeterminateIcon", "inputProps", "size", "className"], D = (e) => {
+  const {
+    classes: c,
+    indeterminate: n,
+    color: r
+  } = e, i = {
+    root: ["root", n && "indeterminate", `color${C(r)}`]
+  }, s = N(i, L, c);
+  return a({}, c, s);
+}, W = S(E, {
+  shouldForwardProp: (e) => T(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})` : B(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
+  }
+})), A = /* @__PURE__ */ t.jsx(U, {}), G = /* @__PURE__ */ t.jsx(V, {}), J = /* @__PURE__ */ t.jsx(w, {}), v = /* @__PURE__ */ p.forwardRef(function(c, n) {
+  var r, i;
+  const s = M({
+    props: c,
+    name: "MuiCheckbox"
+  }), {
+    checkedIcon: y = A,
+    color: I = "primary",
+    icon: g = G,
+    indeterminate: l = !1,
+    indeterminateIcon: f = J,
+    inputProps: j,
+    size: d = "medium",
+    className: z
+  } = s, P = O(s, q), h = l ? f : g, b = l ? f : y, x = a({}, s, {
+    color: I,
+    indeterminate: l,
+    size: d
+  }), k = D(x);
+  return /* @__PURE__ */ t.jsx(W, 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(b, {
+      fontSize: (i = b.props.fontSize) != null ? i : d
+    }),
+    ownerState: x,
+    ref: n,
+    className: _(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: H,
+  /**
+   * 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 co = v;
+export {
+  co as C
+};