@gusun/design-system 0.1.0

package/dist-lib/components/Accordion.d.ts

@@ -0,0 +1,25 @@
+import { ComponentPropsWithoutRef } from 'react';
+export declare function Accordion({ children, className, ...props }: ComponentPropsWithoutRef<'div'>): import("react").JSX.Element;
+export interface AccordionItemProps extends ComponentPropsWithoutRef<'div'> {
+    title?: string;
+    defaultOpen?: boolean;
+    /** controlled 펼침(선택) */
+    open?: boolean;
+    /** (open) => void */
+    onOpenChange?: (open: boolean) => void;
+    /** 이름 편집 버튼(SquarePen) 노출 */
+    nameEditable?: boolean;
+    /** (title) => void — 저장 시에만(취소/Esc는 폐기) */
+    onTitleChange?: (title: string) => void;
+    /** 삭제 버튼(Trash2) 노출 */
+    deletable?: boolean;
+    /** 삭제 버튼 비활성(예: 마지막 항목은 삭제 불가) */
+    deleteDisabled?: boolean;
+    /** () => void */
+    onDelete?: () => void;
+    /** 접힌 상태에서도 본문 마운트(폼 상태 유지 등) */
+    keepMounted?: boolean;
+    /** 본문 내부 스크롤 상한(px) — 미지정 시 자연 확장(페이지 스크롤) */
+    maxHeight?: number | string;
+}
+export declare function AccordionItem({ title, children, defaultOpen, open: openProp, onOpenChange, nameEditable, onTitleChange, deletable, deleteDisabled, onDelete, keepMounted, maxHeight, className, ...props }: AccordionItemProps): import("react").JSX.Element;

package/dist-lib/components/Button.d.ts

@@ -0,0 +1,27 @@
+import { ComponentPropsWithoutRef, ElementType, ReactNode } from 'react';
+interface ButtonProps extends ComponentPropsWithoutRef<'button'> {
+    size?: '32' | '24' | '18';
+    variant?: 'fill' | 'line' | 'ghost' | 'underline';
+    color?: 'black' | 'red' | 'blue' | 'green' | 'violet' | 'pink' | 'orange';
+    weight?: 'normal' | 'semibold';
+    leftIcon?: ElementType | null;
+    rightIcon?: ElementType | null;
+    icon?: ElementType | null;
+    loading?: boolean;
+    truncate?: boolean;
+    width?: 'hug' | 'fill';
+    showTooltip?: boolean;
+    tooltip?: ReactNode;
+    asChild?: boolean;
+}
+export declare function Button({ children, size, // '32' | '24' | '18'(아이콘 전용 소형 — 버튼 18×18·아이콘 14×14)
+variant, // 'fill' | 'line' | 'ghost' | 'underline'(밑줄 텍스트 버튼)
+color, // underline 전용 색 — 'black'(기본) | 'red' | 'blue' | 'green' | 'violet' | 'pink' | 'orange'
+weight, // underline 전용 두께 — 'normal'(기본) | 'semibold'
+leftIcon: LeftIcon, rightIcon: RightIcon, icon: Icon, disabled, loading, truncate, // 라벨이 부모 폭을 넘으면 말줄임(테이블 셀 등 좁은 영역용)
+width, // 'hug'(콘텐츠 폭) | 'fill'(부모 전체 폭) — underline 변형엔 미적용
+showTooltip, // 아이콘 전용 버튼 hover 명칭 툴팁 on/off (기본 켬)
+tooltip, // 툴팁 문구 커스텀. 미지정 시 aria-label 사용
+asChild, // <button> 대신 자식 엘리먼트를 루트로(Slot 합성)
+onClick, onMouseEnter, onMouseLeave, className, ...props }: ButtonProps): import("react").JSX.Element;
+export {};

package/dist-lib/components/ButtonGroup.d.ts

@@ -0,0 +1,18 @@
+import { ComponentPropsWithoutRef } from 'react';
+declare const GAP_STYLE: {
+    '3': string;
+    '4': string;
+    '5': string;
+    '6': string;
+    '7': string;
+};
+interface ButtonGroupProps extends ComponentPropsWithoutRef<'div'> {
+    direction?: 'horizontal' | 'vertical';
+    gap?: keyof typeof GAP_STYLE;
+    width?: 'hug' | 'fill';
+}
+export declare function ButtonGroup({ children, direction, // 'horizontal' | 'vertical'
+gap, // 간격 토큰 키 — 기본 '5'(8px)
+width, // 'hug'(콘텐츠 폭) | 'fill'(부모 전체 폭 — 버튼들 균등 분할)
+className, ...props }: ButtonGroupProps): import("react").JSX.Element;
+export {};

