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

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

@@ -4,12 +4,12 @@ import { TextAreaProviderProps } from './TextArea.context';
 type TextCountProps = React.PropsWithChildren<{
     className?: string;
 }>;
-declare const TextCount: (props: TextCountProps) => import("react/jsx-runtime").JSX.Element;
+declare const TextCount: React.MemoExoticComponent<(props: TextCountProps) => import("react/jsx-runtime").JSX.Element>;
 type EraseProps = React.PropsWithChildren<{
     className?: string;
 }>;
-declare const Erase: (props: EraseProps) => import("react/jsx-runtime").JSX.Element;
-declare const HelperText: (props: React.ComponentProps<typeof HelperTextComponent>) => import("react/jsx-runtime").JSX.Element;
+declare const Erase: React.MemoExoticComponent<(props: EraseProps) => import("react/jsx-runtime").JSX.Element>;
+declare const HelperText: React.MemoExoticComponent<(props: React.ComponentProps<typeof HelperTextComponent>) => import("react/jsx-runtime").JSX.Element>;
 type InputProps = React.PropsWithChildren<React.HTMLProps<HTMLTextAreaElement>> & {
     wrapperClassName?: string;
     placeholderColor?: string;
@@ -18,13 +18,13 @@ type InputProps = React.PropsWithChildren<React.HTMLProps<HTMLTextAreaElement>>
     disabledColor?: string;
     maxRows?: number;
 };
-declare const Input: (props: InputProps) => import("react/jsx-runtime").JSX.Element;
+declare const Input: React.MemoExoticComponent<(props: InputProps) => import("react/jsx-runtime").JSX.Element>;
 type LabelProps = React.PropsWithChildren<{
     className?: string;
     focusedColor?: string;
 }>;
-declare const Label: (props: LabelProps) => import("react/jsx-runtime").JSX.Element;
-declare const Root: (props: TextAreaProviderProps) => 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: TextAreaProviderProps) => import("react/jsx-runtime").JSX.Element>;
 interface ITextArea {
     Root: typeof Root;
     Label: typeof Label;
@@ -33,5 +33,5 @@ interface ITextArea {
     Input: typeof Input;
     TextCount: typeof TextCount;
 }
-declare const _default: ITextArea;
-export default _default;
+declare const TextArea: ITextArea;
+export default TextArea;

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

@@ -5,7 +5,7 @@ type EraseProps = React.PropsWithChildren<{
     className?: string;
     color?: string;
 }>;
-declare const Erase: (props: EraseProps) => import("react/jsx-runtime").JSX.Element;
+declare const Erase: React.MemoExoticComponent<(props: EraseProps) => import("react/jsx-runtime").JSX.Element>;
 type InputProps = React.PropsWithChildren<React.HTMLProps<HTMLInputElement>> & {
     wrapperClassName?: string;
     placeholderColor?: string;
@@ -15,19 +15,20 @@ type InputProps = React.PropsWithChildren<React.HTMLProps<HTMLInputElement>> & {
     leftIcon?: React.ReactNode;
     rightIcon?: React.ReactNode;
 };
-declare const Input: (props: InputProps) => import("react/jsx-runtime").JSX.Element;
+declare const Input: React.MemoExoticComponent<(props: InputProps) => 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;
     focusedColor?: string;
 }>;
-declare const Label: (props: LabelProps) => import("react/jsx-runtime").JSX.Element;
-declare const Root: (props: TextInputProviderProps) => 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: TextInputProviderProps) => import("react/jsx-runtime").JSX.Element>;
 interface ITextInput {
     Root: typeof Root;
     Label: typeof Label;
-    HelperText: typeof HelperTextComponent;
+    HelperText: typeof HelperText;
     Input: typeof Input;
     Erase: typeof Erase;
 }
-declare const _default: ITextInput;
-export default _default;
+declare const TextInput: ITextInput;
+export default TextInput;

