@yeongseoksong/framework 1.6.1 → 1.7.0

package/dist/ui/index.d.ts

@@ -1,1338 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as _mantine_core from '@mantine/core';
-import { MantineSize, TabsProps, TabsListProps, TabsPanelProps, TitleProps, TextProps, ButtonProps, BoxProps, TableProps, ModalProps, ThemeIconProps, ContainerProps, BadgeProps, TextInputProps, PasswordInputProps, TextareaProps, JsonInputProps, NumberInputProps, SliderProps, InputWrapperProps, RatingProps, PinInputProps, SelectProps, NativeSelectProps, MultiSelectProps, AutocompleteProps, TagsInputProps, RadioGroupProps, SegmentedControlProps, CheckboxProps, SwitchProps, FileInputProps, ColorInputProps, SkeletonProps, AnchorProps, StackProps, StyleProp, MantineColor, SimpleGridProps, CardProps as CardProps$1, MantineThemeOverride, MantineColorScheme, MantineColorsTuple } from '@mantine/core';
-import React$1, { ReactNode, ComponentPropsWithoutRef, AnchorHTMLAttributes } from 'react';
-import * as _mantine_core_lib_components_Modal_ModalCloseButton from '@mantine/core/lib/components/Modal/ModalCloseButton';
-import * as _mantine_core_lib_components_Modal_ModalBody from '@mantine/core/lib/components/Modal/ModalBody';
-import * as _mantine_core_lib_components_Modal_ModalTitle from '@mantine/core/lib/components/Modal/ModalTitle';
-import * as _mantine_core_lib_components_Modal_ModalHeader from '@mantine/core/lib/components/Modal/ModalHeader';
-import { DateInputProps, DatePickerInputProps, TimeInputProps } from '@mantine/dates';
-import { NotificationData, NotificationsProps } from '@mantine/notifications';
-
-interface LogoProps {
-    size?: MantineSize;
-}
-declare function Logo(_props: LogoProps): react_jsx_runtime.JSX.Element;
-
-type SdTabsRootProps = TabsProps & {
-    syncHash?: boolean;
-};
-declare function SdPanel({ children, ...props }: TabsPanelProps): react_jsx_runtime.JSX.Element;
-declare const SdTabs: {
-    Pills: {
-        ({ syncHash, value, onChange, ...props }: SdTabsRootProps): react_jsx_runtime.JSX.Element;
-        List: _mantine_core.MantineComponent<{
-            props: TabsListProps;
-            ref: HTMLDivElement;
-            stylesNames: _mantine_core.TabsListStylesNames;
-            compound: true;
-        }>;
-        Tab: _mantine_core.MantineComponent<{
-            props: _mantine_core.TabsTabProps;
-            ref: HTMLButtonElement;
-            stylesNames: _mantine_core.TabsTabStylesNames;
-            compound: true;
-        }>;
-        Panel: typeof SdPanel;
-    };
-    Underline: {
-        ({ syncHash, value, onChange, ...props }: SdTabsRootProps): react_jsx_runtime.JSX.Element;
-        List: _mantine_core.MantineComponent<{
-            props: TabsListProps;
-            ref: HTMLDivElement;
-            stylesNames: _mantine_core.TabsListStylesNames;
-            compound: true;
-        }>;
-        Tab: _mantine_core.MantineComponent<{
-            props: _mantine_core.TabsTabProps;
-            ref: HTMLButtonElement;
-            stylesNames: _mantine_core.TabsTabStylesNames;
-            compound: true;
-        }>;
-        Panel: typeof SdPanel;
-    };
-    Outline: {
-        ({ syncHash, value, onChange, ...props }: SdTabsRootProps): react_jsx_runtime.JSX.Element;
-        List: _mantine_core.MantineComponent<{
-            props: TabsListProps;
-            ref: HTMLDivElement;
-            stylesNames: _mantine_core.TabsListStylesNames;
-            compound: true;
-        }>;
-        Tab: _mantine_core.MantineComponent<{
-            props: _mantine_core.TabsTabProps;
-            ref: HTMLButtonElement;
-            stylesNames: _mantine_core.TabsTabStylesNames;
-            compound: true;
-        }>;
-        Panel: typeof SdPanel;
-    };
-};
-declare const SdTabsPills: {
-    ({ syncHash, value, onChange, ...props }: SdTabsRootProps): react_jsx_runtime.JSX.Element;
-    List: _mantine_core.MantineComponent<{
-        props: TabsListProps;
-        ref: HTMLDivElement;
-        stylesNames: _mantine_core.TabsListStylesNames;
-        compound: true;
-    }>;
-    Tab: _mantine_core.MantineComponent<{
-        props: _mantine_core.TabsTabProps;
-        ref: HTMLButtonElement;
-        stylesNames: _mantine_core.TabsTabStylesNames;
-        compound: true;
-    }>;
-    Panel: typeof SdPanel;
-};
-declare const SdTabsUnderline: {
-    ({ syncHash, value, onChange, ...props }: SdTabsRootProps): react_jsx_runtime.JSX.Element;
-    List: _mantine_core.MantineComponent<{
-        props: TabsListProps;
-        ref: HTMLDivElement;
-        stylesNames: _mantine_core.TabsListStylesNames;
-        compound: true;
-    }>;
-    Tab: _mantine_core.MantineComponent<{
-        props: _mantine_core.TabsTabProps;
-        ref: HTMLButtonElement;
-        stylesNames: _mantine_core.TabsTabStylesNames;
-        compound: true;
-    }>;
-    Panel: typeof SdPanel;
-};
-declare const SdTabsOutline: {
-    ({ syncHash, value, onChange, ...props }: SdTabsRootProps): react_jsx_runtime.JSX.Element;
-    List: _mantine_core.MantineComponent<{
-        props: TabsListProps;
-        ref: HTMLDivElement;
-        stylesNames: _mantine_core.TabsListStylesNames;
-        compound: true;
-    }>;
-    Tab: _mantine_core.MantineComponent<{
-        props: _mantine_core.TabsTabProps;
-        ref: HTMLButtonElement;
-        stylesNames: _mantine_core.TabsTabStylesNames;
-        compound: true;
-    }>;
-    Panel: typeof SdPanel;
-};
-
-type Props$4 = TitleProps & {
-    children?: ReactNode;
-};
-declare const SdTitle: {
-    /** 히어로 대제목 — h1, clamp 폰트 */
-    Display: ({ children, ...props }: Props$4) => react_jsx_runtime.JSX.Element;
-    /** 섹션 제목  */
-    Section: ({ children, ...props }: Props$4) => react_jsx_runtime.JSX.Element;
-    /** 카드·모달 제목 — */
-    Card: ({ children, ...props }: Props$4) => react_jsx_runtime.JSX.Element;
-    /** 소제목  */
-    Sub: ({ children, ...props }: Props$4) => react_jsx_runtime.JSX.Element;
-};
-declare const SdTitleDisplay: ({ children, ...props }: Props$4) => react_jsx_runtime.JSX.Element;
-declare const SdTitleSection: ({ children, ...props }: Props$4) => react_jsx_runtime.JSX.Element;
-declare const SdTitleCard: ({ children, ...props }: Props$4) => react_jsx_runtime.JSX.Element;
-declare const SdTitleSub: ({ children, ...props }: Props$4) => react_jsx_runtime.JSX.Element;
-
-type Props$3 = TextProps & {
-    children?: ReactNode;
-};
-declare const SdText: {
-    Strong: ({ children, ...props }: Props$3) => react_jsx_runtime.JSX.Element;
-    Body: ({ children, ...props }: Props$3) => react_jsx_runtime.JSX.Element;
-    Sub: ({ children, ...props }: Props$3) => react_jsx_runtime.JSX.Element;
-    Eyebrow: ({ children, ...props }: Props$3) => react_jsx_runtime.JSX.Element;
-    Error: ({ children, ...props }: Props$3) => react_jsx_runtime.JSX.Element;
-    Hint: ({ children, ...props }: Props$3) => react_jsx_runtime.JSX.Element;
-    Numeric: ({ children, ...props }: Props$3) => react_jsx_runtime.JSX.Element;
-};
-declare const SdTextStrong: ({ children, ...props }: Props$3) => react_jsx_runtime.JSX.Element;
-declare const SdTextBody: ({ children, ...props }: Props$3) => react_jsx_runtime.JSX.Element;
-declare const SdTextSub: ({ children, ...props }: Props$3) => react_jsx_runtime.JSX.Element;
-declare const SdTextEyebrow: ({ children, ...props }: Props$3) => react_jsx_runtime.JSX.Element;
-declare const SdTextError: ({ children, ...props }: Props$3) => react_jsx_runtime.JSX.Element;
-declare const SdTextHint: ({ children, ...props }: Props$3) => react_jsx_runtime.JSX.Element;
-declare const SdTextNumeric: ({ children, ...props }: Props$3) => react_jsx_runtime.JSX.Element;
-
-type Props$2 = ButtonProps & ComponentPropsWithoutRef<'button'> & {
-    children?: ReactNode;
-};
-declare const SdButton: {
-    /** 주요 액션 — filled primary */
-    Primary: ({ children, ...props }: Props$2) => react_jsx_runtime.JSX.Element;
-    /** 보조 액션 — white bg + slate text */
-    Secondary: ({ children, ...props }: Props$2) => react_jsx_runtime.JSX.Element;
-    /** 보조 액션 — outline */
-    Outline: ({ children, ...props }: Props$2) => react_jsx_runtime.JSX.Element;
-    /** 텍스트 수준 — subtle */
-    Ghost: ({ children, ...props }: Props$2) => react_jsx_runtime.JSX.Element;
-    /** 다크 배경 위 — white */
-    White: ({ children, ...props }: Props$2) => react_jsx_runtime.JSX.Element;
-    /** 전송 — filled primary + 종이비행기 아이콘, 기본 라벨 "전송" */
-    Submit: ({ children, ...props }: Props$2) => react_jsx_runtime.JSX.Element;
-    /** 삭제 — filled red + 휴지통 아이콘, 기본 라벨 "삭제" */
-    Delete: ({ children, ...props }: Props$2) => react_jsx_runtime.JSX.Element;
-    /** 취소 — outline slate + X 아이콘, 기본 라벨 "취소" */
-    Cancel: ({ children, ...props }: Props$2) => react_jsx_runtime.JSX.Element;
-    /** 엑셀 — outline green + 스프레드시트 아이콘, 기본 라벨 "엑셀" */
-    Excel: ({ children, ...props }: Props$2) => react_jsx_runtime.JSX.Element;
-    /** 다운로드 — light primary + 다운로드 아이콘, 기본 라벨 "다운로드" */
-    Download: ({ children, ...props }: Props$2) => react_jsx_runtime.JSX.Element;
-};
-declare const SdButtonPrimary: ({ children, ...props }: Props$2) => react_jsx_runtime.JSX.Element;
-declare const SdButtonSecondary: ({ children, ...props }: Props$2) => react_jsx_runtime.JSX.Element;
-declare const SdButtonOutline: ({ children, ...props }: Props$2) => react_jsx_runtime.JSX.Element;
-declare const SdButtonGhost: ({ children, ...props }: Props$2) => react_jsx_runtime.JSX.Element;
-declare const SdButtonWhite: ({ children, ...props }: Props$2) => react_jsx_runtime.JSX.Element;
-declare const SdButtonSubmit: ({ children, ...props }: Props$2) => react_jsx_runtime.JSX.Element;
-declare const SdButtonDelete: ({ children, ...props }: Props$2) => react_jsx_runtime.JSX.Element;
-declare const SdButtonCancel: ({ children, ...props }: Props$2) => react_jsx_runtime.JSX.Element;
-declare const SdButtonExcel: ({ children, ...props }: Props$2) => react_jsx_runtime.JSX.Element;
-declare const SdButtonDownload: ({ children, ...props }: Props$2) => react_jsx_runtime.JSX.Element;
-
-interface SdQuoteProps extends BoxProps {
-    lines: string[];
-    name?: string;
-    role?: string;
-}
-declare function Plain$1({ lines, name, role, ...boxProps }: SdQuoteProps): react_jsx_runtime.JSX.Element;
-declare function CardQuote({ lines, name, role, ...boxProps }: SdQuoteProps): react_jsx_runtime.JSX.Element;
-declare const SdQuote: {
-    Plain: typeof Plain$1;
-    Card: typeof CardQuote;
-};
-declare const SdQuotePlain: typeof Plain$1;
-declare const SdQuoteCard: typeof CardQuote;
-
-declare const SdTable: {
-    (props: TableProps): react_jsx_runtime.JSX.Element;
-    Thead: _mantine_core.MantineComponent<{
-        props: _mantine_core.TableTheadProps;
-        ref: HTMLTableSectionElement;
-        stylesNames: "thead";
-        compound: true;
-    }>;
-    Tbody: _mantine_core.MantineComponent<{
-        props: _mantine_core.TableTbodyProps;
-        ref: HTMLTableSectionElement;
-        stylesNames: "tbody";
-        compound: true;
-    }>;
-    Tr: _mantine_core.MantineComponent<{
-        props: _mantine_core.TableTrProps;
-        ref: HTMLTableRowElement;
-        stylesNames: "tr";
-        compound: true;
-    }>;
-    Th: _mantine_core.MantineComponent<{
-        props: _mantine_core.TableThProps;
-        ref: HTMLTableCellElement;
-        stylesNames: "th";
-        compound: true;
-    }>;
-    Td: _mantine_core.MantineComponent<{
-        props: _mantine_core.TableTdProps;
-        ref: HTMLTableCellElement;
-        stylesNames: "td";
-        compound: true;
-    }>;
-    Caption: _mantine_core.MantineComponent<{
-        props: _mantine_core.TableCaptionProps;
-        ref: HTMLTableCaptionElement;
-        stylesNames: "caption";
-        compound: true;
-    }>;
-} & {
-    Spec: {
-        (props: TableProps): react_jsx_runtime.JSX.Element;
-        Thead: _mantine_core.MantineComponent<{
-            props: _mantine_core.TableTheadProps;
-            ref: HTMLTableSectionElement;
-            stylesNames: "thead";
-            compound: true;
-        }>;
-        Tbody: _mantine_core.MantineComponent<{
-            props: _mantine_core.TableTbodyProps;
-            ref: HTMLTableSectionElement;
-            stylesNames: "tbody";
-            compound: true;
-        }>;
-        Tr: _mantine_core.MantineComponent<{
-            props: _mantine_core.TableTrProps;
-            ref: HTMLTableRowElement;
-            stylesNames: "tr";
-            compound: true;
-        }>;
-        Th: _mantine_core.MantineComponent<{
-            props: _mantine_core.TableThProps;
-            ref: HTMLTableCellElement;
-            stylesNames: "th";
-            compound: true;
-        }>;
-        Td: _mantine_core.MantineComponent<{
-            props: _mantine_core.TableTdProps;
-            ref: HTMLTableCellElement;
-            stylesNames: "td";
-            compound: true;
-        }>;
-        Caption: _mantine_core.MantineComponent<{
-            props: _mantine_core.TableCaptionProps;
-            ref: HTMLTableCaptionElement;
-            stylesNames: "caption";
-            compound: true;
-        }>;
-    };
-};
-declare const SdTableSpec: {
-    (props: TableProps): react_jsx_runtime.JSX.Element;
-    Thead: _mantine_core.MantineComponent<{
-        props: _mantine_core.TableTheadProps;
-        ref: HTMLTableSectionElement;
-        stylesNames: "thead";
-        compound: true;
-    }>;
-    Tbody: _mantine_core.MantineComponent<{
-        props: _mantine_core.TableTbodyProps;
-        ref: HTMLTableSectionElement;
-        stylesNames: "tbody";
-        compound: true;
-    }>;
-    Tr: _mantine_core.MantineComponent<{
-        props: _mantine_core.TableTrProps;
-        ref: HTMLTableRowElement;
-        stylesNames: "tr";
-        compound: true;
-    }>;
-    Th: _mantine_core.MantineComponent<{
-        props: _mantine_core.TableThProps;
-        ref: HTMLTableCellElement;
-        stylesNames: "th";
-        compound: true;
-    }>;
-    Td: _mantine_core.MantineComponent<{
-        props: _mantine_core.TableTdProps;
-        ref: HTMLTableCellElement;
-        stylesNames: "td";
-        compound: true;
-    }>;
-    Caption: _mantine_core.MantineComponent<{
-        props: _mantine_core.TableCaptionProps;
-        ref: HTMLTableCaptionElement;
-        stylesNames: "caption";
-        compound: true;
-    }>;
-};
-
-declare const SdModal: {
-    (props: ModalProps): react_jsx_runtime.JSX.Element;
-    Header: _mantine_core.MantineComponent<{
-        props: _mantine_core.ModalHeaderProps;
-        ref: HTMLElement;
-        stylesNames: _mantine_core_lib_components_Modal_ModalHeader.ModalHeaderStylesNames;
-        compound: true;
-    }>;
-    Title: _mantine_core.MantineComponent<{
-        props: _mantine_core.ModalTitleProps;
-        ref: HTMLHeadingElement;
-        stylesNames: _mantine_core_lib_components_Modal_ModalTitle.ModalTitleStylesNames;
-        compound: true;
-    }>;
-    Body: _mantine_core.MantineComponent<{
-        props: _mantine_core.ModalBodyProps;
-        ref: HTMLDivElement;
-        stylesNames: _mantine_core_lib_components_Modal_ModalBody.ModalBodyStylesNames;
-        compound: true;
-    }>;
-    CloseButton: _mantine_core.MantineComponent<{
-        props: _mantine_core.ModalCloseButtonProps;
-        ref: HTMLButtonElement;
-        stylesNames: _mantine_core_lib_components_Modal_ModalCloseButton.ModalCloseButtonStylesNames;
-        compound: true;
-    }>;
-};
-
-interface SdNumberIconProps extends Omit<ThemeIconProps, 'children'> {
-    value: string;
-}
-declare function SdNumberIcon({ value, size, radius, color, ...props }: SdNumberIconProps): react_jsx_runtime.JSX.Element;
-
-declare function SdContainer({ children, ...props }: ContainerProps): react_jsx_runtime.JSX.Element;
-
-type Props$1 = BadgeProps & {
-    children?: ReactNode;
-};
-declare const SdBadge: {
-    /** 기본 — outline slate */
-    Default: ({ children, ...props }: Props$1) => react_jsx_runtime.JSX.Element;
-    /** 브랜드 강조 — light primary */
-    Primary: ({ children, ...props }: Props$1) => react_jsx_runtime.JSX.Element;
-    /** 성공/완료 */
-    Success: ({ children, ...props }: Props$1) => react_jsx_runtime.JSX.Element;
-    /** 주의/경고 */
-    Warning: ({ children, ...props }: Props$1) => react_jsx_runtime.JSX.Element;
-};
-declare const SdBadgeDefault: ({ children, ...props }: Props$1) => react_jsx_runtime.JSX.Element;
-declare const SdBadgePrimary: ({ children, ...props }: Props$1) => react_jsx_runtime.JSX.Element;
-declare const SdBadgeSuccess: ({ children, ...props }: Props$1) => react_jsx_runtime.JSX.Element;
-declare const SdBadgeWarning: ({ children, ...props }: Props$1) => react_jsx_runtime.JSX.Element;
-
-/** Input.Wrapper가 대신 받아 주는 필드들. */
-type WrapperFields = Pick<InputWrapperProps, 'label' | 'description' | 'error' | 'required' | 'withAsterisk'>;
-/** 라디오는 그룹 단위로 쓰인다 — 항목을 `data`로 받아 Select류와 호출부를 맞춘다. */
-interface SdRadioProps extends Omit<RadioGroupProps, 'children'> {
-    data: {
-        value: string;
-        label: ReactNode;
-        disabled?: boolean;
-    }[];
-    orientation?: 'horizontal' | 'vertical';
-}
-declare function SdInputRadio({ data, orientation, ...props }: SdRadioProps): react_jsx_runtime.JSX.Element;
-declare const SdInput: {
-    /** 일반 텍스트 — 이름, 회사명 등 */
-    Text: (props: TextInputProps) => react_jsx_runtime.JSX.Element;
-    /** 이메일 입력 */
-    Email: (props: TextInputProps) => react_jsx_runtime.JSX.Element;
-    /** 비밀번호 입력 — 마스킹 토글 포함 */
-    Password: (props: PasswordInputProps) => react_jsx_runtime.JSX.Element;
-    /** 멀티라인 텍스트 — 문의 메시지 등 */
-    Textarea: (props: TextareaProps) => react_jsx_runtime.JSX.Element;
-    /** JSON 입력 — 포맷·검증 버튼 포함 */
-    Json: (props: JsonInputProps) => react_jsx_runtime.JSX.Element;
-    /** 숫자 입력 — 증감 컨트롤 포함 */
-    Number: (props: NumberInputProps<number>) => react_jsx_runtime.JSX.Element;
-    /** 범위 선택 슬라이더 */
-    Slider: ({ label, description, error, required, withAsterisk, ...rest }: Omit<SliderProps, "label" | "error" | "description" | "required" | "withAsterisk"> & WrapperFields) => react_jsx_runtime.JSX.Element;
-    /** 별점 */
-    Rating: ({ label, description, error, required, withAsterisk, ...rest }: Omit<RatingProps, "label" | "error" | "description" | "required" | "withAsterisk"> & WrapperFields) => react_jsx_runtime.JSX.Element;
-    /** 인증번호 등 자리수가 고정된 코드 */
-    PinCode: ({ label, description, error, required, withAsterisk, ...rest }: Omit<PinInputProps, "label" | "error" | "description" | "required" | "withAsterisk"> & WrapperFields) => react_jsx_runtime.JSX.Element;
-    /** 드롭다운 선택 */
-    Select: (props: SelectProps<string>) => react_jsx_runtime.JSX.Element;
-    /** 브라우저 기본 select — 모바일·간단한 목록 */
-    NativeSelect: (props: NativeSelectProps) => react_jsx_runtime.JSX.Element;
-    /** 다중 선택 */
-    MultiSelect: (props: MultiSelectProps<string>) => react_jsx_runtime.JSX.Element;
-    /** 입력하며 후보를 좁히는 자동완성(자유 입력 허용) */
-    Autocomplete: (props: AutocompleteProps) => react_jsx_runtime.JSX.Element;
-    /** 자유롭게 추가하는 태그 목록 */
-    Tags: (props: TagsInputProps) => react_jsx_runtime.JSX.Element;
-    /** 라디오 그룹 — data로 항목을 넘긴다 */
-    Radio: typeof SdInputRadio;
-    /** 두세 개 중 하나 — 탭처럼 보이는 선택 */
-    Segmented: ({ label, description, error, required, withAsterisk, ...rest }: Omit<SegmentedControlProps<string>, "label" | "error" | "description" | "required" | "withAsterisk"> & WrapperFields) => react_jsx_runtime.JSX.Element;
-    /** 체크박스 — getInputProps(name, { type: 'checkbox' }) */
-    Checkbox: (props: CheckboxProps) => react_jsx_runtime.JSX.Element;
-    /** 스위치 — 즉시 반영되는 on/off */
-    Switch: (props: SwitchProps) => react_jsx_runtime.JSX.Element;
-    /** 파일 선택 */
-    File: (props: FileInputProps<false>) => react_jsx_runtime.JSX.Element;
-    /** 색상 선택 */
-    Color: (props: ColorInputProps) => react_jsx_runtime.JSX.Element;
-    /** 날짜 — 직접 입력 + 달력 팝오버. 값은 'YYYY-MM-DD' 문자열 */
-    Date: (props: DateInputProps) => react_jsx_runtime.JSX.Element;
-    /** 기간 — 시작·종료 두 날짜 */
-    DateRange: (props: DatePickerInputProps<"range">) => react_jsx_runtime.JSX.Element;
-    /** 시각 */
-    Time: (props: TimeInputProps) => react_jsx_runtime.JSX.Element;
-};
-declare const SdInputText: (props: TextInputProps) => react_jsx_runtime.JSX.Element;
-declare const SdInputEmail: (props: TextInputProps) => react_jsx_runtime.JSX.Element;
-declare const SdInputPassword: (props: PasswordInputProps) => react_jsx_runtime.JSX.Element;
-declare const SdInputTextarea: (props: TextareaProps) => react_jsx_runtime.JSX.Element;
-declare const SdInputJson: (props: JsonInputProps) => react_jsx_runtime.JSX.Element;
-declare const SdInputNumber: (props: NumberInputProps<number>) => react_jsx_runtime.JSX.Element;
-declare const SdInputSlider: ({ label, description, error, required, withAsterisk, ...rest }: Omit<SliderProps, "label" | "error" | "description" | "required" | "withAsterisk"> & WrapperFields) => react_jsx_runtime.JSX.Element;
-declare const SdInputRating: ({ label, description, error, required, withAsterisk, ...rest }: Omit<RatingProps, "label" | "error" | "description" | "required" | "withAsterisk"> & WrapperFields) => react_jsx_runtime.JSX.Element;
-declare const SdInputPinCode: ({ label, description, error, required, withAsterisk, ...rest }: Omit<PinInputProps, "label" | "error" | "description" | "required" | "withAsterisk"> & WrapperFields) => react_jsx_runtime.JSX.Element;
-declare const SdInputSelect: (props: SelectProps<string>) => react_jsx_runtime.JSX.Element;
-declare const SdInputNativeSelect: (props: NativeSelectProps) => react_jsx_runtime.JSX.Element;
-declare const SdInputMultiSelect: (props: MultiSelectProps<string>) => react_jsx_runtime.JSX.Element;
-declare const SdInputAutocomplete: (props: AutocompleteProps) => react_jsx_runtime.JSX.Element;
-declare const SdInputTags: (props: TagsInputProps) => react_jsx_runtime.JSX.Element;
-declare const SdInputRadioGroup: typeof SdInputRadio;
-declare const SdInputSegmented: ({ label, description, error, required, withAsterisk, ...rest }: Omit<SegmentedControlProps<string>, "label" | "error" | "description" | "required" | "withAsterisk"> & WrapperFields) => react_jsx_runtime.JSX.Element;
-declare const SdInputCheckbox: (props: CheckboxProps) => react_jsx_runtime.JSX.Element;
-declare const SdInputSwitch: (props: SwitchProps) => react_jsx_runtime.JSX.Element;
-declare const SdInputFile: (props: FileInputProps<false>) => react_jsx_runtime.JSX.Element;
-declare const SdInputColor: (props: ColorInputProps) => react_jsx_runtime.JSX.Element;
-declare const SdInputDate: (props: DateInputProps) => react_jsx_runtime.JSX.Element;
-declare const SdInputDateRange: (props: DatePickerInputProps<"range">) => react_jsx_runtime.JSX.Element;
-declare const SdInputTime: (props: TimeInputProps) => react_jsx_runtime.JSX.Element;
-
-declare function SkeletonText({ width, ...props }: SkeletonProps): react_jsx_runtime.JSX.Element;
-declare function SkeletonTitle({ width, ...props }: SkeletonProps): react_jsx_runtime.JSX.Element;
-declare function SkeletonImage({ height, ...props }: SkeletonProps): react_jsx_runtime.JSX.Element;
-declare function SkeletonAvatar({ size, ...props }: SkeletonProps & {
-    size?: number;
-}): react_jsx_runtime.JSX.Element;
-interface CardProps {
-    /** Card height (px). Omit to let content determine height. */
-    height?: number;
-    /** Number of body text lines. Defaults to 3. */
-    lines?: number;
-}
-declare function SkeletonCard({ height, lines }: CardProps): react_jsx_runtime.JSX.Element;
-declare const SdSkeleton: {
-    Card: typeof SkeletonCard;
-    Text: typeof SkeletonText;
-    Title: typeof SkeletonTitle;
-    Image: typeof SkeletonImage;
-    Avatar: typeof SkeletonAvatar;
-};
-declare const SdSkeletonCard: typeof SkeletonCard;
-declare const SdSkeletonText: typeof SkeletonText;
-declare const SdSkeletonTitle: typeof SkeletonTitle;
-declare const SdSkeletonImage: typeof SkeletonImage;
-declare const SdSkeletonAvatar: typeof SkeletonAvatar;
-
-type Props = AnchorProps & Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'color' | 'style'> & {
-    children?: ReactNode;
-};
-declare const SdLink: {
-    /** 최상위 강조 — 눈에 띄어야 하는 단일 링크 */
-    Strong: ({ children, onMouseEnter, onMouseLeave, ...props }: Props) => react_jsx_runtime.JSX.Element;
-    /** 기본 — 본문·네비게이션 수준의 일반 링크 */
-    Body: ({ children, onMouseEnter, onMouseLeave, ...props }: Props) => react_jsx_runtime.JSX.Element;
-    /** 보조 — 연락처·정책 등 부가 정보 */
-    Sub: ({ children, onMouseEnter, onMouseLeave, ...props }: Props) => react_jsx_runtime.JSX.Element;
-    /** 최소 강조 — 링크 목록처럼 밀도가 높고 톤을 낮춰야 하는 곳 */
-    Hint: ({ children, onMouseEnter, onMouseLeave, ...props }: Props) => react_jsx_runtime.JSX.Element;
-};
-declare const SdLinkStrong: ({ children, onMouseEnter, onMouseLeave, ...props }: Props) => react_jsx_runtime.JSX.Element;
-declare const SdLinkBody: ({ children, onMouseEnter, onMouseLeave, ...props }: Props) => react_jsx_runtime.JSX.Element;
-declare const SdLinkSub: ({ children, onMouseEnter, onMouseLeave, ...props }: Props) => react_jsx_runtime.JSX.Element;
-declare const SdLinkHint: ({ children, onMouseEnter, onMouseLeave, ...props }: Props) => react_jsx_runtime.JSX.Element;
-
-/**
- * 변형별 색·아이콘·기본 제목. 토스트의 유일한 출처다.
- *
- * `SdToast.Update`가 같은 맵을 읽어 이미 떠 있는 알림을 다른 변형으로 바꾸므로,
- * 톤을 고치려면 여기만 고치면 된다.
- */
-declare const toastStyles: {
-    /** 성공 — 저장·전송 완료 */
-    Success: {
-        color: "green";
-        icon: react_jsx_runtime.JSX.Element;
-        title: string;
-    };
-    /** 실패 — 요청 오류·검증 실패 */
-    Error: {
-        color: "red";
-        icon: react_jsx_runtime.JSX.Element;
-        title: string;
-    };
-    /** 주의 — 되돌릴 수 없는 동작 안내 등 */
-    Warning: {
-        color: "amber";
-        icon: react_jsx_runtime.JSX.Element;
-        title: string;
-    };
-    /** 안내 — 중립 정보 */
-    Info: {
-        color: "primary";
-        icon: react_jsx_runtime.JSX.Element;
-        title: string;
-    };
-    /** 진행 중 — 스피너 + 자동 닫힘 없음. Update로 결과 변형으로 바꾼다. */
-    Loading: {
-        loading: true;
-        autoClose: false;
-        withCloseButton: false;
-        title: string;
-    };
-};
-type ToastVariant = keyof typeof toastStyles;
-declare const SdToast: {
-    Success: (message: ReactNode, options?: Partial<NotificationData>) => string;
-    Error: (message: ReactNode, options?: Partial<NotificationData>) => string;
-    Warning: (message: ReactNode, options?: Partial<NotificationData>) => string;
-    Info: (message: ReactNode, options?: Partial<NotificationData>) => string;
-    Loading: (message: ReactNode, options?: Partial<NotificationData>) => string;
-    /**
-     * 이미 떠 있는 알림을 다른 변형으로 교체한다 — `Loading` → `Success`/`Error` 전환용.
-     * `loading: false`·`autoClose`를 먼저 깔아 두므로 스피너가 그대로 남지 않는다.
-     */
-    Update: (id: string, variant: ToastVariant, message: ReactNode, options?: Partial<NotificationData>) => string | undefined;
-    /** 특정 알림 닫기 */
-    Hide: (id: string) => string;
-    /** 떠 있는 알림 전부 닫기 */
-    Clean: () => void;
-};
-/**
- * 토스트가 실제로 렌더되는 곳. `MantineProvider` 안에 **한 번** 놓는다.
- * 이게 없으면 `SdToast.*` 호출은 조용히 아무 일도 하지 않는다.
- * 소비자 앱에서 `@mantine/notifications/styles.css` 임포트도 필요하다.
- */
-declare function SdToastProvider(props: NotificationsProps): react_jsx_runtime.JSX.Element;
-declare const SdToastSuccess: (message: ReactNode, options?: Partial<NotificationData>) => string;
-declare const SdToastError: (message: ReactNode, options?: Partial<NotificationData>) => string;
-declare const SdToastWarning: (message: ReactNode, options?: Partial<NotificationData>) => string;
-declare const SdToastInfo: (message: ReactNode, options?: Partial<NotificationData>) => string;
-declare const SdToastLoading: (message: ReactNode, options?: Partial<NotificationData>) => string;
-declare const SdToastUpdate: (id: string, variant: ToastVariant, message: ReactNode, options?: Partial<NotificationData>) => string | undefined;
-declare const SdToastHide: (id: string) => string;
-declare const SdToastClean: () => void;
-
-type TitleVariant = 'Display' | 'Section' | 'Card' | 'Sub';
-type ColorVariant = StyleProp<MantineColor> | undefined;
-interface TextBoxProps extends Omit<StackProps, 'title' | 'color'> {
-    label?: ReactNode;
-    title: ReactNode;
-    description: ReactNode;
-    titleVariant?: TitleVariant;
-    maxDescWidth?: number;
-    color?: ColorVariant;
-}
-declare const SdTextBox: {
-    Hero: ({ label, title, description, titleVariant: variantOverride, maxDescWidth, children, color, ...stackProps }: TextBoxProps) => react_jsx_runtime.JSX.Element;
-    Section: ({ label, title, description, titleVariant: variantOverride, maxDescWidth, children, color, ...stackProps }: TextBoxProps) => react_jsx_runtime.JSX.Element;
-    Card: ({ label, title, description, titleVariant: variantOverride, maxDescWidth, children, color, ...stackProps }: TextBoxProps) => react_jsx_runtime.JSX.Element;
-    Sub: ({ label, title, description, titleVariant: variantOverride, maxDescWidth, children, color, ...stackProps }: TextBoxProps) => react_jsx_runtime.JSX.Element;
-};
-declare const SdTextBoxHero: ({ label, title, description, titleVariant: variantOverride, maxDescWidth, children, color, ...stackProps }: TextBoxProps) => react_jsx_runtime.JSX.Element;
-declare const SdTextBoxSection: ({ label, title, description, titleVariant: variantOverride, maxDescWidth, children, color, ...stackProps }: TextBoxProps) => react_jsx_runtime.JSX.Element;
-declare const SdTextBoxCard: ({ label, title, description, titleVariant: variantOverride, maxDescWidth, children, color, ...stackProps }: TextBoxProps) => react_jsx_runtime.JSX.Element;
-declare const SdTextBoxSub: ({ label, title, description, titleVariant: variantOverride, maxDescWidth, children, color, ...stackProps }: TextBoxProps) => react_jsx_runtime.JSX.Element;
-
-interface CommonInfo {
-    id: number;
-    order: number;
-    isShow: boolean;
-    createdAt?: Date;
-    updatedAt?: Date;
-}
-interface NavItem extends CommonInfo {
-    label: string;
-    href?: string;
-    highlight?: boolean;
-    parentId?: number;
-}
-interface HeroCta {
-    label: string;
-    href: string;
-    variant?: 'primary' | 'secondary' | 'outline' | 'white';
-    icon: boolean;
-}
-interface HeroSlide extends CommonInfo {
-    image: string;
-    title: ReactNode;
-    description: string;
-    ctas?: HeroCta[];
-}
-interface FeatureItem extends CommonInfo {
-    icon?: ReactNode;
-    label?: string;
-    title: ReactNode;
-    description?: ReactNode;
-}
-interface CompanyAddress {
-    label: string;
-    address: string;
-    order: number;
-    embbedUrl?: string;
-}
-type SocialPlatform = 'x' | 'youtube' | 'instagram' | 'facebook' | 'linkedin' | 'github' | 'blog';
-interface SocialItem {
-    platform: SocialPlatform;
-    url: string;
-    label?: string;
-}
-interface CompanyInfo {
-    name: string;
-    registrationNumber: string;
-    addresses: CompanyAddress[];
-    tel: string;
-    fax?: string;
-    email: string;
-    copyrightYear: number;
-    socials?: SocialItem[];
-}
-interface TimelineEvent extends CommonInfo {
-    year: number;
-    month: number;
-    title?: string;
-    description: string;
-}
-interface StepItem {
-    title: string;
-    description?: string;
-}
-interface TestimonialItem {
-    lines: string[];
-    name: string;
-    role: string;
-    company?: string;
-    rating?: number;
-    avatar?: string;
-}
-interface PricingFeature {
-    text: string;
-    included: boolean;
-}
-interface PricingItem {
-    name: string;
-    price: string;
-    period?: string;
-    description?: string;
-    features: PricingFeature[];
-    ctaLabel?: string;
-    isPopular?: boolean;
-}
-interface FaqItem {
-    question: string;
-    answer: string;
-}
-interface ClientItem {
-    name: string;
-    url: string;
-    logo: string;
-}
-interface SolutionItem extends CommonInfo {
-    category: string;
-    title: ReactNode;
-    description: string;
-    href?: string;
-    ctaLabel?: string;
-    icon?: ReactNode;
-}
-
-interface SdFeaturesProps {
-    items: FeatureItem[];
-    cols?: SimpleGridProps['cols'];
-}
-declare function SdFeatures({ items, cols }: SdFeaturesProps): react_jsx_runtime.JSX.Element;
-
-interface SdTimelineProps {
-    items: TimelineEvent[];
-}
-declare function SdTimeline({ items }: SdTimelineProps): react_jsx_runtime.JSX.Element;
-
-interface SdStepsProps {
-    items: StepItem[];
-}
-declare function Bubble({ items }: SdStepsProps): react_jsx_runtime.JSX.Element;
-declare function CardVariant({ items }: SdStepsProps): react_jsx_runtime.JSX.Element;
-declare function Strip$1({ items }: SdStepsProps): react_jsx_runtime.JSX.Element;
-declare const SdSteps: {
-    Bubble: typeof Bubble;
-    Card: typeof CardVariant;
-    Strip: typeof Strip$1;
-};
-declare const SdStepsBubble: typeof Bubble;
-declare const SdStepsCard: typeof CardVariant;
-declare const SdStepsStrip: typeof Strip$1;
-
-interface SdTestimonialProps extends BoxProps {
-    item: TestimonialItem;
-}
-declare function CardTestimonial({ item, ...boxProps }: SdTestimonialProps): react_jsx_runtime.JSX.Element;
-declare function Strip({ item, ...boxProps }: SdTestimonialProps): react_jsx_runtime.JSX.Element;
-interface SdTestimonialGridProps {
-    items: TestimonialItem[];
-    cols?: SimpleGridProps['cols'];
-}
-declare function Grid$3({ items, cols }: SdTestimonialGridProps): react_jsx_runtime.JSX.Element;
-declare const SdTestimonial: {
-    /** 카드형 — 그리드 배치용 */
-    Card: typeof CardTestimonial;
-    /** 스트립형 — 단일 강조 후기 */
-    Strip: typeof Strip;
-    /** 카드 그리드 — 여러 후기 목록 */
-    Grid: typeof Grid$3;
-};
-declare const SdTestimonialCard: typeof CardTestimonial;
-declare const SdTestimonialStrip: typeof Strip;
-declare const SdTestimonialGrid: typeof Grid$3;
-
-interface SdPricingCardProps extends Omit<CardProps$1, 'children'> {
-    item: PricingItem;
-    onSelect?: (item: PricingItem) => void;
-}
-declare function Default$1({ item, onSelect, ...cardProps }: SdPricingCardProps): react_jsx_runtime.JSX.Element;
-declare function Featured({ item, onSelect, ...cardProps }: SdPricingCardProps): react_jsx_runtime.JSX.Element;
-interface SdPricingGridProps {
-    items: PricingItem[];
-    cols?: SimpleGridProps['cols'];
-    onSelect?: (item: PricingItem) => void;
-}
-declare function Grid$2({ items, cols, onSelect }: SdPricingGridProps): react_jsx_runtime.JSX.Element;
-declare const SdPricingCard: {
-    /** 기본 outlined 카드 */
-    Default: typeof Default$1;
-    /** 강조 — primary 배경 */
-    Featured: typeof Featured;
-    /** 가격 그리드 (isPopular 항목은 자동으로 Featured 처리) */
-    Grid: typeof Grid$2;
-};
-declare const SdPricingCardDefault: typeof Default$1;
-declare const SdPricingCardFeatured: typeof Featured;
-declare const SdPricingCardGrid: typeof Grid$2;
-
-interface SdFaqProps extends BoxProps {
-    items: FaqItem[];
-}
-declare function Default({ items, ...boxProps }: SdFaqProps): react_jsx_runtime.JSX.Element;
-declare function Filled({ items, ...boxProps }: SdFaqProps): react_jsx_runtime.JSX.Element;
-interface SdFaqWithHeaderProps extends SdFaqProps {
-    label?: string;
-    title: string;
-    description?: string;
-}
-declare function WithHeader({ label, title, description, items, ...boxProps }: SdFaqWithHeaderProps): react_jsx_runtime.JSX.Element;
-declare const SdFaq: {
-    /** separated 스타일 아코디언 */
-    Default: typeof Default;
-    /** filled 배경 아코디언 */
-    Filled: typeof Filled;
-    /** 헤더 + 아코디언 조합 */
-    WithHeader: typeof WithHeader;
-};
-declare const SdFaqDefault: typeof Default;
-declare const SdFaqFilled: typeof Filled;
-declare const SdFaqWithHeader: typeof WithHeader;
-
-interface SdCtaProps extends BoxProps {
-    label?: string;
-    title: string;
-    description?: string;
-    primaryLabel?: string;
-    secondaryLabel?: string;
-    onPrimary?: () => void;
-    onSecondary?: () => void;
-}
-/** 다크 배경 — 섹션 마무리 CTA */
-declare function Banner({ label, title, description, primaryLabel, secondaryLabel, onPrimary, onSecondary, ...boxProps }: SdCtaProps): react_jsx_runtime.JSX.Element;
-/** 라이트 배경 — 페이지 내 삽입 CTA */
-declare function Subtle({ label, title, description, primaryLabel, secondaryLabel, onPrimary, onSecondary, ...boxProps }: SdCtaProps): react_jsx_runtime.JSX.Element;
-/** 좌우 분할 — 텍스트(좌) + 버튼(우) 인라인 CTA */
-declare function Inline({ label, title, description, primaryLabel, secondaryLabel, onPrimary, onSecondary, ...boxProps }: SdCtaProps): react_jsx_runtime.JSX.Element;
-declare const SdCta: {
-    /** 다크 배경 전체폭 CTA */
-    Banner: typeof Banner;
-    /** 라이트 박스형 CTA */
-    Subtle: typeof Subtle;
-    /** 좌우 분할 인라인 CTA */
-    Inline: typeof Inline;
-};
-declare const SdCtaBanner: typeof Banner;
-declare const SdCtaSubtle: typeof Subtle;
-declare const SdCtaInline: typeof Inline;
-
-interface SdSolutionFilteredProps {
-    items: SolutionItem[];
-    allLabel?: string;
-    cols?: SimpleGridProps['cols'];
-    onSelect?: (item: SolutionItem) => void;
-}
-declare function Filtered({ items, allLabel, cols, onSelect }: SdSolutionFilteredProps): react_jsx_runtime.JSX.Element;
-interface SdSolutionListProps {
-    items: SolutionItem[];
-    onSelect?: (item: SolutionItem) => void;
-}
-declare function List({ items, onSelect }: SdSolutionListProps): react_jsx_runtime.JSX.Element;
-declare const SdSolution: {
-    /** 카테고리 탭 필터 + 카드 그리드 (솔루션 페이지 메인) */
-    Filtered: typeof Filtered;
-    /** 수평 리스트 레이아웃 (상세 탐색용) */
-    List: typeof List;
-};
-declare const SdSolutionFiltered: typeof Filtered;
-declare const SdSolutionList: typeof List;
-
-interface SdSolutionCardItemProps extends Omit<CardProps$1, 'children'> {
-    item: SolutionItem;
-    onSelect?: (item: SolutionItem) => void;
-}
-declare function SolutionCardItem({ item, onSelect, ...cardProps }: SdSolutionCardItemProps): react_jsx_runtime.JSX.Element;
-interface SdSolutionGridProps {
-    items: SolutionItem[];
-    cols?: SimpleGridProps['cols'];
-    onSelect?: (item: SolutionItem) => void;
-}
-declare function Grid$1({ items, cols, onSelect }: SdSolutionGridProps): react_jsx_runtime.JSX.Element;
-declare const SdSolutionCard: {
-    /** 단일 compact 카드 */
-    Item: typeof SolutionCardItem;
-    /** 카드 그리드 */
-    Grid: typeof Grid$1;
-};
-declare const SdSolutionCardItem: typeof SolutionCardItem;
-declare const SdSolutionCardGrid: typeof Grid$1;
-
-interface SdClientsGridProps {
-    items: ClientItem[];
-    cols?: SimpleGridProps['cols'];
-    logoHeight?: number;
-}
-declare function Grid({ items, cols, logoHeight, }: SdClientsGridProps): react_jsx_runtime.JSX.Element;
-interface SdClientsMarqueeProps {
-    items: ClientItem[];
-    speed?: number;
-    logoHeight?: number;
-    gap?: number;
-}
-declare function Marquee({ items, speed, logoHeight, gap }: SdClientsMarqueeProps): react_jsx_runtime.JSX.Element;
-declare const SdClients: {
-    /** 반응형 로고 그리드 */
-    Grid: typeof Grid;
-    /** 무한 수평 스크롤 띠 — 호버 시 일시정지 */
-    Marquee: typeof Marquee;
-};
-declare const SdClientsGrid: typeof Grid;
-declare const SdClientsMarquee: typeof Marquee;
-
-interface SdMapSingleProps extends Omit<BoxProps, 'children'> {
-    address: CompanyAddress;
-    height?: number;
-}
-declare function Single({ address, height, ...boxProps }: SdMapSingleProps): react_jsx_runtime.JSX.Element | null;
-interface SdMapTabsProps {
-    addresses: CompanyAddress[];
-    height?: number;
-}
-declare function Tabs({ addresses, height }: SdMapTabsProps): react_jsx_runtime.JSX.Element | null;
-declare const SdMap: {
-    /** 단일 주소 지도 — embbedUrl 없으면 null 반환 */
-    Single: typeof Single;
-    /** 여러 주소 탭 전환 지도 — embbedUrl 있는 항목만 표시 */
-    Tabs: typeof Tabs;
-};
-declare const SdMapSingle: typeof Single;
-declare const SdMapTabs: typeof Tabs;
-
-interface SdBreadcrumbProps extends BoxProps {
-    navItems?: NavItem[];
-    /** 현재 경로. 생략하면 `usePathname()`으로 자동 추론한다. */
-    currentHref?: string;
-    /** 홈(첫 크럼) 링크 대상. 기본 `/`. */
-    homeHref?: string;
-    /** 홈 아이콘의 접근성 라벨. 기본 `홈`. */
-    homeLabel?: string;
-}
-/**
- * 네비게이션 계층 기반 브레드크럼 — `홈 아이콘 > a > b > c`.
- *
- * navItems의 `parentId` 트리에서 현재 경로가 놓인 위치를 찾아 루트까지의 경로를 그린다.
- * 조상 크럼은 클릭 가능한 링크(`SdLink.Sub`), 마지막(현재 페이지) 크럼은 href 없는
- * `SdLink.Body`라 링크가 아닌 강조 텍스트(`SdText.Body`)로 폴백해 현재 위치를 나타낸다.
- */
-declare function SdBreadcrumb({ navItems: navItemsProp, currentHref, homeHref, homeLabel, ...boxProps }: SdBreadcrumbProps): react_jsx_runtime.JSX.Element | undefined;
-
-interface HeroCarouselProps {
-    slides: HeroSlide[];
-    children?: React$1.ReactNode;
-}
-declare function HeroCarousel({ slides, children }: HeroCarouselProps): react_jsx_runtime.JSX.Element;
-
-interface HeaderProps {
-    navItems: NavItem[];
-    loginFlag?: boolean;
-}
-/**
- * Mega 변형(기본) — 헤더 전체가 아래로 확장되며 하위 링크가 상위 항목 아래 컬럼으로
- * 한꺼번에 노출되는 메가 메뉴.
- */
-declare function MegaHeader({ navItems, loginFlag }: HeaderProps): react_jsx_runtime.JSX.Element;
-/**
- * Simple 변형 — 헤더 바 높이는 고정이고, 자식을 가진 상위 항목마다
- * Mantine `Menu`가 하나씩 붙어 개별 드롭다운으로 열린다.
- * 바가 자라지 않으므로 AppShell.Header 높이를 그대로 쓰는 레이아웃에 적합하다.
- */
-declare function SimpleHeader({ navItems, loginFlag }: HeaderProps): react_jsx_runtime.JSX.Element;
-/**
- * Panel 변형 — Simple처럼 바 높이는 60px로 고정하고 상위 항목마다 Mantine `Menu`가 붙지만,
- * 드롭다운 내부는 Mega와 동일한 그룹 레이아웃으로 편다: 손자가 없는 자식은 단일 링크,
- * 손자가 있는 자식은 그룹 제목(`SdLink.Body`) 아래로 손자를 `SdLink.Sub`로 얹는다.
- * Simple의 개별 드롭다운 안정성 + Mega의 풍부한 그룹 구성이 함께 필요할 때 쓴다.
- */
-declare function PanelHeader({ navItems, loginFlag }: HeaderProps): react_jsx_runtime.JSX.Element;
-declare const SdHeader: typeof MegaHeader & {
-    Mega: typeof MegaHeader;
-    Simple: typeof SimpleHeader;
-    Panel: typeof PanelHeader;
-};
-declare const SdHeaderMega: typeof MegaHeader;
-declare const SdHeaderSimple: typeof SimpleHeader;
-declare const SdHeaderPanel: typeof PanelHeader;
-
-interface SdFooterProps {
-    company: CompanyInfo;
-    navItems?: NavItem[];
-    policyLinks?: NavItem[];
-    description?: string;
-}
-declare function SdFooter({ company, navItems, policyLinks, description }: SdFooterProps): react_jsx_runtime.JSX.Element;
-
-interface SdFeatureSectionProps extends Omit<BoxProps, 'title'> {
-    label?: string;
-    title: ReactNode;
-    description?: ReactNode;
-    items: FeatureItem[];
-    cols?: SimpleGridProps['cols'];
-}
-declare function SdFeatureSection({ label, title, description, items, cols, py, ...boxProps }: SdFeatureSectionProps): react_jsx_runtime.JSX.Element;
-
-interface SdTimelineSectionProps extends BoxProps {
-    label?: string;
-    title: ReactNode;
-    description?: ReactNode;
-    items: TimelineEvent[];
-}
-declare function SdTimelineSection({ label, title, description, items, py, ...boxProps }: SdTimelineSectionProps): react_jsx_runtime.JSX.Element;
-
-interface SdStepsSectionProps extends Omit<BoxProps, 'title'> {
-    label?: string;
-    title?: ReactNode;
-    description?: ReactNode;
-    items: StepItem[];
-}
-declare function SdStepsSection({ label, title, description, items, py, ...boxProps }: SdStepsSectionProps): react_jsx_runtime.JSX.Element;
-
-interface SdErrorPageProps {
-    error: Error & {
-        digest?: string;
-    };
-    onReset: () => void;
-    onHome?: () => void;
-}
-declare function Page({ error, onReset, onHome }: SdErrorPageProps): react_jsx_runtime.JSX.Element;
-interface SdErrorNotFoundProps {
-    title?: string;
-    description?: string;
-    onHome?: () => void;
-    onBack?: () => void;
-}
-declare function NotFound({ title, description, onHome, onBack, }: SdErrorNotFoundProps): react_jsx_runtime.JSX.Element;
-declare const SdErrorView: {
-    /** app/error.tsx — 서버/렌더링 오류 + 재시도 버튼 */
-    Page: typeof Page;
-    /** app/not-found.tsx — 404 Not Found */
-    NotFound: typeof NotFound;
-};
-declare const SdErrorViewPage: typeof Page;
-declare const SdErrorViewNotFound: typeof NotFound;
-
-/** 소셜 로그인 제공자 — 아이콘·기본 라벨이 고정된 목록. */
-type LoginProvider = 'google' | 'kakao' | 'naver' | 'apple' | 'github';
-interface LoginSocial {
-    provider: LoginProvider;
-    /** 버튼 라벨. 생략하면 제공자 기본 라벨("구글로 로그인" 등)을 쓴다. */
-    label?: ReactNode;
-    /** OAuth 시작 핸들러. 리다이렉트가 필요하면 여기서 이동시킨다. */
-    onClick?: () => void;
-}
-/** 폼 제출 값. 비제어 폼이라 소비자는 이 값만 받아 인증 로직을 붙이면 된다. */
-interface LoginValues {
-    email: string;
-    password: string;
-    remember: boolean;
-}
-interface SdLoginViewProps {
-    title?: ReactNode;
-    description?: ReactNode;
-    /** 제출 시 폼 값 전달. 소비자가 인증 호출을 담당한다. */
-    onSubmit?: (values: LoginValues) => void;
-    /** 제출 버튼 로딩 상태 */
-    loading?: boolean;
-    /** 인증 실패 메시지 — 폼 상단에 SdText.Error로 노출 */
-    error?: ReactNode;
-    submitLabel?: ReactNode;
-    /** 자동 로그인 체크박스 노출 여부 */
-    withRemember?: boolean;
-    /** 비밀번호 찾기 링크. 없으면 렌더하지 않는다. */
-    findPasswordHref?: string;
-    /** 회원가입 링크. 없으면 하단 안내가 사라진다. */
-    signUpHref?: string;
-    /** 소셜 로그인 버튼. 비어 있으면 구분선까지 함께 사라진다. */
-    socials?: LoginSocial[];
-    /** 폼 아래 추가 슬롯 — 약관 안내·사업자 정보 등 */
-    children?: ReactNode;
-    /** 화면 최소 높이. 카탈로그처럼 좁은 프레임에 담을 때 줄인다. */
-    mih?: string | number;
-}
-declare function Card({ title, description, mih, ...formProps }: SdLoginViewProps): react_jsx_runtime.JSX.Element;
-interface SdLoginSplitProps extends SdLoginViewProps {
-    brandTitle?: ReactNode;
-    brandDescription?: ReactNode;
-}
-declare function Split({ title, description, brandTitle, brandDescription, mih, ...formProps }: SdLoginSplitProps): react_jsx_runtime.JSX.Element;
-declare const SdLoginView: {
-    /** 중앙 정렬 카드 — 기본 로그인 화면 */
-    Card: typeof Card;
-    /** 좌측 브랜드 패널 + 우측 폼 — 넓은 화면용 */
-    Split: typeof Split;
-};
-declare const SdLoginViewCard: typeof Card;
-declare const SdLoginViewSplit: typeof Split;
-
-/** 결과 화면의 액션 버튼. SdButton은 component prop을 받지 못해 href가 아닌 onClick만 받는다. */
-interface ResultAction {
-    label: ReactNode;
-    onClick: () => void;
-}
-interface SdResultProps {
-    title?: ReactNode;
-    description?: ReactNode;
-    /** 주 액션 — filled primary */
-    primaryAction?: ResultAction;
-    /** 보조 액션 — ghost */
-    secondaryAction?: ResultAction;
-    /** 제목·설명과 버튼 사이 상세 슬롯 (주문번호 요약 등) */
-    children?: ReactNode;
-    /** 화면 최소 높이. 좁은 프레임에 담을 때 줄인다. SdErrorView와 같은 기본값. */
-    mih?: string | number;
-}
-declare const SdResult: {
-    /** 성공 — 가입 완료·결제 완료 등 */
-    Success: ({ title, description, primaryAction, secondaryAction, children, mih, }: SdResultProps) => react_jsx_runtime.JSX.Element;
-    /** 실패 — 결제 실패·처리 중 오류 등. 서버 오류·404는 SdErrorView를 쓴다. */
-    Error: ({ title, description, primaryAction, secondaryAction, children, mih, }: SdResultProps) => react_jsx_runtime.JSX.Element;
-};
-declare const SdResultSuccess: ({ title, description, primaryAction, secondaryAction, children, mih, }: SdResultProps) => react_jsx_runtime.JSX.Element;
-declare const SdResultError: ({ title, description, primaryAction, secondaryAction, children, mih, }: SdResultProps) => react_jsx_runtime.JSX.Element;
-
-/** 헤더 변형 선택자 — SdHeader의 네임스페이스 키와 1:1로 대응한다. */
-type HeaderVariant = 'mega' | 'simple' | 'panel';
-declare function MainLayout({ children, navItems, companyInfo, loginFlag, headerVariant, }: {
-    children: React.ReactNode;
-    navItems: NavItem[];
-    companyInfo: CompanyInfo;
-    loginFlag?: boolean;
-    /** 기본 `mega` — hover 시 헤더가 확장되는 메가 메뉴. `simple`은 바 높이 고정 + 개별 드롭다운. `panel`은 바 높이 고정 + 드롭다운 내부를 Mega식 그룹 컬럼으로. */
-    headerVariant?: HeaderVariant;
-}): react_jsx_runtime.JSX.Element;
-
-/**
- * 모든 변형이 공유하는 브레드크럼 설정.
- * `navItems`가 있고 `breadcrumb`이 false가 아니면 본문 최상단에 브레드크럼을 그린다.
- */
-interface BreadcrumbProps {
-    /** 브레드크럼용 네비 트리. 없으면 브레드크럼을 렌더하지 않는다. */
-    navItems?: NavItem[];
-    /** 브레드크럼 표시 여부. 기본 `true` — `navItems`가 있을 때만 실제로 그려진다. `false`로 끈다. */
-    breadcrumb?: boolean;
-    /** 현재 경로 강제 지정. 생략 시 `SdBreadcrumb`가 `usePathname()`으로 추론한다. */
-    currentHref?: string;
-}
-interface PageHeroBaseProps extends BreadcrumbProps {
-    label?: ReactNode;
-    title: ReactNode;
-    description?: ReactNode;
-    children: ReactNode;
-}
-interface WithImageProps extends PageHeroBaseProps {
-    image?: string;
-}
-declare function Minimal({ label, title, description, children, navItems, breadcrumb, currentHref, }: PageHeroBaseProps): react_jsx_runtime.JSX.Element;
-declare function Plain({ children, navItems, breadcrumb, currentHref, }: BreadcrumbProps & {
-    children: ReactNode;
-}): react_jsx_runtime.JSX.Element;
-declare function Image({ image, label, title, description, children, navItems, breadcrumb, currentHref, }: WithImageProps): react_jsx_runtime.JSX.Element;
-declare function Brand({ label, title, description, children, navItems, breadcrumb, currentHref, }: PageHeroBaseProps): react_jsx_runtime.JSX.Element;
-declare const PageLayout: {
-    /** 사진 배경 + 하단 스크림 + 좌측 정렬 텍스트 */
-    Image: typeof Image;
-    /** SdTextBox.Section 타이틀 + Plain 컨테이너 */
-    Minimal: typeof Minimal;
-    /** slate 바탕 + primary 라이트 + 도트 텍스처 */
-    Brand: typeof Brand;
-    /** 히어로 없이 SdContainer + py="xl" 만 */
-    Plain: typeof Plain;
-};
-declare const PageLayoutImage: typeof Image;
-declare const PageLayoutMinimal: typeof Minimal;
-declare const PageLayoutBrand: typeof Brand;
-declare const PageLayoutPlain: typeof Plain;
-
-/**
- * 소비자 앱의 **프로바이더/컨텍스트 조립**을 한 컴포넌트로 묶는다 —
- * `MantineProvider`(테마) + `SdToastProvider`(토스트 렌더 지점) + `NavProvider`(navItems Context).
- * 소비자는 이 셋을 매번 손으로 쌓는 대신 `<SdProvider>` 하나만 렌더한다.
- *
- * 헤더/푸터 크롬(`MainLayout`)이나 페이지 템플릿(`PageLayout`)은 여기 넣지 않는다 —
- * 그건 페이지마다 다를 수 있는 **레이아웃**이라 소비자가 `SdProvider` 안쪽에 직접 배치한다.
- * `SdProvider`가 `NavProvider`로 감싸므로 그 아래 `MainLayout`/`SdBreadcrumb`는 navItems를
- * Context에서 읽는다(브레드크럼은 prop 없이 동작).
- *
- * 담지 않는 것:
- * - 회사명/로고는 여기 없다 — `NEXT_PUBLIC_*` env var로 남는다. `t()`가 서버
- *   컴포넌트인 `SdText`/`SdTitle` 안에서 돌기 때문에 Context로 옮기면 `ui/`
- *   트리 전체가 client가 되어 flat export/서버 렌더 이점을 잃는다. (CLAUDE.md
- *   §Consumer Config Injection 참고.)
- * - `ColorSchemeScript`와 Mantine CSS import는 `<head>`/서버 layout 몫이라
- *   여기서 빼둔다.
- *
- * 색상 오버라이드는 소비자의 `"use client"` 모듈에서 `mergeThemeOverrides(theme, …)`
- * 로 합친 결과를 `theme` prop에 넘긴다. 생략하면 프레임워크 기본 테마를 쓴다.
- */
-declare function SdProvider({ children, theme, navItems, defaultColorScheme, }: {
-    children: React.ReactNode;
-    /** 생략 시 프레임워크 기본 테마. 색 오버라이드는 `mergeThemeOverrides`로 합쳐 넘긴다. */
-    theme?: MantineThemeOverride;
-    navItems: NavItem[];
-    defaultColorScheme?: MantineColorScheme;
-}): react_jsx_runtime.JSX.Element;
-
-/**
- * navItems를 하위 트리에 제공한다. `SdProvider`가 자동으로 감싸므로, 그 아래의
- * `SdBreadcrumb`는 `navItems` prop 없이도 동작한다.
- */
-declare function NavProvider({ children, navItems, }: {
-    children: React.ReactNode;
-    navItems: NavItem[];
-}): react_jsx_runtime.JSX.Element;
-/** 가장 가까운 `NavProvider`가 제공하는 navItems. Provider가 없으면 빈 배열. */
-declare function useNav(): NavItem[];
-
-declare const theme: {
-    focusRing?: "auto" | "always" | "never" | undefined;
-    scale?: number | undefined;
-    fontSmoothing?: boolean | undefined;
-    white?: string | undefined;
-    black?: string | undefined;
-    colors?: {
-        [x: string & {}]: MantineColorsTuple | undefined;
-        dark?: MantineColorsTuple | undefined;
-        gray?: MantineColorsTuple | undefined;
-        red?: MantineColorsTuple | undefined;
-        pink?: MantineColorsTuple | undefined;
-        grape?: MantineColorsTuple | undefined;
-        violet?: MantineColorsTuple | undefined;
-        indigo?: MantineColorsTuple | undefined;
-        blue?: MantineColorsTuple | undefined;
-        cyan?: MantineColorsTuple | undefined;
-        green?: MantineColorsTuple | undefined;
-        lime?: MantineColorsTuple | undefined;
-        yellow?: MantineColorsTuple | undefined;
-        orange?: MantineColorsTuple | undefined;
-        teal?: MantineColorsTuple | undefined;
-    } | undefined;
-    primaryShade?: _mantine_core.MantineColorShade | {
-        light?: _mantine_core.MantineColorShade | undefined;
-        dark?: _mantine_core.MantineColorShade | undefined;
-    } | undefined;
-    primaryColor?: string | undefined;
-    variantColorResolver?: _mantine_core.VariantColorsResolver | undefined;
-    autoContrast?: boolean | undefined;
-    luminanceThreshold?: number | undefined;
-    fontFamily?: string | undefined;
-    fontFamilyMonospace?: string | undefined;
-    headings?: {
-        fontFamily?: string | undefined;
-        fontWeight?: string | undefined;
-        textWrap?: "wrap" | "nowrap" | "balance" | "pretty" | "stable" | undefined;
-        sizes?: {
-            h1?: {
-                fontSize?: string | undefined;
-                fontWeight?: string | undefined;
-                lineHeight?: string | undefined;
-            } | undefined;
-            h2?: {
-                fontSize?: string | undefined;
-                fontWeight?: string | undefined;
-                lineHeight?: string | undefined;
-            } | undefined;
-            h3?: {
-                fontSize?: string | undefined;
-                fontWeight?: string | undefined;
-                lineHeight?: string | undefined;
-            } | undefined;
-            h4?: {
-                fontSize?: string | undefined;
-                fontWeight?: string | undefined;
-                lineHeight?: string | undefined;
-            } | undefined;
-            h5?: {
-                fontSize?: string | undefined;
-                fontWeight?: string | undefined;
-                lineHeight?: string | undefined;
-            } | undefined;
-            h6?: {
-                fontSize?: string | undefined;
-                fontWeight?: string | undefined;
-                lineHeight?: string | undefined;
-            } | undefined;
-        } | undefined;
-    } | undefined;
-    radius?: {
-        [x: string & {}]: string | undefined;
-        xs?: string | undefined;
-        sm?: string | undefined;
-        md?: string | undefined;
-        lg?: string | undefined;
-        xl?: string | undefined;
-    } | undefined;
-    defaultRadius?: _mantine_core.MantineRadius | undefined;
-    spacing?: {
-        [x: number]: string | undefined;
-        [x: string & {}]: string | undefined;
-        xs?: string | undefined;
-        sm?: string | undefined;
-        md?: string | undefined;
-        lg?: string | undefined;
-        xl?: string | undefined;
-    } | undefined;
-    fontSizes?: {
-        [x: string & {}]: string | undefined;
-        xs?: string | undefined;
-        sm?: string | undefined;
-        md?: string | undefined;
-        lg?: string | undefined;
-        xl?: string | undefined;
-    } | undefined;
-    lineHeights?: {
-        [x: string & {}]: string | undefined;
-        xs?: string | undefined;
-        sm?: string | undefined;
-        md?: string | undefined;
-        lg?: string | undefined;
-        xl?: string | undefined;
-    } | undefined;
-    fontWeights?: {
-        [x: string & {}]: string | undefined;
-        bold?: string | undefined;
-        medium?: string | undefined;
-        regular?: string | undefined;
-    } | undefined;
-    breakpoints?: {
-        [x: string & {}]: string | undefined;
-        xs?: string | undefined;
-        sm?: string | undefined;
-        md?: string | undefined;
-        lg?: string | undefined;
-        xl?: string | undefined;
-    } | undefined;
-    shadows?: {
-        [x: string & {}]: string | undefined;
-        xs?: string | undefined;
-        sm?: string | undefined;
-        md?: string | undefined;
-        lg?: string | undefined;
-        xl?: string | undefined;
-    } | undefined;
-    respectReducedMotion?: boolean | undefined;
-    cursorType?: "default" | "pointer" | undefined;
-    defaultGradient?: {
-        from?: string | undefined;
-        to?: string | undefined;
-        deg?: number | undefined;
-    } | undefined;
-    activeClassName?: string | undefined;
-    focusClassName?: string | undefined;
-    components?: {
-        [x: string]: {
-            classNames?: any;
-            styles?: any;
-            vars?: any;
-            defaultProps?: any;
-        } | undefined;
-    } | undefined;
-    other?: {
-        [x: string]: any;
-    } | undefined;
-};
-
-export { type HeaderVariant, HeroCarousel, Logo, MainLayout, type NavItem, NavProvider, PageLayout, PageLayoutBrand, PageLayoutImage, PageLayoutMinimal, PageLayoutPlain, SdBadge, SdBadgeDefault, SdBadgePrimary, SdBadgeSuccess, SdBadgeWarning, SdBreadcrumb, SdButton, SdButtonCancel, SdButtonDelete, SdButtonDownload, SdButtonExcel, SdButtonGhost, SdButtonOutline, SdButtonPrimary, SdButtonSecondary, SdButtonSubmit, SdButtonWhite, SdClients, SdClientsGrid, SdClientsMarquee, SdContainer, SdCta, SdCtaBanner, SdCtaInline, SdCtaSubtle, SdErrorView, SdErrorViewNotFound, SdErrorViewPage, SdFaq, SdFaqDefault, SdFaqFilled, SdFaqWithHeader, SdFeatureSection, SdFeatures, SdFooter, SdHeader, SdHeaderMega, SdHeaderPanel, SdHeaderSimple, SdInput, SdInputAutocomplete, SdInputCheckbox, SdInputColor, SdInputDate, SdInputDateRange, SdInputEmail, SdInputFile, SdInputJson, SdInputMultiSelect, SdInputNativeSelect, SdInputNumber, SdInputPassword, SdInputPinCode, SdInputRadioGroup, SdInputRating, SdInputSegmented, SdInputSelect, SdInputSlider, SdInputSwitch, SdInputTags, SdInputText, SdInputTextarea, SdInputTime, SdLink, SdLinkBody, SdLinkHint, SdLinkStrong, SdLinkSub, SdLoginView, SdLoginViewCard, SdLoginViewSplit, SdMap, SdMapSingle, SdMapTabs, SdModal, SdNumberIcon, SdPricingCard, SdPricingCardDefault, SdPricingCardFeatured, SdPricingCardGrid, SdProvider, SdQuote, SdQuoteCard, SdQuotePlain, SdResult, SdResultError, SdResultSuccess, SdSkeleton, SdSkeletonAvatar, SdSkeletonCard, SdSkeletonImage, SdSkeletonText, SdSkeletonTitle, SdSolution, SdSolutionCard, SdSolutionCardGrid, SdSolutionCardItem, SdSolutionFiltered, SdSolutionList, SdSteps, SdStepsBubble, SdStepsCard, SdStepsSection, SdStepsStrip, SdTable, SdTableSpec, SdTabs, SdTabsOutline, SdTabsPills, SdTabsUnderline, SdTestimonial, SdTestimonialCard, SdTestimonialGrid, SdTestimonialStrip, SdText, SdTextBody, SdTextBox, SdTextBoxCard, SdTextBoxHero, SdTextBoxSection, SdTextBoxSub, SdTextError, SdTextEyebrow, SdTextHint, SdTextNumeric, SdTextStrong, SdTextSub, SdTimeline, SdTimelineSection, SdTitle, SdTitleCard, SdTitleDisplay, SdTitleSection, SdTitleSub, SdToast, SdToastClean, SdToastError, SdToastHide, SdToastInfo, SdToastLoading, SdToastProvider, SdToastSuccess, SdToastUpdate, SdToastWarning, theme, useNav };