@pnkx-lib/ui 1.6.5 → 1.6.7

package/es/chunks/{ConfirmModal-Bt_bPSWr.js → ConfirmModal-BB38ZWjg.js}

@@ -11810,7 +11810,7 @@ const Sidebar = ({ children, menu }) => {
         onMouseEnter: () => setCollapse(true),
         onMouseLeave: () => setCollapse(false),
         className: twMerge(
-          "flex flex-col gap-y-5 border-r border-gray-400 bg-red-500 transition-all duration-300",
+          "flex flex-col gap-y-5 border-r border-gray-200 bg-[#1C2D5A] transition-all duration-300",
           collapse ? "w-60" : "w-16"
         ),
         children: [
@@ -11818,7 +11818,7 @@ const Sidebar = ({ children, menu }) => {
             "div",
             {
               className: twMerge(
-                "flex h-16 shrink-0 items-center justify-center bg-[#ffffff]"
+                "flex h-16 shrink-0 items-center justify-center bg-[#FFFFFF]"
               ),
               children: /* @__PURE__ */ jsxRuntimeExports.jsx(
                 "img",

package/es/fields/index.js

@@ -1,17 +1,2 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const Switch = require('../chunks/Switch-03DUOS9f.js');
-const Checkbox = require('../chunks/Checkbox-D7JJEnsk.js');
-
-
-
-exports.DatePickerField = Switch.DatePickerField;
-exports.Input = Switch.Input;
-exports.PnkxField = Switch.PnkxField;
-exports.RangePickerField = Switch.RangePickerField;
-exports.TinyMCE = Switch.TinyMCE;
-exports.CheckboxField = Checkbox.CheckboxField;
-exports.RadioGroup = Checkbox.RadioGroup;
-exports.Select = Checkbox.Select;
+export { D as DatePickerField, I as Input, P as PnkxField, R as RangePickerField, a as TinyMCE } from '../chunks/Switch-eMq9KkOy.js';
+export { C as CheckboxField, R as RadioGroup, S as Select } from '../chunks/Checkbox-CJ_M7IzZ.js';

package/es/hooks/index.js

@@ -1,12 +1,2 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const cloneDeep = require('../chunks/cloneDeep-DWe9CKmh.js');
-const useMessage = require('../chunks/useMessage-DtM7Izkl.js');
-
-
-
-exports.useToast = cloneDeep.useToast;
-exports.useFiltersHandler = useMessage.useFiltersHandler;
-exports.useMessage = useMessage.useMessage;
+export { u as useToast } from '../chunks/cloneDeep-BLYi2V0G.js';
+export { u as useFiltersHandler, a as useMessage } from '../chunks/useMessage-D_-VT5B4.js';

package/es/index.js

@@ -1,75 +1,5 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const ConfirmModal = require('./chunks/ConfirmModal-B7zTPvH9.js');
-const Switch = require('./chunks/Switch-03DUOS9f.js');
-const Checkbox = require('./chunks/Checkbox-D7JJEnsk.js');
-const cloneDeep = require('./chunks/cloneDeep-DWe9CKmh.js');
-const useMessage = require('./chunks/useMessage-DtM7Izkl.js');
-
-
-
-exports.Alert = ConfirmModal.Alert;
-exports.Anchor = ConfirmModal.Anchor;
-exports.Appfix = ConfirmModal.Appfix;
-exports.AutoComplete = ConfirmModal.AutoComplete;
-exports.Badge = ConfirmModal.Badge;
-exports.Breadcrumb = ConfirmModal.Breadcrumb;
-exports.BulkAction = ConfirmModal.BulkAction;
-exports.Button = ConfirmModal.Button;
-exports.CascaderField = ConfirmModal.CascaderField;
-exports.Col = ConfirmModal.Col;
-exports.ConfirmModal = ConfirmModal.ConfirmModal;
-exports.Container = ConfirmModal.Container;
-exports.Divider = ConfirmModal.Divider;
-exports.Drawer = ConfirmModal.Drawer;
-exports.Dropdown = ConfirmModal.Dropdown;
-exports.Empty = ConfirmModal.Empty;
-exports.Flex = ConfirmModal.Flex;
-exports.Heading = ConfirmModal.Heading;
-exports.Image = ConfirmModal.Image;
-exports.Layout = ConfirmModal.Layout;
-exports.Menu = ConfirmModal.Menu;
-exports.Modal = ConfirmModal.Modal;
-exports.Pagination = ConfirmModal.Pagination;
-exports.PnkxCollapse = ConfirmModal.PnkxCollapse;
-exports.PnkxColorPicker = ConfirmModal.PnkxColorPicker;
-exports.Popconfirm = ConfirmModal.Popconfirm;
-exports.Popover = ConfirmModal.Popover;
-exports.QRCode = ConfirmModal.QRCode;
-exports.Rate = ConfirmModal.Rate;
-exports.Result = ConfirmModal.Result;
-exports.Row = ConfirmModal.Row;
-exports.SearchFiltersForm = ConfirmModal.SearchFiltersForm;
-exports.Segmented = ConfirmModal.Segmented;
-exports.Sidebar = ConfirmModal.Sidebar;
-exports.Skeleton = ConfirmModal.Skeleton;
-exports.Space = ConfirmModal.Space;
-exports.Spin = ConfirmModal.Spin;
-exports.Splitter = ConfirmModal.Splitter;
-exports.Statistic = ConfirmModal.Statistic;
-exports.Steps = ConfirmModal.Steps;
-exports.Table = ConfirmModal.Table;
-exports.Tabs = ConfirmModal.Tabs;
-exports.Tag = ConfirmModal.Tag;
-exports.Timeline = ConfirmModal.Timeline;
-exports.Tooltip = ConfirmModal.Tooltip;
-exports.Tour = ConfirmModal.Tour;
-exports.Tree = ConfirmModal.Tree;
-exports.Watermark = ConfirmModal.Watermark;
-exports.typeColorMap = ConfirmModal.typeColorMap;
-exports.DatePickerField = Switch.DatePickerField;
-exports.ErrorMessage = Switch.ErrorMessage;
-exports.Input = Switch.Input;
-exports.Label = Switch.Label;
-exports.PnkxField = Switch.PnkxField;
-exports.RangePickerField = Switch.RangePickerField;
-exports.TinyMCE = Switch.TinyMCE;
-exports.Typography = Switch.Typography;
-exports.CheckboxField = Checkbox.CheckboxField;
-exports.RadioGroup = Checkbox.RadioGroup;
-exports.Select = Checkbox.Select;
-exports.useToast = cloneDeep.useToast;
-exports.useFiltersHandler = useMessage.useFiltersHandler;
-exports.useMessage = useMessage.useMessage;
+export { A as Alert, E as Anchor, G as Appfix, I as AutoComplete, e as Badge, g as Breadcrumb, U as BulkAction, B as Button, C as CascaderField, f as Col, V as ConfirmModal, d as Container, o as Divider, q as Drawer, D as Dropdown, N as Empty, F as Flex, H as Heading, O as Image, L as Layout, j as Menu, M as Modal, k as Pagination, J as PnkxCollapse, K as PnkxColorPicker, r as Popconfirm, P as Popover, Q as QRCode, u as Rate, s as Result, R as Row, c as SearchFiltersForm, v as Segmented, m as Sidebar, S as Skeleton, h as Space, p as Spin, i as Splitter, w as Statistic, l as Steps, T as Table, b as Tabs, n as Tag, x as Timeline, a as Tooltip, y as Tour, z as Tree, W as Watermark, t as typeColorMap } from './chunks/ConfirmModal-BB38ZWjg.js';
+export { D as DatePickerField, E as ErrorMessage, I as Input, L as Label, P as PnkxField, R as RangePickerField, a as TinyMCE, T as Typography } from './chunks/Switch-eMq9KkOy.js';
+export { C as CheckboxField, R as RadioGroup, S as Select } from './chunks/Checkbox-CJ_M7IzZ.js';
+export { u as useToast } from './chunks/cloneDeep-BLYi2V0G.js';
+export { u as useFiltersHandler, a as useMessage } from './chunks/useMessage-D_-VT5B4.js';

package/es/ui/index.js

@@ -1,61 +1,2 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const ConfirmModal = require('../chunks/ConfirmModal-B7zTPvH9.js');
-const Switch = require('../chunks/Switch-03DUOS9f.js');
-
-
-
-exports.Alert = ConfirmModal.Alert;
-exports.Anchor = ConfirmModal.Anchor;
-exports.Appfix = ConfirmModal.Appfix;
-exports.AutoComplete = ConfirmModal.AutoComplete;
-exports.Badge = ConfirmModal.Badge;
-exports.Breadcrumb = ConfirmModal.Breadcrumb;
-exports.BulkAction = ConfirmModal.BulkAction;
-exports.Button = ConfirmModal.Button;
-exports.CascaderField = ConfirmModal.CascaderField;
-exports.Col = ConfirmModal.Col;
-exports.ConfirmModal = ConfirmModal.ConfirmModal;
-exports.Container = ConfirmModal.Container;
-exports.Divider = ConfirmModal.Divider;
-exports.Drawer = ConfirmModal.Drawer;
-exports.Dropdown = ConfirmModal.Dropdown;
-exports.Empty = ConfirmModal.Empty;
-exports.Flex = ConfirmModal.Flex;
-exports.Heading = ConfirmModal.Heading;
-exports.Image = ConfirmModal.Image;
-exports.Layout = ConfirmModal.Layout;
-exports.Menu = ConfirmModal.Menu;
-exports.Modal = ConfirmModal.Modal;
-exports.Pagination = ConfirmModal.Pagination;
-exports.PnkxCollapse = ConfirmModal.PnkxCollapse;
-exports.PnkxColorPicker = ConfirmModal.PnkxColorPicker;
-exports.Popconfirm = ConfirmModal.Popconfirm;
-exports.Popover = ConfirmModal.Popover;
-exports.QRCode = ConfirmModal.QRCode;
-exports.Rate = ConfirmModal.Rate;
-exports.Result = ConfirmModal.Result;
-exports.Row = ConfirmModal.Row;
-exports.SearchFiltersForm = ConfirmModal.SearchFiltersForm;
-exports.Segmented = ConfirmModal.Segmented;
-exports.Sidebar = ConfirmModal.Sidebar;
-exports.Skeleton = ConfirmModal.Skeleton;
-exports.Space = ConfirmModal.Space;
-exports.Spin = ConfirmModal.Spin;
-exports.Splitter = ConfirmModal.Splitter;
-exports.Statistic = ConfirmModal.Statistic;
-exports.Steps = ConfirmModal.Steps;
-exports.Table = ConfirmModal.Table;
-exports.Tabs = ConfirmModal.Tabs;
-exports.Tag = ConfirmModal.Tag;
-exports.Timeline = ConfirmModal.Timeline;
-exports.Tooltip = ConfirmModal.Tooltip;
-exports.Tour = ConfirmModal.Tour;
-exports.Tree = ConfirmModal.Tree;
-exports.Watermark = ConfirmModal.Watermark;
-exports.typeColorMap = ConfirmModal.typeColorMap;
-exports.ErrorMessage = Switch.ErrorMessage;
-exports.Label = Switch.Label;
-exports.Typography = Switch.Typography;
+export { A as Alert, E as Anchor, G as Appfix, I as AutoComplete, e as Badge, g as Breadcrumb, U as BulkAction, B as Button, C as CascaderField, f as Col, V as ConfirmModal, d as Container, o as Divider, q as Drawer, D as Dropdown, N as Empty, F as Flex, H as Heading, O as Image, L as Layout, j as Menu, M as Modal, k as Pagination, J as PnkxCollapse, K as PnkxColorPicker, r as Popconfirm, P as Popover, Q as QRCode, u as Rate, s as Result, R as Row, c as SearchFiltersForm, v as Segmented, m as Sidebar, S as Skeleton, h as Space, p as Spin, i as Splitter, w as Statistic, l as Steps, T as Table, b as Tabs, n as Tag, x as Timeline, a as Tooltip, y as Tour, z as Tree, W as Watermark, t as typeColorMap } from '../chunks/ConfirmModal-BB38ZWjg.js';
+export { E as ErrorMessage, L as Label, T as Typography } from '../chunks/Switch-eMq9KkOy.js';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pnkx-lib/ui",
   "private": false,
-  "version": "1.6.5",
+  "version": "1.6.7",
   "type": "module",
   "main": "./es/index.js",
   "module": "./es/index.js",

package/types/fields.d.ts

@@ -6,7 +6,8 @@ import { Dayjs } from 'dayjs';
 import { default as default_2 } from 'react';
 import { IAllProps } from '@tinymce/tinymce-react';
 import { InputProps as InputProps_2 } from 'antd';
-import { JSX } from 'react';
+import { JSX } from 'react/jsx-runtime';
+import { JSX as JSX_2 } from 'react';
 import { RadioGroupProps } from 'antd';
 import { RangePickerProps } from 'antd/es/date-picker';
 import * as React_2 from 'react';
@@ -19,7 +20,7 @@ import { UploadProps } from 'antd';
 import { UseFormSetValue } from 'react-hook-form';
 import { UseFormStateReturn } from 'react-hook-form';
 
-export declare const CheckboxField: (props: CheckboxFieldProps) => JSX;
+export declare const CheckboxField: (props: CheckboxFieldProps) => JSX.Element;
 
 export declare interface CheckboxFieldProps extends Omit<CheckboxProps, "onChange" | "checked"> {
     field?: ControllerRenderProps<any, any>;
@@ -52,7 +53,7 @@ export declare interface DatePickerDMYProps extends Omit<ReactDatePickerProps, "
     size?: TSize;
 }
 
-export declare const DatePickerField: (props: DatePickerDMYProps) => default_2.JSX.Element;
+export declare const DatePickerField: (props: DatePickerDMYProps) => JSX.Element;
 
 export declare const Input: (props: InputProps) => JSX.Element;
 
@@ -72,7 +73,7 @@ export declare interface InputProps extends InputProps_2 {
 }
 
 export declare class PnkxField<TComponent extends React_2.ComponentType<any>> extends React_2.PureComponent<PnkxFieldProps<TComponent>> {
-    render(): React_2.JSX.Element;
+    render(): JSX.Element;
 }
 
 export declare type PnkxFieldProps<TComponent extends React_2.ComponentType<any>> = {
@@ -90,10 +91,10 @@ export declare interface PropsNumberFormat extends Omit<InputProps, "onChange" |
     type?: TInputNumberType;
     prefix?: string;
     suffix?: string;
-    helperText?: () => JSX.Element | null;
+    helperText?: () => JSX_2.Element | null;
 }
 
-export declare const RadioGroup: (props: RadioProps) => JSX;
+export declare const RadioGroup: (props: RadioProps) => JSX.Element;
 
 export declare interface RadioProps extends Omit<RadioGroupProps, "options" | "onChange"> {
     field?: ControllerRenderProps<any, any>;
@@ -106,7 +107,7 @@ export declare interface RadioProps extends Omit<RadioGroupProps, "options" | "o
     position?: TPositionRadio;
 }
 
-export declare const RangePickerField: (props: RangePickerFieldProps) => JSX;
+export declare const RangePickerField: (props: RangePickerFieldProps) => JSX.Element;
 
 export declare interface RangePickerFieldProps extends Omit<RangePickerProps, "value" | "onChange"> {
     field?: ControllerRenderProps<any, any>;
@@ -118,7 +119,7 @@ export declare interface RangePickerFieldProps extends Omit<RangePickerProps, "v
     customStyleDatePicker?: string;
 }
 
-export declare const Select: (props: SelectFieldProps) => JSX;
+export declare const Select: (props: SelectFieldProps) => JSX.Element;
 
 export declare interface SelectFieldProps extends SelectProps {
     field?: ControllerRenderProps<any, any>;
@@ -152,7 +153,7 @@ export declare interface TextAreaProps extends TextAreaProps_2 {
 declare type TInputNumberType = "number" | "money";
 
 export declare const TinyMCE: {
-    (props: TinyProps): JSX;
+    (props: TinyProps): JSX.Element;
     displayName: string;
 };
 

package/types/hooks.d.ts

@@ -1,14 +1,14 @@
-import { ArgsProps } from 'antd/es/notification';
-import { ArgsProps as ArgsProps_2 } from 'antd/lib/message';
+import { ArgsProps } from 'antd/lib/message';
+import { ArgsProps as ArgsProps_2 } from 'antd/es/notification';
 import { default as default_2 } from 'react';
 
 export declare type InitialFiltersSearch<T> = T & PaginationFilters;
 
-export declare type OptionalArgsMessage = Partial<ArgsProps_2> & {
-    type?: ArgsProps_2["type"];
+export declare type OptionalArgsMessage = Partial<ArgsProps> & {
+    type?: ArgsProps["type"];
 };
 
-export declare type OptionalArgsToast = Partial<ArgsProps> & {
+export declare type OptionalArgsToast = Partial<ArgsProps_2> & {
     message?: React.ReactNode;
 };
 

package/types/index.d.ts

@@ -2,8 +2,8 @@ import { AffixProps } from 'antd';
 import { AlertProps as AlertProps_2 } from 'antd';
 import { Anchor as Anchor_2 } from 'antd';
 import { AnchorProps as AnchorProps_2 } from 'antd';
-import { ArgsProps } from 'antd/es/notification';
-import { ArgsProps as ArgsProps_2 } from 'antd/lib/message';
+import { ArgsProps } from 'antd/lib/message';
+import { ArgsProps as ArgsProps_2 } from 'antd/es/notification';
 import { AutoCompleteProps as AutoCompleteProps_2 } from 'antd';
 import { BadgeProps as BadgeProps_2 } from 'antd';
 import { BasicProps } from 'antd/es/layout/layout';
@@ -22,8 +22,8 @@ import { Control } from 'react-hook-form';
 import { ControllerFieldState } from 'react-hook-form';
 import { ControllerRenderProps } from 'react-hook-form';
 import { Dayjs } from 'dayjs';
-import { default as default_2 } from 'react';
-import { default as default_3 } from 'antd/es/anchor/AnchorLink';
+import { default as default_2 } from 'antd/es/anchor/AnchorLink';
+import { default as default_3 } from 'react';
 import { DefaultOptionType } from 'antd/es/cascader';
 import { DefaultValues } from 'react-hook-form';
 import { DividerProps as DividerProps_2 } from 'antd';
@@ -40,7 +40,8 @@ import { ForwardRefExoticComponent } from 'react';
 import { IAllProps } from '@tinymce/tinymce-react';
 import { ImageProps } from 'antd';
 import { InputProps as InputProps_2 } from 'antd';
-import { JSX } from 'react';
+import { JSX } from 'react/jsx-runtime';
+import { JSX as JSX_2 } from 'react';
 import { MenuDividerProps } from 'antd/es/menu';
 import { MenuItemGroupProps } from 'rc-menu/lib/MenuItemGroup';
 import { MenuItemProps as MenuItemProps_2 } from 'antd/es/menu';
@@ -102,7 +103,7 @@ export declare const Alert: React.FC<AlertProps>;
 export declare type AlertProps = AlertProps_2;
 
 export declare const Anchor: typeof Anchor_2 & {
-    Link: typeof default_3;
+    Link: typeof default_2;
 };
 
 export declare interface AnchorProps extends AnchorProps_2 {
@@ -110,10 +111,10 @@ export declare interface AnchorProps extends AnchorProps_2 {
 
 export declare type AnchorPropsUnion = BaseProps_13 & AnchorProps;
 
-export declare const Appfix: ({ children, ...rest }: AppfixProps) => default_2.JSX.Element;
+export declare const Appfix: ({ children, ...rest }: AppfixProps) => JSX.Element;
 
 export declare interface AppfixProps extends AffixProps {
-    children: default_2.ReactNode;
+    children: default_3.ReactNode;
 }
 
 export declare const AutoComplete: React.FC<AutoCompleteProps>;
@@ -202,7 +203,7 @@ export declare type BreadcrumbPropsUnion = BaseProps_6 & BreadcrumbProps;
 
 export declare type BreadcrumbSeparatorType = BreadcrumbSeparatorType_2;
 
-export declare const BulkAction: ({ quantity, handleRefresh, handleSend, handleSlash, handleProhibit, handleCheck, handleClose, handleDelete, handleUnLock, handleLock, }: BulkActionProps) => default_2.JSX.Element;
+export declare const BulkAction: ({ quantity, handleRefresh, handleSend, handleSlash, handleProhibit, handleCheck, handleClose, handleDelete, handleUnLock, handleLock, }: BulkActionProps) => JSX.Element;
 
 export declare interface BulkActionProps {
     quantity: number;
@@ -217,7 +218,7 @@ export declare interface BulkActionProps {
     handleLock?: () => void;
 }
 
-export declare const Button: default_2.FC<ButtonProps>;
+export declare const Button: default_3.FC<ButtonProps>;
 
 export declare type ButtonProps = ButtonProps_2;
 
@@ -272,15 +273,15 @@ export declare interface ConfirmModalProps extends ModalProps {
     handleSubmit?: () => void;
 }
 
-export declare const Container: default_2.FC<ContainerProps>;
+export declare const Container: default_3.FC<ContainerProps>;
 
 export declare interface ContainerProps {
-    children: default_2.ReactNode;
+    children: default_3.ReactNode;
     size?: TailwindMaxWidth;
     className?: string;
 }
 
-declare type CustomInputTypeAttribute = default_2.HTMLInputTypeAttribute | "money";
+declare type CustomInputTypeAttribute = default_3.HTMLInputTypeAttribute | "money";
 
 export declare interface DatePickerDMYProps extends Omit<ReactDatePickerProps, "onChange"> {
     field?: ControllerRenderProps<any, any>;
@@ -294,12 +295,12 @@ export declare interface DatePickerDMYProps extends Omit<ReactDatePickerProps, "
     label?: string;
     maxDate?: Date;
     showTimeSelect?: boolean;
-    customOnChange?: (date: any, event: default_2.SyntheticEvent<any>) => void;
+    customOnChange?: (date: any, event: default_3.SyntheticEvent<any>) => void;
     customValue?: Date | null;
     size?: TSize;
 }
 
-export declare const DatePickerField: (props: DatePickerDMYProps) => default_2.JSX.Element;
+export declare const DatePickerField: (props: DatePickerDMYProps) => JSX.Element;
 
 export declare const Divider: ({ children, ...rest }: DividerProps) => JSX.Element;
 
@@ -330,7 +331,7 @@ export declare const Empty: React.FC<EmptyProps>;
 
 export declare type EmptyProps = EmptyProps_2;
 
-export declare const ErrorMessage: default_2.MemoExoticComponent<({ errorMessage, isTouched, isSubmitted }: ErrorMessageProps) => default_2.JSX.Element | null>;
+export declare const ErrorMessage: default_3.MemoExoticComponent<({ errorMessage, isTouched, isSubmitted }: ErrorMessageProps) => JSX.Element | null>;
 
 export declare interface ErrorMessageProps {
     errorMessage?: string;
@@ -373,8 +374,8 @@ export declare interface InputProps extends InputProps_2 {
     customStyleInput?: string;
     type?: CustomInputTypeAttribute;
     afterOnChange?: (value: number | string | null) => void;
-    iconStartInput?: default_2.ReactNode;
-    iconEndInput?: default_2.ReactNode;
+    iconStartInput?: default_3.ReactNode;
+    iconEndInput?: default_3.ReactNode;
     allowNegative?: boolean;
     decimalScale?: number;
     prefix?: string;
@@ -394,12 +395,12 @@ export declare interface LabelProps {
     required?: boolean;
 }
 
-export declare const Layout: default_2.FC<LayoutProps> & {
-    Header: default_2.ForwardRefExoticComponent<BasicProps & default_2.RefAttributes<HTMLElement>>;
-    Footer: default_2.ForwardRefExoticComponent<BasicProps & default_2.RefAttributes<HTMLElement>>;
-    Content: default_2.ForwardRefExoticComponent<BasicProps & default_2.RefAttributes<HTMLElement>>;
-    Sider: default_2.ForwardRefExoticComponent<SiderProps & default_2.RefAttributes<HTMLDivElement>>;
-    _InternalSiderContext: default_2.Context<SiderContextProps>;
+export declare const Layout: default_3.FC<LayoutProps> & {
+    Header: default_3.ForwardRefExoticComponent<BasicProps & default_3.RefAttributes<HTMLElement>>;
+    Footer: default_3.ForwardRefExoticComponent<BasicProps & default_3.RefAttributes<HTMLElement>>;
+    Content: default_3.ForwardRefExoticComponent<BasicProps & default_3.RefAttributes<HTMLElement>>;
+    Sider: default_3.ForwardRefExoticComponent<SiderProps & default_3.RefAttributes<HTMLDivElement>>;
+    _InternalSiderContext: default_3.Context<SiderContextProps>;
 };
 
 export declare type LayoutProps = BaseProps_8 & BasicProps;
@@ -427,11 +428,11 @@ declare type MultipleCascaderProps = CascaderProps<DefaultOptionType, string, tr
     multiple: true;
 };
 
-export declare type OptionalArgsMessage = Partial<ArgsProps_2> & {
-    type?: ArgsProps_2["type"];
+export declare type OptionalArgsMessage = Partial<ArgsProps> & {
+    type?: ArgsProps["type"];
 };
 
-export declare type OptionalArgsToast = Partial<ArgsProps> & {
+export declare type OptionalArgsToast = Partial<ArgsProps_2> & {
     message?: React.ReactNode;
 };
 
@@ -460,7 +461,7 @@ export declare type PnkxCollapseProps = CollapseProps;
 export declare const PnkxColorPicker: React.FC<ColorPickerProps>;
 
 export declare class PnkxField<TComponent extends React_2.ComponentType<any>> extends React_2.PureComponent<PnkxFieldProps<TComponent>> {
-    render(): React_2.JSX.Element;
+    render(): JSX.Element;
 }
 
 export declare type PnkxFieldProps<TComponent extends React_2.ComponentType<any>> = {
@@ -494,7 +495,7 @@ export declare interface PropsNumberFormat extends Omit<InputProps, "onChange" |
     type?: TInputNumberType;
     prefix?: string;
     suffix?: string;
-    helperText?: () => JSX.Element | null;
+    helperText?: () => JSX_2.Element | null;
 }
 
 export declare const QRCode: React.FC<QRCodeProps>;
@@ -545,7 +546,7 @@ export declare interface RowProps extends RowProps_2 {
 
 export declare type RowPropsUnion = BaseProps_4 & RowProps;
 
-export declare const SearchFiltersForm: <T extends FieldValues = FieldValues>({ initialValues, renderFilterFields, onSubmit, onReset, classNamesContainer, classNameWrapperForm, hideDefaultSubmit, hideResetButton, }: SearchFiltersFormProps<T> & Partial<UseFormReturn<T>>) => default_2.JSX.Element;
+export declare const SearchFiltersForm: <T extends FieldValues = FieldValues>({ initialValues, renderFilterFields, onSubmit, onReset, classNamesContainer, classNameWrapperForm, hideDefaultSubmit, hideResetButton, }: SearchFiltersFormProps<T> & Partial<UseFormReturn<T>>) => JSX.Element;
 
 export declare interface SearchFiltersFormProps<T extends FieldValues> {
     renderFilterFields?: (options: {
@@ -553,7 +554,7 @@ export declare interface SearchFiltersFormProps<T extends FieldValues> {
         setValue?: UseFormSetValue<T>;
         handleSubmit?: FormEventHandler<any>;
         reset?: UseFormReset<T>;
-    }) => default_2.ReactNode;
+    }) => default_3.ReactNode;
     onReset?: () => void;
     classNamesContainer?: string;
     classNameWrapperForm?: string;
@@ -655,12 +656,12 @@ export declare interface SwitchFieldProps extends Omit<SwitchProps, "onChange" |
 
 declare type TabItem = {
     key: string;
-    label: default_2.ReactNode;
-    children: default_2.ReactNode;
+    label: default_3.ReactNode;
+    children: default_3.ReactNode;
     disabled?: boolean;
 };
 
-export declare const Table: <T extends RowCommon>({ dataSource, columns, loading, totalItems, filters, onChangePage, onChangePageSize, onSort, rowsSelected, onSelect, onRowClick, rowKey, className, editable, onSave, ...rest }: TableCommonProps<T>) => default_2.JSX.Element;
+export declare const Table: <T extends RowCommon>({ dataSource, columns, loading, totalItems, filters, onChangePage, onChangePageSize, onSort, rowsSelected, onSelect, onRowClick, rowKey, className, editable, onSave, ...rest }: TableCommonProps<T>) => JSX.Element;
 
 export declare type TableColumnsType<T> = TableColumnsType_2<T>;
 
@@ -677,8 +678,8 @@ export declare interface TableCommonProps<T> extends Omit<TableProps<T>, "column
     onChangePage: (page: number) => void;
     onChangePageSize: (size: number) => void;
     onSort?: (sortField: string | number | symbol) => void;
-    rowsSelected?: default_2.Key[];
-    onSelect: (newSelectedRowKeys: default_2.Key[]) => void;
+    rowsSelected?: default_3.Key[];
+    onSelect: (newSelectedRowKeys: default_3.Key[]) => void;
     onRowClick?: (record: T) => void;
     rowKey?: string | ((record: T) => string);
     className?: string;
@@ -686,7 +687,7 @@ export declare interface TableCommonProps<T> extends Omit<TableProps<T>, "column
     onSave?: (data: T) => void;
 }
 
-export declare const Tabs: default_2.FC<TabsProps>;
+export declare const Tabs: default_3.FC<TabsProps>;
 
 export declare type TabsProps = TabsProps_2 & {
     items: TabItem[];
@@ -732,7 +733,7 @@ export declare interface TinyProps extends IAllProps {
     text_patterns?: any;
 }
 
-export declare const Tooltip: default_2.FC<TooltipProps>;
+export declare const Tooltip: default_3.FC<TooltipProps>;
 
 export declare type TooltipProps = TooltipProps_2;
 
@@ -776,13 +777,13 @@ export declare interface UploadFieldProps extends Omit<UploadProps, "value" | "o
 
 export declare const useFiltersHandler: <T>(initialFilters: InitialFiltersSearch<T>) => {
     filters: InitialFiltersSearch<T>;
-    rowsSelected: default_2.Key[];
-    setRowsSelected: default_2.Dispatch<default_2.SetStateAction<default_2.Key[]>>;
-    setFilters: default_2.Dispatch<default_2.SetStateAction<InitialFiltersSearch<T>>>;
+    rowsSelected: default_3.Key[];
+    setRowsSelected: default_3.Dispatch<default_3.SetStateAction<default_3.Key[]>>;
+    setFilters: default_3.Dispatch<default_3.SetStateAction<InitialFiltersSearch<T>>>;
     goToPage: (PageIndex: number) => void;
     changeRowlimit: (value: number) => void;
     resetToInitialFilters: () => void;
-    handleCheckBox: (newSelectedRowKeys: default_2.Key[]) => void;
+    handleCheckBox: (newSelectedRowKeys: default_3.Key[]) => void;
     handleChangePage: (nextPage: number) => void;
     handleRequestSort: (sortField: string | number | symbol) => void;
     handleSearch: (nextFilters: InitialFiltersSearch<T>) => void;