@fangzsx/component-library 0.0.14 → 0.0.16

package/dist/components/CheckboxGroup/index.js

@@ -1,44 +1,57 @@
-import { jsxs as I, jsx as l } from "react/jsx-runtime";
-import { FormControl as E, FormGroup as G, FormControlLabel as L, Checkbox as O, FormHelperText as i } from "@mui/material";
-import { useState as m } from "react";
-function w({
-  options: a,
-  required: h = !1,
-  minChecked: t,
+import { jsxs as $, jsx as l } from "react/jsx-runtime";
+import { FormControl as x, FormGroup as G, FormControlLabel as I, Checkbox as B, FormHelperText as f } from "@mui/material";
+import { useState as d } from "react";
+function P({
+  options: s,
+  required: b = !1,
+  minChecked: o,
   maxChecked: r,
   errorMessage: c,
-  helperText: u,
-  onChange: f,
-  sx: b
+  helperText: m,
+  onChange: i,
+  sx: p
 }) {
-  const [n, p] = m(
-    a.reduce((e, o) => ({
+  const [a, h] = d(
+    s.reduce((e, t) => ({
       ...e,
-      [o.name]: o.defaultChecked || !1
+      [t.name]: t.defaultChecked || !1
     }), {})
-  ), [g, v] = m(!1), F = (e) => {
-    v(!0);
-    const o = {
-      ...n,
+  ), [g, F] = d(!1), v = (e) => {
+    F(!0);
+    const t = {
+      ...a,
       [e.target.name]: e.target.checked
     };
-    p(o);
-    const $ = Object.keys(o).filter(
-      (x) => o[x]
+    h(t);
+    const L = Object.keys(t).filter(
+      (M) => t[M]
     );
-    f && f($);
-  }, s = Object.values(n).filter(Boolean).length, d = g && (t !== void 0 && s < t || r !== void 0 && s > r), j = () => c || (t !== void 0 && s < t ? `Please select at least ${t} option${t > 1 ? "s" : ""}` : r !== void 0 && s > r ? `Please select no more than ${r} option${r > 1 ? "s" : ""}` : "");
-  return /* @__PURE__ */ I(
-    E,
+    i && i(L);
+  }, n = Object.values(a).filter(Boolean).length, u = g && (o !== void 0 && n < o || r !== void 0 && n > r), j = () => c || (o !== void 0 && n < o ? `Please select at least ${o} option${o > 1 ? "s" : ""}` : r !== void 0 && n > r ? `Please select no more than ${r} option${r > 1 ? "s" : ""}` : "");
+  return /* @__PURE__ */ $(
+    x,
     {
-      required: h,
-      error: d,
+      required: b,
+      error: u,
       component: "fieldset",
-      sx: { m: 3, ...b },
+      sx: {
+        m: 0,
+        "& .MuiFormGroup-root": {
+          gap: 1
+        },
+        "& .MuiFormControlLabel-root": {
+          marginTop: "0 !important",
+          marginBottom: "0 !important"
+        },
+        "& .MuiFormControlLabel-label": {
+          margin: "0 !important"
+        },
+        ...p
+      },
       variant: "standard",
       children: [
-        /* @__PURE__ */ l(G, { children: a.map((e) => /* @__PURE__ */ l(
-          L,
+        /* @__PURE__ */ l(G, { children: s.map((e) => /* @__PURE__ */ l(
+          I,
           {
             sx: {
               color: "#404A58",
@@ -47,10 +60,10 @@ function w({
               }
             },
             control: /* @__PURE__ */ l(
-              O,
+              B,
               {
-                checked: n[e.name] || !1,
-                onChange: F,
+                checked: a[e.name] || !1,
+                onChange: v,
                 name: e.name
               }
             ),
@@ -58,11 +71,11 @@ function w({
           },
           e.name
         )) }),
-        d ? /* @__PURE__ */ l(i, { children: j() }) : u ? /* @__PURE__ */ l(i, { children: u }) : null
+        u ? /* @__PURE__ */ l(f, { children: j() }) : m ? /* @__PURE__ */ l(f, { children: m }) : null
       ]
     }
   );
 }
 export {
-  w as CheckboxGroup
+  P as CheckboxGroup
 };

package/dist/components/MediaCardWithAction/index.js

@@ -1,10 +1,11 @@
 import { jsx as d, jsxs as x } from "react/jsx-runtime";
-import { B as A } from "../../index-CoBGCD2e.js";
+import { B as A } from "../../index-B08hLYdM.js";
 import * as u from "react";
 import { g as m, a as f, P as e } from "../../generateUtilityClasses-BCID9NF1.js";
-import { u as C, s as g, c as y, a as b, f as N } from "../../useTimeout-BWi4JTOH.js";
-import { P as U } from "../../Paper-DyRh03We.js";
-import { T as v } from "../../Typography-B0rSrz7H.js";
+import { u as C, s as g, c as y, a as b } from "../../useForkRef-gLJikozA.js";
+import { P as U } from "../../Paper-DZg6u5tT.js";
+import { a as N } from "../../useTimeout-DmOXPFt0.js";
+import { T as v } from "../../Typography-DMROEdKW.js";
 function I(o) {
   return m("MuiCard", o);
 }
@@ -336,7 +337,7 @@ process.env.NODE_ENV !== "production" && (T.propTypes = {
    */
   sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object])
 });
-function Z({
+function ee({
   image: o,
   imageAlt: t = "Card image",
   title: s,
@@ -368,5 +369,5 @@ function Z({
   ] });
 }
 export {
-  Z as MediaCardWithAction
+  ee as MediaCardWithAction
 };

package/dist/components/RadioButtonGroup/index.js

@@ -1,14 +1,16 @@
 import { jsx as l, jsxs as I } from "react/jsx-runtime";
 import * as u from "react";
 import { useState as Z } from "react";
-import { f as X, c as lo, F as io, a as co, b as po } from "../../FormLabel-DKoCtSGZ.js";
+import { f as X, c as lo, F as io, a as co, b as po } from "../../FormLabel-DLyFlUyL.js";
 import { a as $, g as B, c as M, P as o } from "../../generateUtilityClasses-BCID9NF1.js";
-import { u as _, c as G, s as N, a as L, m as V, d as Y, r as oo, b as J, h as uo } from "../../useTimeout-BWi4JTOH.js";
-import { a as A, b as eo, u as fo } from "../../useSlot-S2pEBHE8.js";
+import { u as _, c as G, s as N, a as L, m as V, r as Y, b as uo } from "../../useForkRef-gLJikozA.js";
+import { a as A, u as fo } from "../../useFormControl-BGLuGvqS.js";
 import { u as mo } from "../../useId-CK6Kn3Tn.js";
-import { T as K } from "../../Typography-B0rSrz7H.js";
-import { S as bo } from "../../SwitchBase-DStPyUhD.js";
-import { c as ro } from "../../createSvgIcon-Dj0SJuc1.js";
+import { u as oo } from "../../useSlot-jPRhj-MO.js";
+import { T as J } from "../../Typography-DMROEdKW.js";
+import { r as eo, c as K } from "../../useTimeout-DmOXPFt0.js";
+import { S as bo } from "../../SwitchBase-BPRcMkqu.js";
+import { c as ro } from "../../createSvgIcon-ChKzptBc.js";
 function yo(e) {
   return B("MuiFormControlLabel", e);
 }
@@ -140,13 +142,13 @@ const E = $("MuiFormControlLabel", ["root", "labelPlacementStart", "labelPlaceme
       ...p,
       ...F
     }
-  }, [U, z] = eo("typography", {
-    elementType: K,
+  }, [U, z] = oo("typography", {
+    elementType: J,
     externalForwardedProps: q,
     ownerState: v
   });
   let C = h;
-  return C != null && C.type !== K && !m && (C = /* @__PURE__ */ l(U, {
+  return C != null && C.type !== J && !m && (C = /* @__PURE__ */ l(U, {
     component: "span",
     ...z,
     className: G(T.label, z?.className),
@@ -206,7 +208,7 @@ process.env.NODE_ENV !== "production" && (to.propTypes = {
   /**
    * Pass a ref to the `input` element.
    */
-  inputRef: Y,
+  inputRef: eo,
   /**
    * A text or an element to be used in an enclosing label element.
    */
@@ -260,7 +262,7 @@ const Ro = ro(/* @__PURE__ */ l("path", {
   d: "M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
 }), "RadioButtonChecked"), Po = N("span", {
   name: "MuiRadioButtonIcon",
-  shouldForwardProp: oo
+  shouldForwardProp: Y
 })({
   position: "relative",
   display: "flex"
@@ -353,7 +355,7 @@ const Q = $("MuiRadio", ["root", "checked", "disabled", "colorPrimary", "colorSe
     ...L(a, To, r)
   };
 }, No = N(bo, {
-  shouldForwardProp: (e) => oo(e) || e === "classes",
+  shouldForwardProp: (e) => Y(e) || e === "classes",
   name: "MuiRadio",
   slot: "Root",
   overridesResolver: (e, r) => {
@@ -380,7 +382,7 @@ const Q = $("MuiRadio", ["root", "checked", "disabled", "colorPrimary", "colorSe
         backgroundColor: e.alpha((e.vars || e).palette.action.active, (e.vars || e).palette.action.hoverOpacity)
       }
     }
-  }, ...Object.entries(e.palette).filter(J()).map(([r]) => ({
+  }, ...Object.entries(e.palette).filter(K()).map(([r]) => ({
     props: {
       color: r,
       disabled: !1,
@@ -391,7 +393,7 @@ const Q = $("MuiRadio", ["root", "checked", "disabled", "colorPrimary", "colorSe
         backgroundColor: e.alpha((e.vars || e).palette[r].main, (e.vars || e).palette.action.hoverOpacity)
       }
     }
-  })), ...Object.entries(e.palette).filter(J()).map(([r]) => ({
+  })), ...Object.entries(e.palette).filter(K()).map(([r]) => ({
     props: {
       color: r,
       disabled: !1
@@ -454,7 +456,7 @@ const Oo = /* @__PURE__ */ l(H, {
   const D = lo(m, g && g.onChange);
   let v = d;
   g && (typeof O > "u" && (O = xo(g.value, s.value)), typeof v > "u" && (v = g.name));
-  const T = w.input ?? b, [q, U] = eo("root", {
+  const T = w.input ?? b, [q, U] = oo("root", {
     ref: t,
     elementType: No,
     className: G(j.root, h),
@@ -550,7 +552,7 @@ process.env.NODE_ENV !== "production" && (so.propTypes = {
    * Pass a ref to the `input` element.
    * @deprecated Use `slotProps.input.ref` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    */
-  inputRef: Y,
+  inputRef: eo,
   /**
    * Name attribute of the `input` element.
    */
@@ -773,7 +775,7 @@ process.env.NODE_ENV !== "production" && (no.propTypes = {
    */
   value: o.any
 });
-function Wo({
+function Jo({
   label: e,
   options: r,
   defaultValue: t,
@@ -832,5 +834,5 @@ function Wo({
   );
 }
 export {
-  Wo as RadioButtonGroup
+  Jo as RadioButtonGroup
 };

package/dist/components/Stepper/index.d.ts

@@ -0,0 +1,11 @@
+interface StepConfig {
+    label: string;
+}
+interface HorizontalLinearStepperProps {
+    steps: StepConfig[];
+    activeStep?: number;
+    sx?: any;
+    stepperSx?: any;
+}
+export declare function Stepper({ steps, activeStep, sx, stepperSx }: HorizontalLinearStepperProps): import("react/jsx-runtime").JSX.Element;
+export {};