ados-rcm 1.0.10 → 1.0.13

package/dist/AModule/AComponents/AInput/AInput.d.ts

@@ -6,110 +6,99 @@ export type TInputType = 'Primary' | 'Secondary' | 'Error';
 export interface IAInputProps extends IABaseProps, IAWrapProps {
     /**
      * onEnterPress? : (value: string) => void
-     * <br/>Description : onEnterPress of AInput
-     * <br/>Basic Usage :
-     * <br/>(1)<AInput onEnterPress={value => console.log(value)}/>
+     *
+     * Description : onEnterPress of AInput
      */
     onEnterPress?: (value: string) => void;
     /**
      * type? : TInputType = 'Primary'
-     * <br/>Description : type of AInput
-     * <br/>Basic Usage :
-     * <br/>(1)<AInput type="Secondary"/>
+     *
+     * Description : type of AInput
      */
     type?: TInputType;
     /**
      * inputRef? : React.RefObject<HTMLInputElement>
-     * <br/>Description : inputRef of AInput
-     * <br/>Basic Usage :
-     * <br/>(1)const inputRef = useRef<HTMLInputElement>(null);
-     * <AInput inputRef={inputRef}/>
+     *
+     * Description : inputRef of AInput
      */
     inputRef?: React.RefObject<HTMLInputElement>;
     /**
      * useValue? : TUseValues<string>
-     * <br/>Description : useValue of AInput
-     * <br/>Basic Usage :
-     * <br/>(1)const [value, setValue] = useState<string>('');
-     * <AInput useValue={[value, setValue]}/>
+     *
+     * Description : useValue of AInput
      */
     useValue?: TUseValues<string>;
     /**
      * isReadonly? : boolean
-     * <br/>Description : decides whether the input is readonly or not
-     * <br/>Basic Usage :
-     * <br/>(1)<AInput isReadonly/>
+     *
+     * Description : decides whether the input is readonly or not
      */
     isReadonly?: boolean;
     /**
      * placeholder? : string
-     * <br/>Description : placeholder of AInput
-     * <br/>Basic Usage :
-     * <br/>(1)<AInput placeholder="Placeholder"/>
+     *
+     * Description : placeholder of AInput
      */
     placeholder?: string;
     /**
      * maxLength? : number
-     * <br/>Description : maxLength of AInput
-     * <br/>Basic Usage :
-     * <br/>(1)<AInput maxLength={10}/>
+     *
+     * Description : maxLength of AInput
      */
     maxLength?: number;
     /**
      * tabIndex? : number
-     * <br/>Description : tabIndex of AInput
-     * <br/>Basic Usage :
-     * <br/>(1)<AInput tabIndex={1}/>
+     *
+     * Description : tabIndex of AInput
      */
     tabIndex?: number;
     /**
      * autoFocus? : boolean
-     * <br/>Description : decides whether the input is focused or not
-     * <br/>Basic Usage :
-     * <br/>(1)<AInput autoFocus/>
+     *
+     * Description : decides whether the input is focused or not
      */
     autoFocus?: boolean;
     /**
      * isPassword? : boolean
-     * <br/>Description : decides whether the input is password or not. if true, values will be masked.
-     * <br/>Basic Usage :
-     * <br/>(1)<AInput isPassword/>
+     *
+     * Description : decides whether the input is password or not. if true, values will be masked.
      */
     isPassword?: boolean;
     /**
      * autoComplete? : string = 'off'
-     * <br/>Description : autoComplete of AInput
-     * <br/>Basic Usage :
-     * <br/>(1)<AInput autoComplete="on"/>
+     *
+     * Description : autoComplete of AInput
      */
     autoComplete?: string;
     /**
      * LeftAddon? : React.ReactNode
-     * <br/>Description : LeftAddon of AInput
-     * <br/>Basic Usage :
-     * <br/>(1)<AInput LeftAddon={<AICon icon="Search"/>}/>
+     *
+     * Description : LeftAddon of AInput
      */
     LeftAddon?: React.ReactNode;
     /**
      * RightAddon? : React.ReactNode
-     * <br/>Description : RightAddon of AInput
-     * <br/>Basic Usage :
-     * <br/>(1)<AInput RightAddon={<AICon icon="Search"/>}/>
+     *
+     * Description : RightAddon of AInput
      */
     RightAddon?: React.ReactNode;
     /**
      * inputProps? : React.InputHTMLAttributes<HTMLInputElement>
-     * <br/>Description : inputProps of AInput
-     * <br/>Basic Usage :
-     * <br/>(1)<AInput inputProps={{onFocus: () => console.log('focus')}}/>
+     *
+     * Description : inputProps of AInput
      */
     inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
 }
 /**
  * AComponent : AInput
- * <br/>Description : AInput is an input component. it has AWrap and ABase inside, so be careful with the styles. I recommend checking out the element hierarchy first.
- * <br/>Basic Usage :
- * <br/>(1)const [value, setValue] = useState<string>('');
- * return <AInput useValue={[value, setValue]}/>
+ *
+ * Description : AInput is an input component. it has AWrap and ABase inside, so be careful with the styles. I recommend checking out the element hierarchy first.
+ *
+ * Basic Usage :
+ *
+ *     const [value, setValue] = useState<string>('');
+ *
+ *     if (case 1)
+ *       <AInput useValue={[value, setValue]}/>
  */
 export declare const AInput: ({ onEnterPress, type, inputRef, useValue, isReadonly, placeholder, maxLength, tabIndex, autoFocus, isPassword, autoComplete, LeftAddon, RightAddon, inputProps, wrapProps, helperText, label, wrapType, ...abaseProps }: IAInputProps) => React.ReactNode;

