@gusun/design-system 0.1.0

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

@@ -0,0 +1,46 @@
+import { LucideIcon } from 'lucide-react';
+import { ComponentPropsWithoutRef, MouseEvent, ReactNode } from 'react';
+type CheckChangeEvent = {
+    target: {
+        checked: boolean;
+    };
+};
+interface ListProps extends Omit<ComponentPropsWithoutRef<'div'>, 'title'> {
+    title?: ReactNode;
+    tag?: boolean;
+    tagText?: ReactNode;
+    icon?: LucideIcon | null;
+    checkbox?: boolean;
+    radio?: boolean;
+    checked?: boolean;
+    onCheckChange?: (e: CheckChangeEvent) => void;
+    showSwitch?: boolean;
+    switchChecked?: boolean;
+    onSwitchChange?: (e: CheckChangeEvent) => void;
+    rightButton?: boolean;
+    rightButtonIcon?: LucideIcon;
+    rightButtonAriaLabel?: string;
+    endIcon?: boolean;
+    rightSlot?: ReactNode;
+    selected?: boolean;
+    highlighted?: boolean;
+    disabled?: boolean;
+    onButtonClick?: (e: MouseEvent<HTMLButtonElement>) => void;
+}
+export declare function List({ title, tag, // 태그 표시 여부
+tagText, icon: Icon, // 왼쪽 lucide 아이콘 (예: User)
+checkbox, // 왼쪽 체크박스 표시(다중 선택)
+radio, // 왼쪽 라디오 표시(단일 선택) — checkbox와 배타. checked/onCheckChange 공용
+checked, // 체크박스/라디오 선택 상태
+onCheckChange, // (e) => void — 체크박스/라디오 변경(e.target.checked)
+showSwitch, // 오른쪽 스위치 표시
+switchChecked, // 스위치 상태
+onSwitchChange, // (e) => void — 스위치 변경
+rightButton, // 고스트 아이콘 버튼 (기본 ⋯)
+rightButtonIcon: RightButtonIcon, // 우측 버튼 아이콘(lucide) — 예: Trash2(삭제)
+rightButtonAriaLabel, // 우측 버튼 aria-label
+endIcon, // chevron-right
+rightSlot, // 우측 임의 콘텐츠(입력칸+단위 등) — 행 클릭과 분리(자체 stopPropagation은 사용처가)
+selected, highlighted, // 키보드 내비게이션 강조 (hover 색)
+disabled, onClick, onButtonClick, className, ...props }: ListProps): import("react").JSX.Element;
+export {};

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

@@ -0,0 +1,6 @@
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+interface ListEmptyProps extends ComponentPropsWithoutRef<'div'> {
+    message?: ReactNode;
+}
+export declare function ListEmpty({ message, className, ...props }: ListEmptyProps): import("react").JSX.Element;
+export {};

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

@@ -0,0 +1,13 @@
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+declare const GAP_STYLE: {
+    '2': string;
+    '3': string;
+};
+interface ListGroupProps extends ComponentPropsWithoutRef<'div'> {
+    maxVisible?: number;
+    gap?: keyof typeof GAP_STYLE;
+    empty?: boolean;
+    emptyMessage?: ReactNode;
+}
+export declare function ListGroup({ children, maxVisible, gap, empty, emptyMessage, className, ...props }: ListGroupProps): import("react").JSX.Element;
+export {};

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

@@ -0,0 +1,5 @@
+interface MarkdownDocProps {
+    source?: string;
+}
+export declare function MarkdownDoc({ source }: MarkdownDocProps): import("react").JSX.Element;
+export {};

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

@@ -0,0 +1,2 @@
+import { Node } from '@tiptap/core';
+export declare const MergeFieldNode: Node<any, any>;

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