package/dist/components/HelperText/HelperText.d.ts

@@ -1,9 +1,8 @@
 import { default as React } from 'react';
 import { Icon } from '../Icon/Icon';
-export declare const STATUS_LIST: readonly ["error", "warning", "success", "info", "hint"];
 type HelperTextProps = React.PropsWithChildren<{
     /** 상태 */
-    status?: (typeof STATUS_LIST)[number];
+    status?: "error" | "warning" | "success" | "info" | "hint";
     /** 클래스명 */
     className?: string;
     /** 경고 색상 */
@@ -23,6 +22,5 @@ type HelperTextProps = React.PropsWithChildren<{
     /** 아이콘 표시 여부 */
     iconVisible?: boolean;
 }>;
-/** Helper Text */
-declare const HelperText: (props: HelperTextProps) => import("react/jsx-runtime").JSX.Element;
-export default HelperText;
+declare const _default: React.MemoExoticComponent<(props: HelperTextProps) => import("react/jsx-runtime").JSX.Element>;
+export default _default;

package/dist/components/LNB/LNB.d.ts

@@ -5,7 +5,7 @@ type LNBLogoProps = React.PropsWithChildren<{
     className?: string;
     src: string;
 }>;
-declare const Logo: (props: LNBLogoProps) => import("react/jsx-runtime").JSX.Element;
+declare const Logo: React.MemoExoticComponent<(props: LNBLogoProps) => import("react/jsx-runtime").JSX.Element>;
 type LNBItemProps = React.PropsWithChildren<{
     className?: string;
     label: string;
@@ -18,12 +18,12 @@ type LNBItemProps = React.PropsWithChildren<{
     isOpen?: boolean;
     isActive?: boolean;
 }>;
-declare const Item: (props: LNBItemProps) => import("react/jsx-runtime").JSX.Element;
+declare const Item: React.MemoExoticComponent<(props: LNBItemProps) => import("react/jsx-runtime").JSX.Element>;
 type LNBListProps = React.PropsWithChildren<{
     className?: string;
 }>;
-declare const List: (props: LNBListProps) => import("react/jsx-runtime").JSX.Element;
-declare const Root: (props: LNBProviderProps) => import("react/jsx-runtime").JSX.Element;
+declare const List: React.MemoExoticComponent<(props: LNBListProps) => import("react/jsx-runtime").JSX.Element>;
+declare const Root: React.MemoExoticComponent<(props: LNBProviderProps) => import("react/jsx-runtime").JSX.Element>;
 export type Navigation<T = never> = {
     label: string;
     subtitle?: string;

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

@@ -21,25 +21,25 @@ declare const useLabelColors: () => {
             borderColor: string;
         };
         inverted: {
-            backgroundColor: "#f4f6f8";
-            color: "#454f5b";
+            backgroundColor: string;
+            color: string;
             borderColor: string;
         };
     };
     red: {
         filled: {
-            backgroundColor: "#f5222d";
+            backgroundColor: string;
             color: string;
             borderColor: string;
         };
         outlined: {
             backgroundColor: string;
-            color: "#f5222d";
-            borderColor: "#f5222d";
+            color: string;
+            borderColor: string;
         };
         outlineBack: {
             backgroundColor: string;
-            color: "#f5222d";
+            color: string;
             borderColor: string;
         };
         soft: {
@@ -48,25 +48,25 @@ declare const useLabelColors: () => {
             borderColor: string;
         };
         inverted: {
-            backgroundColor: "#ffdbd8";
-            color: "#5c0011";
+            backgroundColor: string;
+            color: string;
             borderColor: string;
         };
     };
     cyanBlue: {
         filled: {
-            backgroundColor: "#00b8d9";
+            backgroundColor: string;
             color: string;
             borderColor: string;
         };
         outlined: {
             backgroundColor: string;
-            color: "#00b8d9";
-            borderColor: "#00b8d9";
+            color: string;
+            borderColor: string;
         };
         outlineBack: {
             backgroundColor: string;
-            color: "#00b8d9";
+            color: string;
             borderColor: string;
         };
         soft: {
@@ -75,25 +75,25 @@ declare const useLabelColors: () => {
             borderColor: string;
         };
         inverted: {
-            backgroundColor: "#cafdf5";
-            color: "#00284c";
+            backgroundColor: string;
+            color: string;
             borderColor: string;
         };
     };
     blue: {
         filled: {
-            backgroundColor: "#0c68e9";
+            backgroundColor: string;
             color: string;
             borderColor: string;
         };
         outlined: {
             backgroundColor: string;
-            color: "#0c68e9";
-            borderColor: "#0c68e9";
+            color: string;
+            borderColor: string;
         };
         outlineBack: {
             backgroundColor: string;
-            color: "#0c68e9";
+            color: string;
             borderColor: string;
         };
         soft: {
@@ -102,25 +102,25 @@ declare const useLabelColors: () => {
             borderColor: string;
         };
         inverted: {
-            backgroundColor: "#cde9fd";
-            color: "#001941";
+            backgroundColor: string;
+            color: string;
             borderColor: string;
         };
     };
     purple: {
         filled: {
-            backgroundColor: "#8e33ff";
+            backgroundColor: string;
             color: string;
             borderColor: string;
         };
         outlined: {
             backgroundColor: string;
-            color: "#8e33ff";
-            borderColor: "#8e33ff";
+            color: string;
+            borderColor: string;
         };
         outlineBack: {
             backgroundColor: string;
-            color: "#8e33ff";
+            color: string;
             borderColor: string;
         };
         soft: {
@@ -129,25 +129,25 @@ declare const useLabelColors: () => {
             borderColor: string;
         };
         inverted: {
-            backgroundColor: "#efd6ff";
-            color: "#120338";
+            backgroundColor: string;
+            color: string;
             borderColor: string;
         };
     };
     gold: {
         filled: {
-            backgroundColor: "#ffab00";
+            backgroundColor: string;
             color: string;
             borderColor: string;
         };
         outlined: {
             backgroundColor: string;
-            color: "#ffab00";
-            borderColor: "#ffab00";
+            color: string;
+            borderColor: string;
         };
         outlineBack: {
             backgroundColor: string;
-            color: "#ffab00";
+            color: string;
             borderColor: string;
         };
         soft: {
@@ -156,25 +156,25 @@ declare const useLabelColors: () => {
             borderColor: string;
         };
         inverted: {
-            backgroundColor: "#fff5cc";
-            color: "#623501";
+            backgroundColor: string;
+            color: string;
             borderColor: string;
         };
     };
     lightGreen: {
         filled: {
-            backgroundColor: "#1cc95c";
+            backgroundColor: string;
             color: string;
             borderColor: string;
         };
         outlined: {
             backgroundColor: string;
-            color: "#1cc95c";
-            borderColor: "#1cc95c";
+            color: string;
+            borderColor: string;
         };
         outlineBack: {
             backgroundColor: string;
-            color: "#1cc95c";
+            color: string;
             borderColor: string;
         };
         soft: {
@@ -183,25 +183,25 @@ declare const useLabelColors: () => {
             borderColor: string;
         };
         inverted: {
-            backgroundColor: "#d3fcd2";
-            color: "#04503e";
+            backgroundColor: string;
+            color: string;
             borderColor: string;
         };
     };
     deepGreen: {
         filled: {
-            backgroundColor: "#00a76f";
+            backgroundColor: string;
             color: string;
             borderColor: string;
         };
         outlined: {
             backgroundColor: string;
-            color: "#00a76f";
-            borderColor: "#00a76f";
+            color: string;
+            borderColor: string;
         };
         outlineBack: {
             backgroundColor: string;
-            color: "#00a76f";
+            color: string;
             borderColor: string;
         };
         soft: {
@@ -210,8 +210,8 @@ declare const useLabelColors: () => {
             borderColor: string;
         };
         inverted: {
-            backgroundColor: "#c8fad6";
-            color: "#00373b";
+            backgroundColor: string;
+            color: string;
             borderColor: string;
         };
     };

package/dist/components/Label/Label.d.ts

@@ -6,5 +6,5 @@ interface LabelRootProps {
     size?: "medium" | "small" | "xSmall";
     onClick?: () => void;
 }
-declare const Label: (props: LabelRootProps & React.ComponentProps<"div">) => import("react/jsx-runtime").JSX.Element;
-export default Label;
+declare const _default: React.MemoExoticComponent<(props: LabelRootProps & React.ComponentProps<"div">) => import("react/jsx-runtime").JSX.Element>;
+export default _default;

package/dist/components/List/List.d.ts

@@ -17,6 +17,6 @@ type ListProps = ({
     title?: TextProps;
     icon?: never;
 } & BaseListProps);
-declare const List: (props: ListProps) => import("react/jsx-runtime").JSX.Element;
 export type { ListProps };
-export default List;
+declare const _default: React.MemoExoticComponent<(props: ListProps) => import("react/jsx-runtime").JSX.Element>;
+export default _default;

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

@@ -2,7 +2,7 @@ declare const usePaginationColors: () => {
     selected: {
         primary: {
             text: {
-                backgroundColor: "#00a76f";
+                backgroundColor: string;
                 color: string;
                 borderColor: string;
             };

package/dist/components/Pagination/Pagination.d.ts

@@ -1,13 +1,13 @@
 import { default as React } from 'react';
 import { PaginationContextType } from './Pagination.context';
-declare const Next: () => import("react/jsx-runtime").JSX.Element;
-declare const Prev: () => import("react/jsx-runtime").JSX.Element;
+declare const Next: React.MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;
+declare const Prev: React.MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;
 type PageItemProps = {
     active: boolean;
     onClick: (page: number) => void;
     page: number;
 };
-declare const PageItem: (props: PageItemProps) => import("react/jsx-runtime").JSX.Element;
+declare const PageItem: React.MemoExoticComponent<(props: PageItemProps) => import("react/jsx-runtime").JSX.Element>;
 type PageListProps = {
     itemAs?: ({ page, active, onClick, }: {
         page: number;
@@ -15,9 +15,9 @@ type PageListProps = {
         onClick: (page: number) => void;
     }) => React.ReactNode;
 };
-declare const PageList: (props: PageListProps) => import("react/jsx-runtime").JSX.Element | null;
+declare const PageList: React.MemoExoticComponent<(props: PageListProps) => import("react/jsx-runtime").JSX.Element | null>;
 type RootProps = {} & Omit<PaginationContextType, "currentPage">;
-declare const Root: (props: React.PropsWithChildren<RootProps>) => import("react/jsx-runtime").JSX.Element;
+declare const Root: React.MemoExoticComponent<(props: React.PropsWithChildren<RootProps>) => import("react/jsx-runtime").JSX.Element>;
 interface IPagination {
     Root: typeof Root;
     Next: typeof Next;
@@ -25,5 +25,5 @@ interface IPagination {
     PageItem: typeof PageItem;
     PageList: typeof PageList;
 }
-declare const _default: IPagination;
-export default _default;
+declare const Pagination: IPagination;
+export default Pagination;

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

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-interface ScrollCalendarContextType {
+export interface ScrollCalendarContextType {
     isDragging: boolean;
     hasMoved: boolean;
     startX: number;
@@ -11,4 +11,3 @@ interface ScrollCalendarContextType {
     columnWrapRef?: React.RefObject<HTMLDivElement | null>;
 }
 export declare const ScrollCalendarContext: React.Context<ScrollCalendarContextType>;
-export {};

package/dist/components/Tab/Tab.d.ts

@@ -5,15 +5,15 @@ type PanelProps = React.PropsWithChildren<{
     id?: string;
     index: number;
 }>;
-declare const Panel: (props: PanelProps) => import("react/jsx-runtime").JSX.Element;
+declare const Panel: React.MemoExoticComponent<(props: PanelProps) => import("react/jsx-runtime").JSX.Element>;
 type PanelsProps = React.PropsWithChildren<{
     className?: string;
 }>;
-declare const Panels: (props: PanelsProps) => import("react/jsx-runtime").JSX.Element;
+declare const Panels: React.MemoExoticComponent<(props: PanelsProps) => import("react/jsx-runtime").JSX.Element>;
 type TabListProps = React.PropsWithChildren<{
     className?: string;
 }>;
-declare const List: (props: TabListProps) => import("react/jsx-runtime").JSX.Element;
+declare const List: React.MemoExoticComponent<(props: TabListProps) => import("react/jsx-runtime").JSX.Element>;
 type TabProps = React.PropsWithChildren<{
     className?: string;
     id?: string;
@@ -21,8 +21,8 @@ type TabProps = React.PropsWithChildren<{
     onClick?: (...args: any) => void;
     isActive?: boolean;
 }>;
-declare const Item: (props: TabProps) => import("react/jsx-runtime").JSX.Element;
-declare const Root: (props: TabsProviderProps) => import("react/jsx-runtime").JSX.Element;
+declare const Item: React.MemoExoticComponent<(props: TabProps) => import("react/jsx-runtime").JSX.Element>;
+declare const Root: React.MemoExoticComponent<(props: TabsProviderProps) => import("react/jsx-runtime").JSX.Element>;
 interface ITab {
     Root: typeof Root;
     List: typeof List;
@@ -30,5 +30,5 @@ interface ITab {
     Panel: typeof Panel;
     Panels: typeof Panels;
 }
-declare const _default: ITab;
-export default _default;
+declare const Tab: ITab;
+export default Tab;

package/dist/components/Table/Table.d.ts

@@ -2,22 +2,22 @@ import { default as React } from 'react';
 import { TableProviderProps } from './Table.context';
 import { useRowResize } from './Table.hook';
 type TableRowProps = React.PropsWithChildren<React.JSX.IntrinsicElements["tr"]>;
-declare const Row: (props: TableRowProps) => import("react/jsx-runtime").JSX.Element;
+declare const Row: React.MemoExoticComponent<(props: TableRowProps) => import("react/jsx-runtime").JSX.Element>;
 type TableCellProps = React.PropsWithChildren<{
     size?: number;
     isSelected?: boolean;
 } & React.JSX.IntrinsicElements["td"]>;
-declare const Cell: (props: TableCellProps) => import("react/jsx-runtime").JSX.Element;
+declare const Cell: React.MemoExoticComponent<(props: TableCellProps) => import("react/jsx-runtime").JSX.Element>;
 type TableBodyProps = React.PropsWithChildren<React.JSX.IntrinsicElements["tbody"]>;
-declare const Body: (props: TableBodyProps) => import("react/jsx-runtime").JSX.Element;
+declare const Body: React.MemoExoticComponent<(props: TableBodyProps) => import("react/jsx-runtime").JSX.Element>;
 type TableHeaderCellProps = React.PropsWithChildren<{
     size?: number;
 } & React.JSX.IntrinsicElements["th"]>;
-declare const HeaderCell: (props: TableHeaderCellProps) => import("react/jsx-runtime").JSX.Element;
+declare const HeaderCell: React.MemoExoticComponent<(props: TableHeaderCellProps) => import("react/jsx-runtime").JSX.Element>;
 type TableHeaderProps = React.PropsWithChildren<React.JSX.IntrinsicElements["thead"]>;
-declare const Header: (props: TableHeaderProps) => import("react/jsx-runtime").JSX.Element;
+declare const Header: React.MemoExoticComponent<(props: TableHeaderProps) => import("react/jsx-runtime").JSX.Element>;
 type TableRootProps = TableProviderProps & React.JSX.IntrinsicElements["table"];
-declare const Root: (props: TableRootProps) => import("react/jsx-runtime").JSX.Element;
+declare const Root: React.MemoExoticComponent<(props: TableRootProps) => import("react/jsx-runtime").JSX.Element>;
 interface ITable {
     Root: typeof Root;
     Header: typeof Header;
@@ -28,5 +28,5 @@ interface ITable {
     useRowResize: typeof useRowResize;
 }
 export type { TableRootProps };
-declare const _default: ITable;
-export default _default;
+declare const Table: ITable;
+export default Table;

package/dist/components/TimeInput/TimeInput.d.ts

@@ -4,13 +4,13 @@ type InputProps = {
     index: number;
     placeholder: string;
 } & React.JSX.IntrinsicElements["input"];
-declare const Input: (props: InputProps) => import("react/jsx-runtime").JSX.Element;
+declare const Input: React.MemoExoticComponent<(props: InputProps) => import("react/jsx-runtime").JSX.Element>;
 type TimeRangeProps = React.PropsWithChildren<React.JSX.IntrinsicElements["div"]>;
-declare const TimeRange: (props: TimeRangeProps) => import("react/jsx-runtime").JSX.Element;
+declare const TimeRange: React.MemoExoticComponent<(props: TimeRangeProps) => import("react/jsx-runtime").JSX.Element>;
 type ColonProps = React.JSX.IntrinsicElements["span"];
-declare const Colon: (props: ColonProps) => import("react/jsx-runtime").JSX.Element;
+declare const Colon: React.MemoExoticComponent<(props: ColonProps) => import("react/jsx-runtime").JSX.Element>;
 type SeparatorProps = React.JSX.IntrinsicElements["span"];
-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 HelperTextProps = React.PropsWithChildren<{
     className?: string;
     warningColor?: string;
@@ -21,18 +21,18 @@ type HelperTextProps = React.PropsWithChildren<{
     size?: number;
     iconVisible?: boolean;
 }>;
-declare const HelperText: (props: HelperTextProps) => import("react/jsx-runtime").JSX.Element | null;
+declare const HelperText: React.MemoExoticComponent<(props: HelperTextProps) => import("react/jsx-runtime").JSX.Element | null>;
 type InputWrapperProps = React.PropsWithChildren<React.JSX.IntrinsicElements["div"]>;
-declare const InputWrapper: (props: InputWrapperProps) => import("react/jsx-runtime").JSX.Element;
+declare const InputWrapper: React.MemoExoticComponent<(props: InputWrapperProps) => import("react/jsx-runtime").JSX.Element>;
 type LabelProps = React.PropsWithChildren<{
     className?: string;
     focusedColor?: string;
 }>;
-declare const Label: (props: LabelProps) => import("react/jsx-runtime").JSX.Element;
+declare const Label: React.MemoExoticComponent<(props: LabelProps) => import("react/jsx-runtime").JSX.Element>;
 type RootProps = React.PropsWithChildren<Omit<TimeInputContextType, "inputRefs" | "handleChange" | "handleBlur" | "handleKeyDown"> & {
     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 ITimeInput {
     Root: typeof Root;
     Label: typeof Label;

package/dist/components/WeeklyCalendar/WeeklyCalendar.d.ts

@@ -27,5 +27,5 @@ interface IWeeklyCalendar {
     DateCellRow: typeof DateCellRow;
     DateColumnRow: typeof DateColumnRow;
 }
-declare const _default: IWeeklyCalendar;
-export default _default;
+declare const WeeklyCalendar: IWeeklyCalendar;
+export default WeeklyCalendar;