package/dist-lib/components/CalendarDayButton.d.ts

@@ -0,0 +1,39 @@
+import { ComponentPropsWithoutRef } from 'react';
+declare const HALF_FILL: {
+    default: {
+        left: string;
+        right: string;
+    };
+    muted: {
+        left: string;
+        right: string;
+    };
+    today: {
+        left: string;
+        right: string;
+    };
+    selected: {
+        left: string;
+        right: string;
+    };
+    'range-start': {
+        left: string;
+        right: string;
+    };
+    'range-end': {
+        left: string;
+        right: string;
+    };
+    'in-range': {
+        left: string;
+        right: string;
+    };
+};
+interface CalendarDayButtonProps extends ComponentPropsWithoutRef<'button'> {
+    state?: keyof typeof HALF_FILL;
+    edge?: 'left' | 'right';
+}
+export declare function CalendarDayButton({ children, state, // 'default' | 'muted' | 'today' | 'selected' | 'range-start' | 'range-end' | 'in-range'
+edge, // 'left'(행 첫 칸) | 'right'(행 마지막 칸) — 범위 띠가 줄에서 끊길 때 바깥 모서리를 둥글게
+disabled, onClick, className, ...props }: CalendarDayButtonProps): import("react").JSX.Element;
+export {};

package/dist-lib/components/Checkbox.d.ts

@@ -0,0 +1,34 @@
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+import { OptionItem } from './formulaFunctions';
+declare const GAP_STYLE: {
+    '3': string;
+    '4': string;
+    '5': string;
+    '6': string;
+    '7': string;
+};
+interface CheckboxProps extends ComponentPropsWithoutRef<'input'> {
+    label?: ReactNode;
+}
+export declare function Checkbox({ checked, defaultChecked, onChange, disabled, label, className, ...props }: CheckboxProps): import("react").JSX.Element;
+interface CheckboxGroupProps extends Omit<ComponentPropsWithoutRef<'div'>, 'onChange'> {
+    items?: OptionItem[];
+    value?: string[];
+    defaultValue?: string[];
+    onChange?: (nextValues: string[], meta: {
+        value: string;
+        checked: boolean;
+    }) => void;
+    direction?: 'vertical' | 'horizontal';
+    gap?: keyof typeof GAP_STYLE;
+    disabled?: boolean;
+}
+export declare function CheckboxGroup({ items, // [{ value, label, disabled }]
+value, // controlled 선택값 배열
+defaultValue, // uncontrolled 초기 선택값 배열
+onChange, // (nextValues, { value, checked }) => void
+direction, // 'vertical' | 'horizontal'
+gap, // 간격 토큰 키 — 기본 '7'(16px)
+disabled, // 그룹 전체 비활성
+className, ...props }: CheckboxGroupProps): import("react").JSX.Element;
+export {};

package/dist-lib/components/Chip.d.ts

@@ -0,0 +1,12 @@
+import { ComponentPropsWithoutRef, MouseEvent } from 'react';
+import { ChipColor } from './chipStyles';
+interface ChipProps extends ComponentPropsWithoutRef<'span'> {
+    onRemove?: (e: MouseEvent<HTMLButtonElement>) => void;
+    color?: ChipColor;
+    removeAriaLabel?: string;
+}
+export declare function Chip({ children, onRemove, // X 클릭 콜백 — 있으면 X 노출
+onClick, // 칩 전체 클릭(선택 등)
+color, // gray | red | blue | black
+removeAriaLabel, className, ...props }: ChipProps): import("react").JSX.Element;
+export {};

package/dist-lib/components/ConditionOrderSlot.d.ts