@@ -0,0 +1,90 @@
+import { ChangeEvent, ComponentPropsWithoutRef, FormEvent, ReactNode } from 'react';
+declare const SIZE_WIDTH: {
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    '2xl': string;
+    '3xl': string;
+    '4xl': string;
+    fill: string;
+};
+export interface ModalProps extends Omit<ComponentPropsWithoutRef<'div'>, 'title' | 'onSubmit'> {
+    open: boolean;
+    onClose: () => void;
+    title?: ReactNode;
+    /** 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | 'fill'(좌우 16씩 제외) */
+    size?: keyof typeof SIZE_WIDTH;
+    /** 'center'(브라우저 중앙) | 'top'(상단 정렬, 여백 16 ~ 화면높이/2−150 가변). 일반 팝업·FormModal 기본=top, Alert/Confirm은 center */
+    placement?: 'center' | 'top';
+    showHeader?: boolean;
+    /** 헤더 우측 닫기(X) 버튼 */
+    showClose?: boolean;
+    showFooter?: boolean;
+    /** 푸터 전체 커스텀 노드(주면 아래 버튼 props 무시) */
+    footer?: ReactNode;
+    /** 푸터 좌측 영역 — 새로고침/불러오기 버튼, 안내글, 유효성 메시지 등(텍스트/컴포넌트) */
+    footerStart?: ReactNode;
+    /** 'text' | 'button' — footerStart 내용 유형. 좌측 여백 결정: text=16(spacing-7) / button=12(spacing-6, 버튼 자체 여백 감안) — 2026-07-06 지시 */
+    footerStartType?: 'text' | 'button';
+    confirmText?: ReactNode;
+    cancelText?: ReactNode;
+    onConfirm?: () => void;
+    /** 미지정 시 onClose */
+    onCancel?: () => void;
+    /** 주동작 버튼 variant */
+    confirmVariant?: 'fill' | 'line' | 'ghost' | 'underline';
+    confirmDisabled?: boolean;
+    confirmLoading?: boolean;
+    /** 취소(보조) 버튼 노출 여부 */
+    showCancel?: boolean;
+    /** 푸터 버튼을 전체 폭으로 균등 분할(footerStart 없는 단순 액션용 — Alert/Confirm) */
+    footerFullWidth?: boolean;
+    closeOnOverlayClick?: boolean;
+    closeOnEsc?: boolean;
+    /** 본문 최대 높이(초과 시 내부 스크롤) */
+    bodyMaxHeight?: number | string;
+    /** 본문 패딩(토큰 클래스). Alert/Confirm은 p-spacing-8 */
+    bodyPadding?: string;
+    /** 푸터 패딩 직접 지정(토큰 클래스) — 미지정 시 footerStartType 기반 기본값(좌 16/12·우 12·상하 12). Alert/Confirm은 px-spacing-8 py-spacing-7 */
+    footerPadding?: string | null;
+    bodyClassName?: string;
+    /** 주면 본문+푸터를 <form>으로 감싸고 주동작 버튼 type=submit */
+    onSubmit?: (e: FormEvent<HTMLFormElement>) => void;
+}
+export declare function Modal({ open, onClose, title, children, // ModalContent — 본문에 주입할 내용
+size, placement, showHeader, showClose, showFooter, footer, footerStart, footerStartType, confirmText, cancelText, onConfirm, onCancel, confirmVariant, confirmDisabled, confirmLoading, showCancel, footerFullWidth, closeOnOverlayClick, closeOnEsc, bodyMaxHeight, bodyPadding, footerPadding, bodyClassName, onSubmit, className, ...props }: ModalProps): import('react').ReactPortal | null;
+export interface AlertModalProps extends ModalProps {
+    /** 설명글(여러 줄은 \n) */
+    description?: ReactNode;
+    /** 2뎁스 상세 설명(회색 박스) */
+    descriptionDetail?: ReactNode;
+}
+export declare function AlertModal({ title, description, descriptionDetail, confirmText, onConfirm, onClose, size, // Alert/Confirm 기본 360px
+placement, // 알럿은 중앙 기본(필요 시 override)
+...props }: AlertModalProps): import("react").JSX.Element;
+export interface ConfirmModalProps extends ModalProps {
+    /** 설명글(여러 줄은 \n) */
+    description?: ReactNode;
+    /** 2뎁스 상세 설명(회색 박스) */
+    descriptionDetail?: ReactNode;
+    /** 주면 본문에 재확인 체크박스 노출 */
+    checkboxLabel?: ReactNode;
+    /** controlled 체크 상태(미지정 시 내부 상태로 동작) */
+    checked?: boolean;
+    /** (checked, event) — 체크 변경 콜백 */
+    onCheckChange?: (checked: boolean, e: ChangeEvent<HTMLInputElement>) => void;
+    /** checkboxLabel 있을 때 체크해야 확인 활성화 */
+    requireCheck?: boolean;
+}
+export declare function ConfirmModal({ title, description, descriptionDetail, checkboxLabel, checked, onCheckChange, requireCheck, confirmText, cancelText, onConfirm, onCancel, onClose, confirmVariant, confirmDisabled, open, size, // Alert/Confirm 기본 360px
+placement, // 컨펌은 중앙 기본(필요 시 override)
+...props }: ConfirmModalProps): import("react").JSX.Element;
+export interface FormModalProps extends ModalProps {
+    /** 저장/등록 등 목적별 라벨 */
+    submitText?: ReactNode;
+    submitDisabled?: boolean;
+    loading?: boolean;
+}
+export declare function FormModal({ submitText, cancelText, onSubmit, onCancel, onClose, submitDisabled, loading, ...props }: FormModalProps): import("react").JSX.Element;
+export {};

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

