mui-fast-start 0.2.0 → 0.3.1

package/dist/types/props.d.ts

@@ -1,45 +1,60 @@
-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>;
+import { Dispatch, HTMLAttributes, SetStateAction } from "react";
+import { MfsObjectKeys, MfsSelectEmpty } from "./props.internal.ts";
 type KeysWithValue<Type extends object, Target> = {
     [K in keyof Type]: Type[K] extends Target ? K : never;
 }[keyof Type];
-interface BaseProps<Type, Error> {
+export interface MfsPropertyProps<Type> {
     get: Type;
     set: Dispatch<SetStateAction<Type>>;
+}
+export interface MfsObjectProps<Type extends object, Target> {
+    name: MfsObjectKeys<Type, Target>;
+}
+export interface MfsLabelProps<Type> extends MfsPropertyProps<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;
+export interface MfsErrorProps<Type, Error> extends MfsLabelProps<Type> {
+    err?: Error;
 }
-interface BaseTextProps {
+export interface MfsTextProps {
     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;
+export interface MfsNumberProps extends MfsTextProps {
+    inputMode?: HTMLAttributes<unknown>["inputMode"];
+    type?: React.InputHTMLAttributes<unknown>['type'];
+    def?: number | null | undefined;
     min?: number;
     max?: number;
     step?: number;
 }
-interface BaseSelectProps<I> {
-    renderMenuItem?: (item: I) => React.ReactNode;
+export interface MfsCheckIconProps {
+    on: React.ReactNode;
+    off: React.ReactNode;
 }
-interface BaseSelectItemProps<I> extends BaseSelectProps<I> {
+export type MfsSelectOneProps<I> = {
     items: I[];
+    renderMenuItem?: (item: I, i: number) => React.ReactNode;
+} & MfsSelectEmpty<I> & ([NonNullable<I>] extends [string | number] ? {
+    getKey?: (item: I) => string | number;
+} : {
+    getKey: (item: I) => string | number;
+});
+export type MfsSelectRecordProps<Item extends Record<PropertyKey, unknown>> = {
+    items: Item;
+    renderMenuItem?: (key: keyof Item, value: Item[keyof Item], i: number) => React.ReactNode;
+} & MfsSelectEmpty<Item>;
+interface BaseProps<Type, Error> {
+    get: Type;
+    set: Dispatch<SetStateAction<Type>>;
+    label?: React.ReactNode;
+    err?: Error;
+}
+interface BaseObjectProps<Type extends object, Target> extends BaseProps<Type, Partial<Type> | object> {
+    name: KeysWithValue<Type, Target> | string;
 }
-export type { KeysWithValue, HtmlInputType, InputLabelType, BasePropertyProps, BaseObjectProps, BaseTextProps, BaseCheckIconProps, BaseNumberProps, BaseSelectItemProps };
+export type { KeysWithValue, BaseObjectProps, };
 //# sourceMappingURL=props.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/types/props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,SAAS,EAAE,mBAAmB,EAAC,MAAM,eAAe,CAAC;AAClE,OAAO,KAAK,EAAC,QAAQ,EAAE,cAAc,EAAC,MAAM,OAAO,CAAC;AACpD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,yBAAyB,CAAC;AAC5D,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,0BAA0B,CAAC;AAE9D,KAAK,aAAa,GAAG,SAAS,CAAC,KAAK,CAAC,WAAW,CAAC,cAAc,CAAC,YAAY,CAAC,CAAC,EAAE,EAAE,EAAE,mBAAmB,CAAC,CAAC;AACzG,KAAK,cAAc,GAAG,SAAS,CAAC,KAAK,CAAC,WAAW,CAAC,eAAe,CAAC,EAAE,EAAE,EAAE,mBAAmB,CAAC,CAAC;AAC7F,KAAK,aAAa,CAAC,IAAI,SAAS,MAAM,EAAE,MAAM,IAAI;KAC7C,CAAC,IAAI,MAAM,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,SAAS,MAAM,GAAG,CAAC,GAAG,KAAK;CACxD,CAAC,MAAM,IAAI,CAAC,CAAC;AAEd,UAAU,SAAS,CAAC,IAAI,EAAE,KAAK;IAC3B,GAAG,EAAE,IAAI,CAAC;IACV,GAAG,EAAE,QAAQ,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC;IACpC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,SAAS,CAAC,EAAE,KAAK,CAAC;CACrB;AAED,KAAK,iBAAiB,CAAC,IAAI,IAAI,SAAS,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;AAEvD,UAAU,eAAe,CAAC,IAAI,SAAS,MAAM,EAAE,MAAM,CACjD,SAAQ,SAAS,CAAC,IAAI,EAAE,OAAO,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC;IAC/C,IAAI,EAAE,aAAa,CAAC,IAAI,EAAE,MAAM,CAAC,GAAG,MAAM,CAAC;CAC9C;AAGD,UAAU,aAAa;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAClC;AAED,UAAU,kBAAkB;IACxB,EAAE,EAAE,KAAK,CAAC,SAAS,CAAC;IACpB,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED,UAAU,eAAgB,SAAQ,aAAa;IAC3C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB;AAGD,UAAU,eAAe,CAAC,CAAC;IACvB,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;CACjD;AAED,UAAU,mBAAmB,CAAC,CAAC,CAAE,SAAQ,eAAe,CAAC,CAAC,CAAC;IACvD,KAAK,EAAE,CAAC,EAAE,CAAC;CACd;AAED,YAAY,EACR,aAAa,EACb,aAAa,EACb,cAAc,EACd,iBAAiB,EACjB,eAAe,EACf,aAAa,EACb,kBAAkB,EAClB,eAAe,EACf,mBAAmB,EACtB,CAAA"}
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/types/props.ts"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,12 @@
+import React from "react";
+export type KeysWithValue<Type extends object, Target = unknown> = {
+    [K in keyof Type]: Type[K] extends Target ? K : never;
+}[keyof Type];
+export type MfsObjectKeys<Type extends object, Target = unknown> = KeysWithValue<Type, Target>;
+export type MfsSelectEmpty<I> = {
+    emptyItem?: React.ReactNode;
+    emptyValue?: '' | null | undefined | I;
+};
+export type MfsSingleError = React.ReactNode;
+export type MfsObjectError<Type extends object, Target = unknown> = Partial<Record<MfsObjectKeys<Type, Target>, React.ReactNode>>;
+//# sourceMappingURL=props.internal.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"props.internal.d.ts","sourceRoot":"","sources":["../../src/types/props.internal.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,MAAM,aAAa,CAAC,IAAI,SAAS,MAAM,EAAE,MAAM,GAAG,OAAO,IAAI;KAC9D,CAAC,IAAI,MAAM,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,SAAS,MAAM,GAAG,CAAC,GAAG,KAAK;CACxD,CAAC,MAAM,IAAI,CAAC,CAAC;AAEd,MAAM,MAAM,aAAa,CAAC,IAAI,SAAS,MAAM,EAAE,MAAM,GAAG,OAAO,IAC3D,aAAa,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;AAEhC,MAAM,MAAM,cAAc,CAAC,CAAC,IAAI;IAC5B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,UAAU,CAAC,EAAE,EAAE,GAAG,IAAI,GAAG,SAAS,GAAG,CAAC,CAAC;CAC1C,CAAA;AAED,MAAM,MAAM,cAAc,GAAG,KAAK,CAAC,SAAS,CAAC;AAC7C,MAAM,MAAM,cAAc,CAAC,IAAI,SAAS,MAAM,EAAE,MAAM,GAAG,OAAO,IAC5D,OAAO,CAAC,MAAM,CAAC,aAAa,CAAC,IAAI,EAAE,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC"}

package/dist/types/provider.d.ts

@@ -1,32 +1,22 @@
-import type { CheckboxProps, IconButtonProps, TextFieldProps, ThemeProviderProps } from "@mui/material";
-import { 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;
+import { MfsCheckIconProps, MfsErrorProps, MfsLabelProps, MfsNumberProps, MfsObjectProps, MfsPropertyProps, MfsSelectOneProps, MfsSelectRecordProps, MfsTextProps } from './props';
+import { MfsObjectError, MfsSingleError } from "./props.internal.ts";
+export interface MfsSingleNumberProps extends MfsNumberProps, MfsErrorProps<number, MfsSingleError> {
 }
-export type { FastStartDefaultProps, FastStartProviderProps, };
+export interface MfsSingleTextProps extends MfsTextProps, MfsErrorProps<string, MfsSingleError> {
+}
+export type MfsSingleCheckboxProps = MfsLabelProps<boolean>;
+export interface MfsSingleCheckIconProps extends MfsCheckIconProps, MfsPropertyProps<boolean> {
+}
+export type MfsSingleSelectOneProps<Item> = MfsSelectOneProps<Item> & MfsErrorProps<Item, MfsSingleError>;
+export type MfsSingleSelectRecordProps<Item extends Record<PropertyKey, unknown>, Value = keyof Item | undefined | null> = MfsSelectRecordProps<Item> & MfsErrorProps<Value, MfsSingleError>;
+export interface MfsObjectNumberProps<T extends object> extends MfsObjectProps<T, number>, MfsNumberProps, MfsErrorProps<T, MfsObjectError<T, number>> {
+}
+export interface MfsObjectTextProps<T extends object> extends MfsObjectProps<T, string>, MfsTextProps, MfsErrorProps<T, MfsObjectError<T, string>> {
+}
+export interface MfsObjectCheckboxProps<T extends object> extends MfsObjectProps<T, boolean>, MfsLabelProps<T> {
+}
+export interface MfsObjectCheckIconProps<T extends object> extends MfsObjectProps<T, boolean>, MfsPropertyProps<T>, MfsCheckIconProps {
+}
+export type MfsObjectSelectOneProps<T extends object, Item> = MfsObjectProps<T, Item> & MfsSelectOneProps<Item> & MfsErrorProps<T, MfsObjectError<T, Item>>;
+export type MfsObjectSelectRecordProps<T extends object, Item extends Record<PropertyKey, unknown>> = MfsObjectProps<T, Item> & MfsSelectRecordProps<Item> & MfsErrorProps<T, MfsObjectError<T, Item>>;
 //# sourceMappingURL=provider.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"provider.d.ts","sourceRoot":"","sources":["../../src/types/provider.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAE,eAAe,EAAe,cAAc,EAAE,kBAAkB,EAAC,MAAM,eAAe,CAAC;AACnH,OAAO,EACH,kBAAkB,EAClB,eAAe,EACf,eAAe,EACf,iBAAiB,EAEjB,aAAa,EAChB,MAAM,SAAS,CAAC;AACjB,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,SAAS,CAAC;AAEzC,MAAM,MAAM,iBAAiB,GAAG,cAAc,GAAG,eAAe,GAAG,iBAAiB,CAAC,MAAM,CAAC,CAAC;AAC7F,MAAM,MAAM,eAAe,GAAG,cAAc,GAAG,aAAa,GAAG,iBAAiB,CAAC,MAAM,CAAC,CAAC;AACzF,MAAM,MAAM,mBAAmB,GAAG,aAAa,GAAG,IAAI,CAAC,iBAAiB,CAAC,OAAO,CAAC,EAAE,WAAW,CAAC,CAAC;AAChG,MAAM,MAAM,oBAAoB,GAAG,eAAe,GAAG,kBAAkB,GAAG,IAAI,CAAC,iBAAiB,CAAC,OAAO,CAAC,EAAE,WAAW,GAAG,OAAO,CAAC,CAAC;AAElI,MAAM,MAAM,cAAc,CAAC,CAAC,SAAS,MAAM,IAAI,IAAI,CAAC,cAAc,EAAE,MAAM,CAAC,GAAG,eAAe,GAAG,eAAe,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC;AAC3H,MAAM,MAAM,YAAY,CAAC,CAAC,SAAS,MAAM,IAAI,IAAI,CAAC,cAAc,EAAE,MAAM,CAAC,GAAG,aAAa,GAAG,eAAe,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC;AACvH,MAAM,MAAM,gBAAgB,CAAC,CAAC,SAAS,MAAM,IAAI,IAAI,CAAC,aAAa,EAAE,MAAM,CAAC,GAAG,IAAI,CAAC,eAAe,CAAC,CAAC,EAAE,OAAO,CAAC,EAAE,WAAW,CAAC,CAAC;AAC9H,MAAM,MAAM,iBAAiB,CAAC,CAAC,SAAS,MAAM,IAAI,IAAI,CAAC,eAAe,EAAE,MAAM,CAAC,GAAG,kBAAkB,GAAG,IAAI,CAAC,eAAe,CAAC,CAAC,EAAE,OAAO,CAAC,EAAE,WAAW,GAAG,OAAO,CAAC,CAAC;AAGhK,KAAK,qBAAqB,GAAG,WAAW,CAAC;IACrC,MAAM,EAAE;QACJ,KAAK,EAAE,iBAAiB,CAAC;QACzB,OAAO,EAAE,iBAAiB,CAAC;QAC3B,IAAI,EAAE,eAAe,CAAC;QACtB,QAAQ,EAAE,mBAAmB,CAAC;QAC9B,SAAS,EAAE,oBAAoB,CAAC;KACnC,CAAC;IACF,GAAG,EAAE;QACD,KAAK,EAAE,cAAc,CAAC,MAAM,CAAC,CAAC;QAC9B,OAAO,EAAE,cAAc,CAAC,MAAM,CAAC,CAAC;QAChC,IAAI,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC;QAC3B,QAAQ,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAC;QACnC,SAAS,EAAE,iBAAiB,CAAC,MAAM,CAAC,CAAC;KACxC,CAAA;CACJ,CAAC,CAAC;AAEH,UAAU,sBAAsB,CAAC,KAAK,CAAE,SAAQ,kBAAkB,CAAC,KAAK,CAAC;IACrE,YAAY,EAAE,qBAAqB,CAAC;CACvC;AAED,YAAY,EACR,qBAAqB,EACrB,sBAAsB,GACzB,CAAA"}
+{"version":3,"file":"provider.d.ts","sourceRoot":"","sources":["../../src/types/provider.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,iBAAiB,EACjB,aAAa,EACb,aAAa,EACb,cAAc,EACd,cAAc,EACd,gBAAgB,EAChB,iBAAiB,EACjB,oBAAoB,EACpB,YAAY,EACf,MAAM,SAAS,CAAC;AACjB,OAAO,EAAC,cAAc,EAAE,cAAc,EAAC,MAAM,qBAAqB,CAAC;AAInE,MAAM,WAAW,oBAAqB,SAClC,cAAc,EACd,aAAa,CAAC,MAAM,EAAE,cAAc,CAAC;CAAG;AAE5C,MAAM,WAAW,kBAAmB,SAChC,YAAY,EACZ,aAAa,CAAC,MAAM,EAAE,cAAc,CAAC;CAAG;AAE5C,MAAM,MAAM,sBAAsB,GAC9B,aAAa,CAAC,OAAO,CAAC,CAAC;AAE3B,MAAM,WAAW,uBAAwB,SACrC,iBAAiB,EACjB,gBAAgB,CAAC,OAAO,CAAC;CAAG;AAEhC,MAAM,MAAM,uBAAuB,CAAC,IAAI,IACpC,iBAAiB,CAAC,IAAI,CAAC,GACrB,aAAa,CAAC,IAAI,EAAE,cAAc,CAAC,CAAC;AAE1C,MAAM,MAAM,0BAA0B,CAClC,IAAI,SAAS,MAAM,CAAC,WAAW,EAAE,OAAO,CAAC,EACzC,KAAK,GAAG,MAAM,IAAI,GAAG,SAAS,GAAG,IAAI,IACrC,oBAAoB,CAAC,IAAI,CAAC,GACxB,aAAa,CAAC,KAAK,EAAE,cAAc,CAAC,CAAC;AAI3C,MAAM,WAAW,oBAAoB,CAAC,CAAC,SAAS,MAAM,CAAE,SACpD,cAAc,CAAC,CAAC,EAAE,MAAM,CAAC,EACzB,cAAc,EACd,aAAa,CAAC,CAAC,EAAE,cAAc,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC;CAAG;AAElD,MAAM,WAAW,kBAAkB,CAAC,CAAC,SAAS,MAAM,CAAE,SAClD,cAAc,CAAC,CAAC,EAAE,MAAM,CAAC,EACzB,YAAY,EACZ,aAAa,CAAC,CAAC,EAAE,cAAc,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC;CAAG;AAElD,MAAM,WAAW,sBAAsB,CAAC,CAAC,SAAS,MAAM,CAAE,SACtD,cAAc,CAAC,CAAC,EAAE,OAAO,CAAC,EAC1B,aAAa,CAAC,CAAC,CAAC;CAAG;AAEvB,MAAM,WAAW,uBAAuB,CAAC,CAAC,SAAS,MAAM,CAAE,SACvD,cAAc,CAAC,CAAC,EAAE,OAAO,CAAC,EAC1B,gBAAgB,CAAC,CAAC,CAAC,EACnB,iBAAiB;CAAG;AAExB,MAAM,MAAM,uBAAuB,CAAC,CAAC,SAAS,MAAM,EAAE,IAAI,IACtD,cAAc,CAAC,CAAC,EAAE,IAAI,CAAC,GACrB,iBAAiB,CAAC,IAAI,CAAC,GACvB,aAAa,CAAC,CAAC,EAAE,cAAc,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC;AAEhD,MAAM,MAAM,0BAA0B,CAClC,CAAC,SAAS,MAAM,EAChB,IAAI,SAAS,MAAM,CAAC,WAAW,EAAE,OAAO,CAAC,IACzC,cAAc,CAAC,CAAC,EAAE,IAAI,CAAC,GACrB,oBAAoB,CAAC,IAAI,CAAC,GAC1B,aAAa,CAAC,CAAC,EAAE,cAAc,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC"}

package/dist/utils/object/error.d.ts

@@ -1,4 +1,5 @@
-import { BaseObjectProps, KeysWithValue } from "../../types";
-declare function errorObjectToString<Type extends object, Target>(name: KeysWithValue<Type, Target> | string | undefined, data: BaseObjectProps<Type, Target>['errorData']): string | undefined;
+import { MfsErrorProps, MfsObjectProps } from "../../types";
+import { MfsObjectError } from "../../types/props.internal.ts";
+declare function errorObjectToString<Type extends object, Target = unknown>(name: MfsObjectProps<Type, Target>['name'], data: MfsErrorProps<Type, MfsObjectError<Type, Target>>['err']): string | undefined;
 export { errorObjectToString };
 //# sourceMappingURL=error.d.ts.map

package/dist/utils/object/error.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"error.d.ts","sourceRoot":"","sources":["../../../src/utils/object/error.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,eAAe,EAAE,aAAa,EAAC,MAAM,aAAa,CAAC;AAE3D,iBAAS,mBAAmB,CAAC,IAAI,SAAS,MAAM,EAAE,MAAM,EACpD,IAAI,EAAE,aAAa,CAAC,IAAI,EAAE,MAAM,CAAC,GAAG,MAAM,GAAG,SAAS,EACtD,IAAI,EAAE,eAAe,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,WAAW,CAAC,GACjD,MAAM,GAAG,SAAS,CAIpB;AAED,OAAO,EACH,mBAAmB,EACtB,CAAA"}
+{"version":3,"file":"error.d.ts","sourceRoot":"","sources":["../../../src/utils/object/error.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,aAAa,EAAE,cAAc,EAAC,MAAM,aAAa,CAAC;AAC1D,OAAO,EAAC,cAAc,EAAC,MAAM,+BAA+B,CAAC;AAE7D,iBAAS,mBAAmB,CAAC,IAAI,SAAS,MAAM,EAAE,MAAM,GAAG,OAAO,EAC9D,IAAI,EAAE,cAAc,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,MAAM,CAAC,EAC1C,IAAI,EAAE,aAAa,CAAC,IAAI,EAAE,cAAc,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,GAC/D,MAAM,GAAG,SAAS,CAIpB;AAED,OAAO,EACH,mBAAmB,EACtB,CAAA"}

package/examples/basic/src/main.tsx

@@ -3,49 +3,42 @@ import {createRoot} from 'react-dom/client'
 import './index.css'
 import App from './App.tsx'
 import {createTheme, CssBaseline} from "@mui/material";
-import { FastStartProvider, createDefaultProps } from 'mui-fast-start';
+import {FastStartProvider} from "mui-fast-start";
+import {createMfsProps} from "../../../src/styles/FastStartProps.ts";
 
-const theme = createTheme();
-const defaultProps = createDefaultProps({
+const mfsProps = createMfsProps({
     Single: {
-        Float: {
-            variant: 'filled',
-            size: 'medium',
-            fullWidth: false,
-            autoComplete: 'off',
-            inputMode: 'decimal',
-            type: 'text',
-            step: 0.01,
-            def: 0
-        },
-        Integer: {
-            variant: 'filled',
-            size: 'medium',
-            fullWidth: false,
-            autoComplete: 'off',
-            inputMode: 'numeric',
-            type: 'text',
-            step: 1,
-            def: 0
+        MfsText: {
+            maxLength: 255
         }
     },
-    Obj: {
-        Float: {
-            variant: 'filled',
-            size: 'medium',
-            fullWidth: false,
-            autoComplete: 'off',
-            inputMode: 'decimal',
-            type: 'text',
-            step: 0.01,
-            def: 0
+    Object: {
+        MfsText: {
+            maxLength: 255
+        }
+    }
+});
+const theme = createTheme({
+    components: {
+        MuiFormControl: {
+            defaultProps: {
+                size: 'small',
+                fullWidth: true
+            }
+        },
+        MuiSelect: {
+            defaultProps: {
+                size: 'small',
+                fullWidth: true
+            }
         }
     }
 });
 
+
 createRoot(document.getElementById('root')!).render(
     <FastStartProvider
-        defaultProps={defaultProps}
+        defaultProps={mfsProps}
         theme={theme}
         defaultMode='dark'
     >

package/examples/basic/src/pages/ObjPage.tsx

@@ -1,19 +1,42 @@
-import { Grid, InputAdornment, TextField } from "@mui/material";
-import { ObjCheckbox, ObjCheckIcon, ObjFloat, ObjInteger, ObjText } from "mui-fast-start";
-import { useState } from "react";
+import {Divider, Grid, InputAdornment, TextField} from "@mui/material";
+import {ObjCheckbox, ObjCheckIcon, ObjFloat, ObjInteger, ObjSelectOne, ObjSelectRecord, ObjText} from "mui-fast-start";
+import React, { useState } from "react";
+
+const list = ["test1", "test2", "test3", "test4", "test5"];
+
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-expect-error
+enum TestEnum {
+    test = '테스트',
+    hello = '안녕'
+}
+
+const TestRecord = {
+    test: '테스트',
+    hello: '안녕'
+}
 
 type TempType = {
     check1: boolean,
     check2: boolean,
     float: number,
     integer: number,
-    text: string
+    text: string,
+}
+
+type SelectType = {
+    item1: keyof typeof TestRecord;
+    item2?: keyof typeof TestRecord;
+    item3: keyof typeof TestEnum;
+    item4?: keyof typeof TestEnum;
+    item5: string;
+    item6?: string;
 }
 
 const ObjPage = () => {
     const [error, setError] = useState<object>({
         text: '에러 메시지',
-    })
+    });
     const [temp, setTemp] = useState<TempType>({
         check1: false,
         check2: false,
@@ -22,6 +45,12 @@ const ObjPage = () => {
         text: ''
     });
 
+    const [select, setSelect] = useState<SelectType>({
+        item1: 'test',
+        item3: 'test',
+        item5: list[0],
+    });
+
     const handleTextChange = (e: React.ChangeEvent<HTMLInputElement>) => {
         setTemp({...temp, text: e.target.value});
     }
@@ -50,7 +79,7 @@ const ObjPage = () => {
             </Grid>
             <Grid size={2}>
                 <ObjCheckIcon<TempType>
-                    on='on' off='off' name='check2'
+                    on='on' off='off' name={"check2"}
                     get={temp} set={setTemp}
                 />
             </Grid>
@@ -59,21 +88,21 @@ const ObjPage = () => {
                 <ObjFloat<TempType>
                     label='실수형' name='float'
                     get={temp} set={setTemp}
-                    errorData={error}
+                    err={error}
                 />
             </Grid>
             <Grid size={2}>
                 <ObjInteger<TempType>
                     label='정수형' name='integer'
                     get={temp} set={setTemp}
-                    errorData={error}
+                    err={error}
                 />
             </Grid>
             <Grid size={2}>
                 <ObjText<TempType>
                     label='텍스트' name='text'
                     get={temp} set={setTemp}
-                    errorData={error}
+                    err={error}
                     startAdornment={(
                         <InputAdornment position="start">
                             S
@@ -86,6 +115,60 @@ const ObjPage = () => {
                     )}
                 />
             </Grid>
+
+            <Grid size={12}>
+                <Divider/>
+                {JSON.stringify(select)}
+            </Grid>
+
+            <Grid size={2}>
+                <ObjSelectRecord
+                    get={select} set={setSelect}
+                    items={TestRecord}
+                    name='item1' label='item1'
+                />
+            </Grid>
+            <Grid size={2}>
+                <ObjSelectRecord
+                    get={select} set={setSelect}
+                    items={TestRecord}
+                    name='item2' label='item2'
+                />
+            </Grid>
+
+            <Grid size={2}>
+                <ObjSelectRecord
+                    get={select} set={setSelect}
+                    items={TestEnum}
+                    emptyItem='빈 값' emptyValue={null}
+                    name='item3' label='item3'
+                />
+            </Grid>
+            <Grid size={2}>
+                <ObjSelectRecord
+                    get={select} set={setSelect}
+                    items={TestEnum}
+                    emptyItem='빈 값' emptyValue={null}
+                    name='item4' label='item4'
+                />
+            </Grid>
+
+            <Grid size={2}>
+                <ObjSelectOne
+                    emptyItem='미선택'
+                    label='item5'
+                    get={select} set={setSelect}
+                    items={list} name='item5'
+                />
+            </Grid>
+            <Grid size={2}>
+                <ObjSelectOne
+                    emptyItem='미선택'
+                    label='item6'
+                    get={select} set={setSelect}
+                    items={list} name='item6'
+                />
+            </Grid>
         </Grid>
     );
 };

package/examples/basic/src/pages/SinglePage.tsx

@@ -1,12 +1,33 @@
-import {Grid, InputAdornment, TextField} from "@mui/material";
+import {useState} from "react";
+import {Divider, Grid, InputAdornment} from "@mui/material";
 import {SingleCheckbox, SingleCheckIcon, SingleFloat, SingleInteger, SingleText} from "mui-fast-start";
-import React, {useState} from "react";
+import {SingleSelectOne, SingleSelectRecord} from "mui-fast-start";
+
+const list = ["test1", "test2", "test3", "test4", "test5"];
+
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-expect-error
+enum TestEnum {
+    test = '테스트',
+    hello = '안녕'
+}
+
+const TestRecord = {
+    test: '테스트',
+    hello: '안녕'
+}
+
 
 const SinglePage = () => {
     const [float, setFloat] = useState<number>(0);
     const [integer, setInteger] = useState<number>(0);
     const [text, setText] = useState<string>('');
     const [checked, setChecked] = useState<boolean>(false);
+    const [selectOne, setSelectOne] = useState<string | undefined>();
+    const [recordSelect, setRecordSelect] = useState<keyof typeof TestRecord | undefined>();
+    const [recordSelect1, setRecordSelect1] = useState<keyof typeof TestRecord>('test');
+    const [enumSelect, setEnumSelect] = useState<keyof typeof TestEnum | undefined>();
+    const [enumSelect1, setEnumSelect1] = useState<keyof typeof TestEnum>('test');
 
 
     return (
@@ -63,6 +84,52 @@ const SinglePage = () => {
                     get={text} set={setText}
                 />
             </Grid>
+
+            <Grid size={12}>
+                <Divider/>
+            </Grid>
+
+            <Grid size={2}>{selectOne?.toString()}</Grid>
+            <Grid size={2}>
+                <SingleSelectOne
+                    variant='outlined' items={list}
+                    get={selectOne} set={setSelectOne}
+                />
+            </Grid>
+
+            <Grid size={2}>{recordSelect?.toString()}</Grid>
+            <Grid size={2}>
+                <SingleSelectRecord
+                    variant='outlined' items={TestRecord}
+                    get={recordSelect} set={setRecordSelect}
+                />
+            </Grid>
+
+            <Grid size={2}>{recordSelect1?.toString()}</Grid>
+            <Grid size={2}>
+                <SingleSelectRecord
+                    emptyItem={'빈 값 입니다.'}
+                    variant='outlined' items={TestRecord}
+                    get={recordSelect1} set={setRecordSelect1}
+                />
+            </Grid>
+
+            <Grid size={2}>{enumSelect?.toString()}</Grid>
+            <Grid size={2}>
+                <SingleSelectRecord
+                    variant='outlined' items={TestEnum}
+                    get={enumSelect} set={setEnumSelect}
+                />
+            </Grid>
+
+            <Grid size={2}>{enumSelect1?.toString()}</Grid>
+            <Grid size={2}>
+                <SingleSelectRecord
+                    fullWidth
+                    variant='outlined' items={TestEnum}
+                    get={enumSelect1} set={setEnumSelect1}
+                />
+            </Grid>
         </Grid>
     );
 };

package/examples/basic/tsconfig.app.json

@@ -16,6 +16,11 @@
     "noEmit": true,
     "jsx": "react-jsx",
 
+    "baseUrl": ".",
+    "paths": {
+      "mui-fast-start": ["../../src/index.ts"]
+    },
+
     /* Path alias for local library development */
 //    "baseUrl": ".",
 //    "paths": {

package/examples/basic/tsconfig.node.json

@@ -14,6 +14,11 @@
     "moduleDetection": "force",
     "noEmit": true,
 
+    "baseUrl": ".",
+    "paths": {
+      "mui-fast-start": ["../../src/index.ts"]
+    },
+
     /* Path alias for local library development */
 //    "baseUrl": ".",
 //    "paths": {

package/examples/basic/vite.config.ts

@@ -12,7 +12,7 @@ export default defineConfig({
       // 'mui-fast-start/styles': resolve(libRoot, 'styles/index.ts'),
       // 'mui-fast-start/hooks': resolve(libRoot, 'hooks/index.ts'),
       // 'mui-fast-start/types': resolve(libRoot, 'types/index.ts'),
-      'mui-fast-start': resolve(libRoot, 'index.ts'),
+      "mui-fast-start": resolve(libRoot, "index.ts")
       //
       // '@': libRoot,
       // '@components': resolve(libRoot, 'components'),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mui-fast-start",
-  "version": "0.2.0",
+  "version": "0.3.1",
   "description": "Fast and easy-to-use MUI components for React",
   "keywords": [
     "mui",

package/src/components/Object/Checkbox/ObjCheckIcon.tsx

@@ -0,0 +1,29 @@
+import {useContext} from "react";
+import useObjToSingle from "../../../hooks/state/useObjToSingle.ts";
+import {SingleCheckIcon} from "../../Single/Checkbox/SingleCheckIcon.tsx";
+import {FastStartContext} from "../../../styles/FastStartProvider.tsx";
+import {IconButtonProps} from "@mui/material";
+import {MfsObjectCheckIconProps} from "../../../types";
+
+
+export const ObjCheckIcon = <T extends object>(
+    customProps: Omit<IconButtonProps, 'name'> & MfsObjectCheckIconProps<T>
+) => {
+    const defaultProps = useContext(FastStartContext)?.Object?.MfsCheckIcon;
+    const {
+        get, set, name,
+        ...props
+    } = defaultProps == null
+        ? customProps
+        : Object.assign({...defaultProps}, customProps);
+
+    const [value, setValue] = useObjToSingle<T, boolean>(name, get, set);
+
+    return (
+        <SingleCheckIcon
+            get={value} set={setValue}
+            name={name?.toString()}
+            {...props}
+        />
+    );
+}

package/src/components/Object/Checkbox/ObjCheckbox.tsx

@@ -0,0 +1,31 @@
+import React, {useContext} from "react";
+import {SingleCheckbox} from "../../Single/Checkbox/SingleCheckbox.tsx";
+import {FastStartContext} from "../../../styles/FastStartProvider.tsx";
+import {CheckboxProps} from "@mui/material";
+import {MfsObjectCheckboxProps} from "../../../types";
+import useObjToSingle from "../../../hooks/state/useObjToSingle.ts";
+
+
+export const ObjCheckbox = <T extends object>(
+    customProps: Omit<CheckboxProps, 'name'> & MfsObjectCheckboxProps<T>
+) => {
+    const defaultProps = useContext(FastStartContext)?.Object?.MfsCheckbox;
+    const {
+        get, set, label, name, 
+        ...props
+    } = defaultProps == null
+        ? customProps
+        : Object.assign({...defaultProps}, customProps);
+
+    const [value, setValue] = useObjToSingle<T, boolean>(name, get, set);
+
+    return (
+        <SingleCheckbox
+            get={value}
+            set={setValue}
+            label={label}
+            name={name?.toString()}
+            {...props}
+        />
+    );
+}