@weing-dev/ui-kit-primitive 0.0.7 → 0.1.0

package/dist/components/Accordion/Accordion.d.ts

@@ -3,7 +3,7 @@ import { AccordionsRootProviderProps } from './Accordion.context';
 type ItemProps = React.PropsWithChildren<{
     className?: string;
 }>;
-declare const Item: (props: ItemProps) => import("react/jsx-runtime").JSX.Element;
+declare const Item: React.MemoExoticComponent<(props: ItemProps) => import("react/jsx-runtime").JSX.Element>;
 type AsProps = {
     id?: string;
     open?: boolean;
@@ -13,12 +13,12 @@ type TriggerProps = React.PropsWithChildren<{
     as?: (props: AsProps) => React.ReactNode;
     className?: string;
 }>;
-declare const Trigger: (props: TriggerProps) => import("react/jsx-runtime").JSX.Element;
-declare const Root: (props: Omit<AccordionsRootProviderProps, "#triggerRef" | "#firstClick">) => import("react/jsx-runtime").JSX.Element;
+declare const Trigger: React.MemoExoticComponent<(props: TriggerProps) => import("react/jsx-runtime").JSX.Element>;
+declare const Root: React.MemoExoticComponent<(props: Omit<AccordionsRootProviderProps, "#triggerRef" | "#firstClick">) => import("react/jsx-runtime").JSX.Element>;
 interface IAccordion {
     Root: typeof Root;
     Trigger: typeof Trigger;
     Item: typeof Item;
 }
-declare const _default: IAccordion;
-export default _default;
+declare const Accordion: IAccordion;
+export default Accordion;

package/dist/components/Avatar/Avatar.d.ts

@@ -7,7 +7,7 @@ type GroupProps = React.PropsWithChildren<{
     itemSize?: number;
     restCounterProps?: React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>;
 }>;
-declare const Group: (props: GroupProps) => import("react/jsx-runtime").JSX.Element;
+declare const Group: React.MemoExoticComponent<(props: GroupProps) => import("react/jsx-runtime").JSX.Element>;
 type AsProps = {
     isError: boolean;
     nameAbbreviation: boolean;
@@ -26,10 +26,10 @@ type ItemProps = {
     size?: number;
     as?: (props: AsProps) => React.ReactNode;
 } & React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>;
-declare const Item: (props: ItemProps) => import("react/jsx-runtime").JSX.Element;
+declare const Item: React.MemoExoticComponent<(props: ItemProps) => import("react/jsx-runtime").JSX.Element>;
 interface IAvatar {
     Item: typeof Item;
     Group: typeof Group;
 }
-declare const _default: IAvatar;
-export default _default;
+declare const Avatar: IAvatar;
+export default Avatar;

package/dist/components/Badge/Badge.d.ts

@@ -13,5 +13,5 @@ export type BadgeRootProps = React.PropsWithChildren<{
     overlap?: "square" | "circle" | null;
     as?: (props: BadgeRenderProps) => React.ReactNode;
 } & BadgeProps & React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
-declare const Badge: (props: BadgeRootProps) => string | number | bigint | boolean | import("react/jsx-runtime").JSX.Element | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | null | undefined;
-export default Badge;
+declare const _default: React.MemoExoticComponent<(props: BadgeRootProps) => string | number | bigint | boolean | import("react/jsx-runtime").JSX.Element | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | null | undefined>;
+export default _default;

package/dist/components/Breadcrumb/Breadcrumb.d.ts

@@ -3,11 +3,11 @@ type EllipsisProps = {
     className?: string;
     onClick?: (e: React.MouseEvent<HTMLAnchorElement>) => void;
 };
-declare const Ellipsis: (props: EllipsisProps) => import("react/jsx-runtime").JSX.Element;
+declare const Ellipsis: React.MemoExoticComponent<(props: EllipsisProps) => import("react/jsx-runtime").JSX.Element>;
 type SeparatorProps = {
     className?: string;
 };
-declare const Separator: (props: SeparatorProps) => import("react/jsx-runtime").JSX.Element;
+declare const Separator: React.MemoExoticComponent<(props: SeparatorProps) => import("react/jsx-runtime").JSX.Element>;
 type AsProps = {
     className?: string;
     href?: string;
@@ -17,17 +17,17 @@ type AsProps = {
 type LinkProps = React.PropsWithChildren<{
     as?: (props: AsProps) => React.ReactNode;
 } & AsProps>;
-declare const Link: (props: LinkProps) => string | number | bigint | boolean | import("react/jsx-runtime").JSX.Element | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | null | undefined;
+declare const Link: React.MemoExoticComponent<(props: LinkProps) => string | number | bigint | boolean | import("react/jsx-runtime").JSX.Element | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | null | undefined>;
 type ListProps = React.PropsWithChildren<{
     className?: string;
     separator?: React.ReactElement;
 }>;
-declare const List: (props: ListProps) => import("react/jsx-runtime").JSX.Element;
+declare const List: React.MemoExoticComponent<(props: ListProps) => import("react/jsx-runtime").JSX.Element>;
 interface IBreadcrumb {
     List: typeof List;
     Link: typeof Link;
     Separator: typeof Separator;
     Ellipsis: typeof Ellipsis;
 }
-declare const _default: IBreadcrumb;
-export default _default;
+declare const Breadcrumb: IBreadcrumb;
+export default Breadcrumb;

package/dist/components/Button/Button.colors.d.ts

@@ -1,23 +1,23 @@
 declare const useButtonColors: (shapeType?: "square" | "round") => {
     primary: {
         contained: {
-            backgroundColor: "#00a76f";
-            color: "#ffffff";
+            backgroundColor: string;
+            color: string;
             borderColor: string;
             hover: {
-                backgroundColor: "#007867";
-                color: "#ffffff";
+                backgroundColor: string;
+                color: string;
                 borderColor: string;
             };
         };
         outlined: {
             backgroundColor: string;
-            color: "#00a76f";
+            color: string;
             borderColor: string;
             hover: {
                 backgroundColor: string;
-                color: "#00a76f";
-                borderColor: "#00a76f";
+                color: string;
+                borderColor: string;
             };
         };
         soft: {
@@ -32,7 +32,7 @@ declare const useButtonColors: (shapeType?: "square" | "round") => {
         };
         text: {
             backgroundColor: string;
-            color: "#00a76f";
+            color: string;
             borderColor: string;
             hover: {
                 backgroundColor: string;
@@ -42,22 +42,22 @@ declare const useButtonColors: (shapeType?: "square" | "round") => {
         };
     } | {
         contained: {
-            backgroundColor: "#00a76f";
-            color: "#ffffff";
+            backgroundColor: string;
+            color: string;
             borderColor: string;
             hover: {
-                backgroundColor: "#007867";
-                color: "#ffffff";
+                backgroundColor: string;
+                color: string;
                 borderColor: string;
             };
         };
         outlined: {
             backgroundColor: string;
-            color: "#00a76f";
+            color: string;
             borderColor: string;
             hover: {
                 backgroundColor: string;
-                color: "#00a76f";
+                color: string;
                 borderColor: string;
             };
         };
@@ -73,7 +73,7 @@ declare const useButtonColors: (shapeType?: "square" | "round") => {
         };
         text: {
             backgroundColor: string;
-            color: "#00a76f";
+            color: string;
             borderColor: string;
             hover: {
                 backgroundColor: string;
@@ -210,23 +210,23 @@ declare const useButtonColors: (shapeType?: "square" | "round") => {
     };
     red: {
         contained: {
-            backgroundColor: "#f5222d";
-            color: "#ffffff";
+            backgroundColor: string;
+            color: string;
             borderColor: string;
             hover: {
-                backgroundColor: "#b71d18";
+                backgroundColor: string;
                 color: string;
                 borderColor: string;
             };
         };
         outlined: {
             backgroundColor: string;
-            color: "#f5222d";
+            color: string;
             borderColor: string;
             hover: {
                 backgroundColor: string;
-                color: "#f5222d";
-                borderColor: "#f5222d";
+                color: string;
+                borderColor: string;
             };
         };
         soft: {
@@ -241,32 +241,32 @@ declare const useButtonColors: (shapeType?: "square" | "round") => {
         };
         text: {
             backgroundColor: string;
-            color: "#f5222d";
+            color: string;
             borderColor: string;
             hover: {
                 backgroundColor: string;
-                color: "#b71d18";
+                color: string;
                 borderColor: string;
             };
         };
     } | {
         contained: {
-            backgroundColor: "#f5222d";
+            backgroundColor: string;
             color: "#ffffff";
             borderColor: string;
             hover: {
-                backgroundColor: "#b71d18";
+                backgroundColor: string;
                 color: string;
                 borderColor: string;
             };
         };
         outlined: {
             backgroundColor: string;
-            color: "#f5222d";
+            color: string;
             borderColor: string;
             hover: {
                 backgroundColor: string;
-                color: "#f5222d";
+                color: string;
                 borderColor: string;
             };
         };
@@ -282,11 +282,11 @@ declare const useButtonColors: (shapeType?: "square" | "round") => {
         };
         text: {
             backgroundColor: string;
-            color: "#f5222d";
+            color: string;
             borderColor: string;
             hover: {
                 backgroundColor: string;
-                color: "#b71d18";
+                color: string;
                 borderColor: string;
             };
         };

package/dist/components/Button/Button.d.ts

@@ -4,21 +4,21 @@ import { ButtonProviderProps } from './Button.context';
 type TextProps = React.PropsWithChildren<{
     className?: string;
 }>;
-declare const Text: (props: TextProps) => import("react/jsx-runtime").JSX.Element;
+declare const Text: React.MemoExoticComponent<(props: TextProps) => import("react/jsx-runtime").JSX.Element>;
 type IconProps = React.PropsWithChildren<React.ComponentProps<typeof IconComponent>> & {
     className?: string;
 };
-declare const Icon: (props: IconProps) => import("react/jsx-runtime").JSX.Element;
+declare const Icon: React.MemoExoticComponent<(props: IconProps) => import("react/jsx-runtime").JSX.Element>;
 /** 버튼 컴포넌트 */
-declare const Root: (props: ButtonProviderProps & {
+declare const Root: React.MemoExoticComponent<(props: ButtonProviderProps & {
     radius?: number;
     rounded?: boolean;
     circle?: boolean;
-} & React.JSX.IntrinsicElements["button"]) => import("react/jsx-runtime").JSX.Element;
+} & React.JSX.IntrinsicElements["button"]) => import("react/jsx-runtime").JSX.Element>;
 interface IButton {
     Text: typeof Text;
     Icon: typeof Icon;
     Root: typeof Root;
 }
-declare const _default: IButton;
-export default _default;
+declare const Button: IButton;
+export default Button;

package/dist/components/Calendar/Calendar.context.d.ts

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
 import { LangType } from './dayjs.util';
-type CalendarContextType = {
+export type CalendarContextType = {
     addWeek: (val?: number) => void;
     subtractWeek: (val?: number) => void;
     addMonth: (val?: number) => void;
@@ -53,4 +53,3 @@ export type CalendarProviderProps = React.PropsWithChildren<{
     maxDate?: string;
 }>;
 export declare const CalendarProvider: (props: CalendarProviderProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/Calendar/Calendar.d.ts

@@ -28,7 +28,7 @@ type CalendarBodyProps = {
     columnClassName?: string;
     columnAs?: (props: ColumnAsProps) => React.ReactNode;
 };
-declare const Body: (props: CalendarBodyProps) => string | number | bigint | boolean | import("react/jsx-runtime").JSX.Element | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | null | undefined;
+declare const Body: React.MemoExoticComponent<(props: CalendarBodyProps) => string | number | bigint | boolean | import("react/jsx-runtime").JSX.Element | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | null | undefined>;
 type AsDirectionProps = {
     disabled?: boolean;
 };
@@ -38,8 +38,8 @@ type DirectionButtonProps = {
     disabled?: boolean;
     moveValue?: number;
 };
-declare const Next: (props: DirectionButtonProps) => import("react/jsx-runtime").JSX.Element;
-declare const Prev: (props: DirectionButtonProps) => import("react/jsx-runtime").JSX.Element;
+declare const Next: React.MemoExoticComponent<(props: DirectionButtonProps) => import("react/jsx-runtime").JSX.Element>;
+declare const Prev: React.MemoExoticComponent<(props: DirectionButtonProps) => import("react/jsx-runtime").JSX.Element>;
 type AsDayTextProps = {
     columns: (string | undefined)[];
 };
@@ -49,17 +49,17 @@ type DayTextListProps = React.PropsWithChildren<{
     column?: React.ReactElement;
     className?: string;
 }>;
-declare const DayTextList: (props: DayTextListProps) => string | number | bigint | boolean | import("react/jsx-runtime").JSX.Element | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | null | undefined;
+declare const DayTextList: React.MemoExoticComponent<(props: DayTextListProps) => string | number | bigint | boolean | import("react/jsx-runtime").JSX.Element | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | null | undefined>;
 type HeaderDateProps = {
     className?: string;
     format?: string;
 };
-declare const HeaderDate: (props: HeaderDateProps) => import("react/jsx-runtime").JSX.Element;
+declare const HeaderDate: React.MemoExoticComponent<(props: HeaderDateProps) => import("react/jsx-runtime").JSX.Element>;
 type RootProps = CalendarProviderProps & {
     currentDate?: string;
     className?: string;
 };
-declare const Root: (props: RootProps) => import("react/jsx-runtime").JSX.Element;
+declare const Root: React.MemoExoticComponent<(props: RootProps) => import("react/jsx-runtime").JSX.Element>;
 interface ICalendar {
     Root: typeof Root;
     HeaderDate: typeof HeaderDate;
@@ -68,5 +68,5 @@ interface ICalendar {
     Next: typeof Next;
     Body: typeof Body;
 }
-declare const _default: ICalendar;
-export default _default;
+declare const Calendar: ICalendar;
+export default Calendar;

package/dist/components/Cascader/Cascader.d.ts

@@ -17,7 +17,7 @@ type ItemProps = React.PropsWithChildren<{
     level: number;
     as?: (props: ItemAsProps) => React.ReactNode;
 } & React.ComponentProps<"div">>;
-declare const Item: (props: ItemProps) => string | number | bigint | boolean | import("react/jsx-runtime").JSX.Element | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | null | undefined;
+declare const Item: React.MemoExoticComponent<(props: ItemProps) => string | number | bigint | boolean | import("react/jsx-runtime").JSX.Element | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | null | undefined>;
 type ColumnAsProps = {
     defaultClassName: string;
     maxColumnView?: number;
@@ -30,25 +30,23 @@ type ColumnProps = React.PropsWithChildren<{
     index: number;
     as?: (props: ColumnAsProps) => React.ReactNode;
 } & React.ComponentProps<"div">>;
-declare const Column: (props: React.PropsWithoutRef<ColumnProps>) => string | number | bigint | boolean | import("react/jsx-runtime").JSX.Element | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | null | undefined;
+declare const Column: React.MemoExoticComponent<(props: React.PropsWithoutRef<ColumnProps>) => string | number | bigint | boolean | import("react/jsx-runtime").JSX.Element | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | null | undefined>;
 type MenuAsProps = {
     defaultClassName: string;
 };
 type MenuProps = React.PropsWithChildren<{
     as?: (props: MenuAsProps) => React.ReactNode;
 } & React.ComponentProps<"div">>;
-declare const Menu: (props: React.PropsWithoutRef<MenuProps>) => string | number | bigint | boolean | import("react/jsx-runtime").JSX.Element | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | null | undefined;
+declare const Menu: React.MemoExoticComponent<(props: React.PropsWithoutRef<MenuProps>) => string | number | bigint | boolean | import("react/jsx-runtime").JSX.Element | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | null | undefined>;
 type RootProps = Omit<CascaderProviderProps, "selectedOptionTop" | "setSelectedOptionTop"> & Omit<React.ComponentProps<"div">, "onSelect">;
-declare const Root: (props: React.PropsWithoutRef<RootProps>) => import("react/jsx-runtime").JSX.Element;
+declare const Root: React.MemoExoticComponent<(props: React.PropsWithoutRef<RootProps>) => import("react/jsx-runtime").JSX.Element>;
 interface ICascader {
     Root: typeof Root;
     Menu: typeof Menu;
     Column: typeof Column;
     Item: typeof Item;
     useCascader: typeof useCascader;
-    OnSelectProps: OnSelectProps;
-    CascaderOption: CascaderOption;
 }
 export type { OnSelectProps, CascaderOption };
-declare const _default: ICascader;
-export default _default;
+declare const Cascader: ICascader;
+export default Cascader;

package/dist/components/Chips/Chips.colors.d.ts

@@ -1,23 +1,23 @@
 declare const useChipsColors: () => {
     primary: {
         contained: {
-            backgroundColor: "#00a76f";
-            color: "#ffffff";
+            backgroundColor: string;
+            color: string;
             borderColor: string;
             hover: {
-                backgroundColor: "#007867";
-                color: "#ffffff";
+                backgroundColor: string;
+                color: string;
                 borderColor: string;
             };
         };
         outlined: {
             backgroundColor: string;
-            color: "#00a76f";
+            color: string;
             borderColor: string;
             hover: {
                 backgroundColor: string;
-                color: "#00a76f";
-                borderColor: "#00a76f";
+                color: string;
+                borderColor: string;
             };
         };
         soft: {
@@ -32,7 +32,7 @@ declare const useChipsColors: () => {
         };
         text: {
             backgroundColor: string;
-            color: "#00a76f";
+            color: string;
             borderColor: string;
             hover: {
                 backgroundColor: string;
@@ -131,7 +131,7 @@ declare const useChipsColors: () => {
             color: string;
             borderColor: string;
             hover: {
-                backgroundColor: "#00a76f";
+                backgroundColor: string;
                 color: string;
                 borderColor: string;
             };
@@ -142,8 +142,8 @@ declare const useChipsColors: () => {
             borderColor: string;
             hover: {
                 backgroundColor: string;
-                color: "#00a76f";
-                borderColor: "#00a76f";
+                color: string;
+                borderColor: string;
             };
         };
         soft: {

package/dist/components/Chips/Chips.d.ts

@@ -12,5 +12,5 @@ type ChipsProps = React.PropsWithChildren<{
     colorType?: "primary" | "inherit" | "dual";
     shapeType?: "square" | "round";
 }>;
-declare const Chips: (props: ChipsProps) => import("react/jsx-runtime").JSX.Element;
-export default Chips;
+declare const _default: React.MemoExoticComponent<(props: ChipsProps) => import("react/jsx-runtime").JSX.Element>;
+export default _default;

package/dist/components/Comment/Comment.d.ts

@@ -17,5 +17,5 @@ type CommentProps = React.PropsWithChildren<{
     /** 아이콘 크기 */
     size?: number;
 }>;
-declare const Comment: (props: CommentProps) => import("react/jsx-runtime").JSX.Element;
-export default Comment;
+declare const _default: React.MemoExoticComponent<(props: CommentProps) => import("react/jsx-runtime").JSX.Element>;
+export default _default;

package/dist/components/Form/CheckBox/CheckBox.d.ts

@@ -16,18 +16,19 @@ type TriggerProps = React.PropsWithChildren<{
     id?: string;
     indeterminated?: boolean;
 }>;
-declare const Trigger: (props: TriggerProps) => import("react/jsx-runtime").JSX.Element;
+declare const Trigger: React.MemoExoticComponent<(props: TriggerProps) => import("react/jsx-runtime").JSX.Element>;
+declare const HelperText: React.MemoExoticComponent<(props: React.ComponentProps<typeof HelperTextComponent>) => import("react/jsx-runtime").JSX.Element>;
 type LabelProps = React.PropsWithChildren<{
     className?: string;
     checkedColor?: string;
 }>;
-declare const Label: (props: LabelProps) => import("react/jsx-runtime").JSX.Element;
-declare const Root: (props: CheckBoxProviderProps) => import("react/jsx-runtime").JSX.Element;
+declare const Label: React.MemoExoticComponent<(props: LabelProps) => import("react/jsx-runtime").JSX.Element>;
+declare const Root: React.MemoExoticComponent<(props: CheckBoxProviderProps) => import("react/jsx-runtime").JSX.Element>;
 interface ICheckBoxInput {
     Root: typeof Root;
     Label: typeof Label;
-    HelperText: typeof HelperTextComponent;
+    HelperText: typeof HelperText;
     Trigger: typeof Trigger;
 }
-declare const _default: ICheckBoxInput;
-export default _default;
+declare const CheckBox: ICheckBoxInput;
+export default CheckBox;

package/dist/components/Form/CheckBox/Checkbox.colors.d.ts

@@ -1,10 +1,10 @@
 declare const useCheckboxColors: () => {
     selected: {
-        backgroundColor: "#00a76f";
+        backgroundColor: string;
         color: string;
         borderColor: string;
         hover: {
-            backgroundColor: "#007867";
+            backgroundColor: string;
             color: string;
             borderColor: string;
         };

package/dist/components/Form/Dropdown/Dropdown.d.ts

@@ -24,7 +24,7 @@ type TriggerProps = React.PropsWithChildren<{
     leftIcon?: React.ComponentProps<typeof Icon> | null;
     rightIcon?: React.ComponentProps<typeof Icon> | null;
 }>;
-declare const Trigger: (props: TriggerProps) => string | number | bigint | boolean | import("react/jsx-runtime").JSX.Element | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | null | undefined;
+declare const Trigger: React.MemoExoticComponent<(props: TriggerProps) => string | number | bigint | boolean | import("react/jsx-runtime").JSX.Element | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | null | undefined>;
 type MenuRenderProps = {
     open: boolean;
     id?: string;
@@ -39,7 +39,7 @@ type MenuProps = {
     children?: React.ReactNode | ((props: MenuRenderProps) => React.ReactNode);
     boundaryPadding?: number;
 };
-declare const Menu: (props: MenuProps) => import("react/jsx-runtime").JSX.Element | null;
+declare const Menu: React.MemoExoticComponent<(props: MenuProps) => import("react/jsx-runtime").JSX.Element | null>;
 type ItemProps = React.PropsWithChildren<{
     className?: string;
     value: string;
@@ -47,8 +47,8 @@ type ItemProps = React.PropsWithChildren<{
     variant?: "shadow" | "line";
     size?: "small" | "medium";
 }>;
-declare const Item: (props: ItemProps) => import("react/jsx-runtime").JSX.Element;
-declare const Root: (props: DropdownProviderProps) => import("react/jsx-runtime").JSX.Element;
+declare const Item: React.MemoExoticComponent<(props: ItemProps) => import("react/jsx-runtime").JSX.Element>;
+declare const Root: React.MemoExoticComponent<(props: DropdownProviderProps) => import("react/jsx-runtime").JSX.Element>;
 interface IDropdown {
     Trigger: typeof Trigger;
     Menu: typeof Menu;

package/dist/components/Form/OTPInput/OTPInput.d.ts

@@ -9,7 +9,7 @@ type RootProps = OTPInputProviderProps & {
     input?: React.ReactNode;
 };
 declare const _default: {
-    Root: (props: RootProps) => import("react/jsx-runtime").JSX.Element;
-    Input: ({ index, className }: InputProps) => import("react/jsx-runtime").JSX.Element;
+    Root: React.MemoExoticComponent<(props: RootProps) => import("react/jsx-runtime").JSX.Element>;
+    Input: React.MemoExoticComponent<({ index, className }: InputProps) => import("react/jsx-runtime").JSX.Element>;
 };
 export default _default;

package/dist/components/Form/Radio/Radio.colors.d.ts

@@ -2,11 +2,11 @@ declare const useRadioColors: () => {
     selected: {
         backgroundColor: string;
         color: string;
-        borderColor: "#00a76f";
+        borderColor: string;
         hover: {
             backgroundColor: string;
             color: string;
-            borderColor: "#007867";
+            borderColor: string;
         };
         disabled: {
             backgroundColor: string;

package/dist/components/Form/Radio/Radio.d.ts

@@ -12,19 +12,19 @@ type TriggerProps = React.PropsWithChildren<{
     className?: string;
     checkedClassName?: string;
 }>;
-declare const Trigger: (props: TriggerProps) => import("react/jsx-runtime").JSX.Element;
-declare const HelperText: (props: React.ComponentProps<typeof HelperTextComponent>) => import("react/jsx-runtime").JSX.Element;
+declare const Trigger: React.MemoExoticComponent<(props: TriggerProps) => import("react/jsx-runtime").JSX.Element>;
+declare const HelperText: React.MemoExoticComponent<(props: React.ComponentProps<typeof HelperTextComponent>) => import("react/jsx-runtime").JSX.Element>;
 type LabelProps = React.PropsWithChildren<{
     className?: string;
     checkedColor?: string;
 }>;
-declare const Label: (props: LabelProps) => import("react/jsx-runtime").JSX.Element;
-declare const Root: (props: RadioProviderProps) => import("react/jsx-runtime").JSX.Element;
+declare const Label: React.MemoExoticComponent<(props: LabelProps) => import("react/jsx-runtime").JSX.Element>;
+declare const Root: React.MemoExoticComponent<(props: RadioProviderProps) => import("react/jsx-runtime").JSX.Element>;
 interface IRadioInput {
     Root: typeof Root;
     Trigger: typeof Trigger;
     Label: typeof Label;
     HelperText: typeof HelperText;
 }
-declare const _default: IRadioInput;
-export default _default;
+declare const Radio: IRadioInput;
+export default Radio;

package/dist/components/Form/Switch/Switch.colors.d.ts

@@ -1,10 +1,10 @@
 declare const useSwitchColors: () => {
     selected: {
-        backgroundColor: "#00a76f";
+        backgroundColor: string;
         color: string;
         borderColor: string;
         hover: {
-            backgroundColor: "#007867";
+            backgroundColor: string;
             color: string;
             borderColor: string;
         };

package/dist/components/Form/Switch/Switch.d.ts

@@ -12,17 +12,17 @@ type TriggerProps = React.PropsWithChildren<{
     wrapperClassName?: string;
     bulletClassName?: string;
 }>;
-declare const Trigger: (props: TriggerProps) => import("react/jsx-runtime").JSX.Element;
+declare const Trigger: React.MemoExoticComponent<(props: TriggerProps) => import("react/jsx-runtime").JSX.Element>;
 type LabelProps = React.PropsWithChildren<{
     className?: string;
     checkedColor?: string;
 }>;
-declare const Label: (props: LabelProps) => import("react/jsx-runtime").JSX.Element;
-declare const Root: (props: SwitchProviderProps) => import("react/jsx-runtime").JSX.Element;
+declare const Label: React.MemoExoticComponent<(props: LabelProps) => import("react/jsx-runtime").JSX.Element>;
+declare const Root: React.MemoExoticComponent<(props: SwitchProviderProps) => import("react/jsx-runtime").JSX.Element>;
 interface ISwitch {
     Root: typeof Root;
     Label: typeof Label;
     Trigger: typeof Trigger;
 }
-declare const _default: ISwitch;
-export default _default;
+declare const Switch: ISwitch;
+export default Switch;