@cashdoc/cashdoc-cms-design-system 2.5.1 → 2.6.0

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

@@ -0,0 +1,6 @@
+export declare const accordionRootVariants: (props?: ({
+    variant?: "bordered" | "separated" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const accordionItemVariants: (props?: ({
+    variant?: "bordered" | "separated" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

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

@@ -1 +1,2 @@
-export * from './BarChart';
+export { BarChart } from './BarChart';
+export type { BarChartDataItem, BarChartProps, } from './BarChart';

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

@@ -1,9 +1,7 @@
 import { ComponentPropsWithoutRef } from 'react';
 import { VariantProps } from 'class-variance-authority';
+import { contentAreaVariants } from './variants';
 
-declare const contentAreaVariants: (props?: ({
-    padding?: "sm" | "lg" | "none" | "md" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export type ContentAreaProps = {
     /**
      * 내부 padding 크기. 자식 컴포넌트가 자체 padding을 가질 때는 `"none"` 사용.
@@ -29,4 +27,3 @@ export declare const ContentArea: import('react').ForwardRefExoticComponent<{
     Body: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
     Footer: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & import('react').RefAttributes<HTMLElement>>;
 };
-export {};

package/dist/src/components/ContentArea/variants.d.ts

@@ -0,0 +1,3 @@
+export declare const contentAreaVariants: (props?: ({
+    padding?: "sm" | "lg" | "none" | "md" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

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

@@ -1,8 +1,6 @@
 import { VariantProps } from 'class-variance-authority';
+import { countFilterChipVariants } from './variants';
 
-declare const countFilterChipVariants: (props?: ({
-    size?: "sm" | "lg" | "md" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export type CountFilterChipsSize = NonNullable<VariantProps<typeof countFilterChipVariants>["size"]>;
 export type CountFilterChipsItem<T extends string | number> = {
     /** 선택값으로 사용되는 식별자 */
@@ -87,4 +85,3 @@ export declare const CountFilterChips: {
     <T extends string | number>({ items, value, onValueChange, size, className, itemClassName, ariaLabel, }: CountFilterChipsProps<T>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
-export {};

package/dist/src/components/CountFilterChips/variants.d.ts

@@ -0,0 +1,6 @@
+export declare const countFilterChipVariants: (props?: ({
+    size?: "sm" | "lg" | "md" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const countBadgeVariants: (props?: ({
+    size?: "sm" | "lg" | "md" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

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

@@ -6,10 +6,23 @@ export type DropdownOption = {
     value: string;
     label: string;
     disabled?: boolean;
+    /** 트리거에 표시할 짧은 이름. 생략 시 `label` 사용. */
+    displayLabel?: string;
     children?: DropdownOption[];
 };
+/** 선택 불가능한 그룹 헤더. hover 시 서브메뉴로 하위 옵션을 펼칩니다. */
+export type DropdownGroupOption = {
+    label: string;
+    group: DropdownOption[];
+    disabled?: boolean;
+};
+/**
+ * `options` prop에 전달할 수 있는 아이템 타입.
+ * 일반 옵션과 그룹 옵션을 혼합하여 사용할 수 있습니다.
+ */
+export type DropdownItem = DropdownOption | DropdownGroupOption;
 type DropdownPropsBase = {
-    options: DropdownOption[];
+    options: DropdownItem[];
     value?: string;
     placeholder?: string;
     /**
@@ -154,7 +167,7 @@ export type DropdownProps = DropdownPropsSingle | DropdownPropsMultiple;
  * ![](https://raw.githubusercontent.com/AlmSmartDoctor/ccds-screenshots/main/screenshots/Forms/Dropdown/For%20Jsdoc.png?raw=true)
  */
 declare const DropdownInternal: import('react').ForwardRefExoticComponent<{
-    options: DropdownOption[];
+    options: DropdownItem[];
     value?: string;
     placeholder?: string;
     /**

package/dist/src/components/Dropdown/Select.d.ts

@@ -92,7 +92,7 @@ export declare const Select: import('react').ForwardRefExoticComponent<{
     error?: string;
     required?: boolean;
 } & Omit<{
-    options: import('./Dropdown').DropdownOption[];
+    options: import('./Dropdown').DropdownItem[];
     value?: string;
     placeholder?: string;
     onValueChange?: (value: string) => void;

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

@@ -1,5 +1,5 @@
 export { Dropdown } from './Dropdown';
-export type { DropdownOption, DropdownProps } from './Dropdown';
+export type { DropdownOption, DropdownGroupOption, DropdownItem, DropdownProps, } from './Dropdown';
 export { dropdownTriggerVariants } from './variants';
 export { Select, type SelectProps } from './Select';
 export { Combobox, type ComboboxProps } from './Combobox';

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

@@ -1 +1,2 @@
-export * from './FilterToggleGroup';
+export { FilterToggleGroup } from './FilterToggleGroup';
+export type { FilterToggleGroupSize, FilterToggleGroupIntent, FilterToggleGroupAlign, FilterToggleGroupItem, FilterToggleGroupOption, FilterToggleGroupProps, } from './FilterToggleGroup';

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

@@ -1,5 +1,6 @@
 import { default as React } from 'react';
 import { VariantProps } from 'class-variance-authority';
+import { radioGroupItemVariants } from './variants';
 
 import * as RadioGroupPrimitives from "@radix-ui/react-radio-group";
 /**
@@ -77,10 +78,6 @@ import * as RadioGroupPrimitives from "@radix-ui/react-radio-group";
  * ![](https://raw.githubusercontent.com/AlmSmartDoctor/ccds-screenshots/main/screenshots/Forms/RadioButton/For%20Jsdoc.png?raw=true)
  */
 declare const RadioGroup: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitives.RadioGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const radioGroupItemVariants: (props?: ({
-    variant?: "default" | "green" | "black" | "blue" | "red" | null | undefined;
-    size?: "sm" | "lg" | "md" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export type RadioGroupItemProps = {} & React.ComponentPropsWithoutRef<typeof RadioGroupPrimitives.Item> & VariantProps<typeof radioGroupItemVariants>;
 declare const RadioGroupItem: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitives.RadioGroupItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
     variant?: "default" | "green" | "black" | "blue" | "red" | null | undefined;

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

@@ -1 +1,2 @@
-export * from './RadioButton';
+export { RadioGroup, RadioGroupItem } from './RadioButton';
+export type { RadioGroupItemProps } from './RadioButton';

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

@@ -0,0 +1,8 @@
+export declare const radioGroupItemVariants: (props?: ({
+    variant?: "default" | "green" | "black" | "blue" | "red" | null | undefined;
+    size?: "sm" | "lg" | "md" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const radioGroupIndicatorVariants: (props?: ({
+    variant?: "default" | "green" | "black" | "blue" | "red" | null | undefined;
+    size?: "sm" | "lg" | "md" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

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

@@ -1 +1,2 @@
-export * from './SideNavigation';
+export { SideNavigation } from './SideNavigation';
+export type { SubMenuItem, MenuItem, SideNavigationProps, } from './SideNavigation';

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

@@ -1,10 +1,8 @@
 import { default as React } from 'react';
 import { VariantProps } from 'class-variance-authority';
+import { switchVariants } from './variants';
 
 import * as SwitchPrimitives from "@radix-ui/react-switch";
-declare const switchVariants: (props?: ({
-    variant?: "default" | "primary" | "green" | "black" | "blue" | "red" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export type SwitchProps = {
     /**
      * 스위치 트랙의 가로 길이입니다.

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

@@ -1 +1,2 @@
-export * from './Switch';
+export { Switch } from './Switch';
+export type { SwitchProps } from './Switch';

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

@@ -0,0 +1,3 @@
+export declare const switchVariants: (props?: ({
+    variant?: "default" | "primary" | "green" | "black" | "blue" | "red" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

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

@@ -1,9 +1,7 @@
 import { default as React } from 'react';
 import { VariantProps } from 'class-variance-authority';
+import { tableVariants, tableRowVariants, tableCellVariants } from './variants';
 
-declare const tableVariants: (props?: ({
-    bordered?: boolean | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export type TableProps = {
     /** zebra stripe 패턴 적용 여부 */
     striped?: boolean;
@@ -149,10 +147,6 @@ export type TableFooterProps = {} & React.HTMLAttributes<HTMLTableSectionElement
  * `<tfoot>` 태그를 렌더링하며, 합계나 요약 정보를 표시하는 데 사용됩니다.
  */
 export declare const TableFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
-declare const tableRowVariants: (props?: ({
-    hoverable?: boolean | null | undefined;
-    selected?: boolean | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export type TableRowProps = {
     /** 선택된 행 표시 여부 */
     selected?: boolean;
@@ -190,9 +184,6 @@ export declare const TableHead: React.ForwardRefExoticComponent<{
     /** 텍스트 정렬 방식 (default: "left") */
     align?: "left" | "center" | "right";
 } & Omit<React.ThHTMLAttributes<HTMLTableCellElement>, "align"> & React.RefAttributes<HTMLTableCellElement>>;
-declare const tableCellVariants: (props?: ({
-    align?: "left" | "center" | "right" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export type TableCellProps = {
     /** 텍스트 정렬 방식 */
     align?: "left" | "center" | "right";
@@ -311,4 +302,3 @@ export type TableCaptionProps = {} & React.HTMLAttributes<HTMLTableCaptionElemen
  * 설명하는 데 중요한 역할을 합니다.
  */
 export declare const TableCaption: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableCaptionElement> & React.RefAttributes<HTMLTableCaptionElement>>;
-export {};

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

@@ -0,0 +1,10 @@
+export declare const tableVariants: (props?: ({
+    bordered?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const tableRowVariants: (props?: ({
+    hoverable?: boolean | null | undefined;
+    selected?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const tableCellVariants: (props?: ({
+    align?: "left" | "center" | "right" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

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

@@ -1,10 +1,7 @@
 import { default as React } from 'react';
 import { VariantProps } from 'class-variance-authority';
+import { tagInputContainerVariants } from './variants';
 
-declare const tagInputContainerVariants: (props?: ({
-    readOnly?: boolean | null | undefined;
-    layout?: "row" | "column" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export type TagInputProps = {
     label?: string;
     required?: boolean;
@@ -161,4 +158,3 @@ export declare const TagInput: React.ForwardRefExoticComponent<{
     readOnly?: boolean | null | undefined;
     layout?: "row" | "column" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string>, "readOnly"> & React.RefAttributes<HTMLDivElement>>;
-export {};

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

@@ -1 +1,2 @@
-export * from './TagInput';
+export { TagInput } from './TagInput';
+export type { TagInputProps } from './TagInput';

package/dist/src/components/TagInput/variants.d.ts

@@ -0,0 +1,13 @@
+export declare const tagInputContainerVariants: (props?: ({
+    readOnly?: boolean | null | undefined;
+    layout?: "row" | "column" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const tagVariants: (props?: ({
+    removable?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const removeButtonVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export declare const inputVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export declare const labelVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export declare const helperTextVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export declare const errorMessageVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export declare const tagCountVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;

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

@@ -1,11 +1,7 @@
 import { default as React } from 'react';
 import { VariantProps } from 'class-variance-authority';
+import { textAreaVariants } from './variants';
 
-declare const textAreaVariants: (props?: ({
-    variant?: "default" | "error" | null | undefined;
-    fullWidth?: boolean | null | undefined;
-    resize?: "none" | "both" | "horizontal" | "vertical" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export type TextAreaProps = {
     label?: string;
     required?: boolean;
@@ -79,4 +75,3 @@ export declare const TextArea: React.ForwardRefExoticComponent<{
     fullWidth?: boolean | null | undefined;
     resize?: "none" | "both" | "horizontal" | "vertical" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string> & React.RefAttributes<HTMLTextAreaElement>>;
-export {};

package/dist/src/components/TextArea/variants.d.ts

@@ -0,0 +1,8 @@
+export declare const textAreaVariants: (props?: ({
+    variant?: "default" | "error" | null | undefined;
+    fullWidth?: boolean | null | undefined;
+    resize?: "none" | "both" | "horizontal" | "vertical" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const labelVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export declare const errorMessageVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export declare const helperTextVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;

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

@@ -1,10 +1,7 @@
 import { default as React } from 'react';
 import { VariantProps } from 'class-variance-authority';
+import { textInputVariants } from './variants';
 
-declare const textInputVariants: (props?: ({
-    variant?: "default" | "error" | null | undefined;
-    fullWidth?: boolean | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export type TextInputProps = {
     label?: string;
     required?: boolean;
@@ -132,4 +129,3 @@ export declare const TextInput: React.ForwardRefExoticComponent<{
     variant?: "default" | "error" | null | undefined;
     fullWidth?: boolean | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string> & React.RefAttributes<HTMLInputElement>>;
-export {};

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

@@ -0,0 +1,7 @@
+export declare const textInputVariants: (props?: ({
+    variant?: "default" | "error" | null | undefined;
+    fullWidth?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const labelVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export declare const errorMessageVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export declare const helperTextVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;

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

@@ -1,18 +1,7 @@
 import { default as React } from 'react';
 import { VariantProps } from 'class-variance-authority';
+import { toastVariants } from './variants';
 
-/**
- * Toast 컴포넌트의 톤/intent variant 정의.
- *
- * 두 축으로 구성:
- * - **intent**: 의미 (success / info / warning / error) — 좌측 아이콘 색만 결정
- * - **theme**: light(기본) / dark — 배경·텍스트 톤 결정
- *
- * 두 축은 독립적이므로 `intent="warning" theme="light"` 같은 조합이 자유롭게 가능합니다.
- */
-declare const toastVariants: (props?: ({
-    theme?: "dark" | "light" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
 declare const intentIcon: {
     readonly success: React.ForwardRefExoticComponent<Omit<import('..').IconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
     readonly info: React.ForwardRefExoticComponent<Omit<import('..').IconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;

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

@@ -0,0 +1,12 @@
+/**
+ * Toast 컴포넌트의 톤/intent variant 정의.
+ *
+ * 두 축으로 구성:
+ * - **intent**: 의미 (success / info / warning / error) — 좌측 아이콘 색만 결정
+ * - **theme**: light(기본) / dark — 배경·텍스트 톤 결정
+ *
+ * 두 축은 독립적이므로 `intent="warning" theme="light"` 같은 조합이 자유롭게 가능합니다.
+ */
+export declare const toastVariants: (props?: ({
+    theme?: "dark" | "light" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/src/components/{ToolTip/ToolTip.d.ts → Tooltip/Tooltip.d.ts}

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
-export type ToolTipProps = {
+export type TooltipProps = {
     /** 툴팁을 트리거하는 요소 */
     children: React.ReactNode;
     /** 툴팁에 표시할 내용 */
@@ -29,7 +29,7 @@ export type ToolTipProps = {
 /**
  * 마우스 호버나 포커스 시 간단한 힌트나 설명을 제공하는 툴팁 컴포넌트입니다.
  *
- * {@link ToolTip}은 UI 요소에 대한 추가 정보를 간결하게 제공하여
+ * {@link Tooltip}은 UI 요소에 대한 추가 정보를 간결하게 제공하여
  * 사용자가 인터페이스를 더 쉽게 이해할 수 있도록 돕습니다.
  *
  * Radix UI의 Tooltip 컴포넌트를 기반으로 구현되어 접근성 기능이
@@ -82,23 +82,23 @@ export type ToolTipProps = {
  * 아이콘 버튼에 툴팁 추가:
  *
  * ```tsx
- * <ToolTip content="설정">
+ * <Tooltip content="설정">
  *   <Button variant="ghost" size="icon">
  *     <SettingsIcon />
  *   </Button>
- * </ToolTip>
+ * </Tooltip>
  * ```
  *
  * 위치와 지연 시간 커스터마이징:
  *
  * ```tsx
- * <ToolTip
+ * <Tooltip
  *   content="이 기능은 프리미엄 사용자만 이용할 수 있습니다"
  *   side="bottom"
  *   delayDuration={300}
  * >
  *   <Button disabled>프리미엄 기능</Button>
- * </ToolTip>
+ * </Tooltip>
  * ```
  * {@end-tool}
  *
@@ -109,7 +109,7 @@ export type ToolTipProps = {
  * ## 참고사진
  * ![](https://raw.githubusercontent.com/AlmSmartDoctor/ccds-screenshots/main/screenshots/Feedback/ToolTip/For%20Jsdoc.png?raw=true)
  */
-export declare const ToolTip: React.ForwardRefExoticComponent<{
+export declare const Tooltip: React.ForwardRefExoticComponent<{
     /** 툴팁을 트리거하는 요소 */
     children: React.ReactNode;
     /** 툴팁에 표시할 내용 */

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

@@ -0,0 +1,12 @@
+export { Tooltip } from './Tooltip';
+export type { TooltipProps } from './Tooltip';
+/**
+ * @deprecated `ToolTip`은 다음 메이저 버전에서 제거됩니다.
+ * `Tooltip`을 사용하세요.
+ */
+export { Tooltip as ToolTip } from './Tooltip';
+/**
+ * @deprecated `ToolTipProps`는 다음 메이저 버전에서 제거됩니다.
+ * `TooltipProps`를 사용하세요.
+ */
+export type { TooltipProps as ToolTipProps } from './Tooltip';

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

@@ -21,7 +21,7 @@ export * from './Pagination';
 export * from './Checkbox';
 export * from './Modal';
 export * from './Toast';
-export * from './ToolTip';
+export * from './Tooltip';
 export * from './Table';
 export * from './ImageUpload';
 export * from './FileUpload';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cashdoc/cashdoc-cms-design-system",
-  "version": "2.5.1",
+  "version": "2.6.0",
   "description": "Cashdoc CMS Design System",
   "type": "module",
   "main": "dist/index.umd.js",

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

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