@bestow-ui/react 0.11.0 → 1.0.0

package/dist/index.d.cts

@@ -1,7 +1,7 @@
 import * as _bestow_ui_tokens from '@bestow-ui/tokens';
 import { space } from '@bestow-ui/tokens';
 import * as react from 'react';
-import { HTMLAttributes, CSSProperties, ComponentPropsWithoutRef, ReactNode, InputHTMLAttributes, ElementType, ButtonHTMLAttributes, AnchorHTMLAttributes, ReactElement, TdHTMLAttributes, ThHTMLAttributes, TextareaHTMLAttributes } from 'react';
+import { ReactNode, HTMLAttributes, CSSProperties, ComponentPropsWithoutRef, InputHTMLAttributes, ElementType, ButtonHTMLAttributes, AnchorHTMLAttributes, ReactElement, TdHTMLAttributes, ThHTMLAttributes, TextareaHTMLAttributes } from 'react';
 import * as RadixAccordion from '@radix-ui/react-accordion';
 import * as Dialog from '@radix-ui/react-dialog';
 import * as RadixMenu from '@radix-ui/react-dropdown-menu';
@@ -250,7 +250,8 @@ declare function contrastRatio(a: string, b: string): number;
 type IntentName = 'primary' | 'neutral' | 'danger' | 'success' | 'warning';
 /**
  * 대표색 하나로 intent(primary 등)의 라이트·다크 색 세트를 만든다. 결과는 createTheme 에 넘긴다.
- * - solid 는 넘긴 색을 그대로 쓴다 (다크모드에서 너무 어두우면 조금 밝힌다).
+ * - solid 는 넘긴 색을 그대로 쓴다 (다크모드에서 너무 어두우면 조금 밝힌다). 단 흰 글자·짙은 글자 모두
+ *   대비 4.5:1 이 안 나오는 중간 밝기 색이면 4.5 가 나올 만큼만 밝기를 옮긴다.
  * - text 와 contrast(solid 위 글자색)는 WCAG AA 대비 4.5:1 을 만족하도록 계산한다.
  * - intent 가 'primary' 면 포커스 링 색(border.focus)도 함께 바꾼다.
  *
@@ -258,50 +259,142 @@ type IntentName = 'primary' | 'neutral' | 'danger' | 'success' | 'warning';
  */
 declare function createIntentColors(intent: IntentName, color: string): ThemeInput;
 
-interface ThemeProviderProps extends HTMLAttributes<HTMLDivElement> {
-    /** 라이트/다크 모드. 생략하면 바깥 ThemeProvider 의 모드를 이어받는다 (최상위는 light). */
-    theme?: ThemeName;
-    /**
-     * createTheme 으로 만든 브랜드 테마. 모드를 바꿔도 유지되고, 중첩된 ThemeProvider 는 바깥 값을 이어받는다
-     * (안쪽에서 준 값이 우선).
-     */
-    overrides?: BestowTheme;
-}
-declare const ThemeProvider: react.ForwardRefExoticComponent<ThemeProviderProps & react.RefAttributes<HTMLDivElement>>;
-/** 현재 적용 중인 모드(light/dark)를 반환한다. */
-declare function useTheme(): ThemeName;
 /**
- * Portal 로 ThemeProvider 바깥(body)에 렌더링되는 요소에 펼쳐 넣을 props.
- * 현재 모드의 CSS 변수, 브랜드 오버라이드, 기본 글꼴을 다시 적용한다.
+ * 컴포넌트의 기본 문구. 모두 생략할 수 있고, 생략하면 각 컴포넌트의 한국어 기본값을 쓴다.
+ * 우선순위: 컴포넌트에 직접 준 prop > LocaleProvider 의 messages > 한국어 기본값.
  *
- * @example const portal = usePortalProps(); <Content className={cx(portal.className, styles.content)} style={portal.style} />
+ * 한국어 기본값을 하나의 객체로 모으지 않고 각 컴포넌트에 두는 이유: 그 객체를 import 하면 Button 하나만 써도
+ * 모든 문구가 번들에 딸려 온다(Button → Spinner). 이 파일에는 타입과 Provider 만 둔다.
  */
