@weing-dev/ui-kit-primitive 0.0.3 → 0.0.5

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

@@ -11,7 +11,7 @@ type ColumnAsProps = {
     visible: boolean;
     className?: string;
     selected: boolean;
-    onClick?: (date: string) => void;
+    onClick?: (date: string | string[]) => void;
     disabled: boolean;
     between: boolean;
     both: boolean;

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

@@ -3,7 +3,7 @@ type ChipsProps = React.PropsWithChildren<{
     className?: string;
     checked?: boolean;
     disabled?: boolean;
-    value?: string | string[];
+    value?: string;
     id?: string;
     onClick?: (...args: any) => void;
     onChange?: (...args: any) => void;

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

@@ -1,8 +1,26 @@
 import { default as React } from 'react';
-import { default as Quill } from 'quill';
+import { default as QuillType, Delta } from 'quill';
+export type UploadedImageInfo = {
+    url: string;
+    objectKey?: string;
+    fileName?: string;
+};
+export type CustomImageUploadHandler = (file: File, quill: QuillType, // Quill 인스턴스
+range: any) => Promise<UploadedImageInfo | string | null>;
 export interface EditorContextValue {
-    quill: Quill | null;
+    quill: QuillType | null;
     isLoading: boolean;
     editorRef: React.RefObject<HTMLDivElement | null>;
+    initialValue?: string;
+    readOnly?: boolean;
+    placeholder?: string;
+    onChange?: (props: {
+        delta: Delta;
+        oldContents: Delta;
+        source: string;
+        value?: string;
+    }) => void;
+    onImageUpload?: CustomImageUploadHandler;
 }
-export declare const EditorContext: React.Context<EditorContextValue | null>;
+export declare const initialEditorContextValue: EditorContextValue;
+export declare const EditorContext: React.Context<EditorContextValue>;

package/dist/components/Editor/Editor.d.ts

@@ -1,10 +1,12 @@
 import { default as React } from 'react';
-declare const EditorSkeleton: () => import("react/jsx-runtime").JSX.Element | null;
-declare const EditorInput: () => import("react/jsx-runtime").JSX.Element;
-type EditorRootProps = React.PropsWithChildren<{
-    initialValue?: string;
-    onChange?: (content: string) => void;
-}>;
+import { EditorContextValue, CustomImageUploadHandler } from './Editor.context';
+type EditorSkeletonProps = React.JSX.IntrinsicElements["div"];
+declare const EditorSkeleton: (props: EditorSkeletonProps) => import("react/jsx-runtime").JSX.Element | null;
+type EditorInputProps = React.JSX.IntrinsicElements["div"];
+declare const EditorInput: (props: EditorInputProps) => import("react/jsx-runtime").JSX.Element;
+type EditorRootProps = React.PropsWithChildren<Omit<EditorContextValue, "quill" | "isLoading" | "editorRef" | "onImageUpload"> & {
+    onImageUpload?: CustomImageUploadHandler;
+} & Omit<React.JSX.IntrinsicElements["div"], "onChange">>;
 declare const EditorRoot: (props: EditorRootProps) => import("react/jsx-runtime").JSX.Element;
 interface EditorComposition {
     Root: typeof EditorRoot;

package/dist/components/Editor/constants/editor.constants.d.ts

@@ -0,0 +1,24 @@
+export declare const FONT_SIZE_OPTIONS: string[];
+export declare const TOOLBAR_OPTIONS: (string[] | {
+    header: (number | boolean)[];
+}[] | {
+    size: string[];
+}[] | {
+    list: string;
+}[] | {
+    script: string;
+}[] | {
+    indent: string;
+}[] | {
+    direction: string;
+}[] | ({
+    color: never[];
+    background?: undefined;
+} | {
+    background: never[];
+    color?: undefined;
+})[] | {
+    font: never[];
+}[] | {
+    align: never[];
+}[])[];

package/dist/components/Editor/modules/ImageResize.d.ts

@@ -0,0 +1,19 @@
+import { default as Quill } from 'quill';
+export default class ImageResize {
+    private quill;
+    private img;
+    private box;
+    private startPos;
+    private startSize;
+    private currentHandle;
+    private aspectRatio;
+    constructor(quill: Quill);
+    private onClick;
+    private onDocClick;
+    private showResizeBox;
+    private initResize;
+    private performResize;
+    private stopResize;
+    private saveToDelta;
+    private removeBox;
+}

package/dist/components/Editor/modules/MediaResize.d.ts

@@ -0,0 +1,19 @@
+import { default as Quill } from 'quill';
+export default class MediaResize {
+    private quill;
+    private media;
+    private box;
+    private startPos;
+    private startSize;
+    private currentHandle;
+    private aspectRatio;
+    constructor(quill: Quill);
+    private getMedia;
+    private observeHover;
+    private showResizeBox;
+    private initResize;
+    private performResize;
+    private stopResize;
+    private saveToDelta;
+    private removeBox;
+}

package/dist/components/Editor/modules/index.d.ts

@@ -0,0 +1,7 @@
+import { default as ImageResize } from './ImageResize';
+import { default as MediaResize } from './MediaResize';
+declare const EditorModules: {
+    ImageResize: typeof ImageResize;
+    MediaResize: typeof MediaResize;
+};
+export default EditorModules;

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

@@ -15,6 +15,8 @@ type SwitchContextType = {
     status?: SwitchStatus;
     /** size */
     size?: "small" | "medium" | "large";
+    /** direction */
+    direction?: "row" | "column";
 };
 export declare const SwitchContext: React.Context<SwitchContextType>;
 export type SwitchProviderProps = React.PropsWithChildren<Partial<Omit<SwitchContextType, "">>> & {

package/dist/components/Icons/AddOutlined.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const SvgAddOutlined: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default SvgAddOutlined;

package/dist/components/Icons/ArrowDown.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const SvgArrowDown: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default SvgArrowDown;

package/dist/components/Icons/ArrowDropDown.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const SvgArrowDropDown: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default SvgArrowDropDown;

package/dist/components/Icons/ArrowUp.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const SvgArrowUp: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default SvgArrowUp;

package/dist/components/Icons/ArticleOutlined.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const SvgArticleOutlined: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default SvgArticleOutlined;

package/dist/components/Icons/CalendarMonth.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const SvgCalendarMonth: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default SvgCalendarMonth;

package/dist/components/Icons/CalendarToday.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const SvgCalendarToday: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default SvgCalendarToday;

package/dist/components/Icons/Category.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const SvgCategory: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default SvgCategory;

package/dist/components/Icons/CategoryOutlined.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const SvgCategoryOutlined: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default SvgCategoryOutlined;

package/dist/components/Icons/Celebration.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const SvgCelebration: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default SvgCelebration;

package/dist/components/Icons/CheckBadge.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const SvgCheckBadge: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default SvgCheckBadge;

package/dist/components/Icons/CheckList.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const SvgCheckList: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default SvgCheckList;

package/dist/components/Icons/ChevronLeft.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const SvgChevronLeft: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default SvgChevronLeft;

package/dist/components/Icons/ChromeReaderMode.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const SvgChromeReaderMode: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default SvgChromeReaderMode;

package/dist/components/Icons/CreditCard.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const SvgCreditCard: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default SvgCreditCard;

package/dist/components/Icons/CropOriginal.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const SvgCropOriginal: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default SvgCropOriginal;

package/dist/components/Icons/DensityMediumRound.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const SvgDensityMediumRound: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default SvgDensityMediumRound;

package/dist/components/Icons/DoubleArrowDown.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const SvgDoubleArrowDown: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default SvgDoubleArrowDown;

package/dist/components/Icons/DoubleArrowUp.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const SvgDoubleArrowUp: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default SvgDoubleArrowUp;

package/dist/components/Icons/EditNoteOutlined.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const SvgEditNoteOutlined: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default SvgEditNoteOutlined;

package/dist/components/Icons/FeedbackOutlined.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const SvgFeedbackOutlined: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default SvgFeedbackOutlined;

package/dist/components/Icons/FileDownloadDoneFilled.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const SvgFileDownloadDoneFilled: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default SvgFileDownloadDoneFilled;

package/dist/components/Icons/FileDownloadOutlined.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const SvgFileDownloadOutlined: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default SvgFileDownloadOutlined;

package/dist/components/Icons/HandshakeRound.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const SvgHandshakeRound: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default SvgHandshakeRound;

package/dist/components/Icons/Home.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const SvgHome: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default SvgHome;

package/dist/components/Icons/ImportExport.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const SvgImportExport: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default SvgImportExport;

package/dist/components/Icons/InfoFilled.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const SvgInfoFilled: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default SvgInfoFilled;

package/dist/components/Icons/LocalActivityOutlined.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const SvgLocalActivityOutlined: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default SvgLocalActivityOutlined;

package/dist/components/Icons/LocalHospital.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const SvgLocalHospital: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default SvgLocalHospital;

package/dist/components/Icons/MinusOutlined.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const SvgMinusOutlined: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default SvgMinusOutlined;

package/dist/components/Icons/Notification.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const SvgNotification: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default SvgNotification;

package/dist/components/Icons/Payment.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const SvgPayment: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default SvgPayment;

package/dist/components/Icons/PersonAddAlt.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const SvgPersonAddAlt: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default SvgPersonAddAlt;

package/dist/components/Icons/PersonFilled.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const SvgPersonFilled: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default SvgPersonFilled;

package/dist/components/Icons/PersonOutline.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const SvgPersonOutline: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default SvgPersonOutline;

package/dist/components/Icons/ScheduleRound.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const SvgScheduleRound: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default SvgScheduleRound;

package/dist/components/Icons/Search2.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const SvgSearch2: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default SvgSearch2;

package/dist/components/Icons/SettingFilled.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const SvgSettingFilled: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default SvgSettingFilled;

package/dist/components/Icons/TrashOutlined.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const SvgTrashOutlined: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default SvgTrashOutlined;

package/dist/components/Icons/index.d.ts

@@ -1,60 +1,99 @@
 export { default as Add } from './Add';
+export { default as AddOutlined } from './AddOutlined';
 export { default as AddAPhoto } from './AddAPhoto';
 export { default as ApprovalInactive } from './ApprovalInactive';
+export { default as ArrowDown } from './ArrowDown';
 export { default as ArrowRight } from './ArrowRight';
+export { default as ArrowUp } from './ArrowUp';
+export { default as ArrowDropDown } from './ArrowDropDown';
+export { default as ArticleOutlined } from './ArticleOutlined';
 export { default as AttachFile } from './AttachFile';
+export { default as CalendarMonth } from './CalendarMonth';
+export { default as CalendarToday } from './CalendarToday';
 export { default as CancleFilled } from './CancleFilled';
 export { default as Cancle } from './Cancle';
 export { default as CartFilled } from './CartFilled';
 export { default as Cart } from './Cart';
+export { default as Category } from './Category';
+export { default as CategoryOutlined } from './CategoryOutlined';
+export { default as Celebration } from './Celebration';
 export { default as Check } from './Check';
+export { default as CheckBadge } from './CheckBadge';
 export { default as CheckBoxRound } from './CheckBoxRound';
+export { default as CheckList } from './CheckList';
 export { default as CheckCircle } from './CheckCircle';
+export { default as ChevronLeft } from './ChevronLeft';
+export { default as ChromeReaderMode } from './ChromeReaderMode';
 export { default as Close } from './Close';
 export { default as Company } from './Company';
+export { default as CreditCard } from './CreditCard';
+export { default as CropOriginal } from './CropOriginal';
+export { default as DensityMediumRound } from './DensityMediumRound';
+export { default as DoubleArrowDown } from './DoubleArrowDown';
+export { default as DoubleArrowUp } from './DoubleArrowUp';
 export { default as Download } from './Download';
 export { default as DragHandle } from './DragHandle';
 export { default as Eco } from './Eco';
 export { default as EditSquare } from './EditSquare';
+export { default as EditNoteOutlined } from './EditNoteOutlined';
 export { default as ErrorFilled } from './ErrorFilled';
 export { default as Error } from './Error';
 export { default as ExpandAll } from './ExpandAll';
 export { default as ExpandLess } from './ExpandLess';
 export { default as ExpandMore } from './ExpandMore';
 export { default as Factory } from './Factory';
+export { default as FeedbackOutlined } from './FeedbackOutlined';
 export { default as FileUpload } from './FileUpload';
 export { default as FilecheckInactive } from './FilecheckInactive';
+export { default as FileDownloadDoneFilled } from './FileDownloadDoneFilled';
+export { default as FileDownloadOutlined } from './FileDownloadOutlined';
 export { default as GoBefore } from './GoBefore';
 export { default as GoNext } from './GoNext';
 export { default as HamburgerMenu } from './HamburgerMenu';
+export { default as HandshakeRound } from './HandshakeRound';
+export { default as Home } from './Home';
 export { default as ImagecheckPlay } from './ImagecheckPlay';
+export { default as ImportExport } from './ImportExport';
+export { default as InfoFilled } from './InfoFilled';
 export { default as Inventory } from './Inventory';
 export { default as KakaoTalk } from './KakaoTalk';
 export { default as ListAll } from './ListAll';
+export { default as LocalActivityOutlined } from './LocalActivityOutlined';
+export { default as LocalHospital } from './LocalHospital';
 export { default as LocalShipping } from './LocalShipping';
 export { default as Logout } from './Logout';
 export { default as Menu } from './Menu';
 export { default as Minus } from './Minus';
+export { default as MinusOutlined } from './MinusOutlined';
 export { default as ModeEdit } from './ModeEdit';
 export { default as More } from './More';
 export { default as NaverBlog } from './NaverBlog';
 export { default as Naver } from './Naver';
+export { default as Notification } from './Notification';
 export { default as OrderApprove } from './OrderApprove';
 export { default as OrderInactive } from './OrderInactive';
 export { default as OrderPlay } from './OrderPlay';
 export { default as Outward } from './Outward';
 export { default as PayApprove } from './PayApprove';
 export { default as PayInactive } from './PayInactive';
+export { default as Payment } from './Payment';
+export { default as PersonAddAlt } from './PersonAddAlt';
 export { default as Personcard } from './Personcard';
+export { default as PersonFilled } from './PersonFilled';
+export { default as PersonOutline } from './PersonOutline';
 export { default as PrintInactive } from './PrintInactive';
 export { default as PrintPlay } from './PrintPlay';
 export { default as Product } from './Product';
+export { default as ScheduleRound } from './ScheduleRound';
 export { default as Search } from './Search';
+export { default as Search2 } from './Search2';
+export { default as SettingFilled } from './SettingFilled';
 export { default as Settings } from './Settings';
 export { default as ShippingDone } from './ShippingDone';
 export { default as SupportAgent } from './SupportAgent';
 export { default as SwapVert } from './SwapVert';
 export { default as Task } from './Task';
+export { default as TrashOutlined } from './TrashOutlined';
 export { default as Upload } from './Upload';
 export { default as User } from './User';
 export { default as WarningFilled } from './WarningFilled';

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

@@ -0,0 +1,91 @@
+declare const useLNBColors: () => {
+    full: {
+        enabled: {
+            backgroundColor: string;
+            color: string;
+            borderColor: string;
+        };
+        actived: {
+            backgroundColor: string;
+            color: string;
+            borderColor: string;
+        };
+        hover: {
+            backgroundColor: string;
+            color: string;
+            borderColor: string;
+        };
+        disabled: {
+            backgroundColor: string;
+            color: string;
+            borderColor: string;
+        };
+    };
+    secondary: {
+        enabled: {
+            backgroundColor: string;
+            color: string;
+            borderColor: string;
+        };
+        actived: {
+            backgroundColor: string;
+            color: string;
+            borderColor: string;
+        };
+        hover: {
+            backgroundColor: string;
+            color: string;
+            borderColor: string;
+        };
+        disabled: {
+            backgroundColor: string;
+            color: string;
+            borderColor: string;
+        };
+    };
+    list: {
+        enabled: {
+            backgroundColor: string;
+            color: string;
+            borderColor: string;
+        };
+        actived: {
+            backgroundColor: string;
+            color: string;
+            borderColor: string;
+        };
+        hover: {
+            backgroundColor: string;
+            color: string;
+            borderColor: string;
+        };
+        disabled: {
+            backgroundColor: string;
+            color: string;
+            borderColor: string;
+        };
+    };
+    title: {
+        enabled: {
+            backgroundColor: string;
+            color: string;
+            borderColor: string;
+        };
+        actived: {
+            backgroundColor: string;
+            color: string;
+            borderColor: string;
+        };
+        hover: {
+            backgroundColor: string;
+            color: string;
+            borderColor: string;
+        };
+        disabled: {
+            backgroundColor: string;
+            color: string;
+            borderColor: string;
+        };
+    };
+};
+export default useLNBColors;