cashdoc-cms-design-system 1.0.5 → 1.0.6

package/dist/components/FileUpload/FileUpload.d.ts

@@ -0,0 +1,58 @@
+import { Accept } from 'react-dropzone';
+
+export interface FileUploadProps {
+    value?: File[];
+    onChange?: (files: File[]) => void;
+    maxFiles?: number;
+    maxSize?: number;
+    accept?: Accept;
+    disabled?: boolean;
+    className?: string;
+    onError?: (error: string) => void;
+}
+/**
+ * 드래그 앤 드롭 및 클릭을 통해 파일을 업로드할 수 있는 컴포넌트입니다.
+ *
+ * {@link FileUpload}는 사용자가 다양한 형식의 파일을 선택하고 업로드할 수 있게 합니다.
+ * 드래그 앤 드롭, 클릭하여 선택, 파일 목록 표시 등의 기능을 제공합니다.
+ *
+ * ## When (언제 사용해야 하는가)
+ *
+ * **사용해야 하는 경우:**
+ * - **문서 첨부**: PDF, Word, Excel 등의 문서 파일을 업로드할 때
+ * - **다양한 파일 형식**: 이미지뿐만 아니라 여러 종류의 파일을 업로드할 때
+ * - **파일 목록 관리**: 업로드된 파일의 이름과 크기를 확인해야 할 때
+ *
+ * **사용하지 말아야 하는 경우:**
+ * - **이미지 전용**: 이미지만 업로드하고 미리보기가 필요한 경우는 {@link ImageUpload} 사용
+ *
+ * ## Example
+ *
+ * {@tool snippet}
+ * 기본 파일 업로드:
+ *
+ * ```tsx
+ * <FileUpload
+ *   onChange={(files) => console.log(files)}
+ *   maxFiles={1}
+ *   maxSize={10 * 1024 * 1024} // 10MB
+ * />
+ * ```
+ * {@end-tool}
+ *
+ * {@tool snippet}
+ * 다중 파일 업로드 (PDF만):
+ *
+ * ```tsx
+ * <FileUpload
+ *   onChange={(files) => console.log(files)}
+ *   maxFiles={5}
+ *   accept={{ "application/pdf": [".pdf"] }}
+ * />
+ * ```
+ * {@end-tool}
+ */
+export declare const FileUpload: {
+    ({ value, onChange, maxFiles, maxSize, accept, disabled, className, onError, }: FileUploadProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

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

@@ -0,0 +1,2 @@
+export { FileUpload } from './FileUpload';
+export type { FileUploadProps } from './FileUpload';

package/dist/components/ImageUpload/ImageUpload.d.ts

@@ -0,0 +1,60 @@
+import { Accept } from 'react-dropzone';
+
+export interface ImageUploadProps {
+    value?: File[];
+    onChange?: (files: File[]) => void;
+    maxFiles?: number;
+    maxSize?: number;
+    accept?: Accept;
+    disabled?: boolean;
+    className?: string;
+    showPreview?: boolean;
+    onError?: (error: string) => void;
+}
+/**
+ * 드래그 앤 드롭 및 클릭을 통해 이미지를 업로드할 수 있는 컴포넌트입니다.
+ *
+ * {@link ImageUpload}는 사용자가 이미지 파일을 선택하고 업로드할 수 있게 합니다.
+ * 드래그 앤 드롭, 클릭하여 선택, 미리보기 등의 기능을 제공합니다.
+ *
+ * ## When (언제 사용해야 하는가)
+ *
+ * **사용해야 하는 경우:**
+ * - **프로필 이미지 업로드**: 사용자 프로필 사진 등록 시
+ * - **상품 이미지 등록**: 여러 상품 이미지를 한 번에 업로드해야 할 때
+ * - **문서 첨부**: 이미지 형태의 문서나 스크린샷을 첨부할 때
+ *
+ * **사용하지 말아야 하는 경우:**
+ * - **일반 파일 업로드**: 이미지가 아닌 다양한 형식의 파일을 업로드할 때는 일반 FileUpload 컴포넌트 사용
+ * - **대용량 파일**: 매우 큰 파일의 경우 진행률 표시가 있는 별도 업로드 컴포넌트 고려
+ *
+ * ## Example
+ *
+ * {@tool snippet}
+ * 기본 이미지 업로드:
+ *
+ * ```tsx
+ * <ImageUpload
+ *   onChange={(files) => console.log(files)}
+ *   maxFiles={1}
+ *   maxSize={5 * 1024 * 1024} // 5MB
+ * />
+ * ```
+ * {@end-tool}
+ *
+ * {@tool snippet}
+ * 다중 이미지 업로드:
+ *
+ * ```tsx
+ * <ImageUpload
+ *   onChange={(files) => console.log(files)}
+ *   maxFiles={5}
+ *   showPreview={true}
+ * />
+ * ```
+ * {@end-tool}
+ */
+export declare const ImageUpload: {
+    ({ value, onChange, maxFiles, maxSize, accept, disabled, className, showPreview, onError, }: ImageUploadProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

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

@@ -0,0 +1,2 @@
+export { ImageUpload } from './ImageUpload';
+export type { ImageUploadProps } from './ImageUpload';

package/dist/components/RadioButton/RadioButton.d.ts

@@ -75,7 +75,7 @@ import * as RadioGroupPrimitives from "@radix-ui/react-radio-group";
  */
 declare const RadioGroup: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitives.RadioGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const radioGroupItemVariants: (props?: ({
-    variant?: "default" | "black" | "green" | "blue" | "red" | null | undefined;
+    variant?: "default" | "green" | "black" | "blue" | "red" | null | undefined;
     size?: "sm" | "lg" | "md" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export interface RadioGroupItemProps extends React.ComponentPropsWithoutRef<typeof RadioGroupPrimitives.Item>, VariantProps<typeof radioGroupItemVariants> {

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

@@ -3,7 +3,7 @@ import { VariantProps } from 'class-variance-authority';
 
 import * as SwitchPrimitives from "@radix-ui/react-switch";
 declare const switchVariants: (props?: ({
-    variant?: "default" | "black" | "green" | "blue" | "red" | null | undefined;
+    variant?: "default" | "green" | "black" | "blue" | "red" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export interface SwitchProps extends React.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root>, VariantProps<typeof switchVariants> {
 }

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

@@ -1 +1,40 @@
-export { ChevronRightIcon } from './ChevronRightIcon';
+import { default as React, SVGProps } from 'react';
+
+export interface IconProps extends SVGProps<SVGSVGElement> {
+    size?: number;
+    strokeWidth?: number;
+}
+export declare const ChevronDownIcon: React.ForwardRefExoticComponent<Omit<IconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export declare const ChevronUpIcon: React.ForwardRefExoticComponent<Omit<IconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export declare const ChevronLeftIcon: React.ForwardRefExoticComponent<Omit<IconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export declare const ChevronRightIcon: React.ForwardRefExoticComponent<Omit<IconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export declare const ChevronsLeftIcon: React.ForwardRefExoticComponent<Omit<IconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export declare const ChevronsRightIcon: React.ForwardRefExoticComponent<Omit<IconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export declare const ArrowLeftIcon: React.ForwardRefExoticComponent<Omit<IconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export declare const ArrowRightIcon: React.ForwardRefExoticComponent<Omit<IconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export declare const MenuIcon: React.ForwardRefExoticComponent<Omit<IconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export declare const AlignIcon: React.ForwardRefExoticComponent<Omit<IconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export declare const XIcon: React.ForwardRefExoticComponent<Omit<IconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export declare const CheckIcon: React.ForwardRefExoticComponent<Omit<IconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export declare const CheckCircleIcon: React.ForwardRefExoticComponent<Omit<IconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export declare const InfoIcon: React.ForwardRefExoticComponent<Omit<IconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export declare const ErrorIcon: React.ForwardRefExoticComponent<Omit<IconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export declare const WarningIcon: React.ForwardRefExoticComponent<Omit<IconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export declare const HelpIcon: React.ForwardRefExoticComponent<Omit<IconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export declare const CloseIcon: React.ForwardRefExoticComponent<Omit<IconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export declare const PlusIcon: React.ForwardRefExoticComponent<Omit<IconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export declare const PlusCircleIcon: React.ForwardRefExoticComponent<Omit<IconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export declare const TrashIcon: React.ForwardRefExoticComponent<Omit<IconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export declare const SaveIcon: React.ForwardRefExoticComponent<Omit<IconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export declare const SettingsIcon: React.ForwardRefExoticComponent<Omit<IconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export declare const RefreshIcon: React.ForwardRefExoticComponent<Omit<IconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export declare const LinkIcon: React.ForwardRefExoticComponent<Omit<IconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export declare const PinIcon: React.ForwardRefExoticComponent<Omit<IconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export declare const FileIcon: React.ForwardRefExoticComponent<Omit<IconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export declare const FileTextIcon: React.ForwardRefExoticComponent<Omit<IconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export declare const ExcelIcon: React.ForwardRefExoticComponent<Omit<IconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export declare const FileUploadIcon: React.ForwardRefExoticComponent<Omit<IconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export declare const ImageUploadIcon: React.ForwardRefExoticComponent<Omit<IconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export declare const CalendarIcon: React.ForwardRefExoticComponent<Omit<IconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export declare const MedicashIcon: React.ForwardRefExoticComponent<Omit<IconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export declare const NewBadgeIcon: React.ForwardRefExoticComponent<Omit<IconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;

package/dist/components/index.d.ts

@@ -17,3 +17,5 @@ export * from './Modal';
 export * from './Toast';
 export * from './ToolTip';
 export * from './Table';
+export * from './ImageUpload';
+export * from './FileUpload';