-declare function usePortalProps(): {
-    className: string;
-    style?: CSSProperties;
-};
+interface BestowMessages {
+    /** 닫기 버튼 (Modal, Drawer, Popover, Toast, Alert) — "닫기" */
+    close: string;
+    /** Spinner — "로딩 중" */
+    loading: string;
+    /** Toast 영역 — "알림" */
+    notifications: string;
+    /** Breadcrumb — "이동 경로" */
+    breadcrumb: string;
+    /** Pagination — "페이지 탐색", "이전 페이지", "다음 페이지", "3 페이지" */
+    pagination: string;
+    paginationPrevious: string;
+    paginationNext: string;
+    paginationPage: (page: number) => string;
+    /** Link external — "(새 창)" */
+    newWindow: string;
+    /** Combobox — "결과가 없어요", "목록 열기" */
+    noResults: string;
+    openList: string;
+    /** Slider 범위 손잡이 — "최소", "최대" */
+    rangeStart: string;
+    rangeEnd: string;
+    /** AgreementGroup — "전체 동의", "필수", "선택", "보기", "접기" */
+    agreeAll: string;
+    required: string;
+    optional: string;
+    show: string;
+    hide: string;
+    /** VerificationCodeInput — "인증번호", "6자리 숫자를 입력하세요.", "재전송", "인증 시간이 지났어요. 재전송해 주세요." */
+    verificationCode: string;
+    verificationCodeHint: (length: number, type: 'numeric' | 'alphanumeric') => string;
+    resend: string;
+    verificationExpired: string;
+    /** PhoneNumberInput — "휴대폰 번호" */
+    phoneNumber: string;
+    /** BusinessNumberInput — "사업자등록번호" 와 검증 문구 */
+    businessNumber: string;
+    businessNumberInvalid: string;
+    businessNumberIncomplete: string;
+    /** AmountInput — "금액", "원" */
+    amount: string;
+    currencyUnit: string;
+    /** AddressInput */
+    address: string;
+    addressSearch: string;
+    addressSearchDescription: string;
+    postalCode: string;
+    baseAddress: string;
+    baseAddressPlaceholder: string;
+    detailAddress: string;
+    detailAddressPlaceholder: string;
+    addressLoading: string;
+    addressLoadError: string;
+    /** Calendar */
+    previousMonth: string;
+    nextMonth: string;
+    /** 달 제목 — month 는 1~12 */
+    monthTitle: (year: number, month: number) => string;
+    /** 요일 머리글 (일요일부터 7개) */
+    weekdaysShort: readonly string[];
+    /** 요일 전체 이름 (일요일부터 7개) */
+    weekdaysLong: readonly string[];
+    /** 날짜 버튼 이름 — 화면에 보이는 날짜 숫자로 시작해야 한다 (WCAG 2.5.3) */
+    dayLabel: (date: Date, weekdayLong: string) => string;
+    holiday: string;
+    today: string;
+    /** DatePicker */
+    date: string;
+    openCalendar: string;
+    calendar: string;
+    dateInvalid: string;
+    dateUnavailable: string;
+    dateIncomplete: string;
+}
+type Messages = Partial<BestowMessages>;
+interface LocaleProviderProps {
+    /** 바꿀 문구. 일부만 넘기면 나머지는 바깥 LocaleProvider 또는 한국어 기본값을 쓴다 */
+    messages: Messages;
+    children?: ReactNode;
+}
 /**
- * @deprecated usePortalProps() 를 쓰세요. className 만으로는 overrides(브랜드 테마)가 portal 에 적용되지 않습니다.
+ * 컴포넌트 기본 문구를 한곳에서 바꾼다 (다국어 대응 등). 중첩하면 바깥 값을 이어받고 안쪽이 우선한다.
+ * @example <LocaleProvider messages={en}>…</LocaleProvider>
+ * @example <LocaleProvider messages={{ close: '창 닫기' }}>…</LocaleProvider>
  */
-declare function usePortalClassName(): string;
+declare function LocaleProvider({ messages, children }: LocaleProviderProps): react.JSX.Element;
+/** LocaleProvider 로 바꾼 문구 (없으면 빈 객체 — 각 컴포넌트가 한국어 기본값을 쓴다) */
+declare function useMessages(): Messages;
 
 /**
- * `type="single"`: 한 번에 하나만 열린다 (`value: string`). `collapsible` 이면 열린 항목을 다시 눌러 닫을 수 있다.
- * `type="multiple"`: 여러 개를 함께 열 수 있다 (`value: string[]`).
+ * 영어 문구. `<LocaleProvider messages={en}>` 로 쓴다. 따로 import 할 때만 번들에 들어간다.
+ * 한국 서비스 전용 부품(사업자등록번호 등)의 문구도 영어로 바뀌지만 서식(하이픈 위치 등)은 그대로다.
  */