@@ -0,0 +1,31 @@
+import { ComponentPropsWithoutRef, HTMLAttributes, ReactNode } from 'react';
+interface ConditionSlotCardProps extends ComponentPropsWithoutRef<'div'> {
+    title?: string;
+    enabled?: boolean;
+    onEnabledChange?: (checked: boolean) => void;
+    dragging?: boolean;
+    width?: number | string;
+    dragHandleProps?: HTMLAttributes<HTMLSpanElement> | null;
+    children?: ReactNode;
+}
+export declare function ConditionSlotCard({ title, enabled, onEnabledChange, dragging, width, dragHandleProps, children, className, ...props }: ConditionSlotCardProps): import("react").JSX.Element;
+interface ConditionOrderItem {
+    id: string;
+    body?: ReactNode;
+}
+interface ConditionOrderSlotProps extends ComponentPropsWithoutRef<'div'> {
+    items?: ConditionOrderItem[];
+    direction?: 'vertical' | 'horizontal';
+    order?: string[];
+    defaultOrder?: string[];
+    onOrderChange?: (ids: string[]) => void;
+    enabledIds?: string[];
+    onEnabledChange?: (nextEnabledIds: string[], info: {
+        id: string;
+        enabled: boolean;
+    }) => void;
+    titlePrefix?: string;
+    cardWidth?: number | string;
+}
+export declare function ConditionOrderSlot({ items, direction, order, defaultOrder, onOrderChange, enabledIds, onEnabledChange, titlePrefix, cardWidth, className, ...props }: ConditionOrderSlotProps): import("react").JSX.Element;
+export {};

package/dist-lib/components/DateField.d.ts

@@ -0,0 +1,39 @@
+type DateRange = {
+    start: Date | null;
+    end: Date | null;
+};
+type DateFieldValue = Date | null | DateRange;
+interface DateFieldProps {
+    mode?: 'single' | 'range';
+    value?: DateFieldValue;
+    defaultValue?: DateFieldValue;
+    onChange?: (value: DateFieldValue) => void;
+    showTime?: boolean;
+    startTime?: string;
+    defaultStartTime?: string;
+    onStartTimeChange?: (time: string) => void;
+    endTime?: string;
+    defaultEndTime?: string;
+    onEndTimeChange?: (time: string) => void;
+    placeholder?: string;
+    disabled?: boolean;
+    readOnly?: boolean;
+    error?: boolean;
+    errorMessage?: string;
+    formatErrorMessage?: string;
+    closeOnSelect?: boolean;
+    width?: number | string;
+    className?: string;
+    disablePast?: boolean;
+    disableFuture?: boolean;
+    minDate?: Date;
+    maxDate?: Date;
+    disabledDate?: (date: Date) => boolean;
+    weekStartsOn?: number;
+    minYear?: number;
+    maxYear?: number;
+}
+export declare function DateField({ mode, // 'single' | 'range'
+value, defaultValue, onChange, showTime, startTime, defaultStartTime, onStartTimeChange, endTime, defaultEndTime, onEndTimeChange, placeholder, disabled, readOnly, error, errorMessage, formatErrorMessage, // 직접 입력 형식 오류 메시지
+closeOnSelect, width, className, disablePast, disableFuture, minDate, maxDate, disabledDate, weekStartsOn, minYear, maxYear, ...props }: DateFieldProps): import("react").JSX.Element;
+export {};

package/dist-lib/components/DatePicker.d.ts