package/dist/AModule/AComponents/AListView/AListView.d.ts

@@ -17,29 +17,34 @@ import { TIdx } from '../ATypes/ATypes';
 export interface IAListViewContentProps<T extends IObject> {
     /**
      * defKey : TIdx
-     * <br/>Description : defKey of AListView
+     *
+     * Description : defKey of AListView
      */
     defKey: TIdx;
     /**
      * item : T
-     * <br/>Description : item of AListView
+     *
+     * Description : item of AListView
      */
     item: T;
     /**
      * def : IAListViewDef<T>
-     * <br/>Description : def of AListView
+     *
+     * Description : def of AListView
      */
     def: IAListViewDef<T>;
 }
 export interface IAListViewDef<T extends IObject> {
     /**
      * label? : TCanCallback<IAListViewContentProps<T>, React.ReactNode>
-     * <br/>Description : label of AListView
+     *
+     * Description : label of AListView
      */
     label?: TCanCallback<IAListViewContentProps<T>, React.ReactNode>;
     /**
      * content? : TCanCallback<IAListViewContentProps<T>, React.ReactNode>
-     * <br/>Description : content of AListView
+     *
+     * Description : content of AListView
      */
     content?: TCanCallback<IAListViewContentProps<T>, React.ReactNode>;
 }
