ados-rcm 1.0.85 → 1.0.87

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

@@ -59,12 +59,6 @@ export interface IADatePickerProps {
      * Description : maximum date of ADatePicker. default is a year later from now
      */
     maxDate?: Date;
-    /**
-     * resources? : Partial<typeof Resources.ADatePicker>
-     *
-     * Description : language resources of ADatePicker
-     */
-    resources?: Partial<typeof Resources.ADatePicker>;
     /**
      * LeftAddon? : React.ReactNode
      *
@@ -77,6 +71,12 @@ export interface IADatePickerProps {
      * Description : RightAddon of ADatePicker
      */
     RightAddon?: React.ReactNode;
+    /**
+     * resources? : Partial<typeof Resources.ADatePicker>
+     *
+     * Description : language resources of ADatePicker
+     */
+    resources?: Partial<typeof Resources.ADatePicker>;
 }
 /**
  * AComponent : ADatePicker

package/dist/AModule/AComponents/ADatePicker/ADateRangePicker.d.ts

@@ -1,4 +1,5 @@
 import { TUseValues } from '../../AHooks/useValues';
+import { Resources } from '../AResource/AResource';
 import { IADatePickerProps } from './ADatePicker';
 export interface IDateRange {
     /**
@@ -21,6 +22,12 @@ export interface IADateRangePickerProps extends Omit<IADatePickerProps, 'useDate
      * Description : useDateRange of ADateRangePicker
      */
     useDateRange?: TUseValues<IDateRange>;
+    /**
+     * resources : Partial<typeof Resources.ADateRangePicker>;
+     *
+     * Description : resources of ADateRangePicker
+     */
+    resources?: Partial<typeof Resources.ADateRangePicker>;
 }
 /**
  * AComponent : ADateRangePicker

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

@@ -1,12 +1,19 @@
 import React from 'react';
+import { TUseValues } from '../../AHooks/useValues';
 import { Resources } from '../AResource/AResource';
-import { IAEvent, TActionRef } from '../ATypes/ATypes';
+import { IAEvent } from '../ATypes/ATypes';
 /**
  * onOk와 ok의 네이밍 차이 : 해당 function이 Action임을 정의하는 기준을 고찰.
  * onAction은 callback으로 action이 수행될 때 호출된다. 따라서 기본적으로 onAction을 호출하는 곳은 action 한 곳 뿐이다.
  * 이와 다르게 action은 여러 곳에서 해당 action을 수행하고 싶을 때 호출할 수 있다. 만약 한 곳에서만 action을 호출하는 상황이라면 onAction을 사용하도록 한다.
  */