@@ -0,0 +1,49 @@
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+export interface DateRange {
+    start: Date | null;
+    end: Date | null;
+}
+export type DatePickerValue = Date | DateRange | null;
+export interface DatePickerProps extends Omit<ComponentPropsWithoutRef<'div'>, 'onChange' | 'defaultValue'> {
+    /** 'single' | 'range' */
+    mode?: 'single' | 'range';
+    value?: DatePickerValue;
+    defaultValue?: DatePickerValue;
+    onChange?: (value: DatePickerValue) => void;
+    /** 오늘 이전 날짜 선택 불가(오늘은 선택 가능) */
+    disablePast?: boolean;
+    /** 오늘 이후 날짜 선택 불가(오늘은 선택 가능) */
+    disableFuture?: boolean;
+    /** 이 날짜 이전은 비활성 (Date) */
+    minDate?: Date;
+    /** 이 날짜 이후는 비활성 (Date) */
+    maxDate?: Date;
+    /** (date) => boolean — 커스텀 비활성 판정 */
+    disabledDate?: (date: Date) => boolean;
+    /** 표시 월(controlled) — Date */
+    month?: Date;
+    defaultMonth?: Date;
+    onMonthChange?: (month: Date) => void;
+    /** 하단 시간 영역 표시 — 범위=시작/마감 2칸 · 단일=시간 1칸(startTime 사용, 마감 없음) */
+    showTime?: boolean;
+    startTime?: string;
+    endTime?: string;
+    onStartTimeChange?: (time: string) => void;
+    onEndTimeChange?: (time: string) => void;
+    /** 단일 모드 시간 칸 라벨 */
+    timeLabel?: ReactNode;
+    /** 0=일요일 시작 */
+    weekStartsOn?: number;
+    weekdayLabels?: string[];
+    todayLabel?: string;
+    /** 날짜 영역에서 휠 세로 스크롤로 이전/다음 달 이동 */
+    scrollNavigate?: boolean;
+    rangeTooltip?: boolean;
+    rangeStartLabel?: string;
+    rangeEndLabel?: string;
+    /** 연도 선택 범위(미지정 시 표시 연도 ±12) */
+    minYear?: number;
+    maxYear?: number;
+    width?: number | string;
+}
+export declare function DatePicker({ mode, value, defaultValue, onChange, disablePast, disableFuture, minDate, maxDate, disabledDate, month, defaultMonth, onMonthChange, showTime, startTime, endTime, onStartTimeChange, onEndTimeChange, timeLabel, weekStartsOn, weekdayLabels, todayLabel, scrollNavigate, rangeTooltip, rangeStartLabel, rangeEndLabel, minYear, maxYear, width, className, ...props }: DatePickerProps): import("react").JSX.Element;

package/dist-lib/components/Divider.d.ts

@@ -0,0 +1,12 @@
+import { ComponentPropsWithoutRef } from 'react';
+declare const COLOR: {
+    subtle: string;
+    default: string;
+    strong: string;
+};
+interface DividerProps extends ComponentPropsWithoutRef<'div'> {
+    direction?: 'horizontal' | 'vertical';
+    color?: keyof typeof COLOR;
+}
+export declare function Divider({ direction, color, className, ...props }: DividerProps): import("react").JSX.Element;
+export {};

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

@@ -0,0 +1,23 @@
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+type EditorMode = 'edit' | 'source' | 'preview';
+interface EditorProps extends Omit<ComponentPropsWithoutRef<'div'>, 'onChange' | 'placeholder'> {
+    value?: string;
+    defaultValue?: string;
+    onChange?: (html: string) => void;
+    mode?: EditorMode;
+    onModeChange?: (mode: EditorMode) => void;
+    toolbar?: string[];
+    mergeFields?: (string | {
+        label: string;
+        value: string;
+    })[];
+    readOnly?: boolean;
+    showSource?: boolean;
+    placeholder?: ReactNode;
+    minHeight?: number | string;
+    maxHeight?: number | string;
+    width?: number | string;
+    allowSourceEdit?: boolean;
+}
+export declare function Editor({ value, defaultValue, onChange, mode: modeProp, onModeChange, toolbar, mergeFields, readOnly, showSource, placeholder, minHeight, maxHeight, width, allowSourceEdit, className, ...props }: EditorProps): import("react").JSX.Element;
+export {};

package/dist-lib/components/EditorToolbar.d.ts

@@ -0,0 +1,12 @@
+import { Editor } from '@tiptap/react';
+type MergeFieldItem = string | {
+    label: string;
+    value: string;
+};
+interface EditorToolbarProps {
+    editor: Editor | null;
+    toolbar?: string[];
+    mergeFields?: MergeFieldItem[];
+}
+export declare function EditorToolbar({ editor, toolbar, mergeFields }: EditorToolbarProps): import("react").JSX.Element | null;
+export {};

package/dist-lib/components/ErrorBoundary.d.ts