@@ -0,0 +1,38 @@
+import { ComponentPropsWithoutRef } from 'react';
+type NoticeChannel = 'site' | 'email' | 'sms';
+interface NoticeAttachment {
+    name: string;
+    size: number;
+    id: string;
+    file: File;
+}
+interface NoticeWritingValues {
+    channel: NoticeChannel;
+    titles: Record<NoticeChannel, string>;
+    bodies: Record<NoticeChannel, string>;
+    attachments: Record<NoticeChannel, NoticeAttachment[]>;
+}
+interface NoticeWritingTemplateProps extends Omit<ComponentPropsWithoutRef<'div'>, 'onChange'> {
+    channel?: NoticeChannel;
+    defaultChannel?: NoticeChannel;
+    onChannelChange?: (channel: NoticeChannel) => void;
+    onChange?: (values: NoticeWritingValues) => void;
+    showTabs?: boolean;
+    tabVariant?: 'fill' | 'hug';
+    enabledChannels?: NoticeChannel[];
+    mergeFields?: (string | {
+        label: string;
+        value: string;
+    })[];
+    defaultBodies?: Partial<Record<NoticeChannel, string>>;
+    showAttach?: boolean;
+    maxAttachments?: number;
+    attachGuide?: string;
+    attachAccept?: string;
+    editorMinHeight?: number | string;
+    editorMaxHeight?: number | string;
+    editorReadOnly?: boolean;
+    editorPlaceholder?: string;
+}
+export declare function NoticeWritingTemplate({ channel: channelProp, defaultChannel, onChannelChange, onChange, showTabs, tabVariant, enabledChannels, mergeFields, defaultBodies, showAttach, maxAttachments, attachGuide, attachAccept, editorMinHeight, editorMaxHeight, editorReadOnly, editorPlaceholder, className, ...props }: NoticeWritingTemplateProps): import("react").JSX.Element;
+export {};

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

