@hybridcore/ui 1.6.1 → 1.6.3

package/dist/SwitchBase-DTndTqI8.js

@@ -0,0 +1,235 @@
+import { a as c, _ as M } from "./objectWithoutPropertiesLoose-DJteAcBH.js";
+import * as D from "react";
+import { P as e } from "./index-C__OZmYy.js";
+import { c as V } from "./clsx-OuTLNxxd.js";
+import { a as W, g as $, s as F, r as A, b as G, c as H } from "./generateUtilityClasses-C3ivN9Ie.js";
+import { u as J } from "./useFormControl-CatNKXAi.js";
+import { jsxs as K, jsx as Q } from "react/jsx-runtime";
+import { B as X } from "./ButtonBase-BEF7oTOe.js";
+import { u as Y } from "./useControlled-BYdyS7Pn.js";
+import { r as Z } from "./TransitionGroupContext-BDAp2T0O.js";
+function ee(o) {
+  return W("PrivateSwitchBase", o);
+}
+$("PrivateSwitchBase", ["root", "checked", "disabled", "input", "edgeStart", "edgeEnd"]);
+const oe = ["autoFocus", "checked", "checkedIcon", "className", "defaultChecked", "disabled", "disableFocusRipple", "edge", "icon", "id", "inputProps", "inputRef", "name", "onBlur", "onChange", "onFocus", "readOnly", "required", "tabIndex", "type", "value"], se = (o) => {
+  const {
+    classes: a,
+    checked: r,
+    disabled: l,
+    edge: n
+  } = o, u = {
+    root: ["root", r && "checked", l && "disabled", n && `edge${G(n)}`],
+    input: ["input"]
+  };
+  return H(u, ee, a);
+}, te = F(X, {
+  name: "MuiSwitchBase"
+})(({
+  ownerState: o
+}) => c({
+  padding: 9,
+  borderRadius: "50%"
+}, o.edge === "start" && {
+  marginLeft: o.size === "small" ? -3 : -12
+}, o.edge === "end" && {
+  marginRight: o.size === "small" ? -3 : -12
+})), ae = F("input", {
+  name: "MuiSwitchBase",
+  shouldForwardProp: A
+})({
+  cursor: "inherit",
+  position: "absolute",
+  opacity: 0,
+  width: "100%",
+  height: "100%",
+  top: 0,
+  left: 0,
+  margin: 0,
+  padding: 0,
+  zIndex: 1
+}), ne = /* @__PURE__ */ D.forwardRef(function(a, r) {
+  const {
+    autoFocus: l,
+    checked: n,
+    checkedIcon: u,
+    className: R,
+    defaultChecked: f,
+    disabled: w,
+    disableFocusRipple: h = !1,
+    edge: x = !1,
+    icon: S,
+    id: P,
+    inputProps: I,
+    inputRef: q,
+    name: N,
+    onBlur: m,
+    onChange: b,
+    onFocus: g,
+    readOnly: O,
+    required: j = !1,
+    tabIndex: v,
+    type: d,
+    value: k
+  } = a, _ = M(a, oe), [B, z] = Y({
+    controlled: n,
+    default: !!f,
+    name: "SwitchBase",
+    state: "checked"
+  }), t = J(), E = (s) => {
+    g && g(s), t && t.onFocus && t.onFocus(s);
+  }, T = (s) => {
+    m && m(s), t && t.onBlur && t.onBlur(s);
+  }, U = (s) => {
+    if (s.nativeEvent.defaultPrevented)
+      return;
+    const C = s.target.checked;
+    z(C), b && b(s, C);
+  };
+  let i = w;
+  t && typeof i > "u" && (i = t.disabled);
+  const L = d === "checkbox" || d === "radio", p = c({}, a, {
+    checked: B,
+    disabled: i,
+    disableFocusRipple: h,
+    edge: x
+  }), y = se(p);
+  return /* @__PURE__ */ K(te, c({
+    component: "span",
+    className: V(y.root, R),
+    centerRipple: !0,
+    focusRipple: !h,
+    disabled: i,
+    tabIndex: null,
+    role: void 0,
+    onFocus: E,
+    onBlur: T,
+    ownerState: p,
+    ref: r
+  }, _, {
+    children: [/* @__PURE__ */ Q(ae, c({
+      autoFocus: l,
+      checked: n,
+      defaultChecked: f,
+      className: y.input,
+      disabled: i,
+      id: L ? P : void 0,
+      name: N,
+      onChange: U,
+      readOnly: O,
+      ref: q,
+      required: j,
+      ownerState: p,
+      tabIndex: v,
+      type: d
+    }, d === "checkbox" && k === void 0 ? {} : {
+      value: k
+    }, I)), B ? u : S]
+  }));
+});
+process.env.NODE_ENV !== "production" && (ne.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: Z,
+  /*
+   * @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
+});
+export {
+  ne as S
+};