@hybridcore/ui 1.0.2 → 1.1.0

package/dist/Checkbox-CxbQ9tJ5.js

@@ -0,0 +1,673 @@
+import { s as ne, b as te, c as x, P as e } from "./createTheme-agWfFD64.js";
+import { e as se, g as F, s as R, f as ce, T as re, C as ie, r as q, a as ae } from "./styled-Iq9jsO4F.js";
+import { c as O, g as T, u as A, a as P } from "./chainPropTypes-DtBfUj5o.js";
+import { _, a as m } from "./extends-C3382pL0.js";
+import * as d from "react";
+import { u as le } from "./useTheme-C0Dky5rV.js";
+import { jsx as v, jsxs as H } from "react/jsx-runtime";
+import { u as de } from "./useFormControl-CatNKXAi.js";
+import { B as ue, r as L } from "./ButtonBase-B6WYZgVU.js";
+const pe = ["className", "component"];
+function fe(o = {}) {
+  const {
+    themeId: n,
+    defaultTheme: t,
+    defaultClassName: c = "MuiBox-root",
+    generateClassName: s
+  } = o, r = ne("div", {
+    shouldForwardProp: (a) => a !== "theme" && a !== "sx" && a !== "as"
+  })(te);
+  return /* @__PURE__ */ d.forwardRef(function(g, i) {
+    const u = le(t), p = se(g), {
+      className: l,
+      component: b = "div"
+    } = p, f = _(p, pe);
+    return /* @__PURE__ */ v(r, m({
+      as: b,
+      ref: i,
+      className: O(l, s ? s(c) : c),
+      theme: n && u[n] || u
+    }, f));
+  });
+}
+function he({
+  controlled: o,
+  default: n,
+  name: t,
+  state: c = "value"
+}) {
+  const {
+    current: s
+  } = d.useRef(o !== void 0), [r, h] = d.useState(n), a = s ? o : r;
+  if (process.env.NODE_ENV !== "production") {
+    d.useEffect(() => {
+      s !== (o !== void 0) && console.error([`MUI: A component is changing the ${s ? "" : "un"}controlled ${c} state of ${t} to be ${s ? "un" : ""}controlled.`, "Elements should not switch from uncontrolled to controlled (or vice versa).", `Decide between using a controlled or uncontrolled ${t} element for the lifetime of the component.`, "The nature of the state is determined during the first render. It's considered controlled if the value is not `undefined`.", "More info: https://fb.me/react-controlled-components"].join(`
+`));
+    }, [c, t, o]);
+    const {
+      current: i
+    } = d.useRef(n);
+    d.useEffect(() => {
+      !s && !Object.is(i, n) && console.error([`MUI: A component is changing the default ${c} state of an uncontrolled ${t} after being initialized. To suppress this warning opt to use a controlled ${t}.`].join(`
+`));
+    }, [JSON.stringify(n)]);
+  }
+  const g = d.useCallback((i) => {
+    s || h(i);
+  }, []);
+  return [a, g];
+}
+function me(o) {
+  return F("MuiSvgIcon", o);
+}
+T("MuiSvgIcon", ["root", "colorPrimary", "colorSecondary", "colorAction", "colorError", "colorDisabled", "fontSizeInherit", "fontSizeSmall", "fontSizeMedium", "fontSizeLarge"]);
+const ge = ["children", "className", "color", "component", "fontSize", "htmlColor", "inheritViewBox", "titleAccess", "viewBox"], be = (o) => {
+  const {
+    color: n,
+    fontSize: t,
+    classes: c
+  } = o, s = {
+    root: ["root", n !== "inherit" && `color${x(n)}`, `fontSize${x(t)}`]
+  };
+  return P(s, me, c);
+}, ve = R("svg", {
+  name: "MuiSvgIcon",
+  slot: "Root",
+  overridesResolver: (o, n) => {
+    const {
+      ownerState: t
+    } = o;
+    return [n.root, t.color !== "inherit" && n[`color${x(t.color)}`], n[`fontSize${x(t.fontSize)}`]];
+  }
+})(({
+  theme: o,
+  ownerState: n
+}) => {
+  var t, c, s, r, h, a, g, i, u, p, l, b, f;
+  return {
+    userSelect: "none",
+    width: "1em",
+    height: "1em",
+    display: "inline-block",
+    // the <svg> will define the property that has `currentColor`
+    // for example heroicons uses fill="none" and stroke="currentColor"
+    fill: n.hasSvgAsChild ? void 0 : "currentColor",
+    flexShrink: 0,
+    transition: (t = o.transitions) == null || (c = t.create) == null ? void 0 : c.call(t, "fill", {
+      duration: (s = o.transitions) == null || (s = s.duration) == null ? void 0 : s.shorter
+    }),
+    fontSize: {
+      inherit: "inherit",
+      small: ((r = o.typography) == null || (h = r.pxToRem) == null ? void 0 : h.call(r, 20)) || "1.25rem",
+      medium: ((a = o.typography) == null || (g = a.pxToRem) == null ? void 0 : g.call(a, 24)) || "1.5rem",
+      large: ((i = o.typography) == null || (u = i.pxToRem) == null ? void 0 : u.call(i, 35)) || "2.1875rem"
+    }[n.fontSize],
+    // TODO v5 deprecate, v6 remove for sx
+    color: (p = (l = (o.vars || o).palette) == null || (l = l[n.color]) == null ? void 0 : l.main) != null ? p : {
+      action: (b = (o.vars || o).palette) == null || (b = b.action) == null ? void 0 : b.active,
+      disabled: (f = (o.vars || o).palette) == null || (f = f.action) == null ? void 0 : f.disabled,
+      inherit: void 0
+    }[n.color]
+  };
+}), N = /* @__PURE__ */ d.forwardRef(function(n, t) {
+  const c = A({
+    props: n,
+    name: "MuiSvgIcon"
+  }), {
+    children: s,
+    className: r,
+    color: h = "inherit",
+    component: a = "svg",
+    fontSize: g = "medium",
+    htmlColor: i,
+    inheritViewBox: u = !1,
+    titleAccess: p,
+    viewBox: l = "0 0 24 24"
+  } = c, b = _(c, ge), f = /* @__PURE__ */ d.isValidElement(s) && s.type === "svg", S = m({}, c, {
+    color: h,
+    component: a,
+    fontSize: g,
+    instanceFontSize: n.fontSize,
+    inheritViewBox: u,
+    viewBox: l,
+    hasSvgAsChild: f
+  }), C = {};
+  u || (C.viewBox = l);
+  const I = be(S);
+  return /* @__PURE__ */ H(ve, m({
+    as: a,
+    className: O(I.root, r),
+    focusable: "false",
+    color: i,
+    "aria-hidden": p ? void 0 : !0,
+    role: p ? "img" : void 0,
+    ref: t
+  }, C, b, f && s.props, {
+    ownerState: S,
+    children: [f ? s.props.children : s, p ? /* @__PURE__ */ v("title", {
+      children: p
+    }) : null]
+  }));
+});
+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 `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * Node passed into the SVG element.
+   */
+  children: e.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: e.object,
+  /**
+   * @ignore
+   */
+  className: e.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/#custom-colors).
+   * You can use the `htmlColor` prop to apply a color attribute to the SVG element.
+   * @default 'inherit'
+   */
+  color: e.oneOfType([e.oneOf(["inherit", "action", "disabled", "primary", "secondary", "error", "info", "success", "warning"]), e.string]),
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: e.elementType,
+  /**
+   * The fontSize applied to the icon. Defaults to 24px, but can be configure to inherit font size.
+   * @default 'medium'
+   */
+  fontSize: e.oneOfType([e.oneOf(["inherit", "large", "medium", "small"]), e.string]),
+  /**
+   * Applies a color attribute to the SVG element.
+   */
+  htmlColor: e.string,
+  /**
+   * If `true`, the root node will inherit the custom `component`'s viewBox and the `viewBox`
+   * prop will be ignored.
+   * Useful when you want to reference a custom `component` and have `SvgIcon` pass that
+   * `component`'s viewBox to the root node.
+   * @default false
+   */
+  inheritViewBox: e.bool,
+  /**
+   * The shape-rendering attribute. The behavior of the different options is described on the
+   * [MDN Web Docs](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/shape-rendering).
+   * If you are having issues with blurry icons you should investigate this prop.
+   */
+  shapeRendering: e.string,
+  /**
+   * 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]),
+  /**
+   * Provides a human-readable title for the element that contains it.
+   * https://www.w3.org/TR/SVG-access/#Equivalent
+   */
+  titleAccess: e.string,
+  /**
+   * Allows you to redefine what the coordinates without units mean inside an SVG element.
+   * For example, if the SVG element is 500 (width) by 200 (height),
+   * and you pass viewBox="0 0 50 20",
+   * this means that the coordinates inside the SVG will go from the top left corner (0,0)
+   * to bottom right (50,20) and each unit will be worth 10px.
+   * @default '0 0 24 24'
+   */
+  viewBox: e.string
+});
+N.muiName = "SvgIcon";
+function M(o, n) {
+  function t(c, s) {
+    return /* @__PURE__ */ v(N, m({
+      "data-testid": `${n}Icon`,
+      ref: s
+    }, c, {
+      children: o
+    }));
+  }
+  return process.env.NODE_ENV !== "production" && (t.displayName = `${n}Icon`), t.muiName = N.muiName, /* @__PURE__ */ d.memo(/* @__PURE__ */ d.forwardRef(t));
+}
+const ye = T("MuiBox", ["root"]), xe = ce(), Ce = fe({
+  themeId: re,
+  defaultTheme: xe,
+  defaultClassName: ye.root,
+  generateClassName: ie.generate
+});
+process.env.NODE_ENV !== "production" && (Ce.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * @ignore
+   */
+  children: e.node,
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: e.elementType,
+  /**
+   * 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])
+});
+function ke(o) {
+  return F("PrivateSwitchBase", o);
+}
+T("PrivateSwitchBase", ["root", "checked", "disabled", "input", "edgeStart", "edgeEnd"]);
+const Se = ["autoFocus", "checked", "checkedIcon", "className", "defaultChecked", "disabled", "disableFocusRipple", "edge", "icon", "id", "inputProps", "inputRef", "name", "onBlur", "onChange", "onFocus", "readOnly", "required", "tabIndex", "type", "value"], Ie = (o) => {
+  const {
+    classes: n,
+    checked: t,
+    disabled: c,
+    edge: s
+  } = o, r = {
+    root: ["root", t && "checked", c && "disabled", s && `edge${x(s)}`],
+    input: ["input"]
+  };
+  return P(r, ke, n);
+}, $e = R(ue)(({
+  ownerState: o
+}) => m({
+  padding: 9,
+  borderRadius: "50%"
+}, o.edge === "start" && {
+  marginLeft: o.size === "small" ? -3 : -12
+}, o.edge === "end" && {
+  marginRight: o.size === "small" ? -3 : -12
+})), Be = R("input", {
+  shouldForwardProp: q
+})({
+  cursor: "inherit",
+  position: "absolute",
+  opacity: 0,
+  width: "100%",
+  height: "100%",
+  top: 0,
+  left: 0,
+  margin: 0,
+  padding: 0,
+  zIndex: 1
+}), G = /* @__PURE__ */ d.forwardRef(function(n, t) {
+  const {
+    autoFocus: c,
+    checked: s,
+    checkedIcon: r,
+    className: h,
+    defaultChecked: a,
+    disabled: g,
+    disableFocusRipple: i = !1,
+    edge: u = !1,
+    icon: p,
+    id: l,
+    inputProps: b,
+    inputRef: f,
+    name: S,
+    onBlur: C,
+    onChange: I,
+    onFocus: $,
+    readOnly: J,
+    required: W = !1,
+    tabIndex: K,
+    type: z,
+    value: j
+  } = n, Q = _(n, Se), [V, X] = he({
+    controlled: s,
+    default: !!a,
+    name: "SwitchBase",
+    state: "checked"
+  }), k = de(), Y = (y) => {
+    $ && $(y), k && k.onFocus && k.onFocus(y);
+  }, Z = (y) => {
+    C && C(y), k && k.onBlur && k.onBlur(y);
+  }, ee = (y) => {
+    if (y.nativeEvent.defaultPrevented)
+      return;
+    const D = y.target.checked;
+    X(D), I && I(y, D);
+  };
+  let B = g;
+  k && typeof B > "u" && (B = k.disabled);
+  const oe = z === "checkbox" || z === "radio", w = m({}, n, {
+    checked: V,
+    disabled: B,
+    disableFocusRipple: i,
+    edge: u
+  }), U = Ie(w);
+  return /* @__PURE__ */ H($e, m({
+    component: "span",
+    className: O(U.root, h),
+    centerRipple: !0,
+    focusRipple: !i,
+    disabled: B,
+    tabIndex: null,
+    role: void 0,
+    onFocus: Y,
+    onBlur: Z,
+    ownerState: w,
+    ref: t
+  }, Q, {
+    children: [/* @__PURE__ */ v(Be, m({
+      autoFocus: c,
+      checked: s,
+      defaultChecked: a,
+      className: U.input,
+      disabled: B,
+      id: oe ? l : void 0,
+      name: S,
+      onChange: ee,
+      readOnly: J,
+      ref: f,
+      required: W,
+      ownerState: w,
+      tabIndex: K,
+      type: z
+    }, z === "checkbox" && j === void 0 ? {} : {
+      value: j
+    }, b)), V ? r : p]
+  }));
+});
+process.env.NODE_ENV !== "production" && (G.propTypes = {
+  /**
+   * If `true`, the `input` element is focused during the first mount.
+   */
+  autoFocus: e.bool,
+  /**
+   * If `true`, the component is checked.
+   */
+  checked: e.bool,
+  /**
+   * The icon to display when the component is checked.
+   */
+  checkedIcon: e.node.isRequired,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: e.object,
+  /**
+   * @ignore
+   */
+  className: e.string,
+  /**
+   * @ignore
+   */
+  defaultChecked: e.bool,
+  /**
+   * If `true`, the component is disabled.
+   */
+  disabled: e.bool,
+  /**
+   * If `true`, the  keyboard focus ripple is disabled.
+   * @default false
+   */
+  disableFocusRipple: e.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: e.oneOf(["end", "start", !1]),
+  /**
+   * The icon to display when the component is unchecked.
+   */
+  icon: e.node.isRequired,
+  /**
+   * The id of the `input` element.
+   */
+  id: e.string,
+  /**
+   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.
+   */
+  inputProps: e.object,
+  /**
+   * Pass a ref to the `input` element.
+   */
+  inputRef: L,
+  /*
+   * @ignore
+   */
+  name: e.string,
+  /**
+   * @ignore
+   */
+  onBlur: e.func,
+  /**
+   * Callback fired when the state is changed.
+   *
+   * @param {object} event The event source of the callback.
+   * You can pull out the new checked state by accessing `event.target.checked` (boolean).
+   */
+  onChange: e.func,
+  /**
+   * @ignore
+   */
+  onFocus: e.func,
+  /**
+   * It prevents the user from changing the value of the field
+   * (not from interacting with the field).
+   */
+  readOnly: e.bool,
+  /**
+   * If `true`, the `input` element is required.
+   */
+  required: e.bool,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: e.object,
+  /**
+   * @ignore
+   */
+  tabIndex: e.oneOfType([e.number, e.string]),
+  /**
+   * The input component prop `type`.
+   */
+  type: e.string.isRequired,
+  /**
+   * The value of the component.
+   */
+  value: e.any
+});
+const ze = M(/* @__PURE__ */ v("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"), Ne = M(/* @__PURE__ */ v("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"), Re = M(/* @__PURE__ */ v("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 Oe(o) {
+  return F("MuiCheckbox", o);
+}
+const E = T("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "colorPrimary", "colorSecondary", "sizeSmall", "sizeMedium"]), Te = ["checkedIcon", "color", "icon", "indeterminate", "indeterminateIcon", "inputProps", "size", "className"], _e = (o) => {
+  const {
+    classes: n,
+    indeterminate: t,
+    color: c,
+    size: s
+  } = o, r = {
+    root: ["root", t && "indeterminate", `color${x(c)}`, `size${x(s)}`]
+  }, h = P(r, Oe, n);
+  return m({}, n, h);
+}, we = R(G, {
+  shouldForwardProp: (o) => q(o) || o === "classes",
+  name: "MuiCheckbox",
+  slot: "Root",
+  overridesResolver: (o, n) => {
+    const {
+      ownerState: t
+    } = o;
+    return [n.root, t.indeterminate && n.indeterminate, n[`size${x(t.size)}`], t.color !== "default" && n[`color${x(t.color)}`]];
+  }
+})(({
+  theme: o,
+  ownerState: n
+}) => m({
+  color: (o.vars || o).palette.text.secondary
+}, !n.disableRipple && {
+  "&:hover": {
+    backgroundColor: o.vars ? `rgba(${n.color === "default" ? o.vars.palette.action.activeChannel : o.vars.palette[n.color].mainChannel} / ${o.vars.palette.action.hoverOpacity})` : ae(n.color === "default" ? o.palette.action.active : o.palette[n.color].main, o.palette.action.hoverOpacity),
+    // Reset on touch devices, it doesn't add specificity
+    "@media (hover: none)": {
+      backgroundColor: "transparent"
+    }
+  }
+}, n.color !== "default" && {
+  [`&.${E.checked}, &.${E.indeterminate}`]: {
+    color: (o.vars || o).palette[n.color].main
+  },
+  [`&.${E.disabled}`]: {
+    color: (o.vars || o).palette.action.disabled
+  }
+})), Ee = /* @__PURE__ */ v(Ne, {}), Fe = /* @__PURE__ */ v(ze, {}), Pe = /* @__PURE__ */ v(Re, {}), Me = /* @__PURE__ */ d.forwardRef(function(n, t) {
+  var c, s;
+  const r = A({
+    props: n,
+    name: "MuiCheckbox"
+  }), {
+    checkedIcon: h = Ee,
+    color: a = "primary",
+    icon: g = Fe,
+    indeterminate: i = !1,
+    indeterminateIcon: u = Pe,
+    inputProps: p,
+    size: l = "medium",
+    className: b
+  } = r, f = _(r, Te), S = i ? u : g, C = i ? u : h, I = m({}, r, {
+    color: a,
+    indeterminate: i,
+    size: l
+  }), $ = _e(I);
+  return /* @__PURE__ */ v(we, m({
+    type: "checkbox",
+    inputProps: m({
+      "data-indeterminate": i
+    }, p),
+    icon: /* @__PURE__ */ d.cloneElement(S, {
+      fontSize: (c = S.props.fontSize) != null ? c : l
+    }),
+    checkedIcon: /* @__PURE__ */ d.cloneElement(C, {
+      fontSize: (s = C.props.fontSize) != null ? s : l
+    }),
+    ownerState: I,
+    ref: t,
+    className: O($.root, b)
+  }, f, {
+    classes: $
+  }));
+});
+process.env.NODE_ENV !== "production" && (Me.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * If `true`, the component is checked.
+   */
+  checked: e.bool,
+  /**
+   * The icon to display when the component is checked.
+   * @default <CheckBoxIcon />
+   */
+  checkedIcon: e.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: e.object,
+  /**
+   * @ignore
+   */
+  className: e.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/#custom-colors).
+   * @default 'primary'
+   */
+  color: e.oneOfType([e.oneOf(["default", "primary", "secondary", "error", "info", "success", "warning"]), e.string]),
+  /**
+   * The default checked state. Use when the component is not controlled.
+   */
+  defaultChecked: e.bool,
+  /**
+   * If `true`, the component is disabled.
+   * @default false
+   */
+  disabled: e.bool,
+  /**
+   * If `true`, the ripple effect is disabled.
+   * @default false
+   */
+  disableRipple: e.bool,
+  /**
+   * The icon to display when the component is unchecked.
+   * @default <CheckBoxOutlineBlankIcon />
+   */
+  icon: e.node,
+  /**
+   * The id of the `input` element.
+   */
+  id: e.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: e.bool,
+  /**
+   * The icon to display when the component is indeterminate.
+   * @default <IndeterminateCheckBoxIcon />
+   */
+  indeterminateIcon: e.node,
+  /**
+   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.
+   */
+  inputProps: e.object,
+  /**
+   * Pass a ref to the `input` element.
+   */
+  inputRef: L,
+  /**
+   * 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: e.func,
+  /**
+   * If `true`, the `input` element is required.
+   * @default false
+   */
+  required: e.bool,
+  /**
+   * The size of the component.
+   * `small` is equivalent to the dense checkbox styling.
+   * @default 'medium'
+   */
+  size: e.oneOfType([e.oneOf(["medium", "small"]), e.string]),
+  /**
+   * 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 value of the component. The DOM API casts this to a string.
+   * The browser uses "on" as the default value.
+   */
+  value: e.any
+});
+export {
+  Ce as B,
+  Me as C,
+  M as c,
+  he as u
+};