@@ -0,0 +1,27 @@
+import { ComponentPropsWithoutRef } from 'react';
+export interface PaginationProps extends Omit<ComponentPropsWithoutRef<'div'>, 'onChange'> {
+    /** 현재 페이지(1-base) — controlled */
+    page?: number;
+    /** uncontrolled 초기값 */
+    defaultPage?: number;
+    /** (page: number) => void */
+    onChange?: (page: number) => void;
+    /** 총 항목 수 — totalPages 미지정 시 페이지 수 계산에 사용 */
+    totalCount?: number;
+    /** 총 페이지 수(지정 시 totalCount/pageSize보다 우선) */
+    totalPages?: number;
+    /** 페이지당 행 수 — controlled */
+    pageSize?: number;
+    /** 페이지당 행 수 초기값(옵션 5/10/20/50 중 기본 10) */
+    defaultPageSize?: number;
+    /** (size: number) => void */
+    onPageSizeChange?: (size: number) => void;
+    pageSizeOptions?: number[];
+    /** 번호 노출 개수(윈도우) — 보통 10 또는 5 */
+    maxButtons?: number;
+    /** 좌측 '총 N개' 표시 */
+    showTotal?: boolean;
+    /** 우측 '페이지 행' Select 표시 */
+    showPageSize?: boolean;
+}
+export declare function Pagination({ page, defaultPage, onChange, totalCount, totalPages, pageSize, defaultPageSize, onPageSizeChange, pageSizeOptions, maxButtons, showTotal, showPageSize, className, ...props }: PaginationProps): import("react").JSX.Element;

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

@@ -0,0 +1,16 @@
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+export interface PopoverProps extends Omit<ComponentPropsWithoutRef<'span'>, 'children'> {
+    /** 트리거 ReactNode (예: <Button>) — 클릭 시 패널 토글 */
+    trigger?: ReactNode;
+    /** 패널 내용: ReactNode 또는 (close) => ReactNode */
+    children?: ReactNode | ((close: () => void) => ReactNode);
+    /** 'auto' | '{top|bottom|auto}-{left|right|auto}' (예: 'bottom-right', 'auto-right'=상하 자동·우측 고정) */
+    placement?: string;
+    /** 패널 너비: 숫자(px)/CSS 길이. 미지정 시 트리거 너비 */
+    menuWidth?: number | string;
+    /** controlled (선택) */
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    disabled?: boolean;
+}
+export declare function Popover({ trigger, children, placement, menuWidth, open: openProp, onOpenChange, disabled, className, ...props }: PopoverProps): import("react").JSX.Element;

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