-type AccordionProps = ComponentPropsWithoutRef<typeof RadixAccordion.Root>;
-declare const Accordion: react.ForwardRefExoticComponent<AccordionProps & react.RefAttributes<HTMLDivElement>>;
-interface AccordionItemProps extends Omit<ComponentPropsWithoutRef<typeof RadixAccordion.Item>, 'title'> {
-    /** 항목 값. Accordion 의 value 와 비교한다 */
-    value: string;
-    /** 항목 제목 (펼침 버튼의 이름) */
-    title: ReactNode;
-    /** 제목을 감싸는 heading 수준. 페이지의 heading 구조에 맞춘다 (기본 3) */
-    headingLevel?: 2 | 3 | 4 | 5 | 6;
-    /** 펼쳤을 때 보이는 내용 */
-    children?: ReactNode;
-}
-declare const AccordionItem: react.ForwardRefExoticComponent<AccordionItemProps & react.RefAttributes<HTMLDivElement>>;
+declare const en: BestowMessages;
+
+/**
+ * 숫자만 있는 전화번호에 하이픈을 넣는다. 입력 중인 값도 자연스럽게 나눈다.
+ * @example formatPhoneNumber('01012345678') // '010-1234-5678'
+ * @example formatPhoneNumber('021234567')   // '02-123-4567'
+ * @example formatPhoneNumber('15881234')    // '1588-1234'
+ */
+declare function formatPhoneNumber(input: string): string;
+/**
+ * 사업자등록번호(10자리)에 하이픈을 넣는다.
+ * @example formatBusinessNumber('1234567890') // '123-45-67890'
+ */
+declare function formatBusinessNumber(input: string): string;
+/**
+ * 사업자등록번호 검증 공식(가중치 1,3,7,1,3,7,1,3,5)으로 확인한다. 실제로 등록된 번호인지는 국세청 조회가 필요하다.
+ * @example isValidBusinessNumber('124-81-00998') // true
+ */
+declare function isValidBusinessNumber(input: string): boolean;
+/**
+ * 금액을 만·억·조 단위로 읽기 쉽게 쓴다.
+ * @example formatKoreanAmount(125000)     // '12만 5,000원'
+ * @example formatKoreanAmount(150000000)  // '1억 5,000만원'
+ * @example formatKoreanAmount(0)          // '0원'
+ */
+declare function formatKoreanAmount(amount: number, unit?: string): string;
+
+/** Date → 'YYYY-MM-DD' (로컬 기준) */
+declare function toISODate(date: Date): string;
+/** 'YYYY-MM-DD' → Date (로컬 자정). 형식이 틀리거나 없는 날짜(2월 30일 등)면 null */
+declare function parseISODate(value: string | null | undefined): Date | null;
+/**
+ * 한국어 날짜. 스크린리더용 날짜 이름 등에 쓴다.
+ * @example formatKoreanDate(new Date(2026, 9, 15)) // '2026년 10월 15일 목요일'
+ */
+declare function formatKoreanDate(date: Date, withWeekday?: boolean): string;
 
 /** 주소 검색 결과 */
 interface AddressSearchResult {
@@ -335,6 +428,59 @@ declare function composeExtraAddress(data: Pick<KakaoPostcodeData, 'userSelected
  */
 declare const kakaoPostcodeProvider: AddressProvider;
 
+interface AgreementItem {
+    value: string;
+    /** 약관 이름 (예: "서비스 이용약관 동의") */
+    label: ReactNode;
+    /** 필수 동의 여부. 이름 앞에 "필수"/"선택" 이 붙는다 */
+    required?: boolean;
+    /** 펼쳐서 보여 줄 약관 내용. 있으면 "보기" 버튼이 생긴다 */
+    content?: ReactNode;
+}
+/** 필수 항목에 모두 동의했는지 */
+declare function hasAllRequiredAgreements(items: AgreementItem[], value: string[]): boolean;
+
+interface ThemeProviderProps extends HTMLAttributes<HTMLDivElement> {
+    /** 라이트/다크 모드. 생략하면 바깥 ThemeProvider 의 모드를 이어받는다 (최상위는 light). */
+    theme?: ThemeName;
+    /**
+     * createTheme 으로 만든 브랜드 테마. 모드를 바꿔도 유지되고, 중첩된 ThemeProvider 는 바깥 값을 이어받는다
+     * (안쪽에서 준 값이 우선).
+     */
+    overrides?: BestowTheme;
+}
+declare const ThemeProvider: react.ForwardRefExoticComponent<ThemeProviderProps & react.RefAttributes<HTMLDivElement>>;
+/** 현재 적용 중인 모드(light/dark)를 반환한다. */
+declare function useTheme(): ThemeName;
+/**
+ * Portal 로 ThemeProvider 바깥(body)에 렌더링되는 요소에 펼쳐 넣을 props.
+ * 현재 모드의 CSS 변수, 브랜드 오버라이드, 기본 글꼴을 다시 적용한다.
+ *
+ * @example const portal = usePortalProps(); <Content className={cx(portal.className, styles.content)} style={portal.style} />
+ */
+declare function usePortalProps(): {
+    className: string;
+    style?: CSSProperties;
+};
+
+/**
+ * `type="single"`: 한 번에 하나만 열린다 (`value: string`). `collapsible` 이면 열린 항목을 다시 눌러 닫을 수 있다.
+ * `type="multiple"`: 여러 개를 함께 열 수 있다 (`value: string[]`).
+ */
+type AccordionProps = ComponentPropsWithoutRef<typeof RadixAccordion.Root>;
+declare const Accordion: react.ForwardRefExoticComponent<AccordionProps & react.RefAttributes<HTMLDivElement>>;
+interface AccordionItemProps extends Omit<ComponentPropsWithoutRef<typeof RadixAccordion.Item>, 'title'> {
+    /** 항목 값. Accordion 의 value 와 비교한다 */
+    value: string;
+    /** 항목 제목 (펼침 버튼의 이름) */
+    title: ReactNode;
+    /** 제목을 감싸는 heading 수준. 페이지의 heading 구조에 맞춘다 (기본 3) */
+    headingLevel?: 2 | 3 | 4 | 5 | 6;
+    /** 펼쳤을 때 보이는 내용 */
+    children?: ReactNode;
+}
+declare const AccordionItem: react.ForwardRefExoticComponent<AccordionItemProps & react.RefAttributes<HTMLDivElement>>;
+
 interface AddressValue {
     /** 우편번호 */
     zonecode: string;
@@ -376,15 +522,6 @@ interface AddressInputProps {
  */
 declare const AddressInput: react.ForwardRefExoticComponent<AddressInputProps & react.RefAttributes<HTMLFieldSetElement>>;
 
-interface AgreementItem {
-    value: string;
-    /** 약관 이름 (예: "서비스 이용약관 동의") */
-    label: ReactNode;
-    /** 필수 동의 여부. 이름 앞에 "필수"/"선택" 이 붙는다 */
-    required?: boolean;
-    /** 펼쳐서 보여 줄 약관 내용. 있으면 "보기" 버튼이 생긴다 */
-    content?: ReactNode;
-}
 interface AgreementGroupProps {
     items: AgreementItem[];
     /** 동의한 항목의 value 목록 (제어 모드) */
@@ -411,8 +548,6 @@ interface AgreementGroupProps {
     name?: string;
     className?: string;
 }
-/** 필수 항목에 모두 동의했는지 */
-declare function hasAllRequiredAgreements(items: AgreementItem[], value: string[]): boolean;
 /**
  * 약관 동의 묶음. "전체 동의" 와 개별 항목이 서로 맞춰지고(일부만 동의하면 전체 동의는 부분 선택 상태),
  * 항목마다 필수·선택 표시와 약관 내용 펼쳐 보기를 지원한다.
@@ -586,6 +721,40 @@ interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'col
 }
 declare const Button: react.ForwardRefExoticComponent<ButtonProps & react.RefAttributes<HTMLButtonElement>>;
 
+interface CalendarProps {
+    /** 선택된 날짜 'YYYY-MM-DD' (제어 모드) */
+    value?: string;
+    /** 처음 선택된 날짜 (비제어 모드) */
+    defaultValue?: string;
+    /** 날짜를 고를 때 호출된다 */
+    onValueChange?: (value: string) => void;
+    /** 고를 수 있는 가장 이른 날짜 'YYYY-MM-DD' */
+    min?: string;
+    /** 고를 수 있는 가장 늦은 날짜 'YYYY-MM-DD' */
+    max?: string;
+    /** 고를 수 없는 날짜 (예: 주말 제외) */
+    isDateDisabled?: (date: Date) => boolean;
+    /** 공휴일. 일요일처럼 빨갛게 표시하고 스크린리더에 "공휴일" 을 덧붙인다 */
+    isHoliday?: (date: Date) => boolean;
+    /**
+     * 오늘 날짜 'YYYY-MM-DD'. 기본은 브라우저의 오늘 — 테스트·스크린샷에서 고정할 때 쓴다.
+     * 서버 렌더링에서는 서버와 브라우저의 날짜(시간대)가 다를 수 있어, 없으면 hydration 이 끝난 뒤에 정한다
+     * (선택된 날짜도 없으면 그 전까지 날짜 칸을 비워 둔다).
+     */
+    today?: string;
+    /** 처음 그릴 때 날짜(선택된 날짜, 없으면 오늘)로 포커스를 옮긴다 — 팝업 안에서 쓸 때 */
+    initialFocus?: boolean;
+    /** 이전·다음 달 버튼 이름 */
+    prevMonthLabel?: string;
+    nextMonthLabel?: string;
+    className?: string;
+}
+/**
+ * 달력 (WAI-ARIA grid). 일요일부터 시작하고 일요일·공휴일은 빨강, 토요일은 파랑으로 표시한다.
+ * 키보드: ←→ 하루, ↑↓ 일주일, Home/End 주의 처음·끝, PageUp/PageDown 한 달(Shift 와 함께 1년), Enter/Space 선택.
+ */
+declare const Calendar: react.ForwardRefExoticComponent<CalendarProps & react.RefAttributes<HTMLDivElement>>;
+
 interface CardProps extends HTMLAttributes<HTMLElement> {
     /** 시각적 스타일. outline 은 테두리, elevated 는 그림자(다크 모드는 가장자리 ring 포함), soft 는 옅은 배경 */
     variant?: 'outline' | 'elevated' | 'soft';
@@ -613,6 +782,8 @@ interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'siz
     indeterminate?: boolean;
     /** 에러 상태 */
     invalid?: boolean;
+    /** 체크 상태가 바뀌면 호출된다 (Switch 와 같은 이름). 기본 `onChange` 도 그대로 쓸 수 있다 */
+    onCheckedChange?: (checked: boolean) => void;
 }
 declare const Checkbox: react.ForwardRefExoticComponent<CheckboxProps & react.RefAttributes<HTMLInputElement>>;
 
@@ -661,6 +832,47 @@ interface ComboboxProps {
  */
 declare const Combobox: react.ForwardRefExoticComponent<ComboboxProps & react.RefAttributes<HTMLInputElement>>;
 
+interface DatePickerProps {
+    /** 날짜 'YYYY-MM-DD' (제어 모드). 비어 있으면 '' */
+    value?: string;
+    /** 처음 날짜 (비제어 모드) */
+    defaultValue?: string;
+    /** 올바른 날짜를 다 입력하거나 달력에서 고르면 'YYYY-MM-DD', 지우거나 잘못되면 '' 로 호출된다 */
+    onValueChange?: (value: string) => void;
+    /** 고를 수 있는 가장 이른·늦은 날짜 'YYYY-MM-DD' */
+    min?: string;
+    max?: string;
+    /** 고를 수 없는 날짜 */
+    isDateDisabled?: (date: Date) => boolean;
+    /** 공휴일 (달력에 빨갛게 표시) */
+    isHoliday?: (date: Date) => boolean;
+    /** 오늘 날짜 'YYYY-MM-DD' (테스트·스크린샷 고정용) */
+    today?: string;
+    label?: ReactNode;
+    /** 아래 도움말. error 일 때는 에러 메시지로 표시된다 */
+    helperText?: ReactNode;
+    error?: boolean;
+    required?: boolean;
+    disabled?: boolean;
+    fullWidth?: boolean;
+    placeholder?: string;
+    /** 달력 버튼·달력 창 이름 */
+    calendarLabel?: string;
+    /** 자동 검증 문구 */
+    invalidText?: string;
+    unavailableText?: string;
+    incompleteText?: string;
+    /** form 제출 시 이름 ('YYYY-MM-DD' 가 제출된다) */
+    name?: string;
+    id?: string;
+    className?: string;
+}
+/**
+ * 날짜 입력. `YYYY-MM-DD` 로 직접 입력하거나(숫자만 쳐도 하이픈이 들어간다) 달력 버튼으로 고른다.
+ * 달력은 일요일부터 시작하고, 열면 선택된 날짜(없으면 오늘)로 포커스가 간다. 값은 시간대 문제가 없는 'YYYY-MM-DD' 문자열이다.
+ */
+declare const DatePicker: react.ForwardRefExoticComponent<DatePickerProps & react.RefAttributes<HTMLInputElement>>;
+
 interface DividerProps extends HTMLAttributes<HTMLDivElement> {
     /** 방향. vertical 은 flex 행 안에서 부모 높이를 채운다 */
     orientation?: 'horizontal' | 'vertical';
@@ -734,7 +946,7 @@ interface DropdownMenuItemProps extends Omit<ComponentPropsWithoutRef<typeof Rad
     /** 오른쪽에 표시할 단축키 (예: "⌘K"). 표시용이라 항목 이름에는 포함되지 않는다 */
     shortcut?: string;
     /** danger 는 삭제처럼 되돌리기 어려운 동작 */
-    color?: 'default' | 'danger';
+    color?: 'neutral' | 'danger';
 }
 declare const DropdownMenuItem: react.ForwardRefExoticComponent<DropdownMenuItemProps & react.RefAttributes<HTMLDivElement>>;
 type DropdownMenuLabelProps = ComponentPropsWithoutRef<typeof RadixMenu.Label>;
@@ -827,7 +1039,8 @@ declare function Modal({ open, defaultOpen, onOpenChange, trigger, title, descri
  */
 declare const ModalClose: react.ForwardRefExoticComponent<Dialog.DialogCloseProps & react.RefAttributes<HTMLButtonElement>>;
 
-type ItemType = 'previous' | 'next' | 'page';
+/** getItemLabel 이 이름을 만드는 버튼 종류 */
+type PaginationItemType = 'previous' | 'next' | 'page';
 interface PaginationProps extends Omit<HTMLAttributes<HTMLElement>, 'onChange'> {
     /** 전체 페이지 수. 1 미만이면 아무것도 렌더링하지 않는다 */
     totalPages: number;
@@ -844,7 +1057,7 @@ interface PaginationProps extends Omit<HTMLAttributes<HTMLElement>, 'onChange'>
     /** 크기 */
     size?: 'sm' | 'md';
     /** 버튼의 스크린리더용 이름 (다국어 대응). 기본: "이전 페이지", "다음 페이지", "3 페이지" */
-    getItemLabel?: (type: ItemType, page: number) => string;
+    getItemLabel?: (type: PaginationItemType, page: number) => string;
 }
 declare const Pagination: react.ForwardRefExoticComponent<PaginationProps & react.RefAttributes<HTMLElement>>;
 
@@ -891,8 +1104,10 @@ interface PopoverProps {
     className?: string;
     /** 팝오버 style (너비 지정 등) */
     style?: CSSProperties;
+    /** 열릴 때 포커스 처리. 기본은 내용의 첫 요소로 간다 — `event.preventDefault()` 후 원하는 요소에 focus() 할 수 있다 */
+    onOpenAutoFocus?: (event: Event) => void;
 }
-declare function Popover({ content, children, title, 'aria-label': ariaLabel, showClose, showArrow, side, align, open, defaultOpen, onOpenChange, modal, className, style, }: PopoverProps): react.JSX.Element;
+declare function Popover({ content, children, title, 'aria-label': ariaLabel, showClose, showArrow, side, align, open, defaultOpen, onOpenChange, modal, className, style, onOpenAutoFocus, }: PopoverProps): react.JSX.Element;
 /**
  * 팝오버 내용 안에서 누르면 팝오버를 닫는 요소.
  * @example <PopoverClose asChild><Button>확인</Button></PopoverClose>
@@ -1056,8 +1271,8 @@ declare const Slider: react.ForwardRefExoticComponent<SliderProps & react.RefAtt
 interface SpinnerProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'color'> {
     /** 크기 (sm 16px, md 20px, lg 28px) */
     size?: 'sm' | 'md' | 'lg';
-    /** 색상. `current` 는 부모 글자색을 그대로 쓴다 */
-    color?: 'current' | 'primary' | 'neutral' | 'danger';
+    /** 색상. `inherit`(기본)는 부모 글자색을 그대로 쓴다 */
+    color?: 'inherit' | 'primary' | 'neutral' | 'danger';
     /**
      * 스크린리더가 읽을 텍스트 (기본 "로딩 중").
      * 빈 문자열이면 장식용으로 보고 `aria-hidden` 처리한다 — 버튼처럼 바깥 요소가 이미 상태를 알릴 때 쓴다.
@@ -1137,10 +1352,10 @@ interface TableRowProps extends HTMLAttributes<HTMLTableRowElement> {
     selected?: boolean;
 }
 declare const TableRow: react.ForwardRefExoticComponent<TableRowProps & react.RefAttributes<HTMLTableRowElement>>;
-type Align = 'left' | 'center' | 'right';
+type TableAlign = 'left' | 'center' | 'right';
 interface TableHeadProps extends Omit<ThHTMLAttributes<HTMLTableCellElement>, 'align'> {
     /** 정렬 */
-    align?: Align;
+    align?: TableAlign;
     /**
      * 이 열의 정렬 상태. onSort 와 함께 주면 머리 셀이 정렬 버튼이 되고 `aria-sort` 를 붙인다.
      * 정렬되지 않은 열은 'none'.
@@ -1152,7 +1367,7 @@ interface TableHeadProps extends Omit<ThHTMLAttributes<HTMLTableCellElement>, 'a
 declare const TableHead: react.ForwardRefExoticComponent<TableHeadProps & react.RefAttributes<HTMLTableCellElement>>;
 interface TableCellProps extends Omit<TdHTMLAttributes<HTMLTableCellElement>, 'align'> {
     /** 정렬 (숫자는 right 권장) */
-    align?: Align;
+    align?: TableAlign;
 }
 declare const TableCell: react.ForwardRefExoticComponent<TableCellProps & react.RefAttributes<HTMLTableCellElement>>;
 
@@ -1208,13 +1423,14 @@ interface TextareaProps extends Omit<TextareaHTMLAttributes<HTMLTextAreaElement>
 }
 declare const Textarea: react.ForwardRefExoticComponent<TextareaProps & react.RefAttributes<HTMLTextAreaElement>>;
 
+type ToastColor = 'primary' | 'neutral' | 'danger' | 'success' | 'warning';
 interface ToastOptions {
     /** 제목 */
     title: ReactNode;
     /** 설명 */
     description?: ReactNode;
-    /** 의미 색상 */
-    variant?: 'default' | 'success' | 'warning' | 'danger';
+    /** 의미 색상 (기본 neutral) — Alert·Badge 의 `color` 와 같은 이름 */
+    color?: ToastColor;
     /** 자동으로 닫히기까지 시간(ms). Infinity 면 자동으로 닫히지 않는다 */
     duration?: number;
     /** 실행 버튼 */
@@ -1239,7 +1455,7 @@ interface ToastProviderProps {
     label?: string;
 }
 /** 앱 최상단(ThemeProvider 안쪽)에 한 번 감싸고, 하위에서 useToast() 로 토스트를 띄운다. */
-declare function ToastProvider({ children, duration, label }: ToastProviderProps): react.JSX.Element;
+declare function ToastProvider({ children, duration, label: labelProp }: ToastProviderProps): react.JSX.Element;
 declare function useToast(): ToastContextValue;
 
 interface TooltipProps {
@@ -1322,29 +1538,4 @@ interface VerificationCodeInputProps {
  */
 declare const VerificationCodeInput: react.ForwardRefExoticComponent<VerificationCodeInputProps & react.RefAttributes<HTMLInputElement>>;
 
-/**
- * 숫자만 있는 전화번호에 하이픈을 넣는다. 입력 중인 값도 자연스럽게 나눈다.
- * @example formatPhoneNumber('01012345678') // '010-1234-5678'
- * @example formatPhoneNumber('021234567')   // '02-123-4567'
- * @example formatPhoneNumber('15881234')    // '1588-1234'
- */
-declare function formatPhoneNumber(input: string): string;
-/**
- * 사업자등록번호(10자리)에 하이픈을 넣는다.
- * @example formatBusinessNumber('1234567890') // '123-45-67890'
- */
-declare function formatBusinessNumber(input: string): string;
-/**
- * 사업자등록번호 검증 공식(가중치 1,3,7,1,3,7,1,3,5)으로 확인한다. 실제로 등록된 번호인지는 국세청 조회가 필요하다.
- * @example isValidBusinessNumber('124-81-00998') // true
- */
-declare function isValidBusinessNumber(input: string): boolean;
-/**
- * 금액을 만·억·조 단위로 읽기 쉽게 쓴다.
- * @example formatKoreanAmount(125000)     // '12만 5,000원'
- * @example formatKoreanAmount(150000000)  // '1억 5,000만원'
- * @example formatKoreanAmount(0)          // '0원'
- */
-declare function formatKoreanAmount(amount: number, unit?: string): string;
-
-export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, AddressInput, type AddressInputProps, type AddressProvider, type AddressSearchResult, type AddressValue, AgreementGroup, type AgreementGroupProps, type AgreementItem, Alert, type AlertProps, AmountInput, type AmountInputProps, Avatar, type AvatarProps, Badge, type BadgeProps, type BestowTheme, Breadcrumb, type BreadcrumbItemData, type BreadcrumbProps, BusinessNumberInput, type BusinessNumberInputProps, Button, type ButtonProps, Card, CardBody, CardFooter, CardHeader, type CardProps, type CardSectionProps, Checkbox, type CheckboxProps, Combobox, type ComboboxOption, type ComboboxProps, type DeepPartial, Divider, type DividerProps, Drawer, DrawerClose, type DrawerProps, DropdownMenu, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuGroup, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuLabel, type DropdownMenuLabelProps, type DropdownMenuProps, DropdownMenuSeparator, type DropdownMenuSeparatorProps, DropdownMenuTrigger, type DropdownMenuTriggerProps, IconButton, type IconButtonProps, Input, type InputProps, type IntentName, Link, type LinkProps, Modal, ModalClose, type ModalProps, Pagination, type PaginationProps, PhoneNumberInput, type PhoneNumberInputProps, Popover, PopoverClose, type PopoverProps, Progress, type ProgressProps, RadioGroup, type RadioGroupProps, type RadioOption, Select, type SelectOption, type SelectProps, Skeleton, type SkeletonProps, Slider, type SliderProps, Spinner, type SpinnerProps, Stack, type StackProps, Switch, type SwitchProps, Table, TableBody, TableCell, type TableCellProps, TableFooter, TableHead, type TableHeadProps, TableHeader, type TableProps, TableRow, type TableRowProps, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps, TextField, type TextFieldProps, Textarea, type TextareaProps, type ThemeInput, type ThemeName, type ThemeOverrides, ThemeProvider, type ThemeProviderProps, type ThemeTokens, type ToastOptions, ToastProvider, type ToastProviderProps, Tooltip, type TooltipProps, Typography, type TypographyProps, type TypographyVariant, VerificationCodeInput, type VerificationCodeInputProps, composeExtraAddress, contrastRatio, createIntentColors, createTheme, formatBusinessNumber, formatKoreanAmount, formatPhoneNumber, hasAllRequiredAgreements, isValidBusinessNumber, kakaoPostcodeProvider, themeClass, usePortalClassName, usePortalProps, useTheme, useToast, vars };
+export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, AddressInput, type AddressInputProps, type AddressProvider, type AddressSearchResult, type AddressValue, AgreementGroup, type AgreementGroupProps, type AgreementItem, Alert, type AlertColor, type AlertProps, AmountInput, type AmountInputProps, Avatar, type AvatarProps, Badge, type BadgeProps, type BestowMessages, type BestowTheme, Breadcrumb, type BreadcrumbItemData, type BreadcrumbProps, BusinessNumberInput, type BusinessNumberInputProps, Button, type ButtonProps, Calendar, type CalendarProps, Card, CardBody, CardFooter, CardHeader, type CardProps, type CardSectionProps, Checkbox, type CheckboxProps, Combobox, type ComboboxOption, type ComboboxProps, DatePicker, type DatePickerProps, type DeepPartial, Divider, type DividerProps, Drawer, DrawerClose, type DrawerProps, DropdownMenu, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuGroup, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuLabel, type DropdownMenuLabelProps, type DropdownMenuProps, DropdownMenuSeparator, type DropdownMenuSeparatorProps, DropdownMenuTrigger, type DropdownMenuTriggerProps, IconButton, type IconButtonProps, Input, type InputProps, type IntentName, Link, type LinkProps, LocaleProvider, type LocaleProviderProps, type Messages, Modal, ModalClose, type ModalProps, Pagination, type PaginationItemType, type PaginationProps, PhoneNumberInput, type PhoneNumberInputProps, Popover, PopoverClose, type PopoverProps, Progress, type ProgressProps, RadioGroup, type RadioGroupProps, type RadioOption, Select, type SelectOption, type SelectProps, Skeleton, type SkeletonProps, Slider, type SliderProps, Spinner, type SpinnerProps, Stack, type StackProps, Switch, type SwitchProps, Table, type TableAlign, TableBody, TableCell, type TableCellProps, TableFooter, TableHead, type TableHeadProps, TableHeader, type TableProps, TableRow, type TableRowProps, type TableSize, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps, TextField, type TextFieldProps, Textarea, type TextareaProps, type ThemeInput, type ThemeName, type ThemeOverrides, ThemeProvider, type ThemeProviderProps, type ThemeTokens, type ToastColor, type ToastContextValue, type ToastOptions, ToastProvider, type ToastProviderProps, Tooltip, type TooltipProps, Typography, type TypographyProps, type TypographyVariant, VerificationCodeInput, type VerificationCodeInputProps, composeExtraAddress, contrastRatio, createIntentColors, createTheme, en, formatBusinessNumber, formatKoreanAmount, formatKoreanDate, formatPhoneNumber, hasAllRequiredAgreements, isValidBusinessNumber, kakaoPostcodeProvider, parseISODate, themeClass, toISODate, useMessages, usePortalProps, useTheme, useToast, vars };