@fangzsx/component-library 0.0.11 → 0.0.13

package/dist/index-o1i1vy-V.js

@@ -0,0 +1,73 @@
+import { jsx as l } from "react/jsx-runtime";
+import { GlobalStyles as c } from "@mui/system";
+import { i as m, d as y, T as p, P as o } from "./generateUtilityClasses-BCID9NF1.js";
+import { e as x } from "./useTimeout-BWi4JTOH.js";
+const P = (e) => {
+  const r = {
+    systemProps: {},
+    otherProps: {}
+  }, s = e?.theme?.unstable_sxConfig ?? y;
+  return Object.keys(e).forEach((t) => {
+    s[t] ? r.systemProps[t] = e[t] : r.otherProps[t] = e[t];
+  }), r;
+};
+function b(e) {
+  const {
+    sx: r,
+    ...s
+  } = e, {
+    systemProps: t,
+    otherProps: f
+  } = P(s);
+  let n;
+  return Array.isArray(r) ? n = [t, ...r] : typeof r == "function" ? n = (...u) => {
+    const i = r(...u);
+    return m(i) ? {
+      ...t,
+      ...i
+    } : t;
+  } : n = {
+    ...t,
+    ...r
+  }, {
+    ...f,
+    sx: n
+  };
+}
+function a(e) {
+  return /* @__PURE__ */ l(c, {
+    ...e,
+    defaultTheme: x,
+    themeId: p
+  });
+}
+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`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * The styles you want to apply globally.
+   */
+  styles: o.oneOfType([o.array, o.func, o.number, o.object, o.string, o.bool])
+});
+function g(e) {
+  return function(s) {
+    return (
+      // Pigment CSS `globalCss` support callback with theme inside an object but `GlobalStyles` support theme as a callback value.
+      /* @__PURE__ */ l(a, {
+        styles: typeof e == "function" ? (t) => e({
+          theme: t,
+          ...s
+        }) : e
+      })
+    );
+  };
+}
+function E() {
+  return b;
+}
+export {
+  g,
+  E as i
+};

package/dist/main.d.ts

@@ -2,8 +2,12 @@ export { AppBarPublic } from './components/AppBarPublic';
 export { Banner } from './components/Banner';
 export { Button } from './components/Button';
 export { CheckBox } from './components/Checkbox';
+export { CheckboxGroup } from './components/CheckboxGroup';
+export { Dropdown } from './components/Dropdown';
 export { FlatBanner } from './components/FlatBanner';
-export { Input } from './components/Input';
 export { Label } from './components/Label';
+export { LinearProgress } from './components/LinearProgress';
 export { MediaCardWithAction } from './components/MediaCardWithAction';
+export { RadioButtonGroup } from './components/RadioButtonGroup';
 export { Text } from './components/Text';
+export { TextFieldInput } from './components/TextFieldInput';

package/dist/main.js

@@ -1,20 +1,28 @@
-import { AppBarPublic as t } from "./components/AppBarPublic/index.js";
+import { AppBarPublic as e } from "./components/AppBarPublic/index.js";
 import { Banner as p } from "./components/Banner/index.js";
-import { B as f } from "./index-DGepNtNg.js";
+import { B as f } from "./index-CoBGCD2e.js";
 import { CheckBox as a } from "./components/Checkbox/index.js";
-import { FlatBanner as B } from "./components/FlatBanner/index.js";
-import { Input as c } from "./components/Input/index.js";
-import { Label as u } from "./components/Label/index.js";
-import { MediaCardWithAction as d } from "./components/MediaCardWithAction/index.js";
-import { Text as A } from "./components/Text/index.js";
+import { CheckboxGroup as i } from "./components/CheckboxGroup/index.js";
+import { Dropdown as u } from "./components/Dropdown/index.js";
+import { FlatBanner as c } from "./components/FlatBanner/index.js";
+import { Label as b } from "./components/Label/index.js";
+import { LinearProgress as s } from "./components/LinearProgress/index.js";
+import { MediaCardWithAction as k } from "./components/MediaCardWithAction/index.js";
+import { RadioButtonGroup as F } from "./components/RadioButtonGroup/index.js";
+import { Text as L } from "./components/Text/index.js";
+import { TextFieldInput as T } from "./components/TextFieldInput/index.js";
 export {
-  t as AppBarPublic,
+  e as AppBarPublic,
   p as Banner,
   f as Button,
   a as CheckBox,
-  B as FlatBanner,
-  c as Input,
-  u as Label,
-  d as MediaCardWithAction,
-  A as Text
+  i as CheckboxGroup,
+  u as Dropdown,
+  c as FlatBanner,
+  b as Label,
+  s as LinearProgress,
+  k as MediaCardWithAction,
+  F as RadioButtonGroup,
+  L as Text,
+  T as TextFieldInput
 };

package/dist/mergeSlotProps-C-n2ing7.js

@@ -0,0 +1,62 @@
+import { c as t } from "./useTimeout-BWi4JTOH.js";
+function x(s, i) {
+  const a = s.charCodeAt(2);
+  return s[0] === "o" && s[1] === "n" && a >= 65 && a <= 90 && typeof i == "function";
+}
+function N(s, i) {
+  if (!s)
+    return i;
+  function a(m, c) {
+    const n = {};
+    return Object.keys(c).forEach((y) => {
+      x(y, c[y]) && typeof m[y] == "function" && (n[y] = (...A) => {
+        m[y](...A), c[y](...A);
+      });
+    }), n;
+  }
+  if (typeof s == "function" || typeof i == "function")
+    return (m) => {
+      const c = typeof i == "function" ? i(m) : i, n = typeof s == "function" ? s({
+        ...m,
+        ...c
+      }) : s, y = t(m?.className, c?.className, n?.className), A = a(n, c);
+      return {
+        ...c,
+        ...n,
+        ...A,
+        ...!!y && {
+          className: y
+        },
+        ...c?.style && n?.style && {
+          style: {
+            ...c.style,
+            ...n.style
+          }
+        },
+        ...c?.sx && n?.sx && {
+          sx: [...Array.isArray(c.sx) ? c.sx : [c.sx], ...Array.isArray(n.sx) ? n.sx : [n.sx]]
+        }
+      };
+    };
+  const f = i, u = a(s, f), r = t(f?.className, s?.className);
+  return {
+    ...i,
+    ...s,
+    ...u,
+    ...!!r && {
+      className: r
+    },
+    ...f?.style && s?.style && {
+      style: {
+        ...f.style,
+        ...s.style
+      }
+    },
+    ...f?.sx && s?.sx && {
+      sx: [...Array.isArray(f.sx) ? f.sx : [f.sx], ...Array.isArray(s.sx) ? s.sx : [s.sx]]
+    }
+  };
+}
+export {
+  N as m
+};

package/dist/useId-CK6Kn3Tn.js

@@ -0,0 +1,21 @@
+import * as u from "react";
+let n = 0;
+function o(t) {
+  const [e, a] = u.useState(t), c = t || e;
+  return u.useEffect(() => {
+    e == null && (n += 1, a(`mui-${n}`));
+  }, [e]), c;
+}
+const f = {
+  ...u
+}, s = f.useId;
+function l(t) {
+  if (s !== void 0) {
+    const e = s();
+    return t ?? e;
+  }
+  return o(t);
+}
+export {
+  l as u
+};

package/dist/useSlot-S2pEBHE8.js

@@ -0,0 +1,161 @@
+import * as i from "react";
+import { c as C, h as x } from "./useTimeout-BWi4JTOH.js";
+function V(e) {
+  const {
+    controlled: o,
+    default: t,
+    name: n,
+    state: s = "value"
+  } = e, {
+    current: r
+  } = i.useRef(o !== void 0), [c, f] = i.useState(t), d = r ? o : c;
+  if (process.env.NODE_ENV !== "production") {
+    i.useEffect(() => {
+      r !== (o !== void 0) && console.error([`MUI: A component is changing the ${r ? "" : "un"}controlled ${s} state of ${n} to be ${r ? "un" : ""}controlled.`, "Elements should not switch from uncontrolled to controlled (or vice versa).", `Decide between using a controlled or uncontrolled ${n} element for the lifetime of the component.`, "The nature of the state is determined during the first render. It's considered controlled if the value is not `undefined`.", "More info: https://fb.me/react-controlled-components"].join(`
+`));
+    }, [s, n, o]);
+    const {
+      current: l
+    } = i.useRef(t);
+    i.useEffect(() => {
+      !r && JSON.stringify(t) !== JSON.stringify(l) && console.error([`MUI: A component is changing the default ${s} state of an uncontrolled ${n} after being initialized. To suppress this warning opt to use a controlled ${n}.`].join(`
+`));
+    }, [JSON.stringify(t)]);
+  }
+  const a = i.useCallback((l) => {
+    r || f(l);
+  }, []);
+  return [d, a];
+}
+const S = /* @__PURE__ */ i.createContext(void 0);
+process.env.NODE_ENV !== "production" && (S.displayName = "FormControlContext");
+function b() {
+  return i.useContext(S);
+}
+function F(e) {
+  return typeof e == "string";
+}
+function O(e, o, t) {
+  return e === void 0 || F(e) ? o : {
+    ...o,
+    ownerState: {
+      ...o.ownerState,
+      ...t
+    }
+  };
+}
+function $(e, o, t) {
+  return typeof e == "function" ? e(o, t) : e;
+}
+function R(e, o = []) {
+  if (e === void 0)
+    return {};
+  const t = {};
+  return Object.keys(e).filter((n) => n.match(/^on[A-Z]/) && typeof e[n] == "function" && !o.includes(n)).forEach((n) => {
+    t[n] = e[n];
+  }), t;
+}
+function N(e) {
+  if (e === void 0)
+    return {};
+  const o = {};
+  return Object.keys(e).filter((t) => !(t.match(/^on[A-Z]/) && typeof e[t] == "function")).forEach((t) => {
+    o[t] = e[t];
+  }), o;
+}
+function k(e) {
+  const {
+    getSlotProps: o,
+    additionalProps: t,
+    externalSlotProps: n,
+    externalForwardedProps: s,
+    className: r
+  } = e;
+  if (!o) {
+    const m = C(t?.className, r, s?.className, n?.className), h = {
+      ...t?.style,
+      ...s?.style,
+      ...n?.style
+    }, u = {
+      ...t,
+      ...s,
+      ...n
+    };
+    return m.length > 0 && (u.className = m), Object.keys(h).length > 0 && (u.style = h), {
+      props: u,
+      internalRef: void 0
+    };
+  }
+  const c = R({
+    ...s,
+    ...n
+  }), f = N(n), d = N(s), a = o(c), l = C(a?.className, t?.className, r, s?.className, n?.className), y = {
+    ...a?.style,
+    ...t?.style,
+    ...s?.style,
+    ...n?.style
+  }, p = {
+    ...a,
+    ...t,
+    ...d,
+    ...f
+  };
+  return l.length > 0 && (p.className = l), Object.keys(y).length > 0 && (p.style = y), {
+    props: p,
+    internalRef: a.ref
+  };
+}
+function A(e, o) {
+  const {
+    className: t,
+    elementType: n,
+    ownerState: s,
+    externalForwardedProps: r,
+    internalForwardedProps: c,
+    shouldForwardComponentProp: f = !1,
+    ...d
+  } = o, {
+    component: a,
+    slots: l = {
+      [e]: void 0
+    },
+    slotProps: y = {
+      [e]: void 0
+    },
+    ...p
+  } = r, m = l[e] || n, h = $(y[e], s), {
+    props: {
+      component: u,
+      ...P
+    },
+    internalRef: v
+  } = k({
+    className: t,
+    ...d,
+    externalForwardedProps: e === "root" ? p : void 0,
+    externalSlotProps: h
+  }), E = x(v, h?.ref, o.ref), g = e === "root" ? u || a : u, w = O(m, {
+    ...e === "root" && !a && !l[e] && c,
+    ...e !== "root" && !l[e] && c,
+    ...P,
+    ...g && !f && {
+      as: g
+    },
+    ...g && f && {
+      component: g
+    },
+    ref: E
+  }, s);
+  return [m, w];
+}
+export {
+  S as F,
+  b as a,
+  A as b,
+  O as c,
+  R as e,
+  F as i,
+  k as m,
+  $ as r,
+  V as u
+};