@fangzsx/component-library 0.0.20 → 0.0.22

package/dist/components/MediaCardWithAction/index.js

@@ -1,11 +1,11 @@
 import { jsx as d, jsxs as x } from "react/jsx-runtime";
-import { B as A } from "../../index-B08hLYdM.js";
+import { B as A } from "../../index-BPIwhwks.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 } from "../../useForkRef-gLJikozA.js";
-import { P as U } from "../../Paper-DZg6u5tT.js";
+import { u as C, s as g, c as y, a as b } from "../../DefaultPropsProvider-DVX_ssOt.js";
+import { P as U } from "../../Paper-oafkOzNM.js";
 import { a as N } from "../../useTimeout-DmOXPFt0.js";
-import { T as v } from "../../Typography-DMROEdKW.js";
+import { T as v } from "../../Typography-CTrRb9FL.js";
 function I(o) {
   return m("MuiCard", o);
 }

package/dist/components/RadioButtonGroup/index.js

@@ -1,16 +1,17 @@
 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-DLyFlUyL.js";
+import { f as X, c as lo, F as io, a as co, b as po } from "../../FormLabel-D4ON51Wt.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, r as Y, b as uo } from "../../useForkRef-gLJikozA.js";
-import { a as A, u as fo } from "../../useFormControl-BGLuGvqS.js";
+import { u as _, c as G, s as N, a as L, m as V, r as Y } from "../../DefaultPropsProvider-DVX_ssOt.js";
+import { a as A, u as uo } from "../../useFormControl-BGLuGvqS.js";
+import { u as fo } from "../../useForkRef-9kN4DArm.js";
 import { u as mo } from "../../useId-CK6Kn3Tn.js";
-import { u as oo } from "../../useSlot-jPRhj-MO.js";
-import { T as J } from "../../Typography-DMROEdKW.js";
+import { u as oo } from "../../useSlot-DKccmcQE.js";
+import { T as J } from "../../Typography-CTrRb9FL.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";
+import { S as bo } from "../../SwitchBase-V2UoemN5.js";
+import { c as ro } from "../../createSvgIcon-C0YrvByi.js";
 function yo(e) {
   return B("MuiFormControlLabel", e);
 }
@@ -711,7 +712,7 @@ const Go = (e) => {
     onChange: d,
     value: m,
     ...f
-  } = r, h = u.useRef(null), P = Go(r), [S, R] = fo({
+  } = r, h = u.useRef(null), P = Go(r), [S, R] = uo({
     controlled: m,
     default: p,
     name: "RadioGroup"
@@ -722,7 +723,7 @@ const Go = (e) => {
       n || (n = h.current.querySelector("input:not(:disabled)")), n && n.focus();
     }
   }), []);