@@ -0,0 +1,30 @@
+import { Component, ErrorInfo, ReactNode } from 'react';
+interface ErrorBoundaryProps {
+    children?: ReactNode;
+    resetKey?: unknown;
+    title?: ReactNode;
+    description?: ReactNode;
+    fallback?: (args: {
+        error: Error;
+        reset: () => void;
+    }) => ReactNode;
+    onError?: (error: Error, info: ErrorInfo) => void;
+}
+interface ErrorBoundaryState {
+    error: Error | null;
+    prevResetKey: unknown;
+}
+export declare class ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryState> {
+    constructor(props: ErrorBoundaryProps);
+    static getDerivedStateFromError(error: Error): {
+        error: Error;
+    };
+    static getDerivedStateFromProps(props: ErrorBoundaryProps, state: ErrorBoundaryState): {
+        error: null;
+        prevResetKey: unknown;
+    } | null;
+    componentDidCatch(error: Error, info: ErrorInfo): void;
+    reset(): void;
+    render(): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import('react').ReactPortal | import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react").JSX.Element | null | undefined;
+}
+export {};

package/dist-lib/components/Field.d.ts

@@ -0,0 +1,32 @@
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+declare const GAP_CLASS: {
+    'spacing-2': string;
+    'spacing-3': string;
+    'spacing-5': string;
+    'spacing-6': string;
+    'spacing-7': string;
+};
+interface FieldProps extends ComponentPropsWithoutRef<'div'> {
+    label?: ReactNode;
+    htmlFor?: string;
+    required?: boolean;
+    disabled?: boolean;
+    description?: ReactNode;
+    direction?: 'vertical' | 'horizontal';
+    controlsDirection?: 'column' | 'row';
+    labelWidth?: number | string;
+    labelSize?: '12' | '13' | '14' | '15' | '16';
+    gap?: keyof typeof GAP_CLASS;
+}
+export declare function Field({ label, // string | ReactNode — 주면 내부 Label 렌더
+htmlFor, // 컨트롤 id와 연결(라벨 클릭 시 포커스). 컨트롤에 같은 id 부여 필요
+required, disabled, // 라벨 비활성 스타일(컨트롤 disabled는 컨트롤에 직접 전달)
+description, // 보조 설명(helper) — 컨트롤 아래 회색 텍스트
+direction, // 'vertical' | 'horizontal' (라벨↔컨트롤 배치)
+controlsDirection, // 'column' | 'row' — 컨트롤 여러 개일 때 배치(복합 필드, row=한 줄 등분)
+labelWidth, // horizontal일 때 라벨 영역 너비(number=px | CSS 문자열)
+labelSize, // Label size (12~16). 미지정 시 '14' (2026-07-06 세로도 12→14 통일)
+gap, // 라벨↔컨트롤 간격 토큰 키 override (예: 'spacing-5')
+className, children, // 컨트롤
+...props }: FieldProps): import("react").JSX.Element;
+export {};

package/dist-lib/components/FileUploadButton.d.ts

@@ -0,0 +1,22 @@
+import { LucideIcon } from 'lucide-react';
+import { FileUploadMenuProps } from './FileUploadMenu';
+export interface UploadTriggerButtonProps {
+    leftIcon?: LucideIcon | null;
+    variant?: 'fill' | 'line' | 'ghost' | 'underline';
+    [key: string]: unknown;
+}
+export interface FileUploadButtonProps extends Omit<FileUploadMenuProps, 'width'> {
+    triggerText?: string;
+    /** 파일 N개 시 라벨 = `${triggerText} (N${countSuffix})` */
+    countSuffix?: string;
+    showCount?: boolean;
+    /** 모든 Button 스타일 props 통과(variant/size/leftIcon/...). 기본 variant=line·leftIcon=Upload */
+    buttonProps?: UploadTriggerButtonProps;
+    placement?: string;
+    /** 팝오버(=FileUploadMenu) 너비 */
+    menuWidth?: number | string;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    disabled?: boolean;
+}
+export declare function FileUploadButton({ files, triggerText, countSuffix, showCount, buttonProps, placement, menuWidth, open, onOpenChange, disabled, className, ...menuProps }: FileUploadButtonProps): import("react").JSX.Element;

package/dist-lib/components/FileUploadMenu.d.ts