@@ -51,40 +56,46 @@ export type TAListViewDefs<T extends IObject> = {
 export interface IAListViewProps<T extends IObject> extends IABaseProps {
     /**
      * defs : TAListViewDefs<T>
-     * <br/>Description : defs of AListView
-     * <br/>Basic Usage :
-     * const defs = {
-     *  'Name': {label: ({item}) => item.name},
-     *  'Age': {content: ({item}) => item.age},
-     * }
-     * <AListView defs={defs} item={{name: 'John', age: 20}}/>
+     *
+     * Description : defs of AListView
      */
     defs: TAListViewDefs<T>;
     /**
      * defaultDef? : IAListViewDef<T>
-     * <br/>Description : defaultDef of AListView. it affects no all defs, and can be overridden by each def.
-     * <br/>Basic Usage :
-     * <br/>(1)const defaultDef = {label: ({defKey}) => defKey};
-     * <AListView defs={{'Name': {content: ({item}) => item.name}}} defaultDef={defaultDef}/>
+     *
+     * Description : defaultDef of AListView. it affects no all defs, and can be overridden by each def.
      */
     defaultDef?: IAListViewDef<T>;
     /**
      * item : T
-     * <br/>Description : item of AListView
-     * <br/>Basic Usage :
-     * <br/>(1)<AListView defs={{'Name': {content: ({item}) => item.name}}} item={{name: 'John'}}/>
+     *
+     * Description : item of AListView
      */
     item: T;
 }
 /**
  * AComponent : AListView
- * <br/>Description : AListView is a list view component that can show the key:values of items
- * <br/>Basic Usage :
- * <br/>(1)const defs = {
- *  'Name': {label: ({item}) => item.name},
- *  'Age': {content: ({item}) => item.age},
- * }
- * const item = {name: 'John', age: 20};
- * return <AListView defs={defs} item={item}/>
+ *
+ * Description : AListView is a list view component that can show the key:values of items
+ *
+ * Basic Usage :
+ *
+ *     const defs = {
+ *       name : {label: 'Name~'}
+ *       age : {content: ({item}) => item.age},
+ *       height : {}
+ *       description : {}
+ *     }
+ *     const defaultDef = {
+ *       label: ({defKey}) => 'label is ' + defKey,
+ *       content: ({defKey, item}) => 'content is ' + item[defKey]
+ *     }
+ *     const user = {name: 'John', age: 20, height: 180, description: 'good'}
+ *
+ *     if (case 1)
+ *       <AListView defs={defs} item={user}/>
+ *
+ *     if (case 2)
+ *       <AListView defs={defs} item={user} defaultDef={defaultDef}/>
  */
 export declare const AListView: <T extends IObject>({ defs: extDefs, defaultDef: extDefaultDef, item, ...abaseProps }: IAListViewProps<T>) => import("react/jsx-runtime").JSX.Element;

package/dist/AModule/AComponents/ASelect/ASelect.d.ts

@@ -5,130 +5,130 @@ import { IAWrapProps } from '../AWrap/AWrap';
 export interface IASelectSelectedRendererProps<TItem, TGivenSelected, TSelected = TGivenSelected extends Array<TItem> ? TItem[] : null | TItem> {
     /**
      * OptionRenderer : (props: IASelectOptionRendererProps<T>) => React.ReactNode
-     * <br/>Description : OptionRenderer of ASelect
+     *
+     * Description : OptionRenderer of ASelect
      */
     OptionRenderer: (props: IASelectOptionRendererProps<TItem>) => React.ReactNode;
     /**
      * selected : T[]
-     * <br/>Description : selected items of ASelect
+     *
+     * Description : selected items of ASelect
      */
     selected: TSelected;
     /**
      * placeholder : React.ReactNode
-     * <br/>Description : placeholder of ASelect
+     *
+     * Description : placeholder of ASelect
      */
     placeholder?: React.ReactNode;
 }
 export interface IASelectOptionRendererProps<TItem> {
     /**
      * option : T
-     * <br/>Description : option of ASelect
+     *
+     * Description : option of ASelect
      */
     option: TItem;
 }
 export interface IASelectProps<TItem, TGivenSelected, TSelected = TGivenSelected extends Array<TItem> ? TItem[] : null | TItem> extends IABaseProps, IAWrapProps {
     /**
      * options : T[]
-     * <br/>Description : options of ASelect
-     * <br/>Basic Usage :
-     * <br/>(1)const options = ['Option1', 'Option2', 'Option3'];
-     * <ASelect options={options}/>
+     *
+     * Description : options of ASelect
      */
     options: TItem[];
     /**
      * useSelect? : TUseValues<T[]>
-     * <br/>Description : useSelect of ASelect
-     * <br/>Basic Usage :
-     * <br/>(1)const [selected, setSelected] = useState<T[]>([]);
-     * <ASelect options={options} useSelect={[selected, setSelected]}/>
+     *
+     * Description : useSelect of ASelect
      */
     useSelect?: TUseValues<TSelected>;
     /**
      * type? : 'Primary' | 'Secondary' = 'Primary'
-     * <br/>Description : type of ASelect
-     * <br/>Basic Usage :
-     * <br/>(1)<ASelect type="Secondary"/>
+     *
+     * Description : type of ASelect
      */
     type?: 'Primary' | 'Secondary';
     /**
      * placeholder? : React.ReactNode
-     * <br/>Description : placeholder of ASelect. it is shown when no option is selected
-     * <br/>Basic Usage :
-     * <br/>(1)<ASelect placeholder="Select"/>
+     *
+     * Description : placeholder of ASelect. it is shown when no option is selected
      */
     placeholder?: React.ReactNode;
     /**
      * isSelectMulti? : boolean = false
-     * <br/>Description : isSelectMulti of ASelect. if it is true, multiple options can be selected
-     * <br/>Basic Usage :
-     * <br/>(1)<ASelect isSelectMulti/>
+     *
+     * Description : isSelectMulti of ASelect. if it is true, multiple options can be selected
      */
     isSelectMulti?: boolean;
     /**
      * onClose? : () => void
-     * <br/>Description : onClose of ASelect
-     * <br/>Basic Usage :
-     * <br/>(1)<ASelect onClose={() => console.log('closed')}/>
+     *
+     * Description : onClose of ASelect
      */
     onClose?: () => void;
     /**
      * SelectedRenderer? : (props: IASelectSelectedRendererProps<T>) => React.ReactNode = DefaultSelectedRenderer
-     * <br/>Description : Renderer of Selected Options of ASelect
-     * <br/>Basic Usage :
-     * <br/>(1)<ASelect SelectedRenderer={({selected, placeholder}) => selected ? selected : placeholder}/>
+     *
+     * Description : Renderer of Selected Options of ASelect
      */
     SelectedRenderer?: (props: IASelectSelectedRendererProps<TItem, TGivenSelected, TSelected>) => React.ReactNode;
     /**
      * OptionRenderer? : (props: IASelectOptionRendererProps<T>) => React.ReactNode = DefaultOptionRenderer
-     * <br/>Description : Renderer of Options of ASelect
-     * <br/>Basic Usage :
-     * <br/>(1)<ASelect OptionRenderer={({option}) => <div>{option}</div>}/>
+     *
+     * Description : Renderer of Options of ASelect
      */
     OptionRenderer?: (props: IASelectOptionRendererProps<TItem>) => React.ReactNode;
     /**
      * minShowRows? : number = 2
-     * <br/>Description : minShowRows of ASelect
-     * <br/>Basic Usage :
-     * <br/>(1)<ASelect minShowRows={2}/>
+     *
+     * Description : minShowRows of ASelect
      */
     minShowRows?: number;
     /**
      * maxShowRows? : number = 6
-     * <br/>Description : maxShowRows of ASelect. scrollbar will appear when overflow
-     * <br/>Basic Usage :
-     * <br/>(1)<ASelect maxShowRows={6}/>
+     *
+     * Description : maxShowRows of ASelect. scrollbar will appear when overflow
      */
     maxShowRows?: number;
     /**
      * arrowProps? : React.HTMLProps<HTMLDivElement>
-     * <br/>Description : divProps for Arrow of ASelect
-     * <br/>Basic Usage :
-     * <br/>(1)<ASelect arrowProps={{style: {color: 'red'}}}/>
+     *
+     * Description : divProps for Arrow of ASelect
      */
     arrowProps?: React.HTMLProps<HTMLDivElement>;
 }
 /**
  * AComponent : ASelect
- * <br/>Description : ASelect is a select component. give options and useSelect to select an option.
- * <br/>Basic Usage :
- * <br/>(1)const options = ['Option1', 'Option2', 'Option3'];
- * const [selected, setSelected] = useState<string | null>(null);
- * return <ASelect options={options} useSelect={[selected, setSelected]}/>
  *
- * <br/>(2)const options = ['Option1', 'Option2', 'Option3'];
- * const [selected, setSelected] = useState<string[]>([]);
- * return <ASelect options={options} useSelect={[selected, setSelected]} isSelectMulti/>
+ * Description : ASelect is a select component. give options and useSelect to select an option.
  *
- * <br/>(3)const options = [{idx : 1, name : 'option1'}, {idx : 2, name : 'option2'}, {idx : 3, name : 'option3'}];
- * const [selected, setSelected] = useState<{idx : number, name : string}[]>([]);
- * const OptionRenderer = ({option}) => <div>{option.name}</div>;
- * return <ASelect options={options} useSelect={[selected, setSelected]} OptionRenderer={OptionRenderer}/>
+ * Basic Usage :
+ *
+ *     const strOptions = ['Option1', 'Option2', 'Option3'];
+ *     const options = [{idx : 1, name : 'option1'}, {idx : 2, name : 'option2'}, {idx : 3, name : 'option3'}];
+ *     const [strSelected, setStrSelected] = useState<string | null>(null);
+ *     const [selected, setSelected] = useState<{idx : number, name : string}[]>([]);
+ *     const OptionRenderer = ({option}) => <div>{option.name}</div>;
+ *     const SelectedRenderer = ({selected, placeholder}) => selected.length > 0 ? string.join(selected.map(e => e.name), ', ') : placeholder;
+ *
+ *     if (case 1)
+ *       <ASelect options={strOptions}
+ *         useSelect={[strSelected, setStrSelected]}/>
+ *
+ *     if (case 2)
+ *       <ASelect options={options}
+ *         useSelect={[selected, setSelected]}
+ *         OptionRenderer={OptionRenderer}
+ *         isSelectMulti
+ *
+ *     if (case 3)
+ *       <ASelect options={options}
+ *         useSelect={[selected, setSelected]}
+ *         OptionRenderer={OptionRenderer}
+ *         SelectedRenderer={SelectedRenderer}
+ *         isSelectMulti/>
  *
- * <br/>(4)const options = [{idx : 1, name : 'option1'}, {idx : 2, name : 'option2'}, {idx : 3, name : 'option3'}];
- * const [selected, setSelected] = useState<{idx : number, name : string}[]>([]);
- * const OptionRenderer = ({option}) => <div>{option.name}</div>;
- * const SelectedRenderer = ({selected, placeholder}) => selected.length > 0 ? string.join(selected.map(e => e.name), ', ') : placeholder;
- * return <ASelect options={options} useSelect={[selected, setSelected]} OptionRenderer={OptionRenderer} SelectedRenderer={SelectedRenderer}/>
  */
 export declare const ASelect: <TItem, TGivenSelected, TSelected = TGivenSelected extends TItem[] ? TItem[] : TItem | null>({ options, useSelect, type, placeholder, isSelectMulti, onClose, SelectedRenderer, OptionRenderer, minShowRows, maxShowRows, arrowProps, wrapProps, helperText, label, ...abaseProps }: IASelectProps<TItem, TGivenSelected, TSelected>) => React.ReactNode;
 export declare const DefaultOptionRenderer: <T>({ option }: IASelectOptionRendererProps<T>) => React.ReactNode;

package/dist/AModule/AComponents/ASpace/ASpace.d.ts

@@ -2,28 +2,26 @@ import { HTMLAttributes } from 'react';
 interface IASpaceProps extends HTMLAttributes<HTMLElement> {
     /**
      * h? : number | string
-     * <br/>Description : height of ASpace
-     * <br/>Basic Usage :
-     * <br/>(1)<ASpace h={10}/>
+     *
+     * Description : height of ASpace
      */
     h?: number | string;
     /**
      * w? : number | string
-     * <br/>Description : width of ASpace
-     * <br/>Basic Usage :
-     * <br/>(1)<ASpace w={10}/>
+     *
+     * Description : width of ASpace
      */
     w?: number | string;
 }
 /**
  * AComponent : ASpace
- * <br/>Description : ASpace is a component to make spaces.
- * <br/>Basic Usage :
- * <br/>(1)<ASpace h={10}/>
  *
- * <br/>(2)<ASpace w={10}/>
+ * Description : ASpace is a component to make spaces.
  *
- * <br/>(3)<ASpace h={10} w={10}/>
+ * Basic Usage :
+ *
+ *     if (case 1)
+ *       <ASpace h={10} w={10}/>
  */
 export declare const ASpace: ({ h, w, ...divProps }: IASpaceProps) => React.ReactNode;
 export {};

package/dist/AModule/AComponents/AStepper/AStepper.d.ts

@@ -3,71 +3,70 @@ import { TUseValues } from '../../AHooks/useValues';
 interface IStepRendererProps<T> {
     /**
      * step : T
-     * <br/>Description : step of AStepper
+     *
+     * Description : step of AStepper
      */
     step: T;
     /**
      * stepIdx : number
-     * <br/>Description : stepIdx of AStepper
+     *
+     * Description : stepIdx of AStepper
      */
     stepIdx: number;
 }
 export interface IAStepperProps<T> {
     /**
      * useSelect? : TUseValues<T>
-     * <br/>Description : useStep of AStepper
-     * <br/>Basic Usage :
-     * <br/>(1)const steps = ['Step1', 'Step2', 'Step3'];
-     * const [step, setStep] = useState<typeof steps[0]>(steps[0]);
-     * <AStepper useSelect={[step, setStep]} steps={steps}/>
+     *
+     * Description : useStep of AStepper
      */
     useSelect?: TUseValues<T>;
     /**
      * steps : T[]
-     * <br/>Description : steps of AStepper. must have at least one step.
-     * <br/>Basic Usage :
-     * <br/>(1)const steps = ['Step1', 'Step2', 'Step3'];
-     * <AStepper steps={steps}/>
+     *
+     * Description : steps of AStepper. must have at least one step.
      */
     steps: T[];
     /**
      * StepRenderer? : (props: IStepRendererProps<T>) => React.ReactNode = DefaultRenderer
-     * <br/>Description : StepRenderer of AStepper
-     * <br/>Basic Usage :
-     * <br/>(1)const steps = ['Step1', 'Step2', 'Step3'];
-     * const StepRenderer = ({step, stepIdx}) => 'This is step' + stepIdx;
-     * <AStepper steps={steps} StepRenderer={StepRenderer}/>
+     *
+     * Description : StepRenderer of AStepper
      */
     StepRenderer?: (props: IStepRendererProps<T>) => React.ReactNode;
     /**
      * ContentRenderer? : (props: IStepRendererProps<T>) => React.ReactNode = DefaultRenderer
-     * <br/>Description : ContentRenderer of AStepper
-     * <br/>Basic Usage :
-     * <br/>(1)const steps = ['Step1', 'Step2', 'Step3'];
-     * const ContentRenderer = ({step, stepIdx}) => 'This is content' + stepIdx;
-     * <AStepper steps={steps} ContentRenderer={ContentRenderer}/>
+     *
+     * Description : ContentRenderer of AStepper
      */
     ContentRenderer?: (props: IStepRendererProps<T>) => React.ReactNode;
 }
 /**
  * AComponent : AStepper
- * <br/>Description : AStepper is a stepper component that can select a step. all steps are rendered even if they are not selected.
- * <br/>Basic Usage :
- * <br/>(1)const steps = ['Step1', 'Step2', 'Step3'];
- * return <AStepper steps={steps}/>
  *
- * <br/>(2)const steps = ['Step1', 'Step2', 'Step3'];
- * const StepRenderer = ({step, stepIdx}) => 'This is step' + stepIdx;
- * return <AStepper steps={steps} StepRenderer={StepRenderer}/>
+ * Description : AStepper is a stepper component that can select a step. all steps are rendered even if they are not selected.
  *
- * <br/>(3)const steps = ['Step1', 'Step2', 'Step3'];
- * const ContentRenderer = ({step, stepIdx}) => 'This is content' + stepIdx;
- * return <AStepper steps={steps} ContentRenderer={ContentRenderer}/>
+ * Basic Usage :
+ *
+ *     const steps = ['Step1', 'Step2', 'Step3'];
+ *     const StepRenderer = ({step, stepIdx}) => 'This is step' + stepIdx;
+ *     const ContentRenderer = ({step, stepIdx}) => 'This is content' + stepIdx;
+ *
+ *     if (case 1)
+ *       <AStepper steps={steps}/>
+ *
+ *     if (case 2)
+ *       <AStepper steps={steps}
+ *         StepRenderer={StepRenderer}/>
+ *
+ *     if (case 3)
+ *       <AStepper steps={steps}
+ *         ContentRenderer={ContentRenderer}/>
+ *
+ *     if (case 4)
+ *       <AStepper steps={steps}
+ *         StepRenderer={StepRenderer}
+ *         ContentRenderer={ContentRenderer}/>
  *
- * <br/>(4)const steps = ['Step1', 'Step2', 'Step3'];
- * const StepRenderer = ({step, stepIdx}) => 'This is step' + stepIdx;
- * const ContentRenderer = ({step, stepIdx}) => 'This is content' + stepIdx;
- * return <AStepper steps={steps} StepRenderer={StepRenderer} ContentRenderer={ContentRenderer}/>
  */
 export declare const AStepper: <T>({ useSelect, steps, StepRenderer, ContentRenderer, }: IAStepperProps<T>) => import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/AModule/AComponents/ASwitch/ASwitch.d.ts

@@ -4,21 +4,24 @@ import { IAWrapProps } from '../AWrap/AWrap';
 export interface ASwitchProps extends IAWrapProps, IABaseProps {
     /**
      * useCheck? : TUseValues<any>
-     * <br/>Description : ContentRenderer of AStepper
-     * <br/>Basic Usage :
-     * <br/>(1)const steps = ['Step1', 'Step2', 'Step3'];
-     * const ContentRenderer = ({step, stepIdx}) => 'This is content' + stepIdx;
-     * <AStepper steps={steps} ContentRenderer={ContentRenderer}/>
+     *
+     * Description : useCheck of ASwitch
      */
     useCheck?: TUseValues<any>;
 }
 /**
  * AComponent : ASwitch
- * <br/>Description : ASwitch is a switch component that can be toggled.
- * <br/>Basic Usage :
- * <br/>(1)<ASwitch/>
  *
- * <br/>(2)const [check, setCheck] = useState<boolean>(false);
- * <ASwitch useCheck={[check, setCheck]}/>
+ * Description : ASwitch is a switch component that can be toggled.
+ *
+ * Basic Usage :
+ *
+ *     const [check, setCheck] = useState<boolean>(false);
+ *
+ *     if (case 1)
+ *       <ASwitch/>
+ *
+ *     if (case 2)
+ *       <ASwitch useCheck={[check, setCheck]}/>
  */
 export declare const ASwitch: ({ wrapProps, helperText, label, useCheck, ...abaseProps }: ASwitchProps) => import("react/jsx-runtime").JSX.Element;