mui-fast-start 0.1.0

package/README.md

@@ -0,0 +1,73 @@
+# React + TypeScript + Vite
+
+This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
+
+Currently, two official plugins are available:
+
+- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react) uses [Babel](https://babeljs.io/) (or [oxc](https://oxc.rs) when used in [rolldown-vite](https://vite.dev/guide/rolldown)) for Fast Refresh
+- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
+
+## React Compiler
+
+The React Compiler is not enabled on this template because of its impact on dev & build performances. To add it, see [this documentation](https://react.dev/learn/react-compiler/installation).
+
+## Expanding the ESLint configuration
+
+If you are developing a production application, we recommend updating the configuration to enable type-aware lint rules:
+
+```js
+export default defineConfig([
+  globalIgnores(['dist']),
+  {
+    files: ['**/*.{ts,tsx}'],
+    extends: [
+      // Other configs...
+
+      // Remove tseslint.configs.recommended and replace with this
+      tseslint.configs.recommendedTypeChecked,
+      // Alternatively, use this for stricter rules
+      tseslint.configs.strictTypeChecked,
+      // Optionally, add this for stylistic rules
+      tseslint.configs.stylisticTypeChecked,
+
+      // Other configs...
+    ],
+    languageOptions: {
+      parserOptions: {
+        project: ['./tsconfig.node.json', './tsconfig.app.json'],
+        tsconfigRootDir: import.meta.dirname,
+      },
+      // other options...
+    },
+  },
+])
+```
+
+You can also install [eslint-plugin-react-x](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-x) and [eslint-plugin-react-dom](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-dom) for React-specific lint rules:
+
+```js
+// eslint.config.js
+import reactX from 'eslint-plugin-react-x'
+import reactDom from 'eslint-plugin-react-dom'
+
+export default defineConfig([
+  globalIgnores(['dist']),
+  {
+    files: ['**/*.{ts,tsx}'],
+    extends: [
+      // Other configs...
+      // Enable lint rules for React
+      reactX.configs['recommended-typescript'],
+      // Enable lint rules for React DOM
+      reactDom.configs.recommended,
+    ],
+    languageOptions: {
+      parserOptions: {
+        project: ['./tsconfig.node.json', './tsconfig.app.json'],
+        tsconfigRootDir: import.meta.dirname,
+      },
+      // other options...
+    },
+  },
+])
+```

package/dist/index.cjs.js

@@ -0,0 +1 @@
+var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},s=(n,r,a)=>(a=n==null?{}:e(i(n)),o(r||!n||!n.__esModule?t(a,`default`,{value:n,enumerable:!0}):a,n));let c=require(`react`);c=s(c);let l=require(`@mui/material`),u=require(`react/jsx-runtime`);var d=(e,t,n,r)=>{let i=0;if(e==null||h(e))i=r;else for(let t of e.split(/(?=[+-])/g))/^[+-]?\d+\.\d+$/.test(t)?i+=parseFloat(t):/^[+-]?\d+$/.test(t)&&(i+=parseInt(t,10));return n!=null&&(i=Math.min(n,i)),t!=null&&(i=Math.max(t,i)),i},f=(e,t,n,r)=>{let i=0;if(e==null||h(e))i=r;else for(let t of e.split(/(?=[+-])/g))/^[+-]?\d+$/.test(t)&&(i+=parseInt(t,10));return n!=null&&(i=Math.min(n,i)),t!=null&&(i=Math.max(t,i)),i},p=e=>{let t=e.replace(/[^0-9+.-]/g,``).replace(/([+-]){2,}/g,(e,t)=>t),n=``,r=``,i=!1;for(let e=0;e<t.length;e++){let a=t[e];a>=`0`&&a<=`9`?r+=a:a===`.`?i||=(r===``&&(r=`0`),r+=`.`,!0):(a===`+`||a===`-`)&&(r!==``&&(n+=r),n+=a,r=``,i=!1)}return n+r},m=e=>e.replace(/[^0-9+-]/g,``).replace(/\./g,``).replace(/([+-]){2,}/g,(e,t)=>t.charAt(0)).replace(/^([+-]{2,})/,e=>e.charAt(0));function h(e){return e.length===0||!e.trim()}function g(e){return typeof e==`object`&&!!e&&e.constructor===Object}function _(e){return Object.keys(e).length===0}function v(e,t){if(e===t||!g(t)||_(t))return e;if(!g(e)||_(e))return t;let n={...e},r=[[n,t]];for(;r.length;){let[e,t]=r.pop();for(let n in t){if(!Object.prototype.hasOwnProperty.call(t,n))continue;let i=t[n],a=e[n];if(g(a)&&g(i)){let t={...a};e[n]=t,r.push([t,i])}else e[n]=i}}return n}var y=e=>{let t={fullWidth:!0,autoComplete:`off`,variant:`outlined`,size:`small`},n=Object.assign({inputMode:`decimal`,type:`text`,step:.01,def:0},t),r=Object.assign({inputMode:`numeric`,type:`text`,step:1,def:0},t);return v({Single:{Float:{...n},Integer:{...r},Text:{...t},Checkbox:{size:`small`},CheckIcon:{size:`small`}},Obj:{Float:{...n},Integer:{...r},Text:{...t},Checkbox:{size:`small`},CheckIcon:{size:`small`}}},e)},b=y;const x=(0,c.createContext)(b());var S=(e,t,n)=>[t?.[e],(0,c.useCallback)(t=>{n(n=>({...n,[e]:typeof t==`function`?t(n?.[e]):t}))},[e,n])],C=S,w=e=>{let t=(0,c.useContext)(x).Obj.Checkbox,{get:n,set:r,...i}=v(t,e),[a,o]=C(i.name,n,r);return(0,u.jsx)(G,{get:a,set:o,...i})},T=w,E=e=>{let t=(0,c.useContext)(x).Obj.CheckIcon,{get:n,set:r,...i}=v(t,e),[a,o]=C(i.name,n,r);return(0,u.jsx)(q,{get:a,set:o,...i})},D=E,O=e=>{let t=(0,c.useContext)(x).Obj.Float,{get:n,set:r,...i}=v(t,e),[a,o]=C(i.name,n,r);return(0,u.jsx)(Y,{get:a,set:o,...i})},k=O,A=(e,t,n,r,i=[])=>{let[a,o]=(0,c.useState)(null),{get:s,set:l,errorData:u,minLength:d,maxLength:f,startAdornment:p,endAdornment:m,disappear:h,def:g,min:_,max:y,step:b,...x}=(0,c.useMemo)(()=>v({...e},t),[e,t]),S=(0,c.useCallback)(e=>r(e,_,y,g),[r,_,y,g]),C=(0,c.useCallback)(e=>{let{value:t,valueAsNumber:n}=e.currentTarget;return isNaN(n)?S(t):n},[S]),w=(0,c.useCallback)(e=>{let t=e.currentTarget,r=n(t.value);return r!=t.value&&(t.value=r),r},[n]),T=(0,c.useCallback)(()=>{a??o(s.toString())},[a,s]),E=(0,c.useCallback)(e=>{let t=S(w(e));!isNaN(t)&&s!=t&&l(t),o(e.currentTarget.value)},[w,S,l,s]),D=(0,c.useCallback)(e=>{let{value:t}=e.currentTarget;o(null);let n=S(t);s!=n&&l(n)},[S,s,l]),O=(0,c.useCallback)(e=>{if(i.includes(e.key)){e.preventDefault();return}let t=e.currentTarget;if(e.key===`ArrowUp`){e.preventDefault();let n=C(e)+b;y!=null&&n>y?t.value=y.toString():t.value=j(n,b).toString()}else if(e.key===`ArrowDown`){e.preventDefault();let n=C(e)-b;_!=null&&n<_?t.value=_.toString():t.value=j(n,b).toString()}},[C,y,_,b]),k=(0,c.useMemo)(()=>a??s,[s,a]),A=(0,c.useMemo)(()=>a==null&&(s==null||isNaN(s))?{}:{shrink:!0},[a,s]);return v({error:!!u,helperText:u,value:k,onChange:E,onSelect:T,onBlur:D,slotProps:{htmlInput:{step:b,min:_,max:y,minLength:d,maxLength:f,onKeyDown:O},inputLabel:A,input:{startAdornment:p,endAdornment:m}}},x)},j=(e,t)=>{if(t=Math.abs(t),t===0)return e;let n=-Math.floor(Math.log10(t));return n>0?Number(Math.round(e*10**n)/10**n):e},M=(e,t)=>A(e,t,p,d),N=(e,t)=>A(e,t,m,f,[`.`,`e`,`E`]),P=(e,t)=>{let{get:n,set:r,errorData:i,minLength:a,maxLength:o,startAdornment:s,endAdornment:l,...u}=v({...e},t),d=(0,c.useCallback)(e=>{r(e.currentTarget.value)},[r]);return v({error:!!i,helperText:i,value:n,onChange:d,slotProps:{htmlInput:{minLength:a,maxLength:o},input:{startAdornment:s,endAdornment:l}}},u)},F=P,I=e=>{let t=(0,c.useContext)(x).Single.Integer;return(0,u.jsx)(l.TextField,{...N(t,e)})},L=I,R=e=>{let t=(0,c.useContext)(x).Obj.Integer,{get:n,set:r,...i}=v(t,e),[a,o]=C(i.name,n,r);return(0,u.jsx)(L,{get:a,set:o,...i})},z=R,B=e=>{let t=(0,c.useContext)(x).Single.Text;return(0,u.jsx)(l.TextField,{...F(t,e)})},V=B,H=e=>{let t=(0,c.useContext)(x).Obj.Text,{get:n,set:r,...i}=v(t,e),[a,o]=C(i.name,n,r);return(0,u.jsx)(V,{get:a,set:o,...i})},U=H,W=e=>{let t=(0,c.useContext)(x).Single.Checkbox,{get:n,set:r,label:i,...a}=v(t,e),o=(0,c.useCallback)(()=>r(e=>!e),[r]);return i==null?(0,u.jsx)(l.Checkbox,{checked:n,onChange:o,...a}):(0,u.jsx)(l.FormControlLabel,{checked:n,label:i,onChange:o,control:(0,u.jsx)(l.Checkbox,{...a})})},G=W,K=e=>{let t=(0,c.useContext)(x).Single.CheckIcon,{get:n,set:r,on:i,off:a,...o}=v(t,e);return(0,u.jsx)(l.IconButton,{onClick:(0,c.useCallback)(()=>r(e=>!e),[r]),...o,children:n?i:a})},q=K,J=e=>{let t=(0,c.useContext)(x).Single.Float;return(0,u.jsx)(l.TextField,{...M(t,e)})},Y=J;exports.ObjCheckIcon=D,exports.ObjCheckbox=T,exports.ObjFloat=k,exports.ObjInteger=z,exports.ObjText=U,exports.SingleCheckIcon=q,exports.SingleCheckbox=G,exports.SingleFloat=Y,exports.SingleInteger=L,exports.SingleText=V;

package/dist/index.esm.js

@@ -0,0 +1,254 @@
+import { createContext, useCallback, useContext, useMemo, useState } from "react";
+import { Checkbox, FormControlLabel, IconButton, TextField } from "@mui/material";
+import { jsx } from "react/jsx-runtime";
+var floatCalculate = (n, i, a, o) => {
+	let s = 0;
+	if (n == null || isEmpty$1(n)) s = o;
+	else for (let i of n.split(/(?=[+-])/g)) /^[+-]?\d+\.\d+$/.test(i) ? s += parseFloat(i) : /^[+-]?\d+$/.test(i) && (s += parseInt(i, 10));
+	return a != null && (s = Math.min(a, s)), i != null && (s = Math.max(i, s)), s;
+}, integerCalculate = (n, i, a, o) => {
+	let s = 0;
+	if (n == null || isEmpty$1(n)) s = o;
+	else for (let i of n.split(/(?=[+-])/g)) /^[+-]?\d+$/.test(i) && (s += parseInt(i, 10));
+	return a != null && (s = Math.min(a, s)), i != null && (s = Math.max(i, s)), s;
+}, processFloat = (n) => {
+	let i = n.replace(/[^0-9+.-]/g, "").replace(/([+-]){2,}/g, (n, i) => i), a = "", o = "", s = !1;
+	for (let n = 0; n < i.length; n++) {
+		let c = i[n];
+		c >= "0" && c <= "9" ? o += c : c === "." ? s ||= (o === "" && (o = "0"), o += ".", !0) : (c === "+" || c === "-") && (o !== "" && (a += o), a += c, o = "", s = !1);
+	}
+	return a + o;
+}, processInteger = (n) => n.replace(/[^0-9+-]/g, "").replace(/\./g, "").replace(/([+-]){2,}/g, (n, i) => i.charAt(0)).replace(/^([+-]{2,})/, (n) => n.charAt(0));
+function isEmpty$1(n) {
+	return n.length === 0 || !n.trim();
+}
+function isPlainObject(n) {
+	return typeof n == "object" && !!n && n.constructor === Object;
+}
+function isEmpty(n) {
+	return Object.keys(n).length === 0;
+}
+function fastDeepMerge(n, i) {
+	if (n === i || !isPlainObject(i) || isEmpty(i)) return n;
+	if (!isPlainObject(n) || isEmpty(n)) return i;
+	let a = { ...n }, o = [[a, i]];
+	for (; o.length;) {
+		let [n, i] = o.pop();
+		for (let a in i) {
+			if (!Object.prototype.hasOwnProperty.call(i, a)) continue;
+			let s = i[a], c = n[a];
+			if (isPlainObject(c) && isPlainObject(s)) {
+				let i = { ...c };
+				n[a] = i, o.push([i, s]);
+			} else n[a] = s;
+		}
+	}
+	return a;
+}
+const FastStartContext = createContext(((n) => {
+	let i = {
+		fullWidth: !0,
+		autoComplete: "off",
+		variant: "outlined",
+		size: "small"
+	}, a = Object.assign({
+		inputMode: "decimal",
+		type: "text",
+		step: .01,
+		def: 0
+	}, i), o = Object.assign({
+		inputMode: "numeric",
+		type: "text",
+		step: 1,
+		def: 0
+	}, i);
+	return fastDeepMerge({
+		Single: {
+			Float: { ...a },
+			Integer: { ...o },
+			Text: { ...i },
+			Checkbox: { size: "small" },
+			CheckIcon: { size: "small" }
+		},
+		Obj: {
+			Float: { ...a },
+			Integer: { ...o },
+			Text: { ...i },
+			Checkbox: { size: "small" },
+			CheckIcon: { size: "small" }
+		}
+	}, n);
+})());
+var useObjToSingle_default = (n, a, o) => [a?.[n], useCallback((i) => {
+	o((a) => ({
+		...a,
+		[n]: typeof i == "function" ? i(a?.[n]) : i
+	}));
+}, [n, o])], ObjCheckbox_default = (n) => {
+	let i = useContext(FastStartContext).Obj.Checkbox, { get: o, set: s, ...c } = fastDeepMerge(i, n), [l, u] = useObjToSingle_default(c.name, o, s);
+	return /* @__PURE__ */ jsx(SingleCheckbox_default, {
+		get: l,
+		set: u,
+		...c
+	});
+}, ObjCheckIcon_default = (n) => {
+	let i = useContext(FastStartContext).Obj.CheckIcon, { get: o, set: s, ...c } = fastDeepMerge(i, n), [l, u] = useObjToSingle_default(c.name, o, s);
+	return /* @__PURE__ */ jsx(SingleCheckIcon_default, {
+		get: l,
+		set: u,
+		...c
+	});
+}, ObjFloat_default = (n) => {
+	let i = useContext(FastStartContext).Obj.Float, { get: o, set: s, ...c } = fastDeepMerge(i, n), [l, u] = useObjToSingle_default(c.name, o, s);
+	return /* @__PURE__ */ jsx(SingleFloat_default, {
+		get: l,
+		set: u,
+		...c
+	});
+}, useSplitSingleNumberProps = (n, a, c, l, u = []) => {
+	let [d, f] = useState(null), { get: p, set: m, errorData: h, minLength: g, maxLength: _, startAdornment: v, endAdornment: y, disappear: b, def: x, min: S, max: C, step: w, ...T } = useMemo(() => fastDeepMerge({ ...n }, a), [n, a]), E = useCallback((n) => l(n, S, C, x), [
+		l,
+		S,
+		C,
+		x
+	]), D = useCallback((n) => {
+		let { value: i, valueAsNumber: a } = n.currentTarget;
+		return isNaN(a) ? E(i) : a;
+	}, [E]), O = useCallback((n) => {
+		let i = n.currentTarget, a = c(i.value);
+		return a != i.value && (i.value = a), a;
+	}, [c]), k = useCallback(() => {
+		d ?? f(p.toString());
+	}, [d, p]), A = useCallback((n) => {
+		let i = E(O(n));
+		!isNaN(i) && p != i && m(i), f(n.currentTarget.value);
+	}, [
+		O,
+		E,
+		m,
+		p
+	]), j = useCallback((n) => {
+		let { value: i } = n.currentTarget;
+		f(null);
+		let a = E(i);
+		p != a && m(a);
+	}, [
+		E,
+		p,
+		m
+	]), M = useCallback((n) => {
+		if (u.includes(n.key)) {
+			n.preventDefault();
+			return;
+		}
+		let i = n.currentTarget;
+		if (n.key === "ArrowUp") {
+			n.preventDefault();
+			let a = D(n) + w;
+			C != null && a > C ? i.value = C.toString() : i.value = digitRound(a, w).toString();
+		} else if (n.key === "ArrowDown") {
+			n.preventDefault();
+			let a = D(n) - w;
+			S != null && a < S ? i.value = S.toString() : i.value = digitRound(a, w).toString();
+		}
+	}, [
+		D,
+		C,
+		S,
+		w
+	]), N = useMemo(() => d ?? p, [p, d]), P = useMemo(() => d == null && (p == null || isNaN(p)) ? {} : { shrink: !0 }, [d, p]);
+	return fastDeepMerge({
+		error: !!h,
+		helperText: h,
+		value: N,
+		onChange: A,
+		onSelect: k,
+		onBlur: j,
+		slotProps: {
+			htmlInput: {
+				step: w,
+				min: S,
+				max: C,
+				minLength: g,
+				maxLength: _,
+				onKeyDown: M
+			},
+			inputLabel: P,
+			input: {
+				startAdornment: v,
+				endAdornment: y
+			}
+		}
+	}, T);
+}, digitRound = (n, i) => {
+	if (i = Math.abs(i), i === 0) return n;
+	let a = -Math.floor(Math.log10(i));
+	return a > 0 ? Number(Math.round(n * 10 ** a) / 10 ** a) : n;
+}, useSplitSingleFloatProps = (n, i) => useSplitSingleNumberProps(n, i, processFloat, floatCalculate), useSplitSingleIntegerProps = (n, i) => useSplitSingleNumberProps(n, i, processInteger, integerCalculate, [
+	".",
+	"e",
+	"E"
+]), useSplitSingleTextProps_default = (n, a) => {
+	let { get: o, set: s, errorData: c, minLength: l, maxLength: u, startAdornment: d, endAdornment: f, ...p } = fastDeepMerge({ ...n }, a), m = useCallback((n) => {
+		s(n.currentTarget.value);
+	}, [s]);
+	return fastDeepMerge({
+		error: !!c,
+		helperText: c,
+		value: o,
+		onChange: m,
+		slotProps: {
+			htmlInput: {
+				minLength: l,
+				maxLength: u
+			},
+			input: {
+				startAdornment: d,
+				endAdornment: f
+			}
+		}
+	}, p);
+}, SingleInteger_default = (n) => {
+	let i = useContext(FastStartContext).Single.Integer;
+	return /* @__PURE__ */ jsx(TextField, { ...useSplitSingleIntegerProps(i, n) });
+}, ObjInteger_default = (n) => {
+	let i = useContext(FastStartContext).Obj.Integer, { get: o, set: s, ...c } = fastDeepMerge(i, n), [l, u] = useObjToSingle_default(c.name, o, s);
+	return /* @__PURE__ */ jsx(SingleInteger_default, {
+		get: l,
+		set: u,
+		...c
+	});
+}, SingleText_default = (n) => {
+	let i = useContext(FastStartContext).Single.Text;
+	return /* @__PURE__ */ jsx(TextField, { ...useSplitSingleTextProps_default(i, n) });
+}, ObjText_default = (n) => {
+	let i = useContext(FastStartContext).Obj.Text, { get: o, set: s, ...c } = fastDeepMerge(i, n), [l, u] = useObjToSingle_default(c.name, o, s);
+	return /* @__PURE__ */ jsx(SingleText_default, {
+		get: l,
+		set: u,
+		...c
+	});
+}, SingleCheckbox_default = (n) => {
+	let o = useContext(FastStartContext).Single.Checkbox, { get: s, set: u, label: d, ...p } = fastDeepMerge(o, n), m = useCallback(() => u((n) => !n), [u]);
+	return d == null ? /* @__PURE__ */ jsx(Checkbox, {
+		checked: s,
+		onChange: m,
+		...p
+	}) : /* @__PURE__ */ jsx(FormControlLabel, {
+		checked: s,
+		label: d,
+		onChange: m,
+		control: /* @__PURE__ */ jsx(Checkbox, { ...p })
+	});
+}, SingleCheckIcon_default = (n) => {
+	let o = useContext(FastStartContext).Single.CheckIcon, { get: s, set: c, on: l, off: d, ...p } = fastDeepMerge(o, n);
+	return /* @__PURE__ */ jsx(IconButton, {
+		onClick: useCallback(() => c((n) => !n), [c]),
+		...p,
+		children: s ? l : d
+	});
+}, SingleFloat_default = (n) => {
+	let i = useContext(FastStartContext).Single.Float;
+	return /* @__PURE__ */ jsx(TextField, { ...useSplitSingleFloatProps(i, n) });
+};
+export { ObjCheckIcon_default as ObjCheckIcon, ObjCheckbox_default as ObjCheckbox, ObjFloat_default as ObjFloat, ObjInteger_default as ObjInteger, ObjText_default as ObjText, SingleCheckIcon_default as SingleCheckIcon, SingleCheckbox_default as SingleCheckbox, SingleFloat_default as SingleFloat, SingleInteger_default as SingleInteger, SingleText_default as SingleText };

package/dist/types/components/Obj/Checkbox/ObjCheckIcon.d.ts

@@ -0,0 +1,3 @@
+import type { ObjCheckIconProps } from "../../../types";
+declare const ObjCheckIcon: <T extends object>(customProps: ObjCheckIconProps<T>) => import("react/jsx-runtime").JSX.Element;
+export default ObjCheckIcon;

package/dist/types/components/Obj/Checkbox/ObjCheckbox.d.ts

@@ -0,0 +1,3 @@
+import type { ObjCheckboxProps } from "../../../types";
+declare const ObjCheckbox: <T extends object>(customProps: ObjCheckboxProps<T>) => import("react/jsx-runtime").JSX.Element;
+export default ObjCheckbox;

package/dist/types/components/Obj/Textfield/ObjFloat.d.ts

@@ -0,0 +1,3 @@
+import type { ObjNumberProps } from "../../../types";
+declare const ObjFloat: <T extends object>(customProps: ObjNumberProps<T>) => import("react/jsx-runtime").JSX.Element;
+export default ObjFloat;

package/dist/types/components/Obj/Textfield/ObjInteger.d.ts

@@ -0,0 +1,3 @@
+import type { ObjNumberProps } from "../../../types";
+declare const ObjInteger: <T extends object>(customProps: ObjNumberProps<T>) => import("react/jsx-runtime").JSX.Element;
+export default ObjInteger;

package/dist/types/components/Obj/Textfield/ObjText.d.ts

@@ -0,0 +1,3 @@
+import type { ObjTextProps } from "../../../types";
+declare const ObjText: <T extends object>(customProps: ObjTextProps<T>) => import("react/jsx-runtime").JSX.Element;
+export default ObjText;

package/dist/types/components/Single/Checkbox/SingleCheckIcon.d.ts

@@ -0,0 +1,3 @@
+import type { SingleCheckIconProps } from "../../../types";
+declare const SingleCheckIcon: (customProps: SingleCheckIconProps) => import("react/jsx-runtime").JSX.Element;
+export default SingleCheckIcon;

package/dist/types/components/Single/Checkbox/SingleCheckbox.d.ts

@@ -0,0 +1,3 @@
+import type { SingleCheckboxProps } from "../../../types";
+declare const SingleCheckbox: (customProps: SingleCheckboxProps) => import("react/jsx-runtime").JSX.Element;
+export default SingleCheckbox;

package/dist/types/components/Single/TextField/SingleFloat.d.ts

@@ -0,0 +1,3 @@
+import type { SingleNumberProps } from "../../../types";
+declare const SingleFloat: (customProps: SingleNumberProps) => import("react/jsx-runtime").JSX.Element;
+export default SingleFloat;

package/dist/types/components/Single/TextField/SingleInteger.d.ts

@@ -0,0 +1,3 @@
+import type { SingleNumberProps } from "../../../types";
+declare const SingleInteger: (customProps: SingleNumberProps) => import("react/jsx-runtime").JSX.Element;
+export default SingleInteger;

package/dist/types/components/Single/TextField/SingleText.d.ts

@@ -0,0 +1,3 @@
+import type { SingleTextProps } from "../../../types";
+declare const SingleText: (customProps: SingleTextProps) => import("react/jsx-runtime").JSX.Element;
+export default SingleText;

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

@@ -0,0 +1,11 @@
+export type { SingleNumberProps, SingleTextProps, SingleCheckboxProps, SingleCheckIconProps } from '../types';
+export { default as ObjCheckbox } from './Obj/Checkbox/ObjCheckbox';
+export { default as ObjCheckIcon } from './Obj/Checkbox/ObjCheckIcon';
+export { default as ObjFloat } from './Obj/Textfield/ObjFloat';
+export { default as ObjInteger } from './Obj/Textfield/ObjInteger';
+export { default as ObjText } from './Obj/Textfield/ObjText';
+export { default as SingleCheckbox } from './Single/Checkbox/SingleCheckbox';
+export { default as SingleCheckIcon } from './Single/Checkbox/SingleCheckIcon';
+export { default as SingleFloat } from './Single/TextField/SingleFloat';
+export { default as SingleInteger } from './Single/TextField/SingleInteger';
+export { default as SingleText } from './Single/TextField/SingleText';

package/dist/types/hooks/index.d.ts

@@ -0,0 +1,3 @@
+export * from './splits/useSplitSingleNumberProps';
+export * from './splits/useSplitSingleTextProps';
+export * from './state/useObjToSingle';

package/dist/types/hooks/splits/useSplitSingleNumberProps.d.ts

@@ -0,0 +1,5 @@
+import type { SingleNumberProps } from "../../types";
+import type { TextFieldProps } from "@mui/material";
+declare const useSplitSingleFloatProps: (defaultProps: SingleNumberProps, customProps: SingleNumberProps) => TextFieldProps;
+declare const useSplitSingleIntegerProps: (defaultProps: SingleNumberProps, customProps: SingleNumberProps) => TextFieldProps;
+export { useSplitSingleFloatProps, useSplitSingleIntegerProps };

package/dist/types/hooks/splits/useSplitSingleTextProps.d.ts

@@ -0,0 +1,4 @@
+import type { SingleTextProps } from "../../types";
+import type { TextFieldProps } from "@mui/material";
+declare const useSplitSingleTextProps: (defaultProps: SingleTextProps, customProps: SingleTextProps) => TextFieldProps;
+export default useSplitSingleTextProps;

package/dist/types/hooks/state/useObjToSingle.d.ts

@@ -0,0 +1,4 @@
+import type { KeysWithValue } from "../../types";
+import type { Dispatch, SetStateAction } from "react";
+declare const useObjToSingle: <Type extends object, Target>(name: KeysWithValue<Type, Target> | string, get: Type, set: Dispatch<SetStateAction<Type>>) => [Target, Dispatch<SetStateAction<Target>>];
+export default useObjToSingle;

package/dist/types/styles/FastStartProvider.d.ts

@@ -0,0 +1,20 @@
+import type { FastStartProviderProps } from "../types";
+import { type Theme } from "@mui/material";
+export declare const FastStartContext: import("react").Context<import("../types").DeepPartial<{
+    Single: {
+        Float: import("../types").SingleNumberProps;
+        Integer: import("../types").SingleNumberProps;
+        Text: import("../types").SingleTextProps;
+        Checkbox: import("../types").SingleCheckboxProps;
+        CheckIcon: import("../types").SingleCheckIconProps;
+    };
+    Obj: {
+        Float: import("../types").ObjNumberProps<object>;
+        Integer: import("../types").ObjNumberProps<object>;
+        Text: import("../types").ObjTextProps<object>;
+        Checkbox: import("../types").ObjCheckboxProps<object>;
+        CheckIcon: import("../types").ObjCheckIconProps<object>;
+    };
+}>>;
+declare const FastStartProvider: <T = Theme>(props: FastStartProviderProps<T>) => import("react/jsx-runtime").JSX.Element;
+export default FastStartProvider;

package/dist/types/styles/createDefaultProps.d.ts

@@ -0,0 +1,3 @@
+import type { FastStartDefaultProps } from "../types";
+declare const createDefaultProps: (props?: FastStartDefaultProps | undefined) => FastStartDefaultProps;
+export default createDefaultProps;

package/dist/types/types/index.d.ts

@@ -0,0 +1,3 @@
+export * from './props';
+export * from './types';
+export * from './provider';

package/dist/types/types/props.d.ts

@@ -0,0 +1,38 @@
+import type { SlotProps, TextFieldOwnerState } from "@mui/material";
+import type { Dispatch, SetStateAction } from "react";
+import * as React from "react";
+import type { InputBaseProps } from "@mui/material/InputBase";
+import type { InputLabelProps } from "@mui/material/InputLabel";
+type HtmlInputType = SlotProps<React.ElementType<InputBaseProps['inputProps']>, {}, TextFieldOwnerState>;
+type InputLabelType = SlotProps<React.ElementType<InputLabelProps>, {}, TextFieldOwnerState>;
+type KeysWithValue<Type extends object, Target> = {
+    [K in keyof Type]: Type[K] extends Target ? K : never;
+}[keyof Type];
+interface BaseProps<Type, Error> {
+    get: Type;
+    set: Dispatch<SetStateAction<Type>>;
+    label?: React.ReactNode;
+    errorData?: Error;
+}
+type BasePropertyProps<TYPE> = BaseProps<TYPE, string>;
+interface BaseObjectProps<Type extends object, Target> extends BaseProps<Type, Partial<Type> | object> {
+    name: KeysWithValue<Type, Target> | string;
+}
+interface BaseTextProps {
+    minLength?: number;
+    maxLength?: number;
+    startAdornment?: React.ReactNode;
+    endAdornment?: React.ReactNode;
+}
+interface BaseCheckIconProps {
+    on: React.ReactNode;
+    off: React.ReactNode;
+}
+interface BaseNumberProps extends BaseTextProps {
+    disappear?: boolean;
+    def?: number;
+    min?: number;
+    max?: number;
+    step?: number;
+}
+export type { KeysWithValue, HtmlInputType, InputLabelType, BasePropertyProps, BaseObjectProps, BaseTextProps, BaseCheckIconProps, BaseNumberProps, };

package/dist/types/types/provider.d.ts

@@ -0,0 +1,31 @@
+import type { CheckboxProps, IconButtonProps, TextFieldProps, ThemeProviderProps } from "@mui/material";
+import type { BaseCheckIconProps, BaseNumberProps, BaseObjectProps, BasePropertyProps, BaseTextProps } from './props';
+import type { DeepPartial } from './types';
+export type SingleNumberProps = TextFieldProps & BaseNumberProps & BasePropertyProps<number>;
+export type SingleTextProps = TextFieldProps & BaseTextProps & BasePropertyProps<string>;
+export type SingleCheckboxProps = CheckboxProps & Omit<BasePropertyProps<boolean>, 'errorData'>;
+export type SingleCheckIconProps = IconButtonProps & BaseCheckIconProps & Omit<BasePropertyProps<boolean>, 'errorData' | 'label'>;
+export type ObjNumberProps<T extends object> = Omit<TextFieldProps, 'name'> & BaseNumberProps & BaseObjectProps<T, number>;
+export type ObjTextProps<T extends object> = Omit<TextFieldProps, 'name'> & BaseTextProps & BaseObjectProps<T, string>;
+export type ObjCheckboxProps<T extends object> = Omit<CheckboxProps, 'name'> & Omit<BaseObjectProps<T, boolean>, 'errorData'>;
+export type ObjCheckIconProps<T extends object> = Omit<IconButtonProps, 'name'> & BaseCheckIconProps & Omit<BaseObjectProps<T, boolean>, 'errorData' | 'label'>;
+type FastStartDefaultProps = DeepPartial<{
+    Single: {
+        Float: SingleNumberProps;
+        Integer: SingleNumberProps;
+        Text: SingleTextProps;
+        Checkbox: SingleCheckboxProps;
+        CheckIcon: SingleCheckIconProps;
+    };
+    Obj: {
+        Float: ObjNumberProps<object>;
+        Integer: ObjNumberProps<object>;
+        Text: ObjTextProps<object>;
+        Checkbox: ObjCheckboxProps<object>;
+        CheckIcon: ObjCheckIconProps<object>;
+    };
+}>;
+interface FastStartProviderProps<Theme> extends ThemeProviderProps<Theme> {
+    defaultProps: FastStartDefaultProps;
+}
+export type { FastStartDefaultProps, FastStartProviderProps, };

package/dist/types/types/types.d.ts

@@ -0,0 +1,4 @@
+type DeepPartial<T> = {
+    [K in keyof T]?: T[K] extends object ? DeepPartial<T[K]> : T[K];
+};
+export type { DeepPartial };

package/dist/types/utils/index.d.ts

@@ -0,0 +1,2 @@
+export * from './number/calculate';
+export * from './object/merge';

package/dist/types/utils/number/calculate.d.ts

@@ -0,0 +1,5 @@
+declare const floatCalculate: (value: string | null, min: number, max: number, def: number) => number;
+declare const integerCalculate: (value: string | null, min: number, max: number, def: number) => number;
+declare const processFloat: (text: string) => string;
+declare const processInteger: (text: string) => string;
+export { floatCalculate, integerCalculate, processFloat, processInteger };

package/dist/types/utils/object/merge.d.ts

@@ -0,0 +1,3 @@
+import type { DeepPartial } from "../../types";
+declare function fastDeepMerge<T extends object>(target: DeepPartial<T>, source: T): T;
+export { fastDeepMerge };

package/package.json

@@ -0,0 +1,64 @@
+{
+  "name": "mui-fast-start",
+  "version": "0.1.0",
+  "description": "Fast and easy-to-use MUI components for React",
+  "keywords": ["mui", "material-ui", "react", "components", "form"],
+  "author": "PersesTitan",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/VaneProject/mui-fast-start"
+  },
+  "type": "module",
+  "main": "dist/index.cjs.js",
+  "module": "dist/index.esm.js",
+  "types": "dist/types/components/index.d.ts",
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "sideEffects": false,
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build && tsc -p tsconfig.lib.json",
+    "lint": "eslint .",
+    "preview": "vite preview",
+    "prepublishOnly": "npm run build"
+  },
+  "exports": {
+    ".": {
+      "import": "./dist/index.esm.js",
+      "require": "./dist/index.cjs.js",
+      "types": "./dist/types/components/index.d.ts"
+    }
+  },
+  "peerDependencies": {
+    "react": ">=18",
+    "react-dom": ">=18",
+    "@mui/material": ">=6",
+    "@emotion/react": ">=11",
+    "@emotion/styled": ">=11"
+  },
+  "devDependencies": {
+    "@emotion/react": "^11.14.0",
+    "@emotion/styled": "^11.14.1",
+    "@eslint/js": "^9.39.1",
+    "@mui/material": "^7.1.1",
+    "@types/node": "^24.10.1",
+    "@types/react": "^19.2.5",
+    "@types/react-dom": "^19.2.3",
+    "@vitejs/plugin-react": "^5.1.1",
+    "eslint": "^9.39.1",
+    "eslint-plugin-react-hooks": "^7.0.1",
+    "eslint-plugin-react-refresh": "^0.4.24",
+    "globals": "^16.5.0",
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0",
+    "typescript": "~5.9.3",
+    "typescript-eslint": "^8.46.4",
+    "vite": "npm:rolldown-vite@7.2.5"
+  },
+  "overrides": {
+    "vite": "npm:rolldown-vite@7.2.5"
+  }
+}