@@ -0,0 +1,24 @@
+import { PopoverMenuProps } from './PopoverMenu';
+export interface UploadFileItem {
+    name: string;
+    size?: number | string;
+    id?: string | number;
+}
+export interface FileUploadMenuProps extends PopoverMenuProps {
+    /** [{ name, size?, id? }] */
+    files?: UploadFileItem[];
+    /** 안내 문구(여러 줄은 \n) */
+    guide?: string;
+    maxCount?: number;
+    /** <input accept> 실제 필터 (예: '.pdf,.doc,.xlsx'). ⚠️ guide 표시와 직접 일치시킬 것 */
+    accept?: string;
+    multiple?: boolean;
+    /** (FileList) => void — '파일 찾기'로 선택 */
+    onAdd?: (files: FileList) => void;
+    /** (file, index) => void — 행 삭제 */
+    onDelete?: (file: UploadFileItem, index: number) => void;
+    findText?: string;
+    /** 기본 `최대 ${maxCount}개까지 업로드할 수 있습니다` */
+    maxText?: string;
+}
+export declare function FileUploadMenu({ files, guide, maxCount, accept, multiple, onAdd, onDelete, findText, maxText, width, className, ...props }: FileUploadMenuProps): import("react").JSX.Element;

package/dist-lib/components/FormTemplate.d.ts

@@ -0,0 +1,33 @@
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+declare const GAP_X: {
+    16: string;
+    20: string;
+    24: string;
+    28: string;
+    32: string;
+};
+declare const GAP_Y: {
+    16: string;
+    20: string;
+    24: string;
+    28: string;
+    32: string;
+};
+interface FormTemplateField {
+    key: string;
+    label?: ReactNode;
+    required?: boolean;
+    disabled?: boolean;
+    description?: ReactNode;
+    span?: number;
+    control?: ReactNode;
+}
+interface FormTemplateProps extends ComponentPropsWithoutRef<'div'> {
+    fields?: FormTemplateField[];
+    columns?: 1 | 2 | 3;
+    columnGap?: keyof typeof GAP_X;
+    rowGap?: keyof typeof GAP_Y;
+    labelSize?: '12' | '13' | '14' | '15' | '16';
+}
+export declare function FormTemplate({ fields, columns, columnGap, rowGap, labelSize, className, ...props }: FormTemplateProps): import("react").JSX.Element;
+export {};

package/dist-lib/components/ImageUploadButton.d.ts

@@ -0,0 +1,14 @@
+import { ImageUploadMenuProps } from './ImageUploadMenu';
+import { UploadTriggerButtonProps } from './FileUploadButton';
+export interface ImageUploadButtonProps extends Omit<ImageUploadMenuProps, 'width'> {
+    triggerText?: string;
+    /** 모든 Button 스타일 props 통과. 기본 variant=line·leftIcon=Image */
+    buttonProps?: UploadTriggerButtonProps;
+    placement?: string;
+    /** 팝오버(=ImageUploadMenu) 너비 */
+    menuWidth?: number | string;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    disabled?: boolean;
+}
+export declare function ImageUploadButton({ triggerText, buttonProps, placement, menuWidth, open, onOpenChange, disabled, className, ...menuProps }: ImageUploadButtonProps): import("react").JSX.Element;

package/dist-lib/components/ImageUploadMenu.d.ts

@@ -0,0 +1,17 @@
+import { PopoverMenuProps } from './PopoverMenu';
+export interface ImageUploadMenuProps extends Omit<PopoverMenuProps, 'onSelect'> {
+    /** 미리보기 이미지 URL (없으면 empty) */
+    image?: string;
+    /** 안내 문구(여러 줄은 \n) */
+    guide?: string;
+    /** <input accept> 실제 필터 (예: '.jpeg,.png,.webp'). ⚠️ guide 표시와 직접 일치시킬 것 */
+    accept?: string;
+    /** (File) => void — '파일 찾기'로 선택 */
+    onSelect?: (file: File) => void;
+    /** () => void — '파일 삭제' */
+    onRemove?: () => void;
+    findText?: string;
+    removeText?: string;
+    imageAlt?: string;
+}
+export declare function ImageUploadMenu({ image, guide, accept, onSelect, onRemove, findText, removeText, imageAlt, width, className, ...props }: ImageUploadMenuProps): import("react").JSX.Element;

package/dist-lib/components/InlineFieldTrigger.d.ts