-  const w = uo(t, h), b = mo(c), F = u.useMemo(() => ({
+  const w = fo(t, h), b = mo(c), F = u.useMemo(() => ({
     name: b,
     onChange(n) {
       R(n.target.value), d && d(n, n.target.value);
@@ -775,7 +776,7 @@ process.env.NODE_ENV !== "production" && (no.propTypes = {
    */
   value: o.any
 });
-function Jo({
+function Ko({
   label: e,
   options: r,
   defaultValue: t,
@@ -834,5 +835,5 @@ function Jo({
   );
 }
 export {
-  Jo as RadioButtonGroup
+  Ko as RadioButtonGroup
 };

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

@@ -1,10 +1,7 @@
-import { SxProps, Theme } from '@mui/material/styles';
-
 interface HorizontalLinearStepperProps {
     steps: string[];
     activeStep?: number;
-    sx?: SxProps<Theme>;
-    stepperSx?: SxProps<Theme>;
+    alternativeLabel?: boolean;
 }
-export declare function Stepper({ steps, activeStep, sx, stepperSx, }: HorizontalLinearStepperProps): import("react/jsx-runtime").JSX.Element;
+export declare function Stepper({ steps, activeStep, alternativeLabel, }: HorizontalLinearStepperProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Stepper/index.js

@@ -1,31 +1,31 @@
-import { jsxs as P, jsx as s } from "react/jsx-runtime";
+import { jsxs as w, jsx as s } from "react/jsx-runtime";
 import { Stepper as ee } from "@mui/material";
 import { B as te } from "../../Box-DPlM16yK.js";
-import * as m from "react";
+import * as b from "react";
 import { g as D, a as V, P as e } from "../../generateUtilityClasses-BCID9NF1.js";
-import { u as W, s as C, c as j, a as _, m as R } from "../../useForkRef-gLJikozA.js";
+import { u as _, s as L, c as j, a as k, m as R } from "../../DefaultPropsProvider-DVX_ssOt.js";
 import { i as oe } from "../../integerPropType-BihGt2aU.js";
-import { u as E } from "../../useSlot-jPRhj-MO.js";
-import { c as H, S as ne } from "../../createSvgIcon-ChKzptBc.js";
-const k = /* @__PURE__ */ m.createContext({});
-process.env.NODE_ENV !== "production" && (k.displayName = "StepperContext");
-const A = /* @__PURE__ */ m.createContext({});
-process.env.NODE_ENV !== "production" && (A.displayName = "StepContext");
-function re(t) {
+import { u as z } from "../../useSlot-DKccmcQE.js";
+import { c as H, S as ne } from "../../createSvgIcon-C0YrvByi.js";
+const F = /* @__PURE__ */ b.createContext({});
+process.env.NODE_ENV !== "production" && (F.displayName = "StepperContext");
+const W = /* @__PURE__ */ b.createContext({});
+process.env.NODE_ENV !== "production" && (W.displayName = "StepContext");
+function ae(t) {
   return D("MuiStep", t);
 }
 V("MuiStep", ["root", "horizontal", "vertical", "alternativeLabel", "completed"]);
-const ae = (t) => {
+const re = (t) => {
   const {
     classes: o,
     orientation: n,
-    alternativeLabel: r,
-    completed: a
+    alternativeLabel: a,
+    completed: r
   } = t;
-  return _({
-    root: ["root", n, r && "alternativeLabel", a && "completed"]
-  }, re, o);
-}, le = C("div", {
+  return k({
+    root: ["root", n, a && "alternativeLabel", r && "completed"]
+  }, ae, o);
+}, se = L("div", {
   name: "MuiStep",
   slot: "Root",
   overridesResolver: (t, o) => {
@@ -52,60 +52,60 @@ const ae = (t) => {
       position: "relative"
     }
   }]
-}), J = /* @__PURE__ */ m.forwardRef(function(o, n) {
-  const r = W({
+}), J = /* @__PURE__ */ b.forwardRef(function(o, n) {
+  const a = _({
     props: o,
     name: "MuiStep"
   }), {
-    active: a,
-    children: l,
-    className: b,
-    component: i = "div",
+    active: r,
+    children: c,
+    className: m,
+    component: l = "div",
     completed: p,
     disabled: u,
     expanded: d = !1,
-    index: c,
-    last: S,
+    index: i,
+    last: v,
     ...$
-  } = r, {
+  } = a, {
     activeStep: I,
-    connector: L,
-    alternativeLabel: M,
-    orientation: w,
+    connector: C,
+    alternativeLabel: T,
+    orientation: M,
     nonLinear: O
-  } = m.useContext(k);
-  let [x = !1, g = !1, v = !1] = [a, p, u];
-  I === c ? x = a !== void 0 ? a : !0 : !O && I > c ? g = p !== void 0 ? p : !0 : !O && I < c && (v = u !== void 0 ? u : !0);
-  const T = m.useMemo(() => ({
-    index: c,
-    last: S,
+  } = b.useContext(F);
+  let [x = !1, g = !1, S = !1] = [r, p, u];
+  I === i ? x = r !== void 0 ? r : !0 : !O && I > i ? g = p !== void 0 ? p : !0 : !O && I < i && (S = u !== void 0 ? u : !0);
+  const P = b.useMemo(() => ({
+    index: i,
+    last: v,
     expanded: d,
-    icon: c + 1,
+    icon: i + 1,
     active: x,
     completed: g,
-    disabled: v
-  }), [c, S, d, x, g, v]), f = {
-    ...r,
+    disabled: S
+  }), [i, v, d, x, g, S]), f = {
+    ...a,
     active: x,
-    orientation: w,
-    alternativeLabel: M,
+    orientation: M,
+    alternativeLabel: T,
     completed: g,
-    disabled: v,
+    disabled: S,
     expanded: d,
-    component: i
-  }, h = ae(f), N = /* @__PURE__ */ P(le, {
-    as: i,
-    className: j(h.root, b),
+    component: l
+  }, N = re(f), h = /* @__PURE__ */ w(se, {
+    as: l,
+    className: j(N.root, m),
     ref: n,
     ownerState: f,
     ...$,
-    children: [L && M && c !== 0 ? L : null, l]
+    children: [C && T && i !== 0 ? C : null, c]
   });
-  return /* @__PURE__ */ s(A.Provider, {
-    value: T,
-    children: L && !M && c !== 0 ? /* @__PURE__ */ P(m.Fragment, {
-      children: [L, N]
-    }) : N
+  return /* @__PURE__ */ s(W.Provider, {
+    value: P,
+    children: C && !T && i !== 0 ? /* @__PURE__ */ w(b.Fragment, {
+      children: [C, h]
+    }) : h
   });
 });
 process.env.NODE_ENV !== "production" && (J.propTypes = {
@@ -163,7 +163,7 @@ process.env.NODE_ENV !== "production" && (J.propTypes = {
    */
   sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object])
 });
-const se = H(/* @__PURE__ */ s("path", {
+const le = H(/* @__PURE__ */ s("path", {
   d: "M12 0a12 12 0 1 0 0 24 12 12 0 0 0 0-24zm-2 17l-5-5 1.4-1.4 3.6 3.6 7.6-7.6L19 8l-9 9z"
 }), "CheckCircle"), ie = H(/* @__PURE__ */ s("path", {
   d: "M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z"
@@ -171,20 +171,20 @@ const se = H(/* @__PURE__ */ s("path", {
 function ce(t) {
   return D("MuiStepIcon", t);
 }
-const z = V("MuiStepIcon", ["root", "active", "completed", "error", "text"]);
+const E = V("MuiStepIcon", ["root", "active", "completed", "error", "text"]);
 var G;
 const pe = (t) => {
   const {
     classes: o,
     active: n,
-    completed: r,
-    error: a
+    completed: a,
+    error: r
   } = t;
-  return _({
-    root: ["root", n && "active", r && "completed", a && "error"],
+  return k({
+    root: ["root", n && "active", a && "completed", r && "error"],
     text: ["text"]
   }, ce, o);
-}, U = C(ne, {
+}, U = L(ne, {
   name: "MuiStepIcon",
   slot: "Root"
 })(R(({
@@ -195,16 +195,16 @@ const pe = (t) => {
     duration: t.transitions.duration.shortest
   }),
   color: (t.vars || t).palette.text.disabled,
-  [`&.${z.completed}`]: {
+  [`&.${E.completed}`]: {
     color: (t.vars || t).palette.primary.main
   },
-  [`&.${z.active}`]: {
+  [`&.${E.active}`]: {
     color: (t.vars || t).palette.primary.main
   },
-  [`&.${z.error}`]: {
+  [`&.${E.error}`]: {
     color: (t.vars || t).palette.error.main
   }
-}))), de = C("text", {
+}))), de = L("text", {
   name: "MuiStepIcon",
   slot: "Text"
 })(R(({
@@ -213,39 +213,39 @@ const pe = (t) => {
   fill: (t.vars || t).palette.primary.contrastText,
   fontSize: t.typography.caption.fontSize,
   fontFamily: t.typography.fontFamily
-}))), K = /* @__PURE__ */ m.forwardRef(function(o, n) {
-  const r = W({
+}))), K = /* @__PURE__ */ b.forwardRef(function(o, n) {
+  const a = _({
     props: o,
     name: "MuiStepIcon"
   }), {
-    active: a = !1,
-    className: l,
-    completed: b = !1,
-    error: i = !1,
+    active: r = !1,
+    className: c,
+    completed: m = !1,
+    error: l = !1,
     icon: p,
     ...u
-  } = r, d = {
-    ...r,
-    active: a,
-    completed: b,
-    error: i
-  }, c = pe(d);
+  } = a, d = {
+    ...a,
+    active: r,
+    completed: m,
+    error: l
+  }, i = pe(d);
   if (typeof p == "number" || typeof p == "string") {
-    const S = j(l, c.root);
-    return i ? /* @__PURE__ */ s(U, {
+    const v = j(c, i.root);
+    return l ? /* @__PURE__ */ s(U, {
       as: ie,
-      className: S,
+      className: v,
       ref: n,
       ownerState: d,
       ...u
-    }) : b ? /* @__PURE__ */ s(U, {
-      as: se,
-      className: S,
+    }) : m ? /* @__PURE__ */ s(U, {
+      as: le,
+      className: v,
       ref: n,
       ownerState: d,
       ...u
-    }) : /* @__PURE__ */ P(U, {
-      className: S,
+    }) : /* @__PURE__ */ w(U, {
+      className: v,
       ref: n,
       ownerState: d,
       ...u,
@@ -254,7 +254,7 @@ const pe = (t) => {
         cy: "12",
         r: "12"
       })), /* @__PURE__ */ s(de, {
-        className: c.text,
+        className: i.text,
         x: "12",
         y: "12",
         textAnchor: "middle",
@@ -303,26 +303,26 @@ process.env.NODE_ENV !== "production" && (K.propTypes = {
    */
   sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object])
 });
-function be(t) {
+function me(t) {
   return D("MuiStepLabel", t);
 }
-const y = V("MuiStepLabel", ["root", "horizontal", "vertical", "label", "active", "completed", "error", "disabled", "iconContainer", "alternativeLabel", "labelContainer"]), me = (t) => {
+const y = V("MuiStepLabel", ["root", "horizontal", "vertical", "label", "active", "completed", "error", "disabled", "iconContainer", "alternativeLabel", "labelContainer"]), be = (t) => {
   const {
     classes: o,
     orientation: n,
-    active: r,
-    completed: a,
-    error: l,
-    disabled: b,
-    alternativeLabel: i
+    active: a,
+    completed: r,
+    error: c,
+    disabled: m,
+    alternativeLabel: l
   } = t;
-  return _({
-    root: ["root", n, l && "error", b && "disabled", i && "alternativeLabel"],
-    label: ["label", r && "active", a && "completed", l && "error", b && "disabled", i && "alternativeLabel"],
-    iconContainer: ["iconContainer", r && "active", a && "completed", l && "error", b && "disabled", i && "alternativeLabel"],
-    labelContainer: ["labelContainer", i && "alternativeLabel"]
-  }, be, o);
-}, ue = C("span", {
+  return k({
+    root: ["root", n, c && "error", m && "disabled", l && "alternativeLabel"],
+    label: ["label", a && "active", r && "completed", c && "error", m && "disabled", l && "alternativeLabel"],
+    iconContainer: ["iconContainer", a && "active", r && "completed", c && "error", m && "disabled", l && "alternativeLabel"],
+    labelContainer: ["labelContainer", l && "alternativeLabel"]
+  }, me, o);
+}, ue = L("span", {
   name: "MuiStepLabel",
   slot: "Root",
   overridesResolver: (t, o) => {
@@ -349,7 +349,7 @@ const y = V("MuiStepLabel", ["root", "horizontal", "vertical", "label", "active"
       padding: "8px 0"
     }
   }]
-}), fe = C("span", {
+}), fe = L("span", {
   name: "MuiStepLabel",
   slot: "Label"
 })(R(({
@@ -374,7 +374,7 @@ const y = V("MuiStepLabel", ["root", "horizontal", "vertical", "label", "active"
   [`&.${y.error}`]: {
     color: (t.vars || t).palette.error.main
   }
-}))), Se = C("span", {
+}))), ve = L("span", {
   name: "MuiStepLabel",
   slot: "IconContainer"
 })({
@@ -384,7 +384,7 @@ const y = V("MuiStepLabel", ["root", "horizontal", "vertical", "label", "active"
   [`&.${y.alternativeLabel}`]: {
     paddingRight: 0
   }
-}), ve = C("span", {
+}), Se = L("span", {
   name: "MuiStepLabel",
   slot: "LabelContainer"
 })(R(({
@@ -395,90 +395,90 @@ const y = V("MuiStepLabel", ["root", "horizontal", "vertical", "label", "active"
   [`&.${y.alternativeLabel}`]: {
     textAlign: "center"
   }
-}))), F = /* @__PURE__ */ m.forwardRef(function(o, n) {
-  const r = W({
+}))), A = /* @__PURE__ */ b.forwardRef(function(o, n) {
+  const a = _({
     props: o,
     name: "MuiStepLabel"
   }), {
-    children: a,
-    className: l,
-    componentsProps: b = {},
-    error: i = !1,
+    children: r,
+    className: c,
+    componentsProps: m = {},
+    error: l = !1,
     icon: p,
     optional: u,
     slots: d = {},
-    slotProps: c = {},
-    StepIconComponent: S,
+    slotProps: i = {},
+    StepIconComponent: v,
     StepIconProps: $,
     ...I
-  } = r, {
-    alternativeLabel: L,
-    orientation: M
-  } = m.useContext(k), {
-    active: w,
+  } = a, {
+    alternativeLabel: C,
+    orientation: T
+  } = b.useContext(F), {
+    active: M,
     disabled: O,
     completed: x,
     icon: g
-  } = m.useContext(A), v = p || g;
-  let T = S;
-  v && !T && (T = K);
+  } = b.useContext(W), S = p || g;
+  let P = v;
+  S && !P && (P = K);
   const f = {
-    ...r,
-    active: w,
-    alternativeLabel: L,
+    ...a,
+    active: M,
+    alternativeLabel: C,
     completed: x,
     disabled: O,
-    error: i,
-    orientation: M
-  }, h = me(f), N = {
+    error: l,
+    orientation: T
+  }, N = be(f), h = {
     slots: d,
     slotProps: {
       stepIcon: $,
-      ...b,
-      ...c
+      ...m,
+      ...i
     }
-  }, [Q, X] = E("root", {
+  }, [Q, X] = z("root", {
     elementType: ue,
     externalForwardedProps: {
-      ...N,
+      ...h,
       ...I
     },
     ownerState: f,
     ref: n,
-    className: j(h.root, l)
-  }), [Y, B] = E("label", {
+    className: j(N.root, c)
+  }), [Y, B] = z("label", {
     elementType: fe,
-    externalForwardedProps: N,
+    externalForwardedProps: h,
     ownerState: f
-  }), [q, Z] = E("stepIcon", {
-    elementType: T,
-    externalForwardedProps: N,
+  }), [q, Z] = z("stepIcon", {
+    elementType: P,
+    externalForwardedProps: h,
     ownerState: f
   });
-  return /* @__PURE__ */ P(Q, {
+  return /* @__PURE__ */ w(Q, {
     ...X,
-    children: [v || q ? /* @__PURE__ */ s(Se, {
-      className: h.iconContainer,
+    children: [S || q ? /* @__PURE__ */ s(ve, {
+      className: N.iconContainer,
       ownerState: f,
       children: /* @__PURE__ */ s(q, {
         completed: x,
-        active: w,
-        error: i,
-        icon: v,
+        active: M,
+        error: l,
+        icon: S,
         ...Z
       })
-    }) : null, /* @__PURE__ */ P(ve, {
-      className: h.labelContainer,
+    }) : null, /* @__PURE__ */ w(Se, {
+      className: N.labelContainer,
       ownerState: f,
-      children: [a ? /* @__PURE__ */ s(Y, {
+      children: [r ? /* @__PURE__ */ s(Y, {
         ...B,
-        className: j(h.label, B?.className),
-        children: a
+        className: j(N.label, B?.className),
+        children: r
       }) : null, u]
     })]
   });
 });
-process.env.NODE_ENV !== "production" && (F.propTypes = {
+process.env.NODE_ENV !== "production" && (A.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -549,38 +549,14 @@ process.env.NODE_ENV !== "production" && (F.propTypes = {
    */
   sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object])
 });
-F.muiName = "StepLabel";
-function Me({
+A.muiName = "StepLabel";
+function Te({
   steps: t,
   activeStep: o = 0,
-  sx: n,
-  stepperSx: r
+  alternativeLabel: n = !0
 }) {
-  const a = {
-    "& .MuiStepIcon-root": {
-      color: "#bdbdbd",
-      width: 32,
-      height: 32,
-      "&.Mui-active": { color: "#27A4E8" },
-      "&.Mui-completed": { color: "#27A4E8" }
-    },
-    "& .MuiStepLabel-root .Mui-active .MuiStepIcon-text": {
-      fill: "white"
-    },
-    "& .MuiStepLabel-label": {
-      color: "#6B7C93",
-      fontSize: "14px",
-      "&.Mui-active": { color: "#000000", fontWeight: 600 },
-      "&.Mui-completed": { color: "#000000" }
-    },
-    "& .MuiStepConnector-line": {
-      borderColor: "#e0e0e0",
-      borderTopWidth: 1
-    },
-    ...r ?? {}
-  };
-  return /* @__PURE__ */ s(te, { sx: { width: "100%", ...n ?? {} }, children: /* @__PURE__ */ s(ee, { activeStep: o, sx: a, children: t.map((l) => /* @__PURE__ */ s(J, { children: /* @__PURE__ */ s(F, { children: l }) }, l)) }) });
+  return /* @__PURE__ */ s(te, { sx: { width: "100%" }, children: /* @__PURE__ */ s(ee, { activeStep: o, alternativeLabel: n, children: t.map((a) => /* @__PURE__ */ s(J, { children: /* @__PURE__ */ s(A, { children: a }) }, a)) }) });
 }
 export {
-  Me as Stepper
+  Te as Stepper
 };