@@ -0,0 +1,54 @@
+import { LucideIcon } from 'lucide-react';
+import { ChangeEvent, ComponentPropsWithoutRef, ReactNode } from 'react';
+export interface PopoverMenuProps extends ComponentPropsWithoutRef<'div'> {
+    /** 'none'=없음 | 'search'=검색바(SearchBar) | 'input'=일반 텍스트 입력(Input). 셋 중 하나만 선택. */
+    topArea?: 'none' | 'search' | 'input';
+    searchValue?: string;
+    onSearchChange?: (e: ChangeEvent<HTMLInputElement>) => void;
+    searchPlaceholder?: string;
+    /** 검색 input에 전달(autoFocus·onKeyDown 등) */
+    searchInputProps?: ComponentPropsWithoutRef<'input'>;
+    inputValue?: string;
+    onInputChange?: (e: ChangeEvent<HTMLInputElement>) => void;
+    inputPlaceholder?: string;
+    /** Input의 inputProps로 전달(autoFocus 등) */
+    inputProps?: ComponentPropsWithoutRef<'input'>;
+    /** 하단 푸터 영역 표시 여부 */
+    footer?: boolean;
+    /** 푸터 좌측 범용 슬롯 — 문자열(자동 텍스트 스타일) 또는 임의 노드 */
+    footerStart?: ReactNode;
+    /** 좌측 텍스트(선택 개수·가이드 문구 등) */
+    footerText?: ReactNode;
+    /** 좌측 전체 선택 체크박스 */
+    footerCheckbox?: boolean;
+    footerChecked?: boolean;
+    onFooterCheckChange?: (e: ChangeEvent<HTMLInputElement>) => void;
+    footerCheckLabel?: ReactNode;
+    /** 좌측 초기화 언더라인 버튼 */
+    footerReset?: boolean;
+    onFooterReset?: () => void;
+    footerResetLabel?: ReactNode;
+    footerResetIcon?: LucideIcon;
+    cancelText?: ReactNode;
+    onCancel?: () => void;
+    confirmText?: ReactNode;
+    onConfirm?: () => void;
+    /** 확인 버튼 variant ('fill' | 'line' | 'ghost') */
+    confirmVariant?: 'fill' | 'line' | 'ghost';
+    confirmDisabled?: boolean;
+    confirmLoading?: boolean;
+    showCancel?: boolean;
+    showConfirm?: boolean;
+    /** 푸터 버튼 그룹을 fill(균등 분할 전체폭)로 — 좌측 슬롯 없이 버튼만 꽉 채움 */
+    footerButtonsFill?: boolean;
+    width?: number | string;
+}
+export declare function PopoverMenu({ children, topArea, searchValue, onSearchChange, searchPlaceholder, searchInputProps, inputValue, onInputChange, inputPlaceholder, inputProps, footer, footerStart, footerText, footerCheckbox, footerChecked, onFooterCheckChange, footerCheckLabel, footerReset, onFooterReset, footerResetLabel, footerResetIcon: FooterResetIcon, cancelText, onCancel, confirmText, onConfirm, confirmVariant, confirmDisabled, confirmLoading, showCancel, showConfirm, footerButtonsFill, width, className, ...props }: PopoverMenuProps): import("react").JSX.Element;
+export declare function PopoverMenuColumns({ children, className, ...props }: ComponentPropsWithoutRef<'div'>): import("react").JSX.Element;
+export declare function PopoverMenuColumn({ children, className, ...props }: ComponentPropsWithoutRef<'div'>): import("react").JSX.Element;
+interface PopoverMenuSectionProps extends Omit<ComponentPropsWithoutRef<'div'>, 'title'> {
+    title?: ReactNode;
+    grow?: boolean;
+}
+export declare function PopoverMenuSection({ title, children, grow, className, ...props }: PopoverMenuSectionProps): import("react").JSX.Element;
+export {};

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

@@ -0,0 +1,33 @@
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+import { OptionItem } from './formulaFunctions';
+declare const GAP_STYLE: {
+    '3': string;
+    '4': string;
+    '5': string;
+    '6': string;
+    '7': string;
+};
+interface RadioProps extends ComponentPropsWithoutRef<'input'> {
+    label?: ReactNode;
+}
+export declare function Radio({ checked, defaultChecked, onChange, disabled, label, name, value, className, ...props }: RadioProps): import("react").JSX.Element;
+interface RadioGroupProps extends Omit<ComponentPropsWithoutRef<'div'>, 'onChange'> {
+    items?: OptionItem[];
+    value?: string;
+    defaultValue?: string;
+    onChange?: (value: string) => void;
+    name?: string;
+    direction?: 'vertical' | 'horizontal';
+    gap?: keyof typeof GAP_STYLE;
+    disabled?: boolean;
+}
+export declare function RadioGroup({ items, // [{ value, label, disabled }]
+value, // controlled 선택값
+defaultValue, // uncontrolled 초기 선택값
+onChange, // (value) => void
+name, // 라디오 그룹 name (미지정 시 자동 생성)
+direction, // 'vertical' | 'horizontal'
+gap, // 간격 토큰 키 — 기본 '7'(16px)
+disabled, // 그룹 전체 비활성
+className, ...props }: RadioGroupProps): import("react").JSX.Element;
+export {};

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