@@ -0,0 +1,18 @@
+import { ComponentPropsWithoutRef, ComponentType, CSSProperties } from 'react';
+type IconComponent = ComponentType<{
+    size?: number | string;
+    strokeWidth?: number | string;
+    className?: string;
+}>;
+interface InlineFieldTriggerProps extends ComponentPropsWithoutRef<'span'> {
+    icon?: IconComponent | null;
+    size?: '24' | '20';
+    open?: boolean;
+    disabled?: boolean;
+    readOnly?: boolean;
+    interactive?: boolean;
+    maxWidth?: CSSProperties['maxWidth'];
+    fill?: boolean;
+}
+export declare const InlineFieldTrigger: import('react').ForwardRefExoticComponent<InlineFieldTriggerProps & import('react').RefAttributes<HTMLSpanElement>>;
+export {};

package/dist-lib/components/Input.d.ts

@@ -0,0 +1,28 @@
+import { ChangeEvent, ComponentPropsWithoutRef } from 'react';
+declare const SIZE_STYLE: {
+    '32': {
+        box: string;
+        text: string;
+    };
+    '22': {
+        box: string;
+        text: string;
+    };
+};
+interface InputProps extends Omit<ComponentPropsWithoutRef<'div'>, 'onChange'> {
+    value?: string | number;
+    defaultValue?: string | number;
+    onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
+    placeholder?: string;
+    size?: keyof typeof SIZE_STYLE;
+    disabled?: boolean;
+    readOnly?: boolean;
+    error?: boolean;
+    errorMessage?: string;
+    width?: number | string;
+    inputProps?: ComponentPropsWithoutRef<'input'>;
+}
+export declare function Input({ value, defaultValue, onChange, placeholder, size, // '32'(32px·14px) | '22'(22px·12px, 라인하이트 핏)
+disabled, readOnly, error, errorMessage, width, // 너비: 숫자(px) 또는 CSS 길이 문자열('100%' 등). 미지정 시 200px
+className, inputProps, ...props }: InputProps): import("react").JSX.Element;
+export {};

package/dist-lib/components/JobPositionTemplate.d.ts

@@ -0,0 +1,41 @@
+import { ComponentPropsWithoutRef, Ref } from 'react';
+interface JobOption {
+    value: string;
+    label: string;
+    disabled?: boolean;
+}
+interface JobRowItem {
+    criteria: string;
+    value: string;
+}
+interface JobRow {
+    id: string;
+    items: JobRowItem[];
+}
+export interface JobPositionTemplateHandle {
+    validate: () => boolean;
+    getRows: () => JobRow[];
+}
+interface JobPositionTemplateProps extends Omit<ComponentPropsWithoutRef<'div'>, 'onChange'> {
+    criteriaOptions?: JobOption[];
+    valueOptions?: Record<string, JobOption[]>;
+    conditionCount?: number;
+    defaultDisabledIds?: string[];
+    multiLastValue?: boolean;
+    defaultRows?: JobRow[];
+    onChange?: (rows: JobRow[]) => void;
+    step1Title?: string;
+    step2Title?: string;
+    addLabel?: string;
+    inputPlaceholder?: string;
+    orderLabel?: string;
+    jobLabel?: string;
+    manageLabel?: string;
+    tableHeight?: number | 'fill';
+    emptyMessage?: string;
+    duplicateMessage?: string;
+    emptyValueMessage?: string;
+    ref?: Ref<JobPositionTemplateHandle>;
+}
+export declare function JobPositionTemplate({ criteriaOptions, valueOptions, conditionCount, defaultDisabledIds, multiLastValue, defaultRows, onChange, step1Title, step2Title, addLabel, inputPlaceholder, orderLabel, jobLabel, manageLabel, tableHeight, emptyMessage, duplicateMessage, emptyValueMessage, ref, className, ...props }: JobPositionTemplateProps): import("react").JSX.Element;
+export {};

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

@@ -0,0 +1,18 @@
+import { ComponentPropsWithoutRef } from 'react';
+declare const SIZE_STYLES: {
+    '12': string;
+    '13': string;
+    '14': string;
+    '15': string;
+    '16': string;
+};
+interface LabelProps extends ComponentPropsWithoutRef<'label'> {
+    size?: keyof typeof SIZE_STYLES;
+    required?: boolean;
+    disabled?: boolean;
+}
+export declare function Label({ children, htmlFor, size, // '12' | '13' | '14' | '15' | '16' (Figma size variant)
+required, // 필수 표시(빨강 점) — Figma state=required
+disabled, // 비활성 — Figma state=disabled
+className, ...props }: LabelProps): import("react").JSX.Element;
+export {};