@bestow-ui/react 1.3.0 → 1.5.0

package/dist/index.d.cts

@@ -80,13 +80,33 @@ declare const lightTokens: {
 type Widen<T> = {
     [K in keyof T]: T[K] extends string ? string : Widen<T[K]>;
 };
-type ThemeTokens = Widen<typeof lightTokens>;
 /**
- * 컴포넌트 스타일은 반드시 vars 를 통해 토큰을 참조한다.
- * CSS 변수 이름은 공개 API 다: `--bestow-color-primary-solid`, `--bestow-space-4`, `--bestow-font-line-height-normal` …
+ * 기본값이 없는 선택 토큰 — CSS 변수를 정의하지 않고, 쓰는 곳에서 `fallbackVar` 로 기존 토큰을 따른다.
+ * 그래서 넣지 않으면 화면이 그대로이고, 기존 토큰(border.default 등)을 덮어쓴 사용자 설정도 계속 따른다(하위 영역의 CSS 덮어쓰기 포함).
+ * - `color.border.input`·`inputHover` (1.x 추가): 입력 칸(Input·Select·Combobox·Textarea·인증번호 칸 등) 테두리. 기본은 border.default·border.strong.
+ *   흰 배경과 1.3:1 인 기본 테두리를 3:1 이상으로 올리려면 `strongInputBorders` 를 쓴다(2.0 에서 기본값이 될 예정).
+ * - `color.border.control` (1.x 추가): Checkbox·Radio 테두리, 꺼진 Switch 트랙, Stepper 의 예정 단계. 기본은 border.strong(라이트 2.07:1).
  */
+declare const optionalTokens: {
+    color: {
+        border: {
+            input: string;
+            inputHover: string;
+            control: string;
+        };
+    };
+};
+type ThemeTokens = Widen<typeof lightTokens> & Widen<typeof optionalTokens>;
 declare const vars: {
     color: {
+        border: {
+            input: `var(--${string})`;
+            inputHover: `var(--${string})`;
+            control: `var(--${string})`;
+            default: `var(--${string})`;
+            strong: `var(--${string})`;
+            focus: `var(--${string})`;
+        };
         bg: {
             default: `var(--${string})`;
             subtle: `var(--${string})`;
@@ -100,11 +120,6 @@ declare const vars: {
             subtle: `var(--${string})`;
             inverse: `var(--${string})`;
         };
-        border: {
-            default: `var(--${string})`;
-            strong: `var(--${string})`;
-            focus: `var(--${string})`;
-        };
         primary: {
             solid: `var(--${string})`;
             solidHover: `var(--${string})`;
@@ -259,6 +274,17 @@ type IntentName = 'primary' | 'neutral' | 'danger' | 'success' | 'warning';
  */
 declare function createIntentColors(intent: IntentName, color: string): ThemeInput;
 
+/**
+ * 입력 칸·체크 컨트롤 테두리를 배경과 3:1 이상으로 올리는 테마 입력 (WCAG 1.4.11 비텍스트 대비) — 2.0 에서 기본값이 될 예정.
+ * - 입력 칸(border.input): 기본 border.default 는 흰 배경과 1.3:1. hover 는 테두리보다 더 진하게(다크는 더 밝게).
+ * - Checkbox·Radio 테두리, 꺼진 Switch, Stepper 예정 단계(border.control): 기본 border.strong 은 라이트 흰 배경과 2.07:1.
+ *
+ * @example
+ * <ThemeProvider overrides={createTheme(strongInputBorders)}>…</ThemeProvider>
+ * createTheme(createIntentColors('primary', '#7c3aed'), strongInputBorders) // 브랜드 테마와 함께
+ */
+declare const strongInputBorders: ThemeInput;
+
 /**
  * 컴포넌트의 기본 문구. 모두 생략할 수 있고, 생략하면 각 컴포넌트의 한국어 기본값을 쓴다.
  * 우선순위: 컴포넌트에 직접 준 prop > LocaleProvider 의 messages > 한국어 기본값.
@@ -313,6 +339,10 @@ interface BestowMessages {
     fileTooMany?: (maxFiles: number) => string;
     /** ErrorSummary 제목 — "입력한 내용에 고칠 곳이 3개 있어요" (1.0 이후 추가, 선택 키) */
     errorSummaryTitle?: (count: number) => string;
+    /** DateRangePicker — "시작일", "종료일", 빠른 선택 묶음 이름 "빠른 선택" (1.0 이후 추가, 선택 키) */
+    dateRangeStart?: string;
+    dateRangeEnd?: string;
+    dateRangePresets?: string;
     /** Slider 범위 손잡이 — "최소", "최대" */
     rangeStart: string;
     rangeEnd: string;
@@ -520,6 +550,23 @@ interface DescriptionListProps extends HTMLAttributes<HTMLDListElement> {
  */
 declare const DescriptionList: react.ForwardRefExoticComponent<DescriptionListProps & react.RefAttributes<HTMLDListElement>>;
 
+interface DateRange {
+    /** 시작일 'YYYY-MM-DD' (없으면 '') */
+    start: string;
+    /** 종료일 'YYYY-MM-DD' (없으면 '') */
+    end: string;
+}
+/** 빠른 선택 — 오늘에서 거슬러 올라간 기간. `days: 0` 은 오늘 하루 */
+interface DateRangePreset {
+    label: string;
+    days?: number;
+    months?: number;
+}
+/** 조회 화면에서 흔한 빠른 선택(오늘·1주일·1개월·3개월). 그대로 넘기거나 골라 쓴다 */
+declare const dateRangePresets: DateRangePreset[];
+/** 빠른 선택이 가리키는 기간 (오늘 'YYYY-MM-DD' 기준) */
+declare function presetRange(preset: DateRangePreset, today: string): DateRange;
+
 interface DividerProps extends HTMLAttributes<HTMLDivElement> {
     /** 방향. vertical 은 flex 행 안에서 부모 높이를 채운다 */
     orientation?: 'horizontal' | 'vertical';
@@ -1076,6 +1123,47 @@ interface DatePickerProps {
  */
 declare const DatePicker: react.ForwardRefExoticComponent<DatePickerProps & react.RefAttributes<HTMLInputElement>>;
 
+interface DateRangePickerProps {
+    /** 기간 (제어 모드) */
+    value?: DateRange;
+    /** 처음 기간 (비제어 모드) */
+    defaultValue?: DateRange;
+    /** 시작일·종료일이 바뀔 때. 비었거나 고를 수 없는 날짜면 '' */
+    onValueChange?: (range: DateRange) => void;
+    /** 묶음 이름 (legend) — 예: "조회 기간" */
+    label?: ReactNode;
+    /** 시작일 칸 레이블 (기본 "시작일") */
+    startLabel?: string;
+    /** 종료일 칸 레이블 (기본 "종료일") */
+    endLabel?: string;
+    /** 빠른 선택 버튼 — 오늘에서 거슬러 올라간 기간 (`dateRangePresets` 를 그대로 넘겨도 된다) */
+    presets?: DateRangePreset[];
+    /** 고를 수 있는 가장 이른 날 */
+    min?: string;
+    /** 고를 수 있는 가장 늦은 날 */
+    max?: string;
+    isDateDisabled?: (date: Date) => boolean;
+    isHoliday?: (date: Date) => boolean;
+    /** "오늘" 을 고정한다 (빠른 선택의 기준, 달력의 오늘 표시 — 테스트·시각 회귀용) */
+    today?: string;
+    /** 묶음 아래 도움말 */
+    helperText?: ReactNode;
+    error?: boolean;
+    required?: boolean;
+    disabled?: boolean;
+    /** form 제출용 이름 — 시작일·종료일 */
+    startName?: string;
+    endName?: string;
+    /** fieldset 의 id (시작·종료 칸은 `${id}-start`, `${id}-end`) — ErrorSummary 링크가 가리키면 시작일로 간다 */
+    id?: string;
+    className?: string;
+}
+/**
+ * 기간 선택 (조회 기간, 예약 기간). 시작일·종료일 DatePicker 두 개를 묶고, 시작일은 종료일보다 늦을 수 없게 서로 제한한다.
+ * 빠른 선택(오늘·1주일·1개월…)은 현재 기간과 같으면 눌린 상태(aria-pressed)로 보인다.
+ */
+declare const DateRangePicker: react.ForwardRefExoticComponent<DateRangePickerProps & react.RefAttributes<HTMLFieldSetElement>>;
+
 interface DrawerProps {
     /** 열림 상태 (제어 모드) */
     open?: boolean;
@@ -1965,4 +2053,5 @@ interface VerificationCodeInputProps {
  */
 declare const VerificationCodeInput: react.ForwardRefExoticComponent<VerificationCodeInputProps & react.RefAttributes<HTMLInputElement>>;
 
-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, DescriptionList, type DescriptionListItem, type DescriptionListProps, Divider, type DividerProps, Drawer, DrawerClose, type DrawerProps, DropdownMenu, DropdownMenuCheckboxItem, type DropdownMenuCheckboxItemProps, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuGroup, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuLabel, type DropdownMenuLabelProps, type DropdownMenuProps, DropdownMenuRadioGroup, type DropdownMenuRadioGroupProps, DropdownMenuRadioItem, type DropdownMenuRadioItemProps, DropdownMenuSeparator, type DropdownMenuSeparatorProps, DropdownMenuSub, DropdownMenuSubContent, type DropdownMenuSubContentProps, type DropdownMenuSubProps, DropdownMenuSubTrigger, type DropdownMenuSubTriggerProps, DropdownMenuTrigger, type DropdownMenuTriggerProps, ErrorSummary, type ErrorSummaryItem, type ErrorSummaryProps, type FileRejection, type FileRejectionReason, FileUpload, type FileUploadProps, IconButton, type IconButtonProps, Input, type InputProps, type IntentName, Link, type LinkProps, LocaleProvider, type LocaleProviderProps, type Messages, Modal, ModalClose, type ModalProps, NumberInput, type NumberInputProps, Pagination, type PaginationItemType, type PaginationProps, PhoneNumberInput, type PhoneNumberInputProps, Popover, PopoverClose, type PopoverProps, Progress, type ProgressProps, RadioGroup, type RadioGroupProps, type RadioOption, SegmentedControl, type SegmentedControlOption, type SegmentedControlProps, Select, type SelectOption, type SelectProps, Skeleton, type SkeletonProps, SkipLink, type SkipLinkProps, Slider, type SliderProps, Spinner, type SpinnerProps, Stack, type StackProps, Stepper, type StepperProps, type StepperStep, Switch, type SwitchProps, Table, type TableAlign, TableBody, TableCell, type TableCellProps, TableEmpty, type TableEmptyProps, TableFooter, TableHead, type TableHeadProps, TableHeader, type TableProps, TableRow, type TableRowProps, type TableSize, TableSkeleton, type TableSkeletonProps, 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, VisuallyHidden, type VisuallyHiddenProps, composeExtraAddress, contrastRatio, createIntentColors, createTheme, en, focusField, formatBusinessNumber, formatKoreanAmount, formatKoreanDate, formatPhoneNumber, hasAllRequiredAgreements, isValidBusinessNumber, kakaoPostcodeProvider, parseISODate, themeClass, toISODate, useMessages, usePortalProps, useTableSelection, useTheme, useToast, vars };
+export { Accordion, AccordionItem, AddressInput, AgreementGroup, Alert, AmountInput, Avatar, Badge, Breadcrumb, BusinessNumberInput, Button, Calendar, Card, CardBody, CardFooter, CardHeader, Checkbox, Combobox, DatePicker, DateRangePicker, DescriptionList, Divider, Drawer, DrawerClose, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, ErrorSummary, FileUpload, IconButton, Input, Link, LocaleProvider, Modal, ModalClose, NumberInput, Pagination, PhoneNumberInput, Popover, PopoverClose, Progress, RadioGroup, SegmentedControl, Select, Skeleton, SkipLink, Slider, Spinner, Stack, Stepper, Switch, Table, TableBody, TableCell, TableEmpty, TableFooter, TableHead, TableHeader, TableRow, TableSkeleton, Tabs, TabsContent, TabsList, TabsTrigger, TextField, Textarea, ThemeProvider, ToastProvider, Tooltip, Typography, VerificationCodeInput, VisuallyHidden, composeExtraAddress, contrastRatio, createIntentColors, createTheme, dateRangePresets, en, focusField, formatBusinessNumber, formatKoreanAmount, formatKoreanDate, formatPhoneNumber, hasAllRequiredAgreements, isValidBusinessNumber, kakaoPostcodeProvider, parseISODate, presetRange, strongInputBorders, themeClass, toISODate, useMessages, usePortalProps, useTableSelection, useTheme, useToast, vars };
+export type { AccordionItemProps, AccordionProps, AddressInputProps, AddressProvider, AddressSearchResult, AddressValue, AgreementGroupProps, AgreementItem, AlertColor, AlertProps, AmountInputProps, AvatarProps, BadgeProps, BestowMessages, BestowTheme, BreadcrumbItemData, BreadcrumbProps, BusinessNumberInputProps, ButtonProps, CalendarProps, CardProps, CardSectionProps, CheckboxProps, ComboboxOption, ComboboxProps, DatePickerProps, DateRange, DateRangePickerProps, DateRangePreset, DeepPartial, DescriptionListItem, DescriptionListProps, DividerProps, DrawerProps, DropdownMenuCheckboxItemProps, DropdownMenuContentProps, DropdownMenuItemProps, DropdownMenuLabelProps, DropdownMenuProps, DropdownMenuRadioGroupProps, DropdownMenuRadioItemProps, DropdownMenuSeparatorProps, DropdownMenuSubContentProps, DropdownMenuSubProps, DropdownMenuSubTriggerProps, DropdownMenuTriggerProps, ErrorSummaryItem, ErrorSummaryProps, FileRejection, FileRejectionReason, FileUploadProps, IconButtonProps, InputProps, IntentName, LinkProps, LocaleProviderProps, Messages, ModalProps, NumberInputProps, PaginationItemType, PaginationProps, PhoneNumberInputProps, PopoverProps, ProgressProps, RadioGroupProps, RadioOption, SegmentedControlOption, SegmentedControlProps, SelectOption, SelectProps, SkeletonProps, SkipLinkProps, SliderProps, SpinnerProps, StackProps, StepperProps, StepperStep, SwitchProps, TableAlign, TableCellProps, TableEmptyProps, TableHeadProps, TableProps, TableRowProps, TableSize, TableSkeletonProps, TabsContentProps, TabsListProps, TabsProps, TabsTriggerProps, TextFieldProps, TextareaProps, ThemeInput, ThemeName, ThemeOverrides, ThemeProviderProps, ThemeTokens, ToastColor, ToastContextValue, ToastOptions, ToastProviderProps, TooltipProps, TypographyProps, TypographyVariant, VerificationCodeInputProps, VisuallyHiddenProps };

package/dist/index.d.ts

@@ -80,13 +80,33 @@ declare const lightTokens: {
 type Widen<T> = {
     [K in keyof T]: T[K] extends string ? string : Widen<T[K]>;
 };
-type ThemeTokens = Widen<typeof lightTokens>;
 /**
- * 컴포넌트 스타일은 반드시 vars 를 통해 토큰을 참조한다.
- * CSS 변수 이름은 공개 API 다: `--bestow-color-primary-solid`, `--bestow-space-4`, `--bestow-font-line-height-normal` …
+ * 기본값이 없는 선택 토큰 — CSS 변수를 정의하지 않고, 쓰는 곳에서 `fallbackVar` 로 기존 토큰을 따른다.
+ * 그래서 넣지 않으면 화면이 그대로이고, 기존 토큰(border.default 등)을 덮어쓴 사용자 설정도 계속 따른다(하위 영역의 CSS 덮어쓰기 포함).
+ * - `color.border.input`·`inputHover` (1.x 추가): 입력 칸(Input·Select·Combobox·Textarea·인증번호 칸 등) 테두리. 기본은 border.default·border.strong.
+ *   흰 배경과 1.3:1 인 기본 테두리를 3:1 이상으로 올리려면 `strongInputBorders` 를 쓴다(2.0 에서 기본값이 될 예정).
+ * - `color.border.control` (1.x 추가): Checkbox·Radio 테두리, 꺼진 Switch 트랙, Stepper 의 예정 단계. 기본은 border.strong(라이트 2.07:1).
  */
+declare const optionalTokens: {
+    color: {
+        border: {
+            input: string;
+            inputHover: string;
+            control: string;
+        };
+    };
+};
+type ThemeTokens = Widen<typeof lightTokens> & Widen<typeof optionalTokens>;
 declare const vars: {
     color: {
+        border: {
+            input: `var(--${string})`;
+            inputHover: `var(--${string})`;
+            control: `var(--${string})`;
+            default: `var(--${string})`;
+            strong: `var(--${string})`;
+            focus: `var(--${string})`;
+        };
         bg: {
             default: `var(--${string})`;
             subtle: `var(--${string})`;
@@ -100,11 +120,6 @@ declare const vars: {
             subtle: `var(--${string})`;
             inverse: `var(--${string})`;
         };
-        border: {
-            default: `var(--${string})`;
-            strong: `var(--${string})`;
-            focus: `var(--${string})`;
-        };
         primary: {
             solid: `var(--${string})`;
             solidHover: `var(--${string})`;
@@ -259,6 +274,17 @@ type IntentName = 'primary' | 'neutral' | 'danger' | 'success' | 'warning';
  */
 declare function createIntentColors(intent: IntentName, color: string): ThemeInput;
 
+/**
+ * 입력 칸·체크 컨트롤 테두리를 배경과 3:1 이상으로 올리는 테마 입력 (WCAG 1.4.11 비텍스트 대비) — 2.0 에서 기본값이 될 예정.
+ * - 입력 칸(border.input): 기본 border.default 는 흰 배경과 1.3:1. hover 는 테두리보다 더 진하게(다크는 더 밝게).
+ * - Checkbox·Radio 테두리, 꺼진 Switch, Stepper 예정 단계(border.control): 기본 border.strong 은 라이트 흰 배경과 2.07:1.
+ *
+ * @example
+ * <ThemeProvider overrides={createTheme(strongInputBorders)}>…</ThemeProvider>
+ * createTheme(createIntentColors('primary', '#7c3aed'), strongInputBorders) // 브랜드 테마와 함께
+ */
+declare const strongInputBorders: ThemeInput;
+
 /**
  * 컴포넌트의 기본 문구. 모두 생략할 수 있고, 생략하면 각 컴포넌트의 한국어 기본값을 쓴다.
  * 우선순위: 컴포넌트에 직접 준 prop > LocaleProvider 의 messages > 한국어 기본값.
@@ -313,6 +339,10 @@ interface BestowMessages {
     fileTooMany?: (maxFiles: number) => string;
     /** ErrorSummary 제목 — "입력한 내용에 고칠 곳이 3개 있어요" (1.0 이후 추가, 선택 키) */
     errorSummaryTitle?: (count: number) => string;
+    /** DateRangePicker — "시작일", "종료일", 빠른 선택 묶음 이름 "빠른 선택" (1.0 이후 추가, 선택 키) */
+    dateRangeStart?: string;
+    dateRangeEnd?: string;
+    dateRangePresets?: string;
     /** Slider 범위 손잡이 — "최소", "최대" */
     rangeStart: string;
     rangeEnd: string;
@@ -520,6 +550,23 @@ interface DescriptionListProps extends HTMLAttributes<HTMLDListElement> {
  */
 declare const DescriptionList: react.ForwardRefExoticComponent<DescriptionListProps & react.RefAttributes<HTMLDListElement>>;
 
+interface DateRange {
+    /** 시작일 'YYYY-MM-DD' (없으면 '') */
+    start: string;
+    /** 종료일 'YYYY-MM-DD' (없으면 '') */
+    end: string;
+}
+/** 빠른 선택 — 오늘에서 거슬러 올라간 기간. `days: 0` 은 오늘 하루 */
+interface DateRangePreset {
+    label: string;
+    days?: number;
+    months?: number;
+}
+/** 조회 화면에서 흔한 빠른 선택(오늘·1주일·1개월·3개월). 그대로 넘기거나 골라 쓴다 */
+declare const dateRangePresets: DateRangePreset[];
+/** 빠른 선택이 가리키는 기간 (오늘 'YYYY-MM-DD' 기준) */
+declare function presetRange(preset: DateRangePreset, today: string): DateRange;
+
 interface DividerProps extends HTMLAttributes<HTMLDivElement> {
     /** 방향. vertical 은 flex 행 안에서 부모 높이를 채운다 */
     orientation?: 'horizontal' | 'vertical';
@@ -1076,6 +1123,47 @@ interface DatePickerProps {
  */
 declare const DatePicker: react.ForwardRefExoticComponent<DatePickerProps & react.RefAttributes<HTMLInputElement>>;
 
+interface DateRangePickerProps {
+    /** 기간 (제어 모드) */
+    value?: DateRange;
+    /** 처음 기간 (비제어 모드) */
+    defaultValue?: DateRange;
+    /** 시작일·종료일이 바뀔 때. 비었거나 고를 수 없는 날짜면 '' */
+    onValueChange?: (range: DateRange) => void;
+    /** 묶음 이름 (legend) — 예: "조회 기간" */
+    label?: ReactNode;
+    /** 시작일 칸 레이블 (기본 "시작일") */
+    startLabel?: string;
+    /** 종료일 칸 레이블 (기본 "종료일") */
+    endLabel?: string;
+    /** 빠른 선택 버튼 — 오늘에서 거슬러 올라간 기간 (`dateRangePresets` 를 그대로 넘겨도 된다) */
+    presets?: DateRangePreset[];
+    /** 고를 수 있는 가장 이른 날 */
+    min?: string;
+    /** 고를 수 있는 가장 늦은 날 */
+    max?: string;
+    isDateDisabled?: (date: Date) => boolean;
+    isHoliday?: (date: Date) => boolean;
+    /** "오늘" 을 고정한다 (빠른 선택의 기준, 달력의 오늘 표시 — 테스트·시각 회귀용) */
+    today?: string;
+    /** 묶음 아래 도움말 */
+    helperText?: ReactNode;
+    error?: boolean;
+    required?: boolean;
+    disabled?: boolean;
+    /** form 제출용 이름 — 시작일·종료일 */
+    startName?: string;
+    endName?: string;
+    /** fieldset 의 id (시작·종료 칸은 `${id}-start`, `${id}-end`) — ErrorSummary 링크가 가리키면 시작일로 간다 */
+    id?: string;
+    className?: string;
+}
+/**
+ * 기간 선택 (조회 기간, 예약 기간). 시작일·종료일 DatePicker 두 개를 묶고, 시작일은 종료일보다 늦을 수 없게 서로 제한한다.
+ * 빠른 선택(오늘·1주일·1개월…)은 현재 기간과 같으면 눌린 상태(aria-pressed)로 보인다.
+ */
+declare const DateRangePicker: react.ForwardRefExoticComponent<DateRangePickerProps & react.RefAttributes<HTMLFieldSetElement>>;
+
 interface DrawerProps {
     /** 열림 상태 (제어 모드) */
     open?: boolean;
@@ -1965,4 +2053,5 @@ interface VerificationCodeInputProps {
  */
 declare const VerificationCodeInput: react.ForwardRefExoticComponent<VerificationCodeInputProps & react.RefAttributes<HTMLInputElement>>;
 
-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, DescriptionList, type DescriptionListItem, type DescriptionListProps, Divider, type DividerProps, Drawer, DrawerClose, type DrawerProps, DropdownMenu, DropdownMenuCheckboxItem, type DropdownMenuCheckboxItemProps, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuGroup, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuLabel, type DropdownMenuLabelProps, type DropdownMenuProps, DropdownMenuRadioGroup, type DropdownMenuRadioGroupProps, DropdownMenuRadioItem, type DropdownMenuRadioItemProps, DropdownMenuSeparator, type DropdownMenuSeparatorProps, DropdownMenuSub, DropdownMenuSubContent, type DropdownMenuSubContentProps, type DropdownMenuSubProps, DropdownMenuSubTrigger, type DropdownMenuSubTriggerProps, DropdownMenuTrigger, type DropdownMenuTriggerProps, ErrorSummary, type ErrorSummaryItem, type ErrorSummaryProps, type FileRejection, type FileRejectionReason, FileUpload, type FileUploadProps, IconButton, type IconButtonProps, Input, type InputProps, type IntentName, Link, type LinkProps, LocaleProvider, type LocaleProviderProps, type Messages, Modal, ModalClose, type ModalProps, NumberInput, type NumberInputProps, Pagination, type PaginationItemType, type PaginationProps, PhoneNumberInput, type PhoneNumberInputProps, Popover, PopoverClose, type PopoverProps, Progress, type ProgressProps, RadioGroup, type RadioGroupProps, type RadioOption, SegmentedControl, type SegmentedControlOption, type SegmentedControlProps, Select, type SelectOption, type SelectProps, Skeleton, type SkeletonProps, SkipLink, type SkipLinkProps, Slider, type SliderProps, Spinner, type SpinnerProps, Stack, type StackProps, Stepper, type StepperProps, type StepperStep, Switch, type SwitchProps, Table, type TableAlign, TableBody, TableCell, type TableCellProps, TableEmpty, type TableEmptyProps, TableFooter, TableHead, type TableHeadProps, TableHeader, type TableProps, TableRow, type TableRowProps, type TableSize, TableSkeleton, type TableSkeletonProps, 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, VisuallyHidden, type VisuallyHiddenProps, composeExtraAddress, contrastRatio, createIntentColors, createTheme, en, focusField, formatBusinessNumber, formatKoreanAmount, formatKoreanDate, formatPhoneNumber, hasAllRequiredAgreements, isValidBusinessNumber, kakaoPostcodeProvider, parseISODate, themeClass, toISODate, useMessages, usePortalProps, useTableSelection, useTheme, useToast, vars };
+export { Accordion, AccordionItem, AddressInput, AgreementGroup, Alert, AmountInput, Avatar, Badge, Breadcrumb, BusinessNumberInput, Button, Calendar, Card, CardBody, CardFooter, CardHeader, Checkbox, Combobox, DatePicker, DateRangePicker, DescriptionList, Divider, Drawer, DrawerClose, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, ErrorSummary, FileUpload, IconButton, Input, Link, LocaleProvider, Modal, ModalClose, NumberInput, Pagination, PhoneNumberInput, Popover, PopoverClose, Progress, RadioGroup, SegmentedControl, Select, Skeleton, SkipLink, Slider, Spinner, Stack, Stepper, Switch, Table, TableBody, TableCell, TableEmpty, TableFooter, TableHead, TableHeader, TableRow, TableSkeleton, Tabs, TabsContent, TabsList, TabsTrigger, TextField, Textarea, ThemeProvider, ToastProvider, Tooltip, Typography, VerificationCodeInput, VisuallyHidden, composeExtraAddress, contrastRatio, createIntentColors, createTheme, dateRangePresets, en, focusField, formatBusinessNumber, formatKoreanAmount, formatKoreanDate, formatPhoneNumber, hasAllRequiredAgreements, isValidBusinessNumber, kakaoPostcodeProvider, parseISODate, presetRange, strongInputBorders, themeClass, toISODate, useMessages, usePortalProps, useTableSelection, useTheme, useToast, vars };
+export type { AccordionItemProps, AccordionProps, AddressInputProps, AddressProvider, AddressSearchResult, AddressValue, AgreementGroupProps, AgreementItem, AlertColor, AlertProps, AmountInputProps, AvatarProps, BadgeProps, BestowMessages, BestowTheme, BreadcrumbItemData, BreadcrumbProps, BusinessNumberInputProps, ButtonProps, CalendarProps, CardProps, CardSectionProps, CheckboxProps, ComboboxOption, ComboboxProps, DatePickerProps, DateRange, DateRangePickerProps, DateRangePreset, DeepPartial, DescriptionListItem, DescriptionListProps, DividerProps, DrawerProps, DropdownMenuCheckboxItemProps, DropdownMenuContentProps, DropdownMenuItemProps, DropdownMenuLabelProps, DropdownMenuProps, DropdownMenuRadioGroupProps, DropdownMenuRadioItemProps, DropdownMenuSeparatorProps, DropdownMenuSubContentProps, DropdownMenuSubProps, DropdownMenuSubTriggerProps, DropdownMenuTriggerProps, ErrorSummaryItem, ErrorSummaryProps, FileRejection, FileRejectionReason, FileUploadProps, IconButtonProps, InputProps, IntentName, LinkProps, LocaleProviderProps, Messages, ModalProps, NumberInputProps, PaginationItemType, PaginationProps, PhoneNumberInputProps, PopoverProps, ProgressProps, RadioGroupProps, RadioOption, SegmentedControlOption, SegmentedControlProps, SelectOption, SelectProps, SkeletonProps, SkipLinkProps, SliderProps, SpinnerProps, StackProps, StepperProps, StepperStep, SwitchProps, TableAlign, TableCellProps, TableEmptyProps, TableHeadProps, TableProps, TableRowProps, TableSize, TableSkeletonProps, TabsContentProps, TabsListProps, TabsProps, TabsTriggerProps, TextFieldProps, TextareaProps, ThemeInput, ThemeName, ThemeOverrides, ThemeProviderProps, ThemeTokens, ToastColor, ToastContextValue, ToastOptions, ToastProviderProps, TooltipProps, TypographyProps, TypographyVariant, VerificationCodeInputProps, VisuallyHiddenProps };

package/dist/shared.js

@@ -3,6 +3,7 @@ import {
   composeExtraAddress,
   createTheme,
   cx,
+  dateRangePresets,
   focusField,
   formatBusinessNumber,
   formatKoreanAmount,
@@ -11,11 +12,12 @@ import {
   isValidBusinessNumber,
   kakaoPostcodeProvider,
   parseISODate,
+  presetRange,
   themeClass,
   toISODate,
   vars,
   visuallyHidden
-} from "./chunk-VH7JW6N7.js";
+} from "./chunk-VQ45DNC3.js";
 
 // src/theme/color.ts
 import { darkColors, lightColors, palette } from "@bestow-ui/tokens";
@@ -154,6 +156,16 @@ function createIntentColors(intent, color) {
   };
 }
 
+// src/theme/presets.ts
+var strongInputBorders = /* @__PURE__ */ Object.freeze({
+  // 라이트: gray600 / gray700 — 흰 배경 5.18:1, bg.subtle(gray50) 4.91:1
+  // 체크 컨트롤: gray600 — 흰 배경 5.18:1
+  light: { color: { border: { input: "#666e76", inputHover: "#495057", control: "#666e76" } } },
+  // 다크: gray500 / gray300 — gray600 은 bg.subtle(gray900) 위에서 2.98:1 이라 한 단계 밝게. bg.default 8.57:1, bg.subtle 7.43:1
+  // 체크 컨트롤: gray500 — 다크 기본값(border.strong)과 같다(이미 8.57:1)
+  dark: { color: { border: { input: "#adb5bd", inputHover: "#dee2e6", control: "#adb5bd" } } }
+});
+
 // src/i18n/en.ts
 var WEEKDAYS_LONG = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"];
 var MONTHS = [
@@ -197,6 +209,9 @@ var en = {
   fileTooLarge: (name, maxSize) => `${name}: files must be ${maxSize} or smaller.`,
   fileTypeNotAllowed: (name) => `${name}: this file type is not allowed.`,
   fileTooMany: (maxFiles) => `You can upload up to ${maxFiles} files.`,
+  dateRangeStart: "Start date",
+  dateRangeEnd: "End date",
+  dateRangePresets: "Quick select",
   errorSummaryTitle: (count) => `There ${count === 1 ? "is 1 problem" : `are ${count} problems`} with your answers`,
   rangeStart: "minimum",
   rangeEnd: "maximum",
@@ -472,6 +487,7 @@ export {
   contrastRatio,
   createIntentColors,
   createTheme,
+  dateRangePresets,
   en,
   focusField,
   formatBusinessNumber,
@@ -482,6 +498,8 @@ export {
   isValidBusinessNumber,
   kakaoPostcodeProvider,
   parseISODate,
+  presetRange,
+  strongInputBorders,
   themeClass,
   toISODate,
   vars