@@ -0,0 +1,53 @@
+import { ComponentPropsWithoutRef } from 'react';
+import { ConditionTab, FormulaNode, IndividualSetting, OptionItem } from './formulaFunctions';
+export interface ScreeningCard {
+    id: string;
+    name: string;
+    conditionTabs?: ConditionTab[];
+    conditionOptionsByTab?: Record<string, OptionItem[]>;
+    conditionOptions?: OptionItem[];
+    conditionPlaceholder?: string;
+    condition?: {
+        tab?: string | null;
+        option?: string | null;
+        items?: string[];
+    } | null;
+    score?: {
+        type: string;
+        points?: string;
+    } | IndividualSetting | null;
+}
+type ScreeningCardSnapshot = Pick<ScreeningCard, 'id' | 'name' | 'condition' | 'score'>;
+interface ScreeningZone {
+    id: string;
+    name: string;
+    formulas: FormulaNode[];
+}
+interface ScreeningCardMenuItem {
+    name: string;
+    conditionTabs?: ConditionTab[];
+    conditionOptionsByTab?: Record<string, OptionItem[]>;
+    conditionOptions?: OptionItem[];
+    conditionPlaceholder?: string;
+}
+interface ScreeningCardMenuSection {
+    title: string;
+    items: ScreeningCardMenuItem[];
+}
+export interface ScreeningBuilderTemplateHandle {
+    getCards: () => ScreeningCardSnapshot[];
+    addCard: (card: ScreeningCard) => void;
+    getFormulas: () => ScreeningZone[];
+}
+interface ScreeningBuilderTemplateProps extends Omit<ComponentPropsWithoutRef<'div'>, 'onChange'> {
+    defaultCards?: ScreeningCard[];
+    onChange?: (cards: ScreeningCardSnapshot[]) => void;
+    onFormulaChange?: (formulas: ScreeningZone[]) => void;
+    cardWidth?: number | string;
+    formulaArea?: boolean;
+    onAddCard?: () => void;
+    cardMenu?: ScreeningCardMenuSection[][];
+    boxHeight?: number;
+}
+export declare const ScreeningBuilderTemplate: import('react').ForwardRefExoticComponent<ScreeningBuilderTemplateProps & import('react').RefAttributes<ScreeningBuilderTemplateHandle>>;
+export {};

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

@@ -0,0 +1,56 @@
+import { ComponentPropsWithoutRef, CSSProperties, HTMLAttributes } from 'react';
+import { ConditionTab, IndividualSetting, OptionItem } from './formulaFunctions';
+export interface ScreeningConditionValue {
+    tab?: string | null;
+    option?: string | null;
+    items?: string[];
+}
+export type ScreeningScoreValue = {
+    type: string;
+    points?: string;
+} | IndividualSetting;
+interface ScreeningConditionCardProps extends ComponentPropsWithoutRef<'div'> {
+    cardName?: string;
+    conditionTabs?: ConditionTab[];
+    conditionOptionsByTab?: Record<string, OptionItem[]>;
+    conditionOptions?: OptionItem[];
+    conditionValue?: ScreeningConditionValue | null;
+    onConditionChange?: (value: ScreeningConditionValue) => void;
+    conditionPlaceholder?: string;
+    scoreValue?: ScreeningScoreValue | null;
+    onScoreChange?: (value: ScreeningScoreValue) => void;
+    scorePlaceholder?: string;
+    onDelete?: () => void;
+    dragging?: boolean;
+    dragHandleProps?: HTMLAttributes<HTMLSpanElement>;
+    width?: number | string;
+}
+export declare function ScreeningConditionCard({ cardName, conditionTabs, conditionOptionsByTab, conditionOptions, conditionValue, onConditionChange, conditionPlaceholder, scoreValue, onScoreChange, scorePlaceholder, onDelete, dragging, dragHandleProps, width, className, ...props }: ScreeningConditionCardProps): import("react").JSX.Element;
+interface ConditionSettingMenuProps {
+    tabs?: ConditionTab[];
+    optionsByTab?: Record<string, OptionItem[]>;
+    options?: OptionItem[];
+    initialTab?: string | null;
+    initialOption?: string | null;
+    initialItems?: string[] | null;
+    onSave?: (v: ScreeningConditionValue) => void;
+    onCancel?: () => void;
+    onTabNext?: () => void;
+    onSkip?: () => void;
+    style?: CSSProperties;
+}
+export declare function ConditionSettingMenu({ tabs, optionsByTab, options, initialTab, initialOption, initialItems, onSave, onCancel, onTabNext, onSkip, style, }: ConditionSettingMenuProps): import("react").JSX.Element;
+interface ScoreSettingMenuProps {
+    initialType?: string | null;
+    initialPoints?: string;
+    disablePoints?: boolean;
+    onSave?: (v: {
+        type: string;
+        points?: string;
+    }) => void;
+    onCancel?: () => void;
+    onTabNext?: () => void;
+    onSkip?: () => void;
+}
+export declare function ScoreSettingMenu({ initialType, initialPoints, disablePoints, onSave, onCancel, onTabNext, onSkip, }: ScoreSettingMenuProps): import("react").JSX.Element;
+export {};

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

