@yeongseoksong/framework 0.1.0

package/dist/ui/index.d.mts

@@ -0,0 +1,799 @@
+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, SelectProps, StackProps, StyleProp, MantineColor, SimpleGridProps, CardProps, MantineColorsTuple } from '@mantine/core';
+import React$1, { ReactNode, ComponentPropsWithoutRef } 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';
+
+interface LogoProps {
+    size?: MantineSize;
+}
+declare function Logo(_props: LogoProps): react_jsx_runtime.JSX.Element;
+
+declare function SdPanel({ children, ...props }: TabsPanelProps): react_jsx_runtime.JSX.Element;
+declare const SdTabs: {
+    Pills: {
+        (props: TabsProps): 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: {
+        (props: TabsProps): 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: {
+        (props: TabsProps): 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$3 = TitleProps & {
+    children?: ReactNode;
+};
+declare const SdTitle: {
+    /** 히어로 대제목 — h1, clamp 폰트 */
+    Display: ({ children, ...props }: Props$3) => react_jsx_runtime.JSX.Element;
+    /** 섹션 제목  */
+    Section: ({ children, ...props }: Props$3) => react_jsx_runtime.JSX.Element;
+    /** 카드·모달 제목 — */
+    Card: ({ children, ...props }: Props$3) => react_jsx_runtime.JSX.Element;
+    /** 소제목  */
+    Sub: ({ children, ...props }: Props$3) => react_jsx_runtime.JSX.Element;
+};
+
+type Props$2 = TextProps & {
+    children?: ReactNode;
+};
+declare const SdText: {
+    Strong: ({ children, ...props }: Props$2) => react_jsx_runtime.JSX.Element;
+    Body: ({ children, ...props }: Props$2) => react_jsx_runtime.JSX.Element;
+    Sub: ({ children, ...props }: Props$2) => react_jsx_runtime.JSX.Element;
+    Eyebrow: ({ children, ...props }: Props$2) => react_jsx_runtime.JSX.Element;
+    Error: ({ children, ...props }: Props$2) => react_jsx_runtime.JSX.Element;
+    Hint: ({ children, ...props }: Props$2) => react_jsx_runtime.JSX.Element;
+    Numeric: ({ children, ...props }: Props$2) => react_jsx_runtime.JSX.Element;
+};
+
+type Props$1 = ButtonProps & ComponentPropsWithoutRef<"button"> & {
+    children?: ReactNode;
+};
+declare const SdButton: {
+    /** 주요 액션 — filled primary */
+    Primary: ({ children, ...props }: Props$1) => react_jsx_runtime.JSX.Element;
+    /** 보조 액션 — outline */
+    Outline: ({ children, ...props }: Props$1) => react_jsx_runtime.JSX.Element;
+    /** 텍스트 수준 — subtle */
+    Ghost: ({ children, ...props }: Props$1) => react_jsx_runtime.JSX.Element;
+    /** 다크 배경 위 — white */
+    White: ({ children, ...props }: Props$1) => react_jsx_runtime.JSX.Element;
+    /** 삭제 — filled red + 휴지통 아이콘 */
+    Delete: ({ children, ...props }: Props$1) => react_jsx_runtime.JSX.Element;
+    /** 취소 — outline slate + X 아이콘 */
+    Cancel: ({ children, ...props }: Props$1) => 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 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 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 = BadgeProps & {
+    children?: ReactNode;
+};
+declare const SdBadge: {
+    /** 기본 — outline slate */
+    Default: ({ children, ...props }: Props) => react_jsx_runtime.JSX.Element;
+    /** 브랜드 강조 — light primary */
+    Primary: ({ children, ...props }: Props) => react_jsx_runtime.JSX.Element;
+    /** 성공/완료 */
+    Success: ({ children, ...props }: Props) => react_jsx_runtime.JSX.Element;
+    /** 주의/경고 */
+    Warning: ({ children, ...props }: Props) => 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;
+    /** 드롭다운 선택 */
+    Select: ({ ...props }: SelectProps) => react_jsx_runtime.JSX.Element;
+};
+
+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;
+};
+
+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 HeroSlide extends CommonInfo {
+    image: string;
+    title: ReactNode;
+    description: string;
+}
+interface FeatureItem extends CommonInfo {
+    icon?: ReactNode;
+    label?: string;
+    title: ReactNode;
+    description?: ReactNode;
+}
+interface CompanyAddress {
+    label: string;
+    address: string;
+    order: number;
+    embbedUrl?: string;
+}
+interface CompanyInfo {
+    name: string;
+    registrationNumber: string;
+    addresses: CompanyAddress[];
+    tel: string;
+    fax?: string;
+    email: string;
+    copyrightYear: number;
+}
+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;
+};
+
+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;
+};
+
+interface SdPricingCardProps extends Omit<CardProps, "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;
+};
+
+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;
+};
+
+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;
+};
+
+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;
+};
+
+interface SdSolutionCardItemProps extends Omit<CardProps, "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;
+};
+
+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;
+};
+
+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;
+};
+
+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;
+    children?: ReactNode;
+}
+declare function SdHeader({ navItems, loginFlag, children }: HeaderProps): react_jsx_runtime.JSX.Element;
+
+interface SdFooterProps {
+    company: CompanyInfo;
+    utilityLinks?: NavItem[];
+    policyLinks?: NavItem[];
+}
+declare function SdFooter({ company, utilityLinks, policyLinks }: 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 function MainLayout({ children, navItems, companyInfo }: {
+    children: React.ReactNode;
+    navItems: NavItem[];
+    companyInfo: CompanyInfo;
+}): react_jsx_runtime.JSX.Element;
+
+interface PageHeroBaseProps {
+    label?: ReactNode;
+    title: ReactNode;
+    description?: ReactNode;
+    children: ReactNode;
+}
+interface WithImageProps extends PageHeroBaseProps {
+    image?: string;
+}
+declare function Minimal({ label, title, description, children }: PageHeroBaseProps): react_jsx_runtime.JSX.Element;
+declare function Plain({ children }: {
+    children: ReactNode;
+}): react_jsx_runtime.JSX.Element;
+declare function Image({ image, label, title, description, children }: WithImageProps): react_jsx_runtime.JSX.Element;
+declare function Brand({ label, title, description, children }: PageHeroBaseProps): react_jsx_runtime.JSX.Element;
+declare const PageLayout: {
+    /** 이미지 배경 + 대각선 그라디언트 + 좌하단 텍스트 */
+    Image: typeof Image;
+    /** SdTextBox.Section 타이틀 + Plain 컨테이너 */
+    Minimal: typeof Minimal;
+    /** primary 그라디언트 배경 + 중앙 텍스트 */
+    Brand: typeof Brand;
+    /** 히어로 없이 SdContainer + py="xl" 만 */
+    Plain: typeof Plain;
+};
+
+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 { HeroCarousel, Logo, MainLayout, type NavItem, PageLayout, SdBadge, SdButton, SdClients, SdContainer, SdCta, SdErrorView, SdFaq, SdFeatureSection, SdFeatures, SdFooter, SdHeader, SdInput, SdMap, SdModal, SdNumberIcon, SdPricingCard, SdQuote, SdSolution, SdSolutionCard, SdSteps, SdStepsSection, SdTable, SdTabs, SdTestimonial, SdText, SdTextBox, SdTimeline, SdTimelineSection, SdTitle, theme };