@yeongseoksong/framework 0.1.0 → 1.0.2

package/dist/ui/index.d.ts

@@ -1,6 +1,6 @@
 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 { MantineSize, TabsProps, TabsListProps, TabsPanelProps, TitleProps, TextProps, ButtonProps, BoxProps, TableProps, ModalProps, ThemeIconProps, ContainerProps, BadgeProps, TextInputProps, PasswordInputProps, TextareaProps, SelectProps, SkeletonProps, StackProps, StyleProp, MantineColor, SimpleGridProps, CardProps as CardProps$1, 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';
@@ -63,6 +63,54 @@ declare const SdTabs: {
         Panel: typeof SdPanel;
     };
 };
+declare const SdTabsPills: {
+    (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;
+};
+declare const SdTabsUnderline: {
+    (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;
+};
+declare const SdTabsOutline: {
+    (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;
@@ -97,6 +145,8 @@ type Props$1 = ButtonProps & ComponentPropsWithoutRef<"button"> & {
 declare const SdButton: {
     /** 주요 액션 — filled primary */
     Primary: ({ children, ...props }: Props$1) => react_jsx_runtime.JSX.Element;
+    /** 보조 액션 — white bg + slate text */
+    Secondary: ({ children, ...props }: Props$1) => react_jsx_runtime.JSX.Element;
     /** 보조 액션 — outline */
     Outline: ({ children, ...props }: Props$1) => react_jsx_runtime.JSX.Element;
     /** 텍스트 수준 — subtle */
@@ -108,6 +158,13 @@ declare const SdButton: {
     /** 취소 — outline slate + X 아이콘 */
     Cancel: ({ children, ...props }: Props$1) => react_jsx_runtime.JSX.Element;
 };
+declare const SdButtonPrimary: ({ children, ...props }: Props$1) => react_jsx_runtime.JSX.Element;
+declare const SdButtonSecondary: ({ children, ...props }: Props$1) => react_jsx_runtime.JSX.Element;
+declare const SdButtonOutline: ({ children, ...props }: Props$1) => react_jsx_runtime.JSX.Element;
+declare const SdButtonGhost: ({ children, ...props }: Props$1) => react_jsx_runtime.JSX.Element;
+declare const SdButtonWhite: ({ children, ...props }: Props$1) => react_jsx_runtime.JSX.Element;
+declare const SdButtonDelete: ({ children, ...props }: Props$1) => react_jsx_runtime.JSX.Element;
+declare const SdButtonCancel: ({ children, ...props }: Props$1) => react_jsx_runtime.JSX.Element;
 
 interface SdQuoteProps extends BoxProps {
     lines: string[];
@@ -263,6 +320,32 @@ declare const SdInput: {
     Select: ({ ...props }: SelectProps) => 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 TitleVariant = "Display" | "Section" | "Card" | "Sub";
 type ColorVariant = StyleProp<MantineColor> | undefined;
 interface TextBoxProps extends Omit<StackProps, "title" | "color"> {
@@ -279,6 +362,10 @@ declare const SdTextBox: {
     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;
@@ -293,10 +380,17 @@ interface NavItem extends CommonInfo {
     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;
@@ -410,7 +504,7 @@ declare const SdTestimonial: {
     Grid: typeof Grid$3;
 };
 
-interface SdPricingCardProps extends Omit<CardProps, "children"> {
+interface SdPricingCardProps extends Omit<CardProps$1, "children"> {
     item: PricingItem;
     onSelect?: (item: PricingItem) => void;
 }
@@ -494,7 +588,7 @@ declare const SdSolution: {
     List: typeof List;
 };
 
-interface SdSolutionCardItemProps extends Omit<CardProps, "children"> {
+interface SdSolutionCardItemProps extends Omit<CardProps$1, "children"> {
     item: SolutionItem;
     onSelect?: (item: SolutionItem) => void;
 }
@@ -531,6 +625,8 @@ declare const SdClients: {
     /** 무한 수평 스크롤 띠 — 호버 시 일시정지 */
     Marquee: typeof Marquee;
 };
+declare const SdClientsGrid: typeof Grid;
+declare const SdClientsMarquee: typeof Marquee;
 
 interface SdMapSingleProps extends Omit<BoxProps, "children"> {
     address: CompanyAddress;
@@ -548,6 +644,8 @@ declare const SdMap: {
     /** 여러 주소 탭 전환 지도 — embbedUrl 있는 항목만 표시 */
     Tabs: typeof Tabs;
 };
+declare const SdMapSingle: typeof Single;
+declare const SdMapTabs: typeof Tabs;
 
 interface HeroCarouselProps {
     slides: HeroSlide[];
@@ -564,10 +662,11 @@ declare function SdHeader({ navItems, loginFlag, children }: HeaderProps): react
 
 interface SdFooterProps {
     company: CompanyInfo;
-    utilityLinks?: NavItem[];
+    navItems?: NavItem[];
     policyLinks?: NavItem[];
+    description?: string;
 }
-declare function SdFooter({ company, utilityLinks, policyLinks }: SdFooterProps): react_jsx_runtime.JSX.Element;
+declare function SdFooter({ company, navItems, policyLinks, description }: SdFooterProps): react_jsx_runtime.JSX.Element;
 
 interface SdFeatureSectionProps extends Omit<BoxProps, 'title'> {
     label?: string;
@@ -796,4 +895,4 @@ declare const theme: {
     } | 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 };
+export { HeroCarousel, Logo, MainLayout, type NavItem, PageLayout, SdBadge, SdButton, SdButtonCancel, SdButtonDelete, SdButtonGhost, SdButtonOutline, SdButtonPrimary, SdButtonSecondary, SdButtonWhite, SdClients, SdClientsGrid, SdClientsMarquee, SdContainer, SdCta, SdErrorView, SdFaq, SdFeatureSection, SdFeatures, SdFooter, SdHeader, SdInput, SdMap, SdMapSingle, SdMapTabs, SdModal, SdNumberIcon, SdPricingCard, SdQuote, SdSkeleton, SdSkeletonAvatar, SdSkeletonCard, SdSkeletonImage, SdSkeletonText, SdSkeletonTitle, SdSolution, SdSolutionCard, SdSteps, SdStepsSection, SdTable, SdTabs, SdTabsOutline, SdTabsPills, SdTabsUnderline, SdTestimonial, SdText, SdTextBox, SdTextBoxCard, SdTextBoxHero, SdTextBoxSection, SdTextBoxSub, SdTimeline, SdTimelineSection, SdTitle, theme };