@@ -0,0 +1,17 @@
+import { FormulaCatalog, FormulaNode } from './formulaFunctions';
+type FormulaVariant = 'formula' | 'natural';
+export interface ScreeningFormulaProps {
+    node: FormulaNode;
+    root?: boolean;
+    checked?: boolean;
+    onCheckChange?: (checked: boolean) => void;
+    onChange?: (nextNode: FormulaNode) => void;
+    onDelete?: () => void;
+    getDropLeaf?: () => FormulaNode | null;
+    catalog?: FormulaCatalog | null;
+    variant?: FormulaVariant;
+    inIf?: boolean;
+    className?: string;
+}
+export declare function ScreeningFormula({ node, root, checked, onCheckChange, onChange, onDelete, getDropLeaf, catalog, variant, inIf, className, }: ScreeningFormulaProps): import("react").JSX.Element;
+export {};

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

@@ -0,0 +1,10 @@
+import { IndividualSetting, OptionItem } from './formulaFunctions';
+interface ScreeningIndividualSettingModalProps {
+    items?: OptionItem[];
+    value?: IndividualSetting | null;
+    fitnessOnly?: boolean;
+    onClose: () => void;
+    onConfirm?: (payload: IndividualSetting) => void;
+}
+export declare function ScreeningIndividualSettingModal({ items, value, fitnessOnly, onClose, onConfirm, }: ScreeningIndividualSettingModalProps): import("react").JSX.Element;
+export {};

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

@@ -0,0 +1,30 @@
+import { ComponentPropsWithoutRef, UIEvent } from 'react';
+declare const THUMB_COLORS: {
+    default: {
+        base: string;
+        active: string;
+    };
+    light: {
+        base: string;
+        active: string;
+    };
+};
+export interface ScrollAreaProps extends ComponentPropsWithoutRef<'div'> {
+    maxHeight?: number | string;
+    horizontal?: boolean;
+    /** 'default'(밝은 배경) | 'light'(어두운 배경 위 흰색 thumb) */
+    variant?: keyof typeof THUMB_COLORS;
+    /** (선택) 내부 스크롤 요소를 넘겨받는 콜백 — 부모가 scrollTop 등을 직접 제어할 때 */
+    onViewport?: (el: HTMLDivElement | null) => void;
+    /** (선택) 스크롤 이벤트 패스스루(내부 thumb 갱신과 함께 호출) */
+    onScroll?: (e: UIEvent<HTMLDivElement>) => void;
+    /**
+     * (선택) 세로 thumb를 자신의 viewport 대신 이 요소의 세로 스크롤에 연동.
+     *   가로 스크롤 콘텐츠 '안'에 세로 스크롤 영역이 중첩될 때(표 바디 등) 세로 thumb를
+     *   가로 스크롤을 안 받는 이 컴포넌트(고정 폭)에서 그려 항상 보이게 한다(2026-07-06).
+     */
+    vScrollEl?: HTMLElement | null;
+    contentClassName?: string;
+}
+export declare function ScrollArea({ children, maxHeight, horizontal, variant, onViewport, onScroll, vScrollEl, className, contentClassName, ...props }: ScrollAreaProps): import("react").JSX.Element;
+export {};

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

