@fangzsx/component-library 0.0.11 → 0.0.13

package/dist/{Paper-CAUsv8qs.js → Paper-DyRh03We.js}

@@ -1,10 +1,11 @@
 import * as m from "react";
-import { e as g, T, g as N, a as w, u as $, s as E, f as d, c as O, d as R, m as x, h as f, P as t, i as V } from "./ButtonBase-CAtBagnK.js";
+import { T as g, g as T, a as N, e as d, f, P as a } from "./generateUtilityClasses-BCID9NF1.js";
+import { e as w, u as $, s as E, c as O, a as R, m as x, f as V } from "./useTimeout-BWi4JTOH.js";
 import { useTheme as q } from "@mui/system";
 import { jsx as I } from "react/jsx-runtime";
 function M() {
-  const e = q(g);
-  return process.env.NODE_ENV !== "production" && m.useDebugValue(e), e[T] || e;
+  const e = q(w);
+  return process.env.NODE_ENV !== "production" && m.useDebugValue(e), e[g] || e;
 }
 function j(e) {
   const o = typeof e;
@@ -17,45 +18,45 @@ function j(e) {
       return o;
   }
 }
-function y(e, o, a, r) {
-  const n = e[o];
-  if (n == null || !Number.isInteger(n)) {
-    const s = j(n);
-    return new RangeError(`Invalid ${r} \`${o}\` of type \`${s}\` supplied to \`${a}\`, expected \`integer\`.`);
+function y(e, o, t, n) {
+  const r = e[o];
+  if (r == null || !Number.isInteger(r)) {
+    const s = j(r);
+    return new RangeError(`Invalid ${n} \`${o}\` of type \`${s}\` supplied to \`${t}\`, expected \`integer\`.`);
   }
   return null;
 }
-function h(e, o, a, r) {
-  return e[o] === void 0 ? null : y(e, o, a, r);
+function b(e, o, t, n) {
+  return e[o] === void 0 ? null : y(e, o, t, n);
 }
 function l() {
   return null;
 }
-h.isRequired = y;
+b.isRequired = y;
 l.isRequired = l;
-const C = process.env.NODE_ENV === "production" ? l : h;
+const C = process.env.NODE_ENV === "production" ? l : b;
 function D(e) {
-  return N("MuiPaper", e);
+  return T("MuiPaper", e);
 }
-w("MuiPaper", ["root", "rounded", "outlined", "elevation", "elevation0", "elevation1", "elevation2", "elevation3", "elevation4", "elevation5", "elevation6", "elevation7", "elevation8", "elevation9", "elevation10", "elevation11", "elevation12", "elevation13", "elevation14", "elevation15", "elevation16", "elevation17", "elevation18", "elevation19", "elevation20", "elevation21", "elevation22", "elevation23", "elevation24"]);
+N("MuiPaper", ["root", "rounded", "outlined", "elevation", "elevation0", "elevation1", "elevation2", "elevation3", "elevation4", "elevation5", "elevation6", "elevation7", "elevation8", "elevation9", "elevation10", "elevation11", "elevation12", "elevation13", "elevation14", "elevation15", "elevation16", "elevation17", "elevation18", "elevation19", "elevation20", "elevation21", "elevation22", "elevation23", "elevation24"]);
 const U = (e) => {
   const {
     square: o,
-    elevation: a,
-    variant: r,
-    classes: n
+    elevation: t,
+    variant: n,
+    classes: r
   } = e, s = {
-    root: ["root", r, !o && "rounded", r === "elevation" && `elevation${a}`]
+    root: ["root", n, !o && "rounded", n === "elevation" && `elevation${t}`]
   };
-  return R(s, D, n);
+  return R(s, D, r);
 }, k = E("div", {
   name: "MuiPaper",
   slot: "Root",
   overridesResolver: (e, o) => {
     const {
-      ownerState: a
+      ownerState: t
     } = e;
-    return [o.root, o[a.variant], !a.square && o.rounded, a.variant === "elevation" && o[`elevation${a.elevation}`]];
+    return [o.root, o[t.variant], !t.square && o.rounded, t.variant === "elevation" && o[`elevation${t.elevation}`]];
   }
 })(x(({
   theme: e
@@ -86,42 +87,42 @@ const U = (e) => {
       backgroundImage: "var(--Paper-overlay)"
     }
   }]
-}))), _ = /* @__PURE__ */ m.forwardRef(function(o, a) {
-  const r = $({
+}))), _ = /* @__PURE__ */ m.forwardRef(function(o, t) {
+  const n = $({
     props: o,
     name: "MuiPaper"
-  }), n = M(), {
+  }), r = M(), {
     className: s,
     component: u = "div",
     elevation: i = 1,
-    square: b = !1,
-    variant: v = "elevation",
-    ...p
-  } = r, c = {
-    ...r,
+    square: h = !1,
+    variant: p = "elevation",
+    ...v
+  } = n, c = {
+    ...n,
     component: u,
     elevation: i,
-    square: b,
-    variant: v
+    square: h,
+    variant: p
   }, P = U(c);
-  return process.env.NODE_ENV !== "production" && n.shadows[i] === void 0 && console.error([`MUI: The elevation provided <Paper elevation={${i}}> is not available in the theme.`, `Please make sure that \`theme.shadows[${i}]\` is defined.`].join(`
+  return process.env.NODE_ENV !== "production" && r.shadows[i] === void 0 && console.error([`MUI: The elevation provided <Paper elevation={${i}}> is not available in the theme.`, `Please make sure that \`theme.shadows[${i}]\` is defined.`].join(`
 `)), /* @__PURE__ */ I(k, {
     as: u,
     ownerState: c,
     className: O(P.root, s),
-    ref: a,
-    ...p,
+    ref: t,
+    ...v,
     style: {
-      ...v === "elevation" && {
-        "--Paper-shadow": (n.vars || n).shadows[i],
-        ...n.vars && {
-          "--Paper-overlay": n.vars.overlays?.[i]
+      ...p === "elevation" && {
+        "--Paper-shadow": (r.vars || r).shadows[i],
+        ...r.vars && {
+          "--Paper-overlay": r.vars.overlays?.[i]
         },
-        ...!n.vars && n.palette.mode === "dark" && {
+        ...!r.vars && r.palette.mode === "dark" && {
           "--Paper-overlay": `linear-gradient(${d("#fff", f(i))}, ${d("#fff", f(i))})`
         }
       },
-      ...p.style
+      ...v.style
     }
   });
 });
@@ -133,20 +134,20 @@ process.env.NODE_ENV !== "production" && (_.propTypes = {
   /**
    * The content of the component.
    */
-  children: t.node,
+  children: a.node,
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: t.object,
+  classes: a.object,
   /**
    * @ignore
    */
-  className: t.string,
+  className: a.string,
   /**
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
-  component: t.elementType,
+  component: a.elementType,
   /**
    * Shadow depth, corresponds to `dp` in the spec.
    * It accepts values between 0 and 24 inclusive.
@@ -155,29 +156,31 @@ process.env.NODE_ENV !== "production" && (_.propTypes = {
   elevation: V(C, (e) => {
     const {
       elevation: o,
-      variant: a
+      variant: t
     } = e;
-    return o > 0 && a === "outlined" ? new Error(`MUI: Combining \`elevation={${o}}\` with \`variant="${a}"\` has no effect. Either use \`elevation={0}\` or use a different \`variant\`.`) : null;
+    return o > 0 && t === "outlined" ? new Error(`MUI: Combining \`elevation={${o}}\` with \`variant="${t}"\` has no effect. Either use \`elevation={0}\` or use a different \`variant\`.`) : null;
   }),
   /**
    * If `true`, rounded corners are disabled.
    * @default false
    */
-  square: t.bool,
+  square: a.bool,
   /**
    * @ignore
    */
-  style: t.object,
+  style: a.object,
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: t.oneOfType([t.arrayOf(t.oneOfType([t.func, t.object, t.bool])), t.func, t.object]),
+  sx: a.oneOfType([a.arrayOf(a.oneOfType([a.func, a.object, a.bool])), a.func, a.object]),
   /**
    * The variant to use.
    * @default 'elevation'
    */
-  variant: t.oneOfType([t.oneOf(["elevation", "outlined"]), t.string])
+  variant: a.oneOfType([a.oneOf(["elevation", "outlined"]), a.string])
 });
 export {
-  _ as P
+  _ as P,
+  C as i,
+  M as u
 };

package/dist/SwitchBase-DStPyUhD.js

@@ -0,0 +1,311 @@
+import * as H from "react";
+import { g as J, a as K, c as Q, P as e } from "./generateUtilityClasses-BCID9NF1.js";
+import { s as k, a as W, r as X, d as Y } from "./useTimeout-BWi4JTOH.js";
+import { u as Z, a as ee, b as F } from "./useSlot-S2pEBHE8.js";
+import { jsxs as oe, jsx as te } from "react/jsx-runtime";
+import { B as se } from "./ButtonBase-qMhxbNdC.js";
+function ne(s) {
+  return J("PrivateSwitchBase", s);
+}
+K("PrivateSwitchBase", ["root", "checked", "disabled", "input", "edgeStart", "edgeEnd"]);
+const ae = (s) => {
+  const {
+    classes: n,
+    checked: c,
+    disabled: d,
+    edge: r
+  } = s, p = {
+    root: ["root", c && "checked", d && "disabled", r && `edge${Q(r)}`],
+    input: ["input"]
+  };
+  return W(p, ne, n);
+}, re = k(se, {
+  name: "MuiSwitchBase"
+})({
+  padding: 9,
+  borderRadius: "50%",
+  variants: [{
+    props: {
+      edge: "start",
+      size: "small"
+    },
+    style: {
+      marginLeft: -3
+    }
+  }, {
+    props: ({
+      edge: s,
+      ownerState: n
+    }) => s === "start" && n.size !== "small",
+    style: {
+      marginLeft: -12
+    }
+  }, {
+    props: {
+      edge: "end",
+      size: "small"
+    },
+    style: {
+      marginRight: -3
+    }
+  }, {
+    props: ({
+      edge: s,
+      ownerState: n
+    }) => s === "end" && n.size !== "small",
+    style: {
+      marginRight: -12
+    }
+  }]
+}), ie = k("input", {
+  name: "MuiSwitchBase",
+  shouldForwardProp: X
+})({
+  cursor: "inherit",
+  position: "absolute",
+  opacity: 0,
+  width: "100%",
+  height: "100%",
+  top: 0,
+  left: 0,
+  margin: 0,
+  padding: 0,
+  zIndex: 1
+}), le = /* @__PURE__ */ H.forwardRef(function(n, c) {
+  const {
+    autoFocus: d,
+    checked: r,
+    checkedIcon: p,
+    defaultChecked: f,
+    disabled: C,
+    disableFocusRipple: h = !1,
+    edge: R = !1,
+    icon: x,
+    id: T,
+    inputProps: I,
+    inputRef: j,
+    name: O,
+    onBlur: m,
+    onChange: g,
+    onFocus: b,
+    readOnly: y,
+    required: z = !1,
+    tabIndex: q,
+    type: l,
+    value: P,
+    slots: N = {},
+    slotProps: E = {},
+    ...U
+  } = n, [S, v] = Z({
+    controlled: r,
+    default: !!f,
+    name: "SwitchBase",
+    state: "checked"
+  }), a = ee(), L = (o) => {
+    b && b(o), a && a.onFocus && a.onFocus(o);
+  }, M = (o) => {
+    m && m(o), a && a.onBlur && a.onBlur(o);
+  }, D = (o) => {
+    if (o.nativeEvent.defaultPrevented || y)
+      return;
+    const t = o.target.checked;
+    v(t), g && g(o, t);
+  };
+  let i = C;
+  a && typeof i > "u" && (i = a.disabled);
+  const V = l === "checkbox" || l === "radio", u = {
+    ...n,
+    checked: S,
+    disabled: i,
+    disableFocusRipple: h,
+    edge: R
+  }, B = ae(u), w = {
+    slots: N,
+    slotProps: {
+      input: I,
+      ...E
+    }
+  }, [_, $] = F("root", {
+    ref: c,
+    elementType: re,
+    className: B.root,
+    shouldForwardComponentProp: !0,
+    externalForwardedProps: {
+      ...w,
+      component: "span",
+      ...U
+    },
+    getSlotProps: (o) => ({
+      ...o,
+      onFocus: (t) => {
+        o.onFocus?.(t), L(t);
+      },
+      onBlur: (t) => {
+        o.onBlur?.(t), M(t);
+      }
+    }),
+    ownerState: u,
+    additionalProps: {
+      centerRipple: !0,
+      focusRipple: !h,
+      disabled: i,
+      role: void 0,
+      tabIndex: null
+    }
+  }), [A, G] = F("input", {
+    ref: j,
+    elementType: ie,
+    className: B.input,
+    externalForwardedProps: w,
+    getSlotProps: (o) => ({
+      ...o,
+      onChange: (t) => {
+        o.onChange?.(t), D(t);
+      }
+    }),
+    ownerState: u,
+    additionalProps: {
+      autoFocus: d,
+      checked: r,
+      defaultChecked: f,
+      disabled: i,
+      id: V ? T : void 0,
+      name: O,
+      readOnly: y,
+      required: z,
+      tabIndex: q,
+      type: l,
+      ...l === "checkbox" && P === void 0 ? {} : {
+        value: P
+      }
+    }
+  });
+  return /* @__PURE__ */ oe(_, {
+    ...$,
+    children: [/* @__PURE__ */ te(A, {
+      ...G
+    }), S ? p : x]
+  });
+});
+process.env.NODE_ENV !== "production" && (le.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/Reference/Elements/input#attributes) applied to the `input` element.
+   */
+  inputProps: e.object,
+  /**
+   * Pass a ref to the `input` element.
+   */
+  inputRef: Y,
+  /*
+   * @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 props used for each slot inside.
+   * @default {}
+   */
+  slotProps: e.shape({
+    input: e.oneOfType([e.func, e.object]),
+    root: e.oneOfType([e.func, e.object])
+  }),
+  /**
+   * The components used for each slot inside.
+   * @default {}
+   */
+  slots: e.shape({
+    input: e.elementType,
+    root: e.elementType
+  }),
+  /**
+   * 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 {
+  le as S
+};