-export interface IADialogActions {
+export interface IADialogAction {
+    /**
+     * open : () => void
+     *
+     * Description : open dialog
+     */
+    open: () => void;
     /**
      * close : () => void
      *
@@ -30,13 +37,17 @@ export interface IADialogChildren {
     children?: React.ReactNode;
 }
 export type TADialogTypes = 'okCancel' | 'cancelOk' | 'ok' | 'cancel' | 'none';
+export type TADialogContext<P> = (props: P) => {
+    children: JSX.Element;
+    isOkDisabled: boolean;
+};
 export interface IADialogProps {
     /**
-     * dlgState : IADialogState
+     * dlgCore : IADialogCore
      *
-     * Description : setOpen of the dialog. it is used when the dialog is closed.
+     * Description : core of the dialog
      */
-    dlgState: IADialogState;
+    dlgCore: IADialogCore;
     /**
      * type? : TADialogTypes = 'okCancel'
      *
@@ -49,12 +60,6 @@ export interface IADialogProps {
      * Description : title of the dialog
      */
     title?: React.ReactNode;
-    /**
-     * actionRef? : TActionRef<IADialogActions>
-     *
-     * Description : actionRef of the dialog
-     */
-    actionRef?: TActionRef<IADialogActions>;
     /**
      * children? : React.ReactNode
      *
@@ -164,71 +169,85 @@ export interface IADialogProps {
  * Description : ADialog is a dialog component.
  *
  *
- * Basic Usage :
+ * Basic Usage : You should use 'createADialog' and 'ADialog' to make dialog component,
+ * and manage it with 'useADialogCore(s)'.
  *
- *     const dlgState = useDialogState();
- *     const onOk = () => { console.log('ok') }
- *     const onCancel = (e : IAEvent) => {
- *       e.event.preventDefault(); // this prevents the dialog from closing.
- *       console.log('cancel')
- *     }
+ *      const DTest = createADialog((props: { dlgCore: IADialogCore }) => {
+ *         const { dlgCore } = props;
+ *         const onOk = () => console.log('ok')
+ *         const onCancel = () => console.log('cancel')
  *
- *     if (case 1)
- *       <>
- *         <ADialogFrame dlgState={dlgState}>
- *           <ADialog dlgState={dlgState}
+ *         return (
+ *           <ADialog dlgCore={dlgCore}
  *             title='Dialog Title'
  *             onOk={onOk}
  *             onCancel={onCancel}>
  *             <div>Content</div>
+ *             <AButton onClick={dlgCore.action.close}>close</AButton>
  *           </ADialog>
- *         </ADialogFrame>
- *         <AButton onClick={dlgState.open}>Open Dialog</AButton>
- *       </>
+ *         );
+ *       });
  *
- *     if (case 2)
- *       <ADialogFrame dlgState={dlgState}>
- *         <DTest dlgState={dlgState}
- *           onOk={onOk}
- *           onCancel={onCancel}>
- *         </DTest>
- *       </ADialogFrame>
+ *     if (case 1)
+ *       const CallerComponent = () => {
+ *         const dlgCore = useADialogCore();
+ *         return (
+ *           <div>
+ *            <AButton onClick={dlgCore.action.open}>Open Dialog</AButton>
+ *            <DTest dlgCore={dlgCore}/>
+ *          </div>
+ *         )
  *
- *     const DTest = (props: IADialogProps) => {
- *       let { dlgState, onOk, onCancel } = props;
- *       const [num, setNum] = useState(0);
- *       return (
- *         <ADialog dlgState={dlgState}
- *           title='Dialog Title'
- *           onOk={onOk}
- *           onCancel={onCancel}>
- *           {num}
- *           <AButton onClick={() => setNum(num + 1)}>Add</AButton>
- *           <AButton onClick={() => setNum(num - 1)}>Sub</AButton>
- *         </ADialog>
- *       )
- *     }
+ *     if (case 2)
+ *       const CallerComponent = () => {
+ *         const dlgCores = useADialogCores('dlg1');
+ *         return (
+ *           <div>
+ *             some contents
+ *             <AButton onClick={dlgCores.dlg1.action.open}>Open Dialog</AButton>
+ *             <DTest dlgState={dlgCores.dlg1}/>
+ *           </div>
+ *         );
+ *       }
  *
  */
 export declare const ADialog: (props: IADialogProps) => React.ReactPortal;
 export interface IADialogState {
-    isOpen: boolean;
-    setIsOpen: (isOpen: boolean) => void;
-    open: () => void;
-    onClose: () => void;
+    /**
+     * useIsOpen : [boolean, (isOpen: boolean) => void]
+     *
+     * Description : [ASystem] use should not modify this property.
+     */
+    useIsOpen: TUseValues<boolean>;
+    /**
+     * setAction : (action: Partial<IADialogAction>) => void
+     *
+     * Description : set action of the dialog
+     */
+    setAction: (action: Partial<IADialogAction>) => void;
 }
-export declare const useADialogState: () => IADialogState;
-export interface IADialogFrameProps {
+export type TADialogCores<T extends string> = {
+    [key in T]: IADialogCore;
+};
+export interface IADialogCore {
     /**
-     * dlgState : IADialogState
+     * state : IADialogState
      *
-     * Description : isOpen of the dialog. you can 'open' using this.
-     * you can 'close' using actionRef. not this.
+     * Description : [ASystem] use should not modify this property.
      */
-    dlgState: IADialogState;
+    state: IADialogState;
     /**
-     * children : React.ReactElement
+     * action : IADialogAction
+     *
+     * Description : action of the dialog
      */
-    children: React.ReactElement;
+    action: IADialogAction;
 }
-export declare const ADialogFrame: (props: IADialogFrameProps) => import("react/jsx-runtime").JSX.Element;
+export type TADialogActions<T extends string> = {
+    [key in T]: IADialogAction;
+};
+export declare const useADialogCores: <T extends string>(...dlgNames: T[]) => TADialogCores<T>;
+export declare const useADialogCore: () => IADialogCore;
+export declare const createADialog: <P extends {
+    dlgCore: IADialogCore;
+}>(Builder: (props: P) => JSX.Element) => (props: P) => import("react/jsx-runtime").JSX.Element;

package/dist/AModule/AComponents/{AFrames/AFrames.d.ts → AFrame/AFrame.d.ts}

@@ -1,4 +1,5 @@
 import { IABaseProps } from '../ABase/ABase';
+import React from 'react';
 /**
  * AComponent : AFrame : ARowFrame
  *
@@ -50,4 +51,39 @@ interface IAOverflowFrameProps extends IABaseProps {
  *       </AOverflowFrame>
  */
 export declare const AOverflowFrame: (props: IAOverflowFrameProps) => import("react/jsx-runtime").JSX.Element;
+interface IADivideFrameProps extends IABaseProps {
+    /**
+     * idx? : string | number
+     *
+     * Description : the idx of the frame. lengths will be saved localy with the idx.
+     * frames can be confused if you use same idxes in different frames.
+     * if you don't use idx, the lengths willd not be saved.
+     */
+    idx?: string | number;
+    /**
+     * direction? : 'Row' | 'Col'
+     *
+     * Description : decides whether to display as row or column
+     */
+    direction?: 'Row' | 'Col';
+    /**
+     * lengths : number[]
+     *
+     * Description : decides the length of each child frame. The length is the width when direction is 'Row' and the height when direction is 'Col'.
+     */
+    lengths: number[];
+    /**
+     * minLength? : number = 20
+     *
+     * Description : decides the minimum length of each child frame. The length is the width when direction is 'Row' and the height when direction is 'Col'.
+     */
+    minLength?: number;
+    /**
+     * children : React.ReactNode | React.ReactNode[]
+     *
+     * Description : the children of the frame
+     */
+    children: React.ReactNode | React.ReactNode[];
+}
+export declare const ADivideFrame: (props: IADivideFrameProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -14,6 +14,10 @@ export declare const Resources: {
         weekDays: (n: number) => string;
         months: (n: number) => string;
     };
+    ADateRangePicker: {
+        weekDays: (n: number) => string;
+        months: (n: number) => string;
+    };
     AFileBox: {
         'drop file to select': string;
         'or Drag & Drop': string;
@@ -37,4 +41,4 @@ export declare const Resources: {
 };
 export type TResource = typeof Resources;
 export type TResourceType = keyof TResource;
-export declare const SetResources: <K extends "ADialog" | "ATree" | "ADatePicker" | "AFileBox" | "ATable" | "ASelect" | "AMultiSelect">(resourceType: K, resources: TResource[K]) => void;
+export declare const SetResources: <K extends "ADialog" | "ATree" | "ADatePicker" | "ADateRangePicker" | "AFileBox" | "ATable" | "ASelect" | "AMultiSelect">(resourceType: K, resources: TResource[K]) => void;

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

@@ -307,6 +307,25 @@ declare const Default: {
     '--ADatePicker_Cell_IsSelected_background-color': string;
     '--ADatePicker_Cell_IsSelected_color': string;
     '--ADatePicker_Cell_IsHovered_background-color': string;
+    '--ADateRangePicker_Anchor_border': string;
+    '--ADateRangePicker_Anchor_color': string;
+    '--ADateRangePicker_Anchor_hover_border': string;
+    '--ADateRangePicker_Anchor_focus_border': string;
+    '--ADateRangePicker_Anchor_Icon_color': string;
+    '--ADateRangePicker_background-color': string;
+    '--ADateRangePicker_border': string;
+    '--ADateRangePicker_StringInputContainer_background-color': string;
+    '--ADateRangePicker_String_border': string;
+    '--ADateRangePicker_Prev_background-color': string;
+    '--ADateRangePicker_Prev_border-right': string;
+    '--ADateRangePicker_Next_background-color': string;
+    '--ADateRangePicker_Next_border-left': string;
+    '--ADateRangePicker_Cell_color': string;
+    '--ADateRangePicker_Cell_IsNotCurrentMonth_color': string;
+    '--ADateRangePicker_Cell_IsDisabled_color': string;
+    '--ADateRangePicker_Cell_IsSelected_background-color': string;
+    '--ADateRangePicker_Cell_IsSelected_color': string;
+    '--ADateRangePicker_Cell_IsHovered_background-color': string;
     '--AIconButton_Primary_color': string;
     '--AIconButton_Primary_background-color': string;
     '--AIconButton_Primary_border': string;
@@ -329,9 +348,10 @@ declare const Default: {
     '--ATableFilter_SubFilters_background-color': string;
     '--ATableFilter_SubFilters_border': string;
     '--ATableFilter_Icon_color': string;
+    '--ADivideFrame_DividerInner_background-color': string;
 };
 export type TAThemeKey = keyof typeof Default;
-export declare const AThemeKeys: ("--ATheme" | "--Font" | "--Body-transition" | "--black_and_white-black" | "--black_and_white-white" | "--black_and_white-white-02" | "--black_and_white-white-03" | "--gray-deep-gray" | "--gray-deep-gray2" | "--gray-gray-01" | "--gray-gray-02" | "--gray-gray-03" | "--gray-gray-04" | "--gray-gray-05" | "--gray-gray-06" | "--gray-gray-07" | "--gray-gray-08" | "--gray-gray-09" | "--gray-gray-10" | "--gray-l_add_d-gray" | "--orange-orange-01" | "--orange-orange-02" | "--orange-orange-03" | "--orange-orange-04" | "--orange-orange-05" | "--orange-orange-06" | "--orange-orange-07" | "--orange-orange-08" | "--orange-orange-09" | "--orange-orange-10" | "--red-red-01" | "--red-red-02" | "--red-red-03" | "--red-red-04" | "--red-red-05" | "--red-red-06" | "--red-red-07" | "--red-red-08" | "--red-red-09" | "--red-red-10" | "--d-blue-blue-01" | "--d-blue-blue-02" | "--d-blue-blue-03" | "--d-blue-blue-04" | "--d-blue-blue-05" | "--d-blue-blue-06" | "--d-blue-blue-07" | "--d-blue-blue-08" | "--d-blue-blue-09" | "--d-blue-blue-10" | "--l-blue-blue-01" | "--l-blue-blue-02" | "--l-blue-blue-03" | "--l-blue-blue-04" | "--l-blue-blue-05" | "--l-blue-blue-06" | "--l-blue-blue-07" | "--l-blue-blue-08" | "--l-blue-blue-09" | "--l-blue-blue-10" | "--yellow-yellow-01" | "--Scrollbar-border-radius" | "--Scrollbar-width" | "--Body-background-color" | "--Body-color" | "--action-fill-hover-primary" | "--action-fill-press-primary" | "--action-fill-hover-secondary" | "--action-fill-press-secondary" | "--action-fill-hover-tertiary" | "--action-fill-press-tertiary" | "--action-fill-rest-primary" | "--action-fill-rest-secondary" | "--action-fill-rest-tertiary" | "--action-storke-primary" | "--action-stroke-secondary" | "--action-text-primary" | "--action-text-secondary" | "--action-text-tertiary" | "--action-text-quaternary" | "--button-fill-hover-primary" | "--button-fill-hover-secondary" | "--button-fill-inactive-secondary" | "--button-fill-press-primary" | "--button-fill-press-secondary" | "--button-fill-rest-primary" | "--button-fill-rest-secondary" | "--button-stroke-secondary" | "--button-text-primary" | "--button-text-secondary" | "--checkbox-stroke" | "--content-primary" | "--content-secondary" | "--content-tertiary" | "--content-quaternary" | "--error-text" | "--error-background" | "--error-highlight" | "--dialog-background" | "--dialog-content" | "--dialog-depth" | "--dialog-stroke" | "--fill-background" | "--fill-header" | "--highlight-primary" | "--highlight-secondary" | "--invisible" | "--menuitem-content" | "--menuitem-fill-select" | "--menuitem-text" | "--opacity-primary" | "--opacity-secondary" | "--Scrollbar-handle" | "--Scrollbar-handle-hover" | "--Scrollbar-handle-active" | "--Scrollbar-track" | "--search-content" | "--search-fill-active" | "--search-fill-rest" | "--search-stroke-active" | "--search-text-hint" | "--search-text-placeholder" | "--stepper-connect" | "--stepper-fill-active" | "--stepper-fill-inactive" | "--stepper-stroke-active" | "--stepper-stroke-inactive" | "--stroke-primary" | "--stroke-secondary" | "--switch-fill-handle" | "--switch-fill-track-off" | "--switch-fill-track-on" | "--switch-stroke-handle-off" | "--switch-stroke-handle-on" | "--table-depth" | "--table-elevation" | "--table-header-content" | "--table-stroke-primary" | "--table-stroke-secondary" | "--table-text-primary" | "--table-text-secondary" | "--tapbutton-stroke-active" | "--tapbutton-stroke-rest" | "--tapbutton-text" | "--textinput-content" | "--textinput-fill-active" | "--textinput-fill-rest" | "--textinput-stroke-active" | "--textinput-stroke-error" | "--textinput-text-hint" | "--textinput-text-placeholder" | "--ui-depth" | "--ui-elevation" | "--CDialog-background" | "--CDialog-background2" | "--CDialog-background3" | "--CTableBody-linear" | "--CTableWidthChanger-background" | "--CTableWidthChanger-background2" | "--ABase_Dimming_background-color" | "--ATooltip_background-color" | "--ATooltip_color" | "--AButton_Primary_border" | "--AButton_Primary_background-color" | "--AButton_Primary_color" | "--AButton_Primary_hover_background-color" | "--AButton_Primary_active_background-color" | "--AButton_Secondary_border" | "--AButton_Secondary_background-color" | "--AButton_Secondary_color" | "--AButton_Secondary_hover_background-color" | "--AButton_Secondary_active_background-color" | "--AInput_Primary_background-color" | "--AInput_Primary_border" | "--AInput_Primary_color" | "--AInput_Primary_hover_border" | "--AInput_Primary_focus_background-color" | "--AInput_Primary_focus_border" | "--AInput_Secondary_background-color" | "--AInput_Secondary_border" | "--AInput_Secondary_color" | "--AInput_Secondary_hover_border" | "--AInput_Secondary_focus_border" | "--AInput_Error_HelperText_color" | "--AInput_Error_background-color" | "--AInput_Error_border" | "--AInput_Error_color" | "--AInput_Error_placeholder_color" | "--ATextArea_Primary_background-color" | "--ATextArea_Primary_border" | "--ATextArea_Primary_color" | "--ATextArea_Primary_hover_border" | "--ATextArea_Primary_focus_background-color" | "--ATextArea_Primary_focus_border" | "--ATextArea_Secondary_background-color" | "--ATextArea_Secondary_border" | "--ATextArea_Secondary_color" | "--ATextArea_Secondary_hover_border" | "--ATextArea_Secondary_focus_border" | "--ATextArea_Error_background-color" | "--ATextArea_Error_border" | "--ATextArea_Error_color" | "--ATextArea_Error_placeholder_color" | "--ACheckBox_color" | "--ADialog_Paper_background-color" | "--ADialog_background-color" | "--ADialog_border" | "--ADialog_Body_Title_font" | "--ADialog_Action_background-color" | "--ASelect_Primary_border" | "--ASelect_Primary_hover_border" | "--ASelect_Primary_Arrow_color" | "--ASelect_Primary_Options_background-color" | "--ASelect_Primary_Options_border" | "--ASelect_Primary_Option_hover_background-color" | "--ASelect_Primary_Option_active_background-color" | "--ASelect_Primary_Option_Selected_background-color" | "--ASelect_Secondary_background-color" | "--ASelect_Secondary_Arrow_color" | "--ASelect_Secondary_Options_background-color" | "--ASelect_Secondary_Options_border" | "--ASelect_Secondary_Option_hover_background-color" | "--ASelect_Secondary_Option_active_background-color" | "--ASelect_Secondary_Option_Selected_background-color" | "--AMultiSelect_Primary_border" | "--AMultiSelect_Primary_hover_border" | "--AMultiSelect_Primary_Arrow_color" | "--AMultiSelect_Primary_Options_background-color" | "--AMultiSelect_Primary_Options_border" | "--AMultiSelect_Primary_Option_hover_background-color" | "--AMultiSelect_Primary_Option_active_background-color" | "--AMultiSelect_Primary_Option_Selected_background-color" | "--AMultiSelect_Secondary_background-color" | "--AMultiSelect_Secondary_Arrow_color" | "--AMultiSelect_Secondary_Options_background-color" | "--AMultiSelect_Secondary_Options_border" | "--AMultiSelect_Secondary_Option_hover_background-color" | "--AMultiSelect_Secondary_Option_active_background-color" | "--AMultiSelect_Secondary_Option_Selected_background-color" | "--ATree_background-color" | "--ATree_Indent_border" | "--ATreeHeader_border-top" | "--ATreeHeader_border-bottom" | "--ATreeItem_hover_background-color" | "--ATreeItem_active_background-color" | "--ATreeItem_select_background-color" | "--ATreeItem_search_background-color" | "--ATreeItem_search_border-top" | "--ATreeItem_search_border-bottom" | "--ATreeItem_select_color" | "--ASwitch_Track_Falsy_border-color" | "--ASwitch_Track_Truthy_border-color" | "--ATab_font" | "--ATab_Option_IsSelected_font" | "--ATab_IndicatorTrack_Primary_border-bottom" | "--ATab_Indicator_Primary_background-color" | "--ATab_Option_Secondary_border" | "--ATab_Option_Secondary_IsSelected_border-bottom" | "--AFileBox_border" | "--AFileBox_background-color" | "--AFileBox_SelectedFile_color" | "--AFileBox_Dropping_color" | "--AFileBox_Dropping_font" | "--AListView_border-top" | "--AListView_Row_border-bottom" | "--AListView_Label_border-left" | "--AListView_Label_font" | "--AListView_Rendered_border-left" | "--AStepper_OutCircle_background-color" | "--AStepper_OutCircle_IsOver_background-color" | "--AStepper_InCircle_background-color" | "--AStepper_InCircle_IsOver_background-color" | "--AStepper_Line_background-color" | "--AStepper_Line_IsOver_background-color" | "--ADatePicker_Anchor_border" | "--ADatePicker_Anchor_color" | "--ADatePicker_Anchor_hover_border" | "--ADatePicker_Anchor_focus_border" | "--ADatePicker_Anchor_Icon_color" | "--ADatePicker_background-color" | "--ADatePicker_border" | "--ADatePicker_StringInputContainer_background-color" | "--ADatePicker_String_border" | "--ADatePicker_Prev_background-color" | "--ADatePicker_Prev_border-right" | "--ADatePicker_Next_background-color" | "--ADatePicker_Next_border-left" | "--ADatePicker_Cell_color" | "--ADatePicker_Cell_IsNotCurrentMonth_color" | "--ADatePicker_Cell_IsDisabled_color" | "--ADatePicker_Cell_IsSelected_background-color" | "--ADatePicker_Cell_IsSelected_color" | "--ADatePicker_Cell_IsHovered_background-color" | "--AIconButton_Primary_color" | "--AIconButton_Primary_background-color" | "--AIconButton_Primary_border" | "--AIconButton_Primary_hover_border" | "--ATableBody_BodyHeader_border-top" | "--ATableBody_TRow_border-bottom" | "--ATableBody_TRow_IsSelected_background-color" | "--ATableBody_TRow_IsSelectable_hover_background-color" | "--ATableBody_TH_color" | "--ATableBody_TH_font-size" | "--ATableBody_TD_font-size" | "--ATableBody_TD_IsMarked_background-color" | "--ATableBody_Resizer_hover_ResizerCenter_background-color" | "--ATableBody_Resizer_active_ResizerCenter_background-color" | "--ATableBody_Resizer_active_ResizerOut_background-color" | "--ATableBody_Resizer_active_ResizerIn_background-color" | "--ATableFooter_Button_IsSelected_background-color" | "--ATableFooter_Button_IsSelected_color" | "--ATableFooter_Button_IsDisabled_color" | "--ATableFilter_SubFilters_background-color" | "--ATableFilter_SubFilters_border" | "--ATableFilter_Icon_color")[];
+export declare const AThemeKeys: ("--ATheme" | "--Font" | "--Body-transition" | "--black_and_white-black" | "--black_and_white-white" | "--black_and_white-white-02" | "--black_and_white-white-03" | "--gray-deep-gray" | "--gray-deep-gray2" | "--gray-gray-01" | "--gray-gray-02" | "--gray-gray-03" | "--gray-gray-04" | "--gray-gray-05" | "--gray-gray-06" | "--gray-gray-07" | "--gray-gray-08" | "--gray-gray-09" | "--gray-gray-10" | "--gray-l_add_d-gray" | "--orange-orange-01" | "--orange-orange-02" | "--orange-orange-03" | "--orange-orange-04" | "--orange-orange-05" | "--orange-orange-06" | "--orange-orange-07" | "--orange-orange-08" | "--orange-orange-09" | "--orange-orange-10" | "--red-red-01" | "--red-red-02" | "--red-red-03" | "--red-red-04" | "--red-red-05" | "--red-red-06" | "--red-red-07" | "--red-red-08" | "--red-red-09" | "--red-red-10" | "--d-blue-blue-01" | "--d-blue-blue-02" | "--d-blue-blue-03" | "--d-blue-blue-04" | "--d-blue-blue-05" | "--d-blue-blue-06" | "--d-blue-blue-07" | "--d-blue-blue-08" | "--d-blue-blue-09" | "--d-blue-blue-10" | "--l-blue-blue-01" | "--l-blue-blue-02" | "--l-blue-blue-03" | "--l-blue-blue-04" | "--l-blue-blue-05" | "--l-blue-blue-06" | "--l-blue-blue-07" | "--l-blue-blue-08" | "--l-blue-blue-09" | "--l-blue-blue-10" | "--yellow-yellow-01" | "--Scrollbar-border-radius" | "--Scrollbar-width" | "--Body-background-color" | "--Body-color" | "--action-fill-hover-primary" | "--action-fill-press-primary" | "--action-fill-hover-secondary" | "--action-fill-press-secondary" | "--action-fill-hover-tertiary" | "--action-fill-press-tertiary" | "--action-fill-rest-primary" | "--action-fill-rest-secondary" | "--action-fill-rest-tertiary" | "--action-storke-primary" | "--action-stroke-secondary" | "--action-text-primary" | "--action-text-secondary" | "--action-text-tertiary" | "--action-text-quaternary" | "--button-fill-hover-primary" | "--button-fill-hover-secondary" | "--button-fill-inactive-secondary" | "--button-fill-press-primary" | "--button-fill-press-secondary" | "--button-fill-rest-primary" | "--button-fill-rest-secondary" | "--button-stroke-secondary" | "--button-text-primary" | "--button-text-secondary" | "--checkbox-stroke" | "--content-primary" | "--content-secondary" | "--content-tertiary" | "--content-quaternary" | "--error-text" | "--error-background" | "--error-highlight" | "--dialog-background" | "--dialog-content" | "--dialog-depth" | "--dialog-stroke" | "--fill-background" | "--fill-header" | "--highlight-primary" | "--highlight-secondary" | "--invisible" | "--menuitem-content" | "--menuitem-fill-select" | "--menuitem-text" | "--opacity-primary" | "--opacity-secondary" | "--Scrollbar-handle" | "--Scrollbar-handle-hover" | "--Scrollbar-handle-active" | "--Scrollbar-track" | "--search-content" | "--search-fill-active" | "--search-fill-rest" | "--search-stroke-active" | "--search-text-hint" | "--search-text-placeholder" | "--stepper-connect" | "--stepper-fill-active" | "--stepper-fill-inactive" | "--stepper-stroke-active" | "--stepper-stroke-inactive" | "--stroke-primary" | "--stroke-secondary" | "--switch-fill-handle" | "--switch-fill-track-off" | "--switch-fill-track-on" | "--switch-stroke-handle-off" | "--switch-stroke-handle-on" | "--table-depth" | "--table-elevation" | "--table-header-content" | "--table-stroke-primary" | "--table-stroke-secondary" | "--table-text-primary" | "--table-text-secondary" | "--tapbutton-stroke-active" | "--tapbutton-stroke-rest" | "--tapbutton-text" | "--textinput-content" | "--textinput-fill-active" | "--textinput-fill-rest" | "--textinput-stroke-active" | "--textinput-stroke-error" | "--textinput-text-hint" | "--textinput-text-placeholder" | "--ui-depth" | "--ui-elevation" | "--CDialog-background" | "--CDialog-background2" | "--CDialog-background3" | "--CTableBody-linear" | "--CTableWidthChanger-background" | "--CTableWidthChanger-background2" | "--ABase_Dimming_background-color" | "--ATooltip_background-color" | "--ATooltip_color" | "--AButton_Primary_border" | "--AButton_Primary_background-color" | "--AButton_Primary_color" | "--AButton_Primary_hover_background-color" | "--AButton_Primary_active_background-color" | "--AButton_Secondary_border" | "--AButton_Secondary_background-color" | "--AButton_Secondary_color" | "--AButton_Secondary_hover_background-color" | "--AButton_Secondary_active_background-color" | "--AInput_Primary_background-color" | "--AInput_Primary_border" | "--AInput_Primary_color" | "--AInput_Primary_hover_border" | "--AInput_Primary_focus_background-color" | "--AInput_Primary_focus_border" | "--AInput_Secondary_background-color" | "--AInput_Secondary_border" | "--AInput_Secondary_color" | "--AInput_Secondary_hover_border" | "--AInput_Secondary_focus_border" | "--AInput_Error_HelperText_color" | "--AInput_Error_background-color" | "--AInput_Error_border" | "--AInput_Error_color" | "--AInput_Error_placeholder_color" | "--ATextArea_Primary_background-color" | "--ATextArea_Primary_border" | "--ATextArea_Primary_color" | "--ATextArea_Primary_hover_border" | "--ATextArea_Primary_focus_background-color" | "--ATextArea_Primary_focus_border" | "--ATextArea_Secondary_background-color" | "--ATextArea_Secondary_border" | "--ATextArea_Secondary_color" | "--ATextArea_Secondary_hover_border" | "--ATextArea_Secondary_focus_border" | "--ATextArea_Error_background-color" | "--ATextArea_Error_border" | "--ATextArea_Error_color" | "--ATextArea_Error_placeholder_color" | "--ACheckBox_color" | "--ADialog_Paper_background-color" | "--ADialog_background-color" | "--ADialog_border" | "--ADialog_Body_Title_font" | "--ADialog_Action_background-color" | "--ASelect_Primary_border" | "--ASelect_Primary_hover_border" | "--ASelect_Primary_Arrow_color" | "--ASelect_Primary_Options_background-color" | "--ASelect_Primary_Options_border" | "--ASelect_Primary_Option_hover_background-color" | "--ASelect_Primary_Option_active_background-color" | "--ASelect_Primary_Option_Selected_background-color" | "--ASelect_Secondary_background-color" | "--ASelect_Secondary_Arrow_color" | "--ASelect_Secondary_Options_background-color" | "--ASelect_Secondary_Options_border" | "--ASelect_Secondary_Option_hover_background-color" | "--ASelect_Secondary_Option_active_background-color" | "--ASelect_Secondary_Option_Selected_background-color" | "--AMultiSelect_Primary_border" | "--AMultiSelect_Primary_hover_border" | "--AMultiSelect_Primary_Arrow_color" | "--AMultiSelect_Primary_Options_background-color" | "--AMultiSelect_Primary_Options_border" | "--AMultiSelect_Primary_Option_hover_background-color" | "--AMultiSelect_Primary_Option_active_background-color" | "--AMultiSelect_Primary_Option_Selected_background-color" | "--AMultiSelect_Secondary_background-color" | "--AMultiSelect_Secondary_Arrow_color" | "--AMultiSelect_Secondary_Options_background-color" | "--AMultiSelect_Secondary_Options_border" | "--AMultiSelect_Secondary_Option_hover_background-color" | "--AMultiSelect_Secondary_Option_active_background-color" | "--AMultiSelect_Secondary_Option_Selected_background-color" | "--ATree_background-color" | "--ATree_Indent_border" | "--ATreeHeader_border-top" | "--ATreeHeader_border-bottom" | "--ATreeItem_hover_background-color" | "--ATreeItem_active_background-color" | "--ATreeItem_select_background-color" | "--ATreeItem_search_background-color" | "--ATreeItem_search_border-top" | "--ATreeItem_search_border-bottom" | "--ATreeItem_select_color" | "--ASwitch_Track_Falsy_border-color" | "--ASwitch_Track_Truthy_border-color" | "--ATab_font" | "--ATab_Option_IsSelected_font" | "--ATab_IndicatorTrack_Primary_border-bottom" | "--ATab_Indicator_Primary_background-color" | "--ATab_Option_Secondary_border" | "--ATab_Option_Secondary_IsSelected_border-bottom" | "--AFileBox_border" | "--AFileBox_background-color" | "--AFileBox_SelectedFile_color" | "--AFileBox_Dropping_color" | "--AFileBox_Dropping_font" | "--AListView_border-top" | "--AListView_Row_border-bottom" | "--AListView_Label_border-left" | "--AListView_Label_font" | "--AListView_Rendered_border-left" | "--AStepper_OutCircle_background-color" | "--AStepper_OutCircle_IsOver_background-color" | "--AStepper_InCircle_background-color" | "--AStepper_InCircle_IsOver_background-color" | "--AStepper_Line_background-color" | "--AStepper_Line_IsOver_background-color" | "--ADatePicker_Anchor_border" | "--ADatePicker_Anchor_color" | "--ADatePicker_Anchor_hover_border" | "--ADatePicker_Anchor_focus_border" | "--ADatePicker_Anchor_Icon_color" | "--ADatePicker_background-color" | "--ADatePicker_border" | "--ADatePicker_StringInputContainer_background-color" | "--ADatePicker_String_border" | "--ADatePicker_Prev_background-color" | "--ADatePicker_Prev_border-right" | "--ADatePicker_Next_background-color" | "--ADatePicker_Next_border-left" | "--ADatePicker_Cell_color" | "--ADatePicker_Cell_IsNotCurrentMonth_color" | "--ADatePicker_Cell_IsDisabled_color" | "--ADatePicker_Cell_IsSelected_background-color" | "--ADatePicker_Cell_IsSelected_color" | "--ADatePicker_Cell_IsHovered_background-color" | "--ADateRangePicker_Anchor_border" | "--ADateRangePicker_Anchor_color" | "--ADateRangePicker_Anchor_hover_border" | "--ADateRangePicker_Anchor_focus_border" | "--ADateRangePicker_Anchor_Icon_color" | "--ADateRangePicker_background-color" | "--ADateRangePicker_border" | "--ADateRangePicker_StringInputContainer_background-color" | "--ADateRangePicker_String_border" | "--ADateRangePicker_Prev_background-color" | "--ADateRangePicker_Prev_border-right" | "--ADateRangePicker_Next_background-color" | "--ADateRangePicker_Next_border-left" | "--ADateRangePicker_Cell_color" | "--ADateRangePicker_Cell_IsNotCurrentMonth_color" | "--ADateRangePicker_Cell_IsDisabled_color" | "--ADateRangePicker_Cell_IsSelected_background-color" | "--ADateRangePicker_Cell_IsSelected_color" | "--ADateRangePicker_Cell_IsHovered_background-color" | "--AIconButton_Primary_color" | "--AIconButton_Primary_background-color" | "--AIconButton_Primary_border" | "--AIconButton_Primary_hover_border" | "--ATableBody_BodyHeader_border-top" | "--ATableBody_TRow_border-bottom" | "--ATableBody_TRow_IsSelected_background-color" | "--ATableBody_TRow_IsSelectable_hover_background-color" | "--ATableBody_TH_color" | "--ATableBody_TH_font-size" | "--ATableBody_TD_font-size" | "--ATableBody_TD_IsMarked_background-color" | "--ATableBody_Resizer_hover_ResizerCenter_background-color" | "--ATableBody_Resizer_active_ResizerCenter_background-color" | "--ATableBody_Resizer_active_ResizerOut_background-color" | "--ATableBody_Resizer_active_ResizerIn_background-color" | "--ATableFooter_Button_IsSelected_background-color" | "--ATableFooter_Button_IsSelected_color" | "--ATableFooter_Button_IsDisabled_color" | "--ATableFilter_SubFilters_background-color" | "--ATableFilter_SubFilters_border" | "--ATableFilter_Icon_color" | "--ADivideFrame_DividerInner_background-color")[];
 export declare const AThemes: {
     Add: (theme: IATheme) => void;
     Remove: (theme: string) => void;