@@ -0,0 +1,14 @@
+import { ChangeEvent, ComponentPropsWithoutRef } from 'react';
+interface SearchBarProps extends Omit<ComponentPropsWithoutRef<'div'>, 'onChange' | 'onSubmit'> {
+    value?: string;
+    defaultValue?: string;
+    onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
+    onSubmit?: (value: string) => void;
+    placeholder?: string;
+    disabled?: boolean;
+    width?: number | string;
+    inputProps?: ComponentPropsWithoutRef<'input'>;
+}
+export declare function SearchBar({ value, defaultValue, onChange, onSubmit, placeholder, disabled, width, // 너비: 숫자(px) 또는 CSS 길이 문자열('100%' 등). 미지정 시 200px
+className, inputProps, ...props }: SearchBarProps): import("react").JSX.Element;
+export {};

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

@@ -0,0 +1,46 @@
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+import { LucideIcon } from 'lucide-react';
+declare const GAP_STYLE: {
+    '3': string;
+    '4': string;
+    '5': string;
+    '6': string;
+    '7': string;
+};
+interface SegmentControlButtonProps extends ComponentPropsWithoutRef<'button'> {
+    size?: '32' | '24';
+    selected?: boolean;
+    leftIcon?: LucideIcon | null;
+    rightIcon?: LucideIcon | null;
+    icon?: LucideIcon | null;
+}
+export declare function SegmentControlButton({ children, size, // '32' | '24'
+selected, disabled, leftIcon: LeftIcon, rightIcon: RightIcon, icon: Icon, // 아이콘 전용(텍스트 없음)
+onClick, className, ...props }: SegmentControlButtonProps): import("react").JSX.Element;
+interface SegmentControlItem {
+    value: string | number;
+    label?: ReactNode;
+    leftIcon?: LucideIcon;
+    rightIcon?: LucideIcon;
+    icon?: LucideIcon;
+    disabled?: boolean;
+    ariaLabel?: string;
+}
+interface SegmentControlGroupProps extends Omit<ComponentPropsWithoutRef<'div'>, 'onChange'> {
+    items?: SegmentControlItem[];
+    value?: string | number;
+    defaultValue?: string | number;
+    onChange?: (value: string | number) => void;
+    size?: '32' | '24';
+    gap?: keyof typeof GAP_STYLE;
+    disabled?: boolean;
+}
+export declare function SegmentControlGroup({ items, // [{ value, label, leftIcon, rightIcon, icon, disabled, ariaLabel }]
+value, // controlled 선택값
+defaultValue, // uncontrolled 초기 선택값
+onChange, // (value) => void
+size, // '32' | '24' — 모든 버튼에 적용
+gap, // 간격 토큰 키 — 기본 '5'(8px)
+disabled, // 그룹 전체 비활성
+className, ...props }: SegmentControlGroupProps): import("react").JSX.Element;
+export {};

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

@@ -0,0 +1,20 @@
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+interface SegmentedTabItem<V extends string | number> {
+    value: V;
+    label: ReactNode;
+    disabled?: boolean;
+}
+interface SegmentedTabsProps<V extends string | number> extends Omit<ComponentPropsWithoutRef<'div'>, 'onChange'> {
+    items?: SegmentedTabItem<V>[];
+    value?: V | null;
+    defaultValue?: V;
+    onChange?: (value: V) => void;
+    width?: number | string;
+}
+export declare function SegmentedTabs<V extends string | number>({ items, // [{ value, label, disabled? }] — 2개 이상, 개수 가변
+value, // controlled 선택값
+defaultValue, // uncontrolled 초기 선택값
+onChange, // (value) => void
+width, // 컨테이너 너비 — 숫자(px)/CSS 길이. 미지정 시 부모 전체 폭(w-full)
+className, ...props }: SegmentedTabsProps<V>): import("react").JSX.Element;
+export {};