@cashdoc/cashdoc-cms-design-system 1.0.12

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

@@ -0,0 +1,97 @@
+import { default as React } from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare const textInputVariants: (props?: ({
+    variant?: "default" | "error" | null | undefined;
+    fullWidth?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface TextInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size">, VariantProps<typeof textInputVariants> {
+    label?: string;
+    required?: boolean;
+    error?: boolean;
+    errorMessage?: string;
+    helperText?: string;
+    showCharCount?: boolean;
+    labelLayout?: "vertical" | "horizontal";
+    labelWidth?: string;
+}
+/**
+ * 사용자로부터 텍스트, 이메일, 숫자 등의 단일 라인 데이터를 입력받는 필드입니다.
+ *
+ * {@link TextInput}은 가장 기본적인 폼 입력 요소로, label, placeholder, 에러 메시지,
+ * helper 텍스트, 글자 수 카운터 등을 통합적으로 제공합니다. 일관된 스타일과 동작으로
+ * 사용자 경험을 향상시킵니다.
+ *
+ * ## When (언제 사용해야 하는가)
+ *
+ * **사용해야 하는 경우:**
+ * - **단일 라인 텍스트 입력**: 이름, 이메일, 전화번호 등 한 줄로 입력 가능한 정보
+ * - **특정 타입 입력**: email, password, number, date 등 HTML input type을 활용
+ * - **글자 수 제한**: 최대 글자 수를 지정하고 실시간으로 카운터를 표시
+ * - **유효성 검증**: 에러 상태와 메시지를 통해 사용자에게 피드백 제공
+ * - **필수 입력**: `required` 속성을 사용하여 반드시 입력해야 함을 시각적으로 안내
+ *
+ * ## Layout behavior
+ *
+ * TextInput은 기본적으로 부모 요소의 전체 너비(`fullWidth={true}`)를 차지합니다.
+ * `fullWidth={false}`로 설정하면 내용에 맞춰 자동으로 조절됩니다.
+ *
+ * 레이블 배치는 `labelLayout` prop으로 제어됩니다:
+ * - **vertical** (기본값): Label이 입력 필드 위에 세로로 배치됩니다.
+ * - **horizontal**: Label과 입력 필드가 가로로 나란히 배치됩니다. `labelWidth`로 Label 너비를 조정할 수 있습니다 (기본값: 120px).
+ *
+ * 구조는 다음 순서로 배치됩니다:
+ * 1. **헤더 영역** (있는 경우): label (좌측, 필수 시 * 표시) + 글자 수 카운터 (우측)
+ * 2. **입력 필드**: 텍스트 입력 영역
+ * 3. **메시지 영역** (있는 경우): errorMessage 또는 helperText
+ *
+ * 높이는 `h-10` (2.5rem / 40px)로 고정되어 일관된 버튼 높이와 정렬됩니다.
+ *
+ * ## Usage guidelines
+ *
+ * ### ✅ Do (권장 사항)
+ *
+ * - **명확한 label 제공**: 무엇을 입력해야 하는지 명확하게 표시하세요
+ * - **필수 여부 명시**: 반드시 입력해야 하는 필드라면 `required` 속성을 활성화하세요.
+ * - **가로 배치 활용**: 폼에서 여러 입력 필드를 정렬할 때는 `labelLayout="horizontal"`을 사용하여 일관된 레이아웃을 유지하세요.
+ *
+ * ## Example
+ *
+ * {@tool snippet}
+ * 레이블과 필수 표시가 포함된 입력 필드:
+ *
+ * ```tsx
+ * <TextInput
+ *   label="사용자 아이디"
+ *   required={true}
+ *   placeholder="아이디를 입력하세요"
+ * />
+ * ```
+ * {@end-tool}
+ *
+ * {@tool snippet}
+ * 가로 배치 레이아웃:
+ *
+ * ```tsx
+ * <TextInput
+ *   label="상호(법인명)"
+ *   required={true}
+ *   labelLayout="horizontal"
+ *   labelWidth="150px"
+ *   placeholder="회사명을 입력하세요"
+ * />
+ * ```
+ * {@end-tool}
+ *
+ * See also:
+ *
+ * - {@link Textarea}, 여러 줄 텍스트 입력을 위한 컴포넌트
+ * - {@link TagInput}, 여러 태그를 입력받는 컴포넌트
+ * - {@link DatePicker}, 날짜 선택을 위한 컴포넌트
+ * - {@link Dropdown}, 옵션 선택을 위한 컴포넌트
+ *
+ * ## 참고사진
+ * ![](https://github.com/AlmSmartDoctor/ccds-screenshots/blob/main/screenshots/Forms/TextInput/For%20Jsdoc.png?raw=true)
+ */
+export declare const TextInput: React.ForwardRefExoticComponent<TextInputProps & React.RefAttributes<HTMLInputElement>>;
+export {};

package/dist/src/components/TextInput/index.d.ts

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

package/dist/src/components/TimePicker/TimePicker.d.ts

@@ -0,0 +1,113 @@
+import { default as React } from 'react';
+
+export interface TimePickerProps {
+    value?: string;
+    onChange?: (time: string) => void;
+    label?: string;
+    placeholder?: string;
+    format?: "24h" | "12h";
+    disabled?: boolean;
+    error?: boolean;
+    errorMessage?: string;
+    helperText?: string;
+    className?: string;
+    minuteStep?: number;
+    showIcon?: boolean;
+}
+/**
+ * 사용자가 시간을 선택할 수 있게 하는 컴포넌트입니다.
+ *
+ * {@link TimePicker}는 직관적인 스크롤 인터페이스를 통해 시간과 분을 선택할 수 있으며,
+ * 24시간 형식과 12시간(AM/PM) 형식을 모두 지원합니다.
+ *
+ * `@radix-ui/react-popover`를 기반으로 구현되었으며, 사용자가 잘못된 시간을 입력하는 것을 방지합니다.
+ *
+ * ## When (언제 사용해야 하는가)
+ *
+ * **사용해야 하는 경우:**
+ * - **특정 시간 입력**: 예약 시간, 알림 시간, 업무 시작/종료 시간 등을 선택해야 할 때
+ * - **정확한 시간 선택**: 사용자가 직접 타이핑하여 발생할 수 있는 형식 오류를 방지하고 싶을 때
+ * - **제한된 간격 선택**: 5분, 10분, 15분 단위로만 선택이 필요한 경우 (minuteStep 사용)
+ *
+ * **사용하지 말아야 하는 경우:**
+ * - **대략적인 시간**: '오전', '오후', '저녁' 등 상대적인 시간 선택이 필요한 경우 `Dropdown`이나 `RadioButton`이 더 적절할 수 있습니다.
+ * - **초 단위 정밀도**: 현재는 시간과 분까지만 지원하므로, 초 단위가 필요한 경우 다른 컴포넌트를 고려하세요.
+ *
+ * ## Layout behavior
+ *
+ * - **Popover 기반**: 클릭 시 입력창 아래에 시간 선택 팝오버가 나타나며, 화면 공간을 효율적으로 사용합니다.
+ * - **스크롤 선택**: 시간과 분을 각각 스크롤하여 선택할 수 있어 직관적입니다.
+ * - **Full Width**: `className`을 통해 부모 요소의 너비에 맞게 조절할 수 있습니다.
+ *
+ * ## Usage guidelines
+ *
+ * ### ✅ Do (권장 사항)
+ *
+ * - **적절한 Format**: 사용자가 익숙한 형식(한국: 24시간, 미국: 12시간)을 선택하세요.
+ * - **Minute Step 활용**: 일정 간격으로만 선택이 필요한 경우 `minuteStep`을 활용하여 UX를 개선하세요.
+ * - **레이블 및 헬퍼 텍스트**: 입력 항목의 용도를 명확히 하고, 필요한 경우 보충 설명을 제공하세요.
+ *
+ * ### 🚫 Don't (주의/금지 사항)
+ *
+ * - **Read-only 입력**: 사용자가 직접 타이핑하여 입력하는 기능은 지원하지 않으므로, 반드시 UI를 통해 선택하도록 안내하세요.
+ * - **과도한 Step**: `minuteStep`이 너무 크면 정확한 시간을 선택하기 어려울 수 있습니다.
+ *
+ * ## Accessibility
+ *
+ * - **Keyboard Navigation**: 팝오버는 키보드로 열고 닫을 수 있으며, `Esc` 키로 취소할 수 있습니다.
+ * - **Focus Management**: 시간 선택기가 열려 있는 동안 포커스가 적절히 관리됩니다.
+ * - **Aria Labels**: 각 버튼에는 스크린 리더를 위한 적절한 레이블이 포함되어 있습니다.
+ *
+ * ## Example
+ *
+ * {@tool snippet}
+ * 기본적인 시간 선택 예시 (24시간 형식):
+ *
+ * ```tsx
+ * const [time, setTime] = useState("");
+ *
+ * <TimePicker
+ *   label="출근 시간"
+ *   value={time}
+ *   onChange={setTime}
+ *   placeholder="시간을 선택하세요"
+ * />
+ * ```
+ * {@end-tool}
+ *
+ * {@tool snippet}
+ * 12시간 형식 및 15분 단위 선택:
+ *
+ * ```tsx
+ * <TimePicker
+ *   label="회의 시간"
+ *   format="12h"
+ *   minuteStep={15}
+ *   value="2:30 PM"
+ *   onChange={setTime}
+ * />
+ * ```
+ * {@end-tool}
+ *
+ * {@tool snippet}
+ * 에러 상태:
+ *
+ * ```tsx
+ * <TimePicker
+ *   label="마감 시간"
+ *   error={true}
+ *   errorMessage="업무 시간(9:00-18:00) 내에서 선택해주세요"
+ * />
+ * ```
+ * {@end-tool}
+ *
+ * See also:
+ *
+ * - {@link DatePicker}, 날짜를 선택해야 하는 경우
+ * - {@link DateRangePicker}, 날짜 범위를 선택해야 하는 경우
+ * - {@link TextInput}, 단순한 텍스트 입력이 필요한 경우
+ *
+ * ## 참고사진
+ * ![](https://github.com/AlmSmartDoctor/ccds-screenshots/blob/main/screenshots/Forms/TimePicker/For%20Jsdoc.png?raw=true)
+ */
+export declare const TimePicker: React.ForwardRefExoticComponent<TimePickerProps & React.RefAttributes<HTMLDivElement>>;

package/dist/src/components/TimePicker/index.d.ts

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

package/dist/src/components/Toast/Toaster.d.ts

@@ -0,0 +1,87 @@
+import { Toaster as Sonner } from 'sonner';
+import { ComponentProps } from 'react';
+
+type ToasterProps = ComponentProps<typeof Sonner>;
+/**
+ * 사용자의 액션에 대한 가벼운 피드백을 화면 구석에 일시적으로 표시하는 알림 컴포넌트입니다.
+ *
+ * {@link Toaster}는 시스템의 상태 변화(성공, 실패, 경고 등)를 비침습적인 방식으로 알립니다.
+ * `sonner` 라이브러리를 기반으로 하며, CMS 디자인 가이드에 맞춘 스타일링이 적용되어 있습니다.
+ * 어플리케이션 최상위 수준(App.tsx 등)에 한 번만 배치하면 어디서든 `toast()` 함수를 통해 알림을 띄울 수 있습니다.
+ *
+ * ## When (언제 사용해야 하는가)
+ *
+ * **사용해야 하는 경우:**
+ * - **간단한 결과 알림**: "저장되었습니다", "복사 완료" 등 짧은 피드백
+ * - **비파괴적 액션 확인**: 사용자의 흐름을 방해하지 않고 알림만 주고 싶을 때
+ * - **백그라운드 작업 완료**: 서버 요청이 성공적으로 처리되었음을 알릴 때
+ *
+ * **사용하지 말아야 하는 경우:**
+ * - **중요한 의사 결정**: 사용자가 반드시 읽고 확인 버튼을 눌러야 하는 내용은 `Modal`을 사용하세요.
+ * - **긴 메시지**: 토스트는 수초 후 사라지므로, 읽는 데 시간이 걸리는 긴 텍스트는 부적절합니다.
+ * - **에러 세부 정보**: 복잡한 에러 로그나 해결 방법이 포함된 에러는 `Modal`이나 전용 에러 페이지에서 보여주세요.
+ *
+ * ## Layout behavior
+ *
+ * - **Floating**: 화면 최상단 레이어에 고정된 위치(기본값: 하단 중앙)에 나타납니다.
+ * - **Stacking**: 여러 개의 토스트가 동시에 발생하면 차례대로 쌓여서 표시됩니다.
+ * - **Auto-dismiss**: 일정 시간(기본 4초)이 지나면 자동으로 사라집니다.
+ *
+ * ## Usage guidelines
+ *
+ * ### ✅ Do (권장 사항)
+ *
+ * - **명확하고 간결하게**: 핵심만 담은 짧은 문장을 사용하세요. (예: "이미지가 업로드되었습니다")
+ * - **적절한 타입 사용**: `toast.success`, `toast.error` 등 상황에 맞는 메서드를 사용하여 색상과 아이콘으로 의미를 전달하세요.
+ *
+ * ### 🚫 Don't (주의/금지 사항)
+ *
+ * - **중요 정보 포함**: 토스트는 금방 사라지므로, 계좌번호나 비밀번호 같은 중요 정보를 여기에만 표시해서는 안 됩니다.
+ * - **과도한 사용**: 짧은 시간에 너무 많은 토스트가 발생하면 사용자에게 스트레스를 줄 수 있습니다.
+ *
+ * ## Example
+ *
+ * {@tool snippet}
+ * 최상위 컴포넌트 설정:
+ *
+ * ```tsx
+ * function App() {
+ *   return (
+ *     <>
+ *       <Router />
+ *       <Toaster />
+ *     </>
+ *   );
+ * }
+ * ```
+ * {@end-tool}
+ *
+ * {@tool snippet}
+ * 다양한 토스트 호출 방법:
+ *
+ * ```tsx
+ * // 기본
+ * toast("환영합니다!");
+ *
+ * // 성공
+ * toast.success("저장에 성공했습니다.");
+ *
+ * // 에러
+ * toast.error("서버와의 연결이 원활하지 않습니다.");
+ *
+ * // 상세 설명 포함
+ * toast("알림", {
+ *   description: "새로운 메시지가 도착했습니다."
+ * });
+ * ```
+ * {@end-tool}
+ *
+ * See also:
+ *
+ * - {@link Modal}, 더 중요하거나 명시적 확인이 필요한 알림
+ *
+ * ## 참고사진
+ * ![](https://github.com/AlmSmartDoctor/ccds-screenshots/blob/main/screenshots/Feedback/Toaster/For%20Jsdoc.png?raw=true)
+ */
+declare const Toaster: ({ position, ...props }: ToasterProps) => import("react/jsx-runtime").JSX.Element;
+export { Toaster };

package/dist/src/components/Toast/index.d.ts

@@ -0,0 +1,4 @@
+import { toast } from 'sonner';
+
+export { Toaster } from './Toaster';
+export { toast };

package/dist/src/components/ToolTip/ToolTip.d.ts

@@ -0,0 +1,112 @@
+import { default as React } from 'react';
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+export interface ToolTipProps extends Omit<React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>, "content"> {
+    /** 툴팁을 트리거하는 요소 */
+    children: React.ReactNode;
+    /** 툴팁에 표시할 내용 */
+    content: React.ReactNode;
+    /** 툴팁이 나타날 위치 (기본: "top") */
+    side?: "top" | "right" | "bottom" | "left";
+    /** 트리거로부터의 거리 (픽셀) (기본: 4) */
+    sideOffset?: number;
+    /** 트리거와의 정렬 방식 (기본: "center") */
+    align?: "start" | "center" | "end";
+    /** 마우스 호버 후 툴팁이 나타나기까지의 지연 시간 (밀리초) (기본: 200) */
+    delayDuration?: number;
+    /** 다른 툴팁에서 빠르게 진입 시 지연 건너뛰기 시간 (밀리초) (기본: 300) */
+    skipDelayDuration?: number;
+    /** 툴팁 위로 마우스를 이동할 수 있는지 여부 (기본: true) */
+    disableHoverableContent?: boolean;
+    /** 화살표 표시 여부 (기본: true) */
+    showArrow?: boolean;
+    /** Controlled 모드: 툴팁 열림 상태 */
+    open?: boolean;
+    /** Uncontrolled 모드: 초기 열림 상태 */
+    defaultOpen?: boolean;
+    /** 툴팁 열림 상태 변경 시 콜백 */
+    onOpenChange?: (open: boolean) => void;
+}
+/**
+ * 마우스 호버나 포커스 시 간단한 힌트나 설명을 제공하는 툴팁 컴포넌트입니다.
+ *
+ * {@link ToolTip}은 UI 요소에 대한 추가 정보를 간결하게 제공하여
+ * 사용자가 인터페이스를 더 쉽게 이해할 수 있도록 돕습니다.
+ *
+ * Radix UI의 Tooltip 컴포넌트를 기반으로 구현되어 접근성 기능이
+ * 자동으로 처리됩니다.
+ *
+ * ## When (언제 사용해야 하는가)
+ *
+ * **사용해야 하는 경우:**
+ * - **아이콘 설명**: 텍스트 레이블이 없는 아이콘 버튼의 기능을 설명할 때
+ * - **축약된 텍스트**: 말줄임표(...)로 잘린 텍스트의 전체 내용을 보여줄 때
+ * - **간단한 힌트**: 입력 필드나 기능에 대한 짧은 도움말을 제공할 때
+ * - **추가 정보**: UI 요소의 상태나 제약사항을 간단히 알려줄 때
+ *
+ * **사용하지 말아야 하는 경우:**
+ * - **필수 정보**: 사용자가 반드시 알아야 하는 정보는 본문에 직접 표시하세요.
+ * - **복잡한 내용**: 여러 줄의 긴 텍스트나 인터랙티브 요소는 Popover나 Modal을 사용하세요.
+ * - **모바일 전용 UI**: 터치 기기에서는 호버가 없으므로 중요한 정보를 툴팁에만 의존하지 마세요.
+ *
+ * ## Layout behavior
+ *
+ * - **Positioning**: 트리거 요소를 기준으로 상하좌우 원하는 위치에 배치됩니다. (기본: top)
+ * - **Auto-adjustment**: 화면 경계를 벗어나지 않도록 자동으로 위치를 조정합니다.
+ * - **Floating**: 다른 UI 요소들 위에 떠 있으며, 레이아웃에 영향을 주지 않습니다.
+ * - **Arrow**: 트리거와의 연결을 시각적으로 나타내는 화살표를 선택적으로 표시할 수 있습니다.
+ *
+ * ## Usage guidelines
+ *
+ * ### ✅ Do (권장 사항)
+ *
+ * - **간결한 텍스트**: 한두 줄 이내의 짧은 텍스트로 핵심만 전달하세요.
+ * - **적절한 지연**: `delayDuration`을 조절하여 우발적인 호버로 인한 깜빡임을 방지하세요. (기본: 200ms)
+ * - **명확한 트리거**: 툴팁이 붙는 요소가 호버 가능함을 사용자가 인지할 수 있도록 하세요.
+ *
+ * ### 🚫 Don't (주의/금지 사항)
+ *
+ * - **중요 정보 숨기기**: 필수적인 정보를 툴팁에만 넣지 마세요.
+ * - **상호작용 요소**: 툴팁 내부에 클릭 가능한 버튼이나 링크를 넣지 마세요. (Popover 사용 권장)
+ * - **과도한 사용**: 모든 요소에 툴팁을 붙이면 오히려 사용성이 떨어집니다.
+ *
+ * ## Accessibility
+ *
+ * - **Keyboard Support**: 포커스 가능한 요소에 툴팁이 붙으면 포커스 시 자동으로 표시됩니다.
+ * - **ESC Key**: `Esc` 키를 누르면 툴팁이 닫힙니다.
+ * - **Screen Readers**: `aria-describedby` 속성이 자동으로 부여되어 스크린 리더가 내용을 읽습니다.
+ * - **Touch Devices**: 터치 기기에서는 탭으로 툴팁을 활성화할 수 있습니다.
+ *
+ * ## Example
+ *
+ * {@tool snippet}
+ * 아이콘 버튼에 툴팁 추가:
+ *
+ * ```tsx
+ * <ToolTip content="설정">
+ *   <Button variant="ghost" size="icon">
+ *     <SettingsIcon />
+ *   </Button>
+ * </ToolTip>
+ * ```
+ *
+ * 위치와 지연 시간 커스터마이징:
+ *
+ * ```tsx
+ * <ToolTip
+ *   content="이 기능은 프리미엄 사용자만 이용할 수 있습니다"
+ *   side="bottom"
+ *   delayDuration={300}
+ * >
+ *   <Button disabled>프리미엄 기능</Button>
+ * </ToolTip>
+ * ```
+ * {@end-tool}
+ *
+ * See also:
+ *
+ * - {@link Popover}, 클릭으로 열고 상호작용이 필요한 경우
+ * - {@link Modal}, 중요한 정보나 복잡한 작업이 필요한 경우
+ * ## 참고사진
+ * ![](https://github.com/AlmSmartDoctor/ccds-screenshots/blob/main/screenshots/Feedback/ToolTip/For%20Jsdoc.png?raw=true)
+ */
+export declare const ToolTip: React.ForwardRefExoticComponent<ToolTipProps & React.RefAttributes<HTMLDivElement>>;

package/dist/src/components/ToolTip/index.d.ts

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

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

@@ -0,0 +1,61 @@
+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 ChevronDownFillIcon: React.ForwardRefExoticComponent<Omit<IconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export declare const ChevronUpIcon: React.ForwardRefExoticComponent<Omit<IconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export declare const ChevronUpFillIcon: React.ForwardRefExoticComponent<Omit<IconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export declare const ChevronLeftIcon: React.ForwardRefExoticComponent<Omit<IconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export declare const ChevronLeftFillIcon: React.ForwardRefExoticComponent<Omit<IconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export declare const ChevronRightIcon: React.ForwardRefExoticComponent<Omit<IconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export declare const ChevronRightFillIcon: 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 MessageSquareIcon: React.ForwardRefExoticComponent<Omit<IconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export declare const MessageSquareTextIcon: React.ForwardRefExoticComponent<Omit<IconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export declare const MessageCircleIcon: 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 UserIcon: React.ForwardRefExoticComponent<Omit<IconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export declare const UsersIcon: React.ForwardRefExoticComponent<Omit<IconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export declare const ListIcon: React.ForwardRefExoticComponent<Omit<IconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export declare const FileImportIcon: React.ForwardRefExoticComponent<Omit<IconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export declare const FileExportIcon: React.ForwardRefExoticComponent<Omit<IconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export declare const EditIcon: React.ForwardRefExoticComponent<Omit<IconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export declare const Edit2Icon: React.ForwardRefExoticComponent<Omit<IconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export declare const TrendingUpIcon: React.ForwardRefExoticComponent<Omit<IconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export declare const TrendingDownIcon: React.ForwardRefExoticComponent<Omit<IconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export declare const BarChartIcon: React.ForwardRefExoticComponent<Omit<IconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export declare const CreditCardIcon: React.ForwardRefExoticComponent<Omit<IconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export declare const ImageIcon: React.ForwardRefExoticComponent<Omit<IconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export declare const BookIcon: React.ForwardRefExoticComponent<Omit<IconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export declare const BookOpenIcon: 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/src/components/index.d.ts

@@ -0,0 +1,21 @@
+export * from './Button';
+export * from './LoadingCircle';
+export * from './Dropdown';
+export * from './icons';
+export * from './Popover';
+export * from './Text';
+export * from './TextInput';
+export * from './DatePicker';
+export * from './DateRangePicker';
+export * from './TimePicker';
+export * from './Switch';
+export * from './RadioButton';
+export * from './SideNavigation';
+export * from './Pagination';
+export * from './Checkbox';
+export * from './Modal';
+export * from './Toast';
+export * from './ToolTip';
+export * from './Table';
+export * from './ImageUpload';
+export * from './FileUpload';

package/dist/src/index.d.ts

@@ -0,0 +1,3 @@
+
+export * from './components';
+export { cn } from './utils/cn';

package/dist/src/utils/cn.d.ts

@@ -0,0 +1,3 @@
+import { ClassValue } from 'clsx';
+
+export declare function cn(...inputs: ClassValue[]): string;