@hybridcore/ui 1.5.90 → 1.6.1

package/dist/Checkbox-CrU2hpWB.js

@@ -1,420 +0,0 @@
-import { a as r, _ } from "./objectWithoutPropertiesLoose-DJteAcBH.js";
-import * as x from "react";
-import { P as e } from "./index-DMSHuq6l.js";
-import { g as q, c as E, a as M, u as Y } from "./useThemeProps-DRP1dikX.js";
-import { s as z, r as Z } from "./styled-B8ugzvji.js";
-import { u as ee } from "./useFormControl-CatNKXAi.js";
-import { g as U, a as oe } from "./createTheme-CNnKNxwL.js";
-import { jsxs as ne, jsx as l } from "react/jsx-runtime";
-import { B as te, r as V } from "./ButtonBase-DsX-jMQJ.js";
-import { u as ce } from "./useControlled-BYdyS7Pn.js";
-import { c as S } from "./createTheme-CyC5HawC.js";
-import { c as w } from "./createSvgIcon-OuwzpcaC.js";
-function se(o) {
-  return U("PrivateSwitchBase", o);
-}
-q("PrivateSwitchBase", ["root", "checked", "disabled", "input", "edgeStart", "edgeEnd"]);
-const ae = ["autoFocus", "checked", "checkedIcon", "className", "defaultChecked", "disabled", "disableFocusRipple", "edge", "icon", "id", "inputProps", "inputRef", "name", "onBlur", "onChange", "onFocus", "readOnly", "required", "tabIndex", "type", "value"], re = (o) => {
-  const {
-    classes: n,
-    checked: t,
-    disabled: i,
-    edge: c
-  } = o, s = {
-    root: ["root", t && "checked", i && "disabled", c && `edge${S(c)}`],
-    input: ["input"]
-  };
-  return M(s, se, n);
-}, ie = z(te)(({
-  ownerState: o
-}) => r({
-  padding: 9,
-  borderRadius: "50%"
-}, o.edge === "start" && {
-  marginLeft: o.size === "small" ? -3 : -12
-}, o.edge === "end" && {
-  marginRight: o.size === "small" ? -3 : -12
-})), de = z("input")({
-  cursor: "inherit",
-  position: "absolute",
-  opacity: 0,
-  width: "100%",
-  height: "100%",
-  top: 0,
-  left: 0,
-  margin: 0,
-  padding: 0,
-  zIndex: 1
-}), H = /* @__PURE__ */ x.forwardRef(function(n, t) {
-  const {
-    autoFocus: i,
-    checked: c,
-    checkedIcon: s,
-    className: v,
-    defaultChecked: k,
-    disabled: I,
-    disableFocusRipple: u = !1,
-    edge: C = !1,
-    icon: B,
-    id: p,
-    inputProps: R,
-    inputRef: P,
-    name: g,
-    onBlur: f,
-    onChange: h,
-    onFocus: m,
-    readOnly: L,
-    required: D = !1,
-    tabIndex: W,
-    type: y,
-    value: N
-  } = n, A = _(n, ae), [$, G] = ce({
-    controlled: c,
-    default: !!k,
-    name: "SwitchBase",
-    state: "checked"
-  }), d = ee(), J = (a) => {
-    m && m(a), d && d.onFocus && d.onFocus(a);
-  }, K = (a) => {
-    f && f(a), d && d.onBlur && d.onBlur(a);
-  }, Q = (a) => {
-    if (a.nativeEvent.defaultPrevented)
-      return;
-    const T = a.target.checked;
-    G(T), h && h(a, T);
-  };
-  let b = I;
-  d && typeof b > "u" && (b = d.disabled);
-  const X = y === "checkbox" || y === "radio", F = r({}, n, {
-    checked: $,
-    disabled: b,
-    disableFocusRipple: u,
-    edge: C
-  }), j = re(F);
-  return /* @__PURE__ */ ne(ie, r({
-    component: "span",
-    className: E(j.root, v),
-    centerRipple: !0,
-    focusRipple: !u,
-    disabled: b,
-    tabIndex: null,
-    role: void 0,
-    onFocus: J,
-    onBlur: K,
-    ownerState: F,
-    ref: t
-  }, A, {
-    children: [/* @__PURE__ */ l(de, r({
-      autoFocus: i,
-      checked: c,
-      defaultChecked: k,
-      className: j.input,
-      disabled: b,
-      id: X ? p : void 0,
-      name: g,
-      onChange: Q,
-      readOnly: L,
-      ref: P,
-      required: D,
-      ownerState: F,
-      tabIndex: W,
-      type: y
-    }, y === "checkbox" && N === void 0 ? {} : {
-      value: N
-    }, R)), $ ? s : B]
-  }));
-});
-process.env.NODE_ENV !== "production" && (H.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.
-   * See [CSS API](#css) below for more details.
-   */
-  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: V,
-  /*
-   * @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 le = w(/* @__PURE__ */ l("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"), ue = w(/* @__PURE__ */ l("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"), pe = w(/* @__PURE__ */ l("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 fe(o) {
-  return U("MuiCheckbox", o);
-}
-const O = q("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "colorPrimary", "colorSecondary"]), he = ["checkedIcon", "color", "icon", "indeterminate", "indeterminateIcon", "inputProps", "size", "className"], me = (o) => {
-  const {
-    classes: n,
-    indeterminate: t,
-    color: i
-  } = o, c = {
-    root: ["root", t && "indeterminate", `color${S(i)}`]
-  }, s = M(c, fe, n);
-  return r({}, n, s);
-}, be = z(H, {
-  shouldForwardProp: (o) => Z(o) || o === "classes",
-  name: "MuiCheckbox",
-  slot: "Root",
-  overridesResolver: (o, n) => {
-    const {
-      ownerState: t
-    } = o;
-    return [n.root, t.indeterminate && n.indeterminate, t.color !== "default" && n[`color${S(t.color)}`]];
-  }
-})(({
-  theme: o,
-  ownerState: n
-}) => r({
-  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.primary.mainChannel} / ${o.vars.palette.action.hoverOpacity})` : oe(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" && {
-  [`&.${O.checked}, &.${O.indeterminate}`]: {
-    color: (o.vars || o).palette[n.color].main
-  },
-  [`&.${O.disabled}`]: {
-    color: (o.vars || o).palette.action.disabled
-  }
-})), ke = /* @__PURE__ */ l(ue, {}), Ce = /* @__PURE__ */ l(le, {}), ge = /* @__PURE__ */ l(pe, {}), ye = /* @__PURE__ */ x.forwardRef(function(n, t) {
-  var i, c;
-  const s = Y({
-    props: n,
-    name: "MuiCheckbox"
-  }), {
-    checkedIcon: v = ke,
-    color: k = "primary",
-    icon: I = Ce,
-    indeterminate: u = !1,
-    indeterminateIcon: C = ge,
-    inputProps: B,
-    size: p = "medium",
-    className: R
-  } = s, P = _(s, he), g = u ? C : I, f = u ? C : v, h = r({}, s, {
-    color: k,
-    indeterminate: u,
-    size: p
-  }), m = me(h);
-  return /* @__PURE__ */ l(be, r({
-    type: "checkbox",
-    inputProps: r({
-      "data-indeterminate": u
-    }, B),
-    icon: /* @__PURE__ */ x.cloneElement(g, {
-      fontSize: (i = g.props.fontSize) != null ? i : p
-    }),
-    checkedIcon: /* @__PURE__ */ x.cloneElement(f, {
-      fontSize: (c = f.props.fontSize) != null ? c : p
-    }),
-    ownerState: h,
-    ref: t,
-    className: E(m.root, R)
-  }, P, {
-    classes: m
-  }));
-});
-process.env.NODE_ENV !== "production" && (ye.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: 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/#adding-new-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: V,
-  /**
-   * 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 {
-  ye as C
-};