@yeongseoksong/framework 1.1.0 → 1.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +121 -34
- package/dist/types/index.d.mts +8 -1
- package/dist/types/index.d.ts +8 -1
- package/dist/ui/index.cjs +885 -571
- package/dist/ui/index.d.mts +168 -52
- package/dist/ui/index.d.ts +168 -52
- package/dist/ui/index.mjs +759 -500
- package/dist/util/index.cjs +17 -2
- package/dist/util/index.d.mts +12 -1
- package/dist/util/index.d.ts +12 -1
- package/dist/util/index.mjs +14 -1
- package/package.json +2 -2
package/dist/ui/index.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import * as _mantine_core from '@mantine/core';
|
|
3
|
-
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';
|
|
4
|
-
import React$1, { ReactNode, ComponentPropsWithoutRef } from 'react';
|
|
3
|
+
import { MantineSize, TabsProps, TabsListProps, TabsPanelProps, TitleProps, TextProps, ButtonProps, BoxProps, TableProps, ModalProps, ThemeIconProps, ContainerProps, BadgeProps, TextInputProps, PasswordInputProps, TextareaProps, SelectProps, SkeletonProps, AnchorProps, StackProps, StyleProp, MantineColor, SimpleGridProps, CardProps as CardProps$1, MantineColorsTuple } from '@mantine/core';
|
|
4
|
+
import React$1, { ReactNode, ComponentPropsWithoutRef, AnchorHTMLAttributes } from 'react';
|
|
5
5
|
import * as _mantine_core_lib_components_Modal_ModalCloseButton from '@mantine/core/lib/components/Modal/ModalCloseButton';
|
|
6
6
|
import * as _mantine_core_lib_components_Modal_ModalBody from '@mantine/core/lib/components/Modal/ModalBody';
|
|
7
7
|
import * as _mantine_core_lib_components_Modal_ModalTitle from '@mantine/core/lib/components/Modal/ModalTitle';
|
|
@@ -112,59 +112,79 @@ declare const SdTabsOutline: {
|
|
|
112
112
|
Panel: typeof SdPanel;
|
|
113
113
|
};
|
|
114
114
|
|
|
115
|
-
type Props$
|
|
115
|
+
type Props$4 = TitleProps & {
|
|
116
116
|
children?: ReactNode;
|
|
117
117
|
};
|
|
118
118
|
declare const SdTitle: {
|
|
119
119
|
/** 히어로 대제목 — h1, clamp 폰트 */
|
|
120
|
-
Display: ({ children, ...props }: Props$
|
|
120
|
+
Display: ({ children, ...props }: Props$4) => react_jsx_runtime.JSX.Element;
|
|
121
121
|
/** 섹션 제목 */
|
|
122
|
-
Section: ({ children, ...props }: Props$
|
|
122
|
+
Section: ({ children, ...props }: Props$4) => react_jsx_runtime.JSX.Element;
|
|
123
123
|
/** 카드·모달 제목 — */
|
|
124
|
-
Card: ({ children, ...props }: Props$
|
|
124
|
+
Card: ({ children, ...props }: Props$4) => react_jsx_runtime.JSX.Element;
|
|
125
125
|
/** 소제목 */
|
|
126
|
-
Sub: ({ children, ...props }: Props$
|
|
126
|
+
Sub: ({ children, ...props }: Props$4) => react_jsx_runtime.JSX.Element;
|
|
127
127
|
};
|
|
128
|
+
declare const SdTitleDisplay: ({ children, ...props }: Props$4) => react_jsx_runtime.JSX.Element;
|
|
129
|
+
declare const SdTitleSection: ({ children, ...props }: Props$4) => react_jsx_runtime.JSX.Element;
|
|
130
|
+
declare const SdTitleCard: ({ children, ...props }: Props$4) => react_jsx_runtime.JSX.Element;
|
|
131
|
+
declare const SdTitleSub: ({ children, ...props }: Props$4) => react_jsx_runtime.JSX.Element;
|
|
128
132
|
|
|
129
|
-
type Props$
|
|
133
|
+
type Props$3 = TextProps & {
|
|
130
134
|
children?: ReactNode;
|
|
131
135
|
};
|
|
132
136
|
declare const SdText: {
|
|
133
|
-
Strong: ({ children, ...props }: Props$
|
|
134
|
-
Body: ({ children, ...props }: Props$
|
|
135
|
-
Sub: ({ children, ...props }: Props$
|
|
136
|
-
Eyebrow: ({ children, ...props }: Props$
|
|
137
|
-
Error: ({ children, ...props }: Props$
|
|
138
|
-
Hint: ({ children, ...props }: Props$
|
|
139
|
-
Numeric: ({ children, ...props }: Props$
|
|
137
|
+
Strong: ({ children, ...props }: Props$3) => react_jsx_runtime.JSX.Element;
|
|
138
|
+
Body: ({ children, ...props }: Props$3) => react_jsx_runtime.JSX.Element;
|
|
139
|
+
Sub: ({ children, ...props }: Props$3) => react_jsx_runtime.JSX.Element;
|
|
140
|
+
Eyebrow: ({ children, ...props }: Props$3) => react_jsx_runtime.JSX.Element;
|
|
141
|
+
Error: ({ children, ...props }: Props$3) => react_jsx_runtime.JSX.Element;
|
|
142
|
+
Hint: ({ children, ...props }: Props$3) => react_jsx_runtime.JSX.Element;
|
|
143
|
+
Numeric: ({ children, ...props }: Props$3) => react_jsx_runtime.JSX.Element;
|
|
140
144
|
};
|
|
141
|
-
|
|
142
|
-
|
|
145
|
+
declare const SdTextStrong: ({ children, ...props }: Props$3) => react_jsx_runtime.JSX.Element;
|
|
146
|
+
declare const SdTextBody: ({ children, ...props }: Props$3) => react_jsx_runtime.JSX.Element;
|
|
147
|
+
declare const SdTextSub: ({ children, ...props }: Props$3) => react_jsx_runtime.JSX.Element;
|
|
148
|
+
declare const SdTextEyebrow: ({ children, ...props }: Props$3) => react_jsx_runtime.JSX.Element;
|
|
149
|
+
declare const SdTextError: ({ children, ...props }: Props$3) => react_jsx_runtime.JSX.Element;
|
|
150
|
+
declare const SdTextHint: ({ children, ...props }: Props$3) => react_jsx_runtime.JSX.Element;
|
|
151
|
+
declare const SdTextNumeric: ({ children, ...props }: Props$3) => react_jsx_runtime.JSX.Element;
|
|
152
|
+
|
|
153
|
+
type Props$2 = ButtonProps & ComponentPropsWithoutRef<'button'> & {
|
|
143
154
|
children?: ReactNode;
|
|
144
155
|
};
|
|
145
156
|
declare const SdButton: {
|
|
146
157
|
/** 주요 액션 — filled primary */
|
|
147
|
-
Primary: ({ children, ...props }: Props$
|
|
158
|
+
Primary: ({ children, ...props }: Props$2) => react_jsx_runtime.JSX.Element;
|
|
148
159
|
/** 보조 액션 — white bg + slate text */
|
|
149
|
-
Secondary: ({ children, ...props }: Props$
|
|
160
|
+
Secondary: ({ children, ...props }: Props$2) => react_jsx_runtime.JSX.Element;
|
|
150
161
|
/** 보조 액션 — outline */
|
|
151
|
-
Outline: ({ children, ...props }: Props$
|
|
162
|
+
Outline: ({ children, ...props }: Props$2) => react_jsx_runtime.JSX.Element;
|
|
152
163
|
/** 텍스트 수준 — subtle */
|
|
153
|
-
Ghost: ({ children, ...props }: Props$
|
|
164
|
+
Ghost: ({ children, ...props }: Props$2) => react_jsx_runtime.JSX.Element;
|
|
154
165
|
/** 다크 배경 위 — white */
|
|
155
|
-
White: ({ children, ...props }: Props$
|
|
156
|
-
/**
|
|
157
|
-
|
|
158
|
-
/**
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
declare const
|
|
166
|
+
White: ({ children, ...props }: Props$2) => react_jsx_runtime.JSX.Element;
|
|
167
|
+
/** 전송 — filled primary + 종이비행기 아이콘, 기본 라벨 "전송" */
|
|
168
|
+
Submit: ({ children, ...props }: Props$2) => react_jsx_runtime.JSX.Element;
|
|
169
|
+
/** 삭제 — filled red + 휴지통 아이콘, 기본 라벨 "삭제" */
|
|
170
|
+
Delete: ({ children, ...props }: Props$2) => react_jsx_runtime.JSX.Element;
|
|
171
|
+
/** 취소 — outline slate + X 아이콘, 기본 라벨 "취소" */
|
|
172
|
+
Cancel: ({ children, ...props }: Props$2) => react_jsx_runtime.JSX.Element;
|
|
173
|
+
/** 엑셀 — outline green + 스프레드시트 아이콘, 기본 라벨 "엑셀" */
|
|
174
|
+
Excel: ({ children, ...props }: Props$2) => react_jsx_runtime.JSX.Element;
|
|
175
|
+
/** 다운로드 — light primary + 다운로드 아이콘, 기본 라벨 "다운로드" */
|
|
176
|
+
Download: ({ children, ...props }: Props$2) => react_jsx_runtime.JSX.Element;
|
|
177
|
+
};
|
|
178
|
+
declare const SdButtonPrimary: ({ children, ...props }: Props$2) => react_jsx_runtime.JSX.Element;
|
|
179
|
+
declare const SdButtonSecondary: ({ children, ...props }: Props$2) => react_jsx_runtime.JSX.Element;
|
|
180
|
+
declare const SdButtonOutline: ({ children, ...props }: Props$2) => react_jsx_runtime.JSX.Element;
|
|
181
|
+
declare const SdButtonGhost: ({ children, ...props }: Props$2) => react_jsx_runtime.JSX.Element;
|
|
182
|
+
declare const SdButtonWhite: ({ children, ...props }: Props$2) => react_jsx_runtime.JSX.Element;
|
|
183
|
+
declare const SdButtonSubmit: ({ children, ...props }: Props$2) => react_jsx_runtime.JSX.Element;
|
|
184
|
+
declare const SdButtonDelete: ({ children, ...props }: Props$2) => react_jsx_runtime.JSX.Element;
|
|
185
|
+
declare const SdButtonCancel: ({ children, ...props }: Props$2) => react_jsx_runtime.JSX.Element;
|
|
186
|
+
declare const SdButtonExcel: ({ children, ...props }: Props$2) => react_jsx_runtime.JSX.Element;
|
|
187
|
+
declare const SdButtonDownload: ({ children, ...props }: Props$2) => react_jsx_runtime.JSX.Element;
|
|
168
188
|
|
|
169
189
|
interface SdQuoteProps extends BoxProps {
|
|
170
190
|
lines: string[];
|
|
@@ -177,6 +197,8 @@ declare const SdQuote: {
|
|
|
177
197
|
Plain: typeof Plain$1;
|
|
178
198
|
Card: typeof CardQuote;
|
|
179
199
|
};
|
|
200
|
+
declare const SdQuotePlain: typeof Plain$1;
|
|
201
|
+
declare const SdQuoteCard: typeof CardQuote;
|
|
180
202
|
|
|
181
203
|
declare const SdTable: {
|
|
182
204
|
(props: TableProps): react_jsx_runtime.JSX.Element;
|
|
@@ -257,6 +279,45 @@ declare const SdTable: {
|
|
|
257
279
|
}>;
|
|
258
280
|
};
|
|
259
281
|
};
|
|
282
|
+
declare const SdTableSpec: {
|
|
283
|
+
(props: TableProps): react_jsx_runtime.JSX.Element;
|
|
284
|
+
Thead: _mantine_core.MantineComponent<{
|
|
285
|
+
props: _mantine_core.TableTheadProps;
|
|
286
|
+
ref: HTMLTableSectionElement;
|
|
287
|
+
stylesNames: "thead";
|
|
288
|
+
compound: true;
|
|
289
|
+
}>;
|
|
290
|
+
Tbody: _mantine_core.MantineComponent<{
|
|
291
|
+
props: _mantine_core.TableTbodyProps;
|
|
292
|
+
ref: HTMLTableSectionElement;
|
|
293
|
+
stylesNames: "tbody";
|
|
294
|
+
compound: true;
|
|
295
|
+
}>;
|
|
296
|
+
Tr: _mantine_core.MantineComponent<{
|
|
297
|
+
props: _mantine_core.TableTrProps;
|
|
298
|
+
ref: HTMLTableRowElement;
|
|
299
|
+
stylesNames: "tr";
|
|
300
|
+
compound: true;
|
|
301
|
+
}>;
|
|
302
|
+
Th: _mantine_core.MantineComponent<{
|
|
303
|
+
props: _mantine_core.TableThProps;
|
|
304
|
+
ref: HTMLTableCellElement;
|
|
305
|
+
stylesNames: "th";
|
|
306
|
+
compound: true;
|
|
307
|
+
}>;
|
|
308
|
+
Td: _mantine_core.MantineComponent<{
|
|
309
|
+
props: _mantine_core.TableTdProps;
|
|
310
|
+
ref: HTMLTableCellElement;
|
|
311
|
+
stylesNames: "td";
|
|
312
|
+
compound: true;
|
|
313
|
+
}>;
|
|
314
|
+
Caption: _mantine_core.MantineComponent<{
|
|
315
|
+
props: _mantine_core.TableCaptionProps;
|
|
316
|
+
ref: HTMLTableCaptionElement;
|
|
317
|
+
stylesNames: "caption";
|
|
318
|
+
compound: true;
|
|
319
|
+
}>;
|
|
320
|
+
};
|
|
260
321
|
|
|
261
322
|
declare const SdModal: {
|
|
262
323
|
(props: ModalProps): react_jsx_runtime.JSX.Element;
|
|
@@ -286,26 +347,30 @@ declare const SdModal: {
|
|
|
286
347
|
}>;
|
|
287
348
|
};
|
|
288
349
|
|
|
289
|
-
interface SdNumberIconProps extends Omit<ThemeIconProps,
|
|
350
|
+
interface SdNumberIconProps extends Omit<ThemeIconProps, 'children'> {
|
|
290
351
|
value: string;
|
|
291
352
|
}
|
|
292
353
|
declare function SdNumberIcon({ value, size, radius, color, ...props }: SdNumberIconProps): react_jsx_runtime.JSX.Element;
|
|
293
354
|
|
|
294
355
|
declare function SdContainer({ children, ...props }: ContainerProps): react_jsx_runtime.JSX.Element;
|
|
295
356
|
|
|
296
|
-
type Props = BadgeProps & {
|
|
357
|
+
type Props$1 = BadgeProps & {
|
|
297
358
|
children?: ReactNode;
|
|
298
359
|
};
|
|
299
360
|
declare const SdBadge: {
|
|
300
361
|
/** 기본 — outline slate */
|
|
301
|
-
Default: ({ children, ...props }: Props) => react_jsx_runtime.JSX.Element;
|
|
362
|
+
Default: ({ children, ...props }: Props$1) => react_jsx_runtime.JSX.Element;
|
|
302
363
|
/** 브랜드 강조 — light primary */
|
|
303
|
-
Primary: ({ children, ...props }: Props) => react_jsx_runtime.JSX.Element;
|
|
364
|
+
Primary: ({ children, ...props }: Props$1) => react_jsx_runtime.JSX.Element;
|
|
304
365
|
/** 성공/완료 */
|
|
305
|
-
Success: ({ children, ...props }: Props) => react_jsx_runtime.JSX.Element;
|
|
366
|
+
Success: ({ children, ...props }: Props$1) => react_jsx_runtime.JSX.Element;
|
|
306
367
|
/** 주의/경고 */
|
|
307
|
-
Warning: ({ children, ...props }: Props) => react_jsx_runtime.JSX.Element;
|
|
368
|
+
Warning: ({ children, ...props }: Props$1) => react_jsx_runtime.JSX.Element;
|
|
308
369
|
};
|
|
370
|
+
declare const SdBadgeDefault: ({ children, ...props }: Props$1) => react_jsx_runtime.JSX.Element;
|
|
371
|
+
declare const SdBadgePrimary: ({ children, ...props }: Props$1) => react_jsx_runtime.JSX.Element;
|
|
372
|
+
declare const SdBadgeSuccess: ({ children, ...props }: Props$1) => react_jsx_runtime.JSX.Element;
|
|
373
|
+
declare const SdBadgeWarning: ({ children, ...props }: Props$1) => react_jsx_runtime.JSX.Element;
|
|
309
374
|
|
|
310
375
|
declare const SdInput: {
|
|
311
376
|
/** 일반 텍스트 — 이름, 회사명 등 */
|
|
@@ -319,6 +384,11 @@ declare const SdInput: {
|
|
|
319
384
|
/** 드롭다운 선택 */
|
|
320
385
|
Select: ({ ...props }: SelectProps) => react_jsx_runtime.JSX.Element;
|
|
321
386
|
};
|
|
387
|
+
declare const SdInputText: ({ ...props }: TextInputProps) => react_jsx_runtime.JSX.Element;
|
|
388
|
+
declare const SdInputEmail: ({ ...props }: TextInputProps) => react_jsx_runtime.JSX.Element;
|
|
389
|
+
declare const SdInputPassword: ({ ...props }: PasswordInputProps) => react_jsx_runtime.JSX.Element;
|
|
390
|
+
declare const SdInputTextarea: ({ ...props }: TextareaProps) => react_jsx_runtime.JSX.Element;
|
|
391
|
+
declare const SdInputSelect: ({ ...props }: SelectProps) => react_jsx_runtime.JSX.Element;
|
|
322
392
|
|
|
323
393
|
declare function SkeletonText({ width, ...props }: SkeletonProps): react_jsx_runtime.JSX.Element;
|
|
324
394
|
declare function SkeletonTitle({ width, ...props }: SkeletonProps): react_jsx_runtime.JSX.Element;
|
|
@@ -346,9 +416,27 @@ declare const SdSkeletonTitle: typeof SkeletonTitle;
|
|
|
346
416
|
declare const SdSkeletonImage: typeof SkeletonImage;
|
|
347
417
|
declare const SdSkeletonAvatar: typeof SkeletonAvatar;
|
|
348
418
|
|
|
349
|
-
type
|
|
419
|
+
type Props = AnchorProps & Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'color' | 'style'> & {
|
|
420
|
+
children?: ReactNode;
|
|
421
|
+
};
|
|
422
|
+
declare const SdLink: {
|
|
423
|
+
/** 최상위 강조 — 눈에 띄어야 하는 단일 링크 */
|
|
424
|
+
Strong: ({ children, onMouseEnter, onMouseLeave, ...props }: Props) => react_jsx_runtime.JSX.Element;
|
|
425
|
+
/** 기본 — 본문·네비게이션 수준의 일반 링크 */
|
|
426
|
+
Body: ({ children, onMouseEnter, onMouseLeave, ...props }: Props) => react_jsx_runtime.JSX.Element;
|
|
427
|
+
/** 보조 — 연락처·정책 등 부가 정보 */
|
|
428
|
+
Sub: ({ children, onMouseEnter, onMouseLeave, ...props }: Props) => react_jsx_runtime.JSX.Element;
|
|
429
|
+
/** 최소 강조 — 링크 목록처럼 밀도가 높고 톤을 낮춰야 하는 곳 */
|
|
430
|
+
Hint: ({ children, onMouseEnter, onMouseLeave, ...props }: Props) => react_jsx_runtime.JSX.Element;
|
|
431
|
+
};
|
|
432
|
+
declare const SdLinkStrong: ({ children, onMouseEnter, onMouseLeave, ...props }: Props) => react_jsx_runtime.JSX.Element;
|
|
433
|
+
declare const SdLinkBody: ({ children, onMouseEnter, onMouseLeave, ...props }: Props) => react_jsx_runtime.JSX.Element;
|
|
434
|
+
declare const SdLinkSub: ({ children, onMouseEnter, onMouseLeave, ...props }: Props) => react_jsx_runtime.JSX.Element;
|
|
435
|
+
declare const SdLinkHint: ({ children, onMouseEnter, onMouseLeave, ...props }: Props) => react_jsx_runtime.JSX.Element;
|
|
436
|
+
|
|
437
|
+
type TitleVariant = 'Display' | 'Section' | 'Card' | 'Sub';
|
|
350
438
|
type ColorVariant = StyleProp<MantineColor> | undefined;
|
|
351
|
-
interface TextBoxProps extends Omit<StackProps,
|
|
439
|
+
interface TextBoxProps extends Omit<StackProps, 'title' | 'color'> {
|
|
352
440
|
label?: ReactNode;
|
|
353
441
|
title: ReactNode;
|
|
354
442
|
description: ReactNode;
|
|
@@ -404,6 +492,12 @@ interface CompanyAddress {
|
|
|
404
492
|
order: number;
|
|
405
493
|
embbedUrl?: string;
|
|
406
494
|
}
|
|
495
|
+
type SocialPlatform = 'x' | 'youtube' | 'instagram' | 'facebook' | 'linkedin' | 'github' | 'blog';
|
|
496
|
+
interface SocialItem {
|
|
497
|
+
platform: SocialPlatform;
|
|
498
|
+
url: string;
|
|
499
|
+
label?: string;
|
|
500
|
+
}
|
|
407
501
|
interface CompanyInfo {
|
|
408
502
|
name: string;
|
|
409
503
|
registrationNumber: string;
|
|
@@ -412,6 +506,7 @@ interface CompanyInfo {
|
|
|
412
506
|
fax?: string;
|
|
413
507
|
email: string;
|
|
414
508
|
copyrightYear: number;
|
|
509
|
+
socials?: SocialItem[];
|
|
415
510
|
}
|
|
416
511
|
interface TimelineEvent extends CommonInfo {
|
|
417
512
|
year: number;
|
|
@@ -484,6 +579,9 @@ declare const SdSteps: {
|
|
|
484
579
|
Card: typeof CardVariant;
|
|
485
580
|
Strip: typeof Strip$1;
|
|
486
581
|
};
|
|
582
|
+
declare const SdStepsBubble: typeof Bubble;
|
|
583
|
+
declare const SdStepsCard: typeof CardVariant;
|
|
584
|
+
declare const SdStepsStrip: typeof Strip$1;
|
|
487
585
|
|
|
488
586
|
interface SdTestimonialProps extends BoxProps {
|
|
489
587
|
item: TestimonialItem;
|
|
@@ -492,7 +590,7 @@ declare function CardTestimonial({ item, ...boxProps }: SdTestimonialProps): rea
|
|
|
492
590
|
declare function Strip({ item, ...boxProps }: SdTestimonialProps): react_jsx_runtime.JSX.Element;
|
|
493
591
|
interface SdTestimonialGridProps {
|
|
494
592
|
items: TestimonialItem[];
|
|
495
|
-
cols?: SimpleGridProps[
|
|
593
|
+
cols?: SimpleGridProps['cols'];
|
|
496
594
|
}
|
|
497
595
|
declare function Grid$3({ items, cols }: SdTestimonialGridProps): react_jsx_runtime.JSX.Element;
|
|
498
596
|
declare const SdTestimonial: {
|
|
@@ -503,8 +601,11 @@ declare const SdTestimonial: {
|
|
|
503
601
|
/** 카드 그리드 — 여러 후기 목록 */
|
|
504
602
|
Grid: typeof Grid$3;
|
|
505
603
|
};
|
|
604
|
+
declare const SdTestimonialCard: typeof CardTestimonial;
|
|
605
|
+
declare const SdTestimonialStrip: typeof Strip;
|
|
606
|
+
declare const SdTestimonialGrid: typeof Grid$3;
|
|
506
607
|
|
|
507
|
-
interface SdPricingCardProps extends Omit<CardProps$1,
|
|
608
|
+
interface SdPricingCardProps extends Omit<CardProps$1, 'children'> {
|
|
508
609
|
item: PricingItem;
|
|
509
610
|
onSelect?: (item: PricingItem) => void;
|
|
510
611
|
}
|
|
@@ -512,7 +613,7 @@ declare function Default$1({ item, onSelect, ...cardProps }: SdPricingCardProps)
|
|
|
512
613
|
declare function Featured({ item, onSelect, ...cardProps }: SdPricingCardProps): react_jsx_runtime.JSX.Element;
|
|
513
614
|
interface SdPricingGridProps {
|
|
514
615
|
items: PricingItem[];
|
|
515
|
-
cols?: SimpleGridProps[
|
|
616
|
+
cols?: SimpleGridProps['cols'];
|
|
516
617
|
onSelect?: (item: PricingItem) => void;
|
|
517
618
|
}
|
|
518
619
|
declare function Grid$2({ items, cols, onSelect }: SdPricingGridProps): react_jsx_runtime.JSX.Element;
|
|
@@ -524,6 +625,9 @@ declare const SdPricingCard: {
|
|
|
524
625
|
/** 가격 그리드 (isPopular 항목은 자동으로 Featured 처리) */
|
|
525
626
|
Grid: typeof Grid$2;
|
|
526
627
|
};
|
|
628
|
+
declare const SdPricingCardDefault: typeof Default$1;
|
|
629
|
+
declare const SdPricingCardFeatured: typeof Featured;
|
|
630
|
+
declare const SdPricingCardGrid: typeof Grid$2;
|
|
527
631
|
|
|
528
632
|
interface SdFaqProps extends BoxProps {
|
|
529
633
|
items: FaqItem[];
|
|
@@ -544,6 +648,9 @@ declare const SdFaq: {
|
|
|
544
648
|
/** 헤더 + 아코디언 조합 */
|
|
545
649
|
WithHeader: typeof WithHeader;
|
|
546
650
|
};
|
|
651
|
+
declare const SdFaqDefault: typeof Default;
|
|
652
|
+
declare const SdFaqFilled: typeof Filled;
|
|
653
|
+
declare const SdFaqWithHeader: typeof WithHeader;
|
|
547
654
|
|
|
548
655
|
interface SdCtaProps extends BoxProps {
|
|
549
656
|
label?: string;
|
|
@@ -568,11 +675,14 @@ declare const SdCta: {
|
|
|
568
675
|
/** 좌우 분할 인라인 CTA */
|
|
569
676
|
Inline: typeof Inline;
|
|
570
677
|
};
|
|
678
|
+
declare const SdCtaBanner: typeof Banner;
|
|
679
|
+
declare const SdCtaSubtle: typeof Subtle;
|
|
680
|
+
declare const SdCtaInline: typeof Inline;
|
|
571
681
|
|
|
572
682
|
interface SdSolutionFilteredProps {
|
|
573
683
|
items: SolutionItem[];
|
|
574
684
|
allLabel?: string;
|
|
575
|
-
cols?: SimpleGridProps[
|
|
685
|
+
cols?: SimpleGridProps['cols'];
|
|
576
686
|
onSelect?: (item: SolutionItem) => void;
|
|
577
687
|
}
|
|
578
688
|
declare function Filtered({ items, allLabel, cols, onSelect }: SdSolutionFilteredProps): react_jsx_runtime.JSX.Element;
|
|
@@ -587,15 +697,17 @@ declare const SdSolution: {
|
|
|
587
697
|
/** 수평 리스트 레이아웃 (상세 탐색용) */
|
|
588
698
|
List: typeof List;
|
|
589
699
|
};
|
|
700
|
+
declare const SdSolutionFiltered: typeof Filtered;
|
|
701
|
+
declare const SdSolutionList: typeof List;
|
|
590
702
|
|
|
591
|
-
interface SdSolutionCardItemProps extends Omit<CardProps$1,
|
|
703
|
+
interface SdSolutionCardItemProps extends Omit<CardProps$1, 'children'> {
|
|
592
704
|
item: SolutionItem;
|
|
593
705
|
onSelect?: (item: SolutionItem) => void;
|
|
594
706
|
}
|
|
595
707
|
declare function SolutionCardItem({ item, onSelect, ...cardProps }: SdSolutionCardItemProps): react_jsx_runtime.JSX.Element;
|
|
596
708
|
interface SdSolutionGridProps {
|
|
597
709
|
items: SolutionItem[];
|
|
598
|
-
cols?: SimpleGridProps[
|
|
710
|
+
cols?: SimpleGridProps['cols'];
|
|
599
711
|
onSelect?: (item: SolutionItem) => void;
|
|
600
712
|
}
|
|
601
713
|
declare function Grid$1({ items, cols, onSelect }: SdSolutionGridProps): react_jsx_runtime.JSX.Element;
|
|
@@ -605,10 +717,12 @@ declare const SdSolutionCard: {
|
|
|
605
717
|
/** 카드 그리드 */
|
|
606
718
|
Grid: typeof Grid$1;
|
|
607
719
|
};
|
|
720
|
+
declare const SdSolutionCardItem: typeof SolutionCardItem;
|
|
721
|
+
declare const SdSolutionCardGrid: typeof Grid$1;
|
|
608
722
|
|
|
609
723
|
interface SdClientsGridProps {
|
|
610
724
|
items: ClientItem[];
|
|
611
|
-
cols?: SimpleGridProps[
|
|
725
|
+
cols?: SimpleGridProps['cols'];
|
|
612
726
|
logoHeight?: number;
|
|
613
727
|
}
|
|
614
728
|
declare function Grid({ items, cols, logoHeight, }: SdClientsGridProps): react_jsx_runtime.JSX.Element;
|
|
@@ -628,7 +742,7 @@ declare const SdClients: {
|
|
|
628
742
|
declare const SdClientsGrid: typeof Grid;
|
|
629
743
|
declare const SdClientsMarquee: typeof Marquee;
|
|
630
744
|
|
|
631
|
-
interface SdMapSingleProps extends Omit<BoxProps,
|
|
745
|
+
interface SdMapSingleProps extends Omit<BoxProps, 'children'> {
|
|
632
746
|
address: CompanyAddress;
|
|
633
747
|
height?: number;
|
|
634
748
|
}
|
|
@@ -714,8 +828,10 @@ declare const SdErrorView: {
|
|
|
714
828
|
/** app/not-found.tsx — 404 Not Found */
|
|
715
829
|
NotFound: typeof NotFound;
|
|
716
830
|
};
|
|
831
|
+
declare const SdErrorViewPage: typeof Page;
|
|
832
|
+
declare const SdErrorViewNotFound: typeof NotFound;
|
|
717
833
|
|
|
718
|
-
declare function MainLayout({ children, navItems, companyInfo }: {
|
|
834
|
+
declare function MainLayout({ children, navItems, companyInfo, }: {
|
|
719
835
|
children: React.ReactNode;
|
|
720
836
|
navItems: NavItem[];
|
|
721
837
|
companyInfo: CompanyInfo;
|
|
@@ -895,4 +1011,4 @@ declare const theme: {
|
|
|
895
1011
|
} | undefined;
|
|
896
1012
|
};
|
|
897
1013
|
|
|
898
|
-
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 };
|
|
1014
|
+
export { HeroCarousel, Logo, MainLayout, type NavItem, PageLayout, SdBadge, SdBadgeDefault, SdBadgePrimary, SdBadgeSuccess, SdBadgeWarning, 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, SdInput, SdInputEmail, SdInputPassword, SdInputSelect, SdInputText, SdInputTextarea, SdLink, SdLinkBody, SdLinkHint, SdLinkStrong, SdLinkSub, SdMap, SdMapSingle, SdMapTabs, SdModal, SdNumberIcon, SdPricingCard, SdPricingCardDefault, SdPricingCardFeatured, SdPricingCardGrid, SdQuote, SdQuoteCard, SdQuotePlain, 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, theme };
|