@axis-ds/ui-react 1.1.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/LICENSE +21 -0
- package/README.md +42 -0
- package/dist/accordion/index.d.mts +13 -0
- package/dist/accordion/index.d.ts +13 -0
- package/dist/accordion/index.js +111 -0
- package/dist/accordion/index.mjs +13 -0
- package/dist/alert/index.d.mts +21 -0
- package/dist/alert/index.d.ts +21 -0
- package/dist/alert/index.js +104 -0
- package/dist/alert/index.mjs +13 -0
- package/dist/avatar/index.d.mts +26 -0
- package/dist/avatar/index.d.ts +26 -0
- package/dist/avatar/index.js +97 -0
- package/dist/avatar/index.mjs +9 -0
- package/dist/badge/index.d.mts +17 -0
- package/dist/badge/index.d.ts +17 -0
- package/dist/badge/index.js +84 -0
- package/dist/badge/index.mjs +9 -0
- package/dist/breadcrumb/index.d.mts +34 -0
- package/dist/breadcrumb/index.d.ts +34 -0
- package/dist/breadcrumb/index.js +177 -0
- package/dist/breadcrumb/index.mjs +19 -0
- package/dist/button/index.d.mts +21 -0
- package/dist/button/index.d.ts +21 -0
- package/dist/button/index.js +93 -0
- package/dist/button/index.mjs +9 -0
- package/dist/card/index.d.mts +19 -0
- package/dist/card/index.d.ts +19 -0
- package/dist/card/index.js +115 -0
- package/dist/card/index.mjs +17 -0
- package/dist/checkbox/index.d.mts +10 -0
- package/dist/checkbox/index.d.ts +10 -0
- package/dist/checkbox/index.js +88 -0
- package/dist/checkbox/index.mjs +7 -0
- package/dist/chunk-3H7DF7QZ.mjs +49 -0
- package/dist/chunk-3I222KOY.mjs +123 -0
- package/dist/chunk-3N6NG7VT.mjs +11 -0
- package/dist/chunk-4AWNSTZH.mjs +57 -0
- package/dist/chunk-4JQWQF3H.mjs +25 -0
- package/dist/chunk-54Y3KUM5.mjs +28 -0
- package/dist/chunk-5PIG7LWJ.mjs +139 -0
- package/dist/chunk-6TRDXC4W.mjs +69 -0
- package/dist/chunk-7OPZAWBW.mjs +58 -0
- package/dist/chunk-A5FJHFJQ.mjs +210 -0
- package/dist/chunk-AEBHTW7E.mjs +29 -0
- package/dist/chunk-AJERK2UH.mjs +49 -0
- package/dist/chunk-APUPJHAQ.mjs +43 -0
- package/dist/chunk-AUXVXNU2.mjs +105 -0
- package/dist/chunk-B2GWR74O.mjs +144 -0
- package/dist/chunk-CTWUJDKA.mjs +49 -0
- package/dist/chunk-E2C7WDLA.mjs +108 -0
- package/dist/chunk-ECF2JRI5.mjs +43 -0
- package/dist/chunk-EJNQRWUO.mjs +29 -0
- package/dist/chunk-F6RLUX3E.mjs +37 -0
- package/dist/chunk-FMXB7UCT.mjs +27 -0
- package/dist/chunk-HQB5TO4N.mjs +28 -0
- package/dist/chunk-HYW3HTBA.mjs +31 -0
- package/dist/chunk-IOOOCHIG.mjs +49 -0
- package/dist/chunk-IXLVGZWU.mjs +105 -0
- package/dist/chunk-JJY2MCTX.mjs +25 -0
- package/dist/chunk-JM45JPSK.mjs +43 -0
- package/dist/chunk-JQV5IP5Z.mjs +28 -0
- package/dist/chunk-KAIB45YN.mjs +132 -0
- package/dist/chunk-MARIIZN7.mjs +53 -0
- package/dist/chunk-NEZK6NO5.mjs +58 -0
- package/dist/chunk-NFFXJB2O.mjs +11 -0
- package/dist/chunk-O5SM54HW.mjs +71 -0
- package/dist/chunk-OIQGWWAS.mjs +42 -0
- package/dist/chunk-PJO7WJ4G.mjs +10 -0
- package/dist/chunk-PUERRSNI.mjs +37 -0
- package/dist/chunk-Q3KALTWT.mjs +37 -0
- package/dist/chunk-Q4WL74ZY.mjs +43 -0
- package/dist/chunk-RBVNJKEQ.mjs +210 -0
- package/dist/chunk-SCH6SFLB.mjs +37 -0
- package/dist/chunk-SLQ756Q7.mjs +36 -0
- package/dist/chunk-SPUFU4HC.mjs +139 -0
- package/dist/chunk-SR3JZW6T.mjs +210 -0
- package/dist/chunk-TD5OLTUB.mjs +62 -0
- package/dist/chunk-WVWKKHBP.mjs +44 -0
- package/dist/chunk-XHILRI24.mjs +111 -0
- package/dist/chunk-XW4HTSUY.mjs +123 -0
- package/dist/chunk-YKZAU3UV.mjs +144 -0
- package/dist/chunk-YVJ7BL4T.mjs +81 -0
- package/dist/chunk-ZU6FMFB5.mjs +31 -0
- package/dist/collapsible/index.d.mts +11 -0
- package/dist/collapsible/index.d.ts +11 -0
- package/dist/collapsible/index.js +47 -0
- package/dist/collapsible/index.mjs +10 -0
- package/dist/command/index.d.mts +86 -0
- package/dist/command/index.d.ts +86 -0
- package/dist/command/index.js +168 -0
- package/dist/command/index.mjs +19 -0
- package/dist/dialog/index.d.mts +32 -0
- package/dist/dialog/index.d.ts +32 -0
- package/dist/dialog/index.js +153 -0
- package/dist/dialog/index.mjs +25 -0
- package/dist/dropdown-menu/index.d.mts +57 -0
- package/dist/dropdown-menu/index.d.ts +57 -0
- package/dist/dropdown-menu/index.js +263 -0
- package/dist/dropdown-menu/index.mjs +35 -0
- package/dist/index.d.mts +60 -0
- package/dist/index.d.ts +60 -0
- package/dist/index.js +2029 -0
- package/dist/index.mjs +308 -0
- package/dist/input/index.d.mts +14 -0
- package/dist/input/index.d.ts +14 -0
- package/dist/input/index.js +75 -0
- package/dist/input/index.mjs +7 -0
- package/dist/label/index.d.mts +16 -0
- package/dist/label/index.d.ts +16 -0
- package/dist/label/index.js +64 -0
- package/dist/label/index.mjs +7 -0
- package/dist/popover/index.d.mts +11 -0
- package/dist/popover/index.d.ts +11 -0
- package/dist/popover/index.js +72 -0
- package/dist/popover/index.mjs +11 -0
- package/dist/progress/index.d.mts +27 -0
- package/dist/progress/index.d.ts +27 -0
- package/dist/progress/index.js +122 -0
- package/dist/progress/index.mjs +11 -0
- package/dist/radio-group/index.d.mts +9 -0
- package/dist/radio-group/index.d.ts +9 -0
- package/dist/radio-group/index.js +89 -0
- package/dist/radio-group/index.mjs +9 -0
- package/dist/scroll-area/index.d.mts +9 -0
- package/dist/scroll-area/index.d.ts +9 -0
- package/dist/scroll-area/index.js +83 -0
- package/dist/scroll-area/index.mjs +9 -0
- package/dist/select/index.d.mts +21 -0
- package/dist/select/index.d.ts +21 -0
- package/dist/select/index.js +190 -0
- package/dist/select/index.mjs +21 -0
- package/dist/separator/index.d.mts +13 -0
- package/dist/separator/index.d.ts +13 -0
- package/dist/separator/index.js +68 -0
- package/dist/separator/index.mjs +7 -0
- package/dist/sheet/index.d.mts +43 -0
- package/dist/sheet/index.d.ts +43 -0
- package/dist/sheet/index.js +187 -0
- package/dist/sheet/index.mjs +25 -0
- package/dist/skeleton/index.d.mts +9 -0
- package/dist/skeleton/index.d.ts +9 -0
- package/dist/skeleton/index.js +66 -0
- package/dist/skeleton/index.mjs +7 -0
- package/dist/slider/index.d.mts +7 -0
- package/dist/slider/index.d.ts +7 -0
- package/dist/slider/index.js +67 -0
- package/dist/slider/index.mjs +7 -0
- package/dist/switch/index.d.mts +7 -0
- package/dist/switch/index.d.ts +7 -0
- package/dist/switch/index.js +76 -0
- package/dist/switch/index.mjs +7 -0
- package/dist/table/index.d.mts +20 -0
- package/dist/table/index.d.ts +20 -0
- package/dist/table/index.js +157 -0
- package/dist/table/index.mjs +21 -0
- package/dist/tabs/index.d.mts +13 -0
- package/dist/tabs/index.d.ts +13 -0
- package/dist/tabs/index.js +100 -0
- package/dist/tabs/index.mjs +13 -0
- package/dist/textarea/index.d.mts +6 -0
- package/dist/textarea/index.d.ts +6 -0
- package/dist/textarea/index.js +67 -0
- package/dist/textarea/index.mjs +7 -0
- package/dist/toast/index.d.mts +23 -0
- package/dist/toast/index.d.ts +23 -0
- package/dist/toast/index.js +153 -0
- package/dist/toast/index.mjs +19 -0
- package/dist/toggle/index.d.mts +16 -0
- package/dist/toggle/index.d.ts +16 -0
- package/dist/toggle/index.js +83 -0
- package/dist/toggle/index.mjs +9 -0
- package/dist/tooltip/index.d.mts +13 -0
- package/dist/tooltip/index.d.ts +13 -0
- package/dist/tooltip/index.js +79 -0
- package/dist/tooltip/index.mjs +13 -0
- package/package.json +206 -0
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __create = Object.create;
|
|
3
|
+
var __defProp = Object.defineProperty;
|
|
4
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
7
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
+
var __export = (target, all) => {
|
|
9
|
+
for (var name in all)
|
|
10
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
+
};
|
|
12
|
+
var __copyProps = (to, from, except, desc) => {
|
|
13
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
14
|
+
for (let key of __getOwnPropNames(from))
|
|
15
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
16
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
17
|
+
}
|
|
18
|
+
return to;
|
|
19
|
+
};
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
22
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
23
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
25
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
26
|
+
mod
|
|
27
|
+
));
|
|
28
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
29
|
+
|
|
30
|
+
// src/switch/index.tsx
|
|
31
|
+
var switch_exports = {};
|
|
32
|
+
__export(switch_exports, {
|
|
33
|
+
Switch: () => Switch
|
|
34
|
+
});
|
|
35
|
+
module.exports = __toCommonJS(switch_exports);
|
|
36
|
+
var React = __toESM(require("react"));
|
|
37
|
+
var SwitchPrimitive = __toESM(require("@radix-ui/react-switch"));
|
|
38
|
+
|
|
39
|
+
// src/utils.ts
|
|
40
|
+
var import_clsx = require("clsx");
|
|
41
|
+
var import_tailwind_merge = require("tailwind-merge");
|
|
42
|
+
function cn(...inputs) {
|
|
43
|
+
return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
// src/switch/index.tsx
|
|
47
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
48
|
+
var Switch = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
49
|
+
SwitchPrimitive.Root,
|
|
50
|
+
{
|
|
51
|
+
className: cn(
|
|
52
|
+
"peer inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors",
|
|
53
|
+
"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--axis-ring)] focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--axis-surface-primary)]",
|
|
54
|
+
"disabled:cursor-not-allowed disabled:opacity-50",
|
|
55
|
+
"data-[state=checked]:bg-[var(--axis-interactive-primary)]",
|
|
56
|
+
"data-[state=unchecked]:bg-[var(--axis-surface-tertiary)]",
|
|
57
|
+
className
|
|
58
|
+
),
|
|
59
|
+
...props,
|
|
60
|
+
ref,
|
|
61
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
62
|
+
SwitchPrimitive.Thumb,
|
|
63
|
+
{
|
|
64
|
+
className: cn(
|
|
65
|
+
"pointer-events-none block h-5 w-5 rounded-full bg-white shadow-lg ring-0 transition-transform",
|
|
66
|
+
"data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0"
|
|
67
|
+
)
|
|
68
|
+
}
|
|
69
|
+
)
|
|
70
|
+
}
|
|
71
|
+
));
|
|
72
|
+
Switch.displayName = "Switch";
|
|
73
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
74
|
+
0 && (module.exports = {
|
|
75
|
+
Switch
|
|
76
|
+
});
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
|
|
3
|
+
/** 데이터를 행과 열로 표시하는 테이블 컴포넌트. 가로 스크롤 가능한 래퍼를 포함한다. */
|
|
4
|
+
declare const Table: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableElement> & React.RefAttributes<HTMLTableElement>>;
|
|
5
|
+
/** 테이블의 헤더 섹션(thead)을 렌더링하는 컴포넌트 */
|
|
6
|
+
declare const TableHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
|
|
7
|
+
/** 테이블의 본문 섹션(tbody)을 렌더링하는 컴포넌트 */
|
|
8
|
+
declare const TableBody: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
|
|
9
|
+
/** 테이블의 푸터 섹션(tfoot)을 렌더링하는 컴포넌트. 배경색이 적용된다. */
|
|
10
|
+
declare const TableFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
|
|
11
|
+
/** 테이블의 행(tr)을 렌더링하는 컴포넌트. 호버 효과와 선택 상태 스타일을 지원한다. */
|
|
12
|
+
declare const TableRow: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableRowElement> & React.RefAttributes<HTMLTableRowElement>>;
|
|
13
|
+
/** 테이블 헤더 셀(th)을 렌더링하는 컴포넌트. 보조 텍스트 색상과 중간 굵기 폰트가 적용된다. */
|
|
14
|
+
declare const TableHead: React.ForwardRefExoticComponent<React.ThHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
|
|
15
|
+
/** 테이블 데이터 셀(td)을 렌더링하는 컴포넌트 */
|
|
16
|
+
declare const TableCell: React.ForwardRefExoticComponent<React.TdHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
|
|
17
|
+
/** 테이블의 캡션(caption)을 렌더링하는 컴포넌트. 테이블 하단에 보조 텍스트로 표시된다. */
|
|
18
|
+
declare const TableCaption: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableCaptionElement> & React.RefAttributes<HTMLTableCaptionElement>>;
|
|
19
|
+
|
|
20
|
+
export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
|
|
3
|
+
/** 데이터를 행과 열로 표시하는 테이블 컴포넌트. 가로 스크롤 가능한 래퍼를 포함한다. */
|
|
4
|
+
declare const Table: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableElement> & React.RefAttributes<HTMLTableElement>>;
|
|
5
|
+
/** 테이블의 헤더 섹션(thead)을 렌더링하는 컴포넌트 */
|
|
6
|
+
declare const TableHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
|
|
7
|
+
/** 테이블의 본문 섹션(tbody)을 렌더링하는 컴포넌트 */
|
|
8
|
+
declare const TableBody: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
|
|
9
|
+
/** 테이블의 푸터 섹션(tfoot)을 렌더링하는 컴포넌트. 배경색이 적용된다. */
|
|
10
|
+
declare const TableFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
|
|
11
|
+
/** 테이블의 행(tr)을 렌더링하는 컴포넌트. 호버 효과와 선택 상태 스타일을 지원한다. */
|
|
12
|
+
declare const TableRow: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableRowElement> & React.RefAttributes<HTMLTableRowElement>>;
|
|
13
|
+
/** 테이블 헤더 셀(th)을 렌더링하는 컴포넌트. 보조 텍스트 색상과 중간 굵기 폰트가 적용된다. */
|
|
14
|
+
declare const TableHead: React.ForwardRefExoticComponent<React.ThHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
|
|
15
|
+
/** 테이블 데이터 셀(td)을 렌더링하는 컴포넌트 */
|
|
16
|
+
declare const TableCell: React.ForwardRefExoticComponent<React.TdHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
|
|
17
|
+
/** 테이블의 캡션(caption)을 렌더링하는 컴포넌트. 테이블 하단에 보조 텍스트로 표시된다. */
|
|
18
|
+
declare const TableCaption: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableCaptionElement> & React.RefAttributes<HTMLTableCaptionElement>>;
|
|
19
|
+
|
|
20
|
+
export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };
|
|
@@ -0,0 +1,157 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __create = Object.create;
|
|
3
|
+
var __defProp = Object.defineProperty;
|
|
4
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
7
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
+
var __export = (target, all) => {
|
|
9
|
+
for (var name in all)
|
|
10
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
+
};
|
|
12
|
+
var __copyProps = (to, from, except, desc) => {
|
|
13
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
14
|
+
for (let key of __getOwnPropNames(from))
|
|
15
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
16
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
17
|
+
}
|
|
18
|
+
return to;
|
|
19
|
+
};
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
22
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
23
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
25
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
26
|
+
mod
|
|
27
|
+
));
|
|
28
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
29
|
+
|
|
30
|
+
// src/table/index.tsx
|
|
31
|
+
var table_exports = {};
|
|
32
|
+
__export(table_exports, {
|
|
33
|
+
Table: () => Table,
|
|
34
|
+
TableBody: () => TableBody,
|
|
35
|
+
TableCaption: () => TableCaption,
|
|
36
|
+
TableCell: () => TableCell,
|
|
37
|
+
TableFooter: () => TableFooter,
|
|
38
|
+
TableHead: () => TableHead,
|
|
39
|
+
TableHeader: () => TableHeader,
|
|
40
|
+
TableRow: () => TableRow
|
|
41
|
+
});
|
|
42
|
+
module.exports = __toCommonJS(table_exports);
|
|
43
|
+
var React = __toESM(require("react"));
|
|
44
|
+
|
|
45
|
+
// src/utils.ts
|
|
46
|
+
var import_clsx = require("clsx");
|
|
47
|
+
var import_tailwind_merge = require("tailwind-merge");
|
|
48
|
+
function cn(...inputs) {
|
|
49
|
+
return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
// src/table/index.tsx
|
|
53
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
54
|
+
var Table = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
55
|
+
"table",
|
|
56
|
+
{
|
|
57
|
+
ref,
|
|
58
|
+
className: cn(
|
|
59
|
+
"w-full caption-bottom text-sm text-[var(--axis-text-primary)]",
|
|
60
|
+
className
|
|
61
|
+
),
|
|
62
|
+
...props
|
|
63
|
+
}
|
|
64
|
+
) }));
|
|
65
|
+
Table.displayName = "Table";
|
|
66
|
+
var TableHeader = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
67
|
+
"thead",
|
|
68
|
+
{
|
|
69
|
+
ref,
|
|
70
|
+
className: cn("[&_tr]:border-b", className),
|
|
71
|
+
...props
|
|
72
|
+
}
|
|
73
|
+
));
|
|
74
|
+
TableHeader.displayName = "TableHeader";
|
|
75
|
+
var TableBody = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
76
|
+
"tbody",
|
|
77
|
+
{
|
|
78
|
+
ref,
|
|
79
|
+
className: cn("[&_tr:last-child]:border-0", className),
|
|
80
|
+
...props
|
|
81
|
+
}
|
|
82
|
+
));
|
|
83
|
+
TableBody.displayName = "TableBody";
|
|
84
|
+
var TableFooter = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
85
|
+
"tfoot",
|
|
86
|
+
{
|
|
87
|
+
ref,
|
|
88
|
+
className: cn(
|
|
89
|
+
"border-t bg-[var(--axis-surface-secondary)] font-medium [&>tr]:last:border-b-0",
|
|
90
|
+
className
|
|
91
|
+
),
|
|
92
|
+
...props
|
|
93
|
+
}
|
|
94
|
+
));
|
|
95
|
+
TableFooter.displayName = "TableFooter";
|
|
96
|
+
var TableRow = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
97
|
+
"tr",
|
|
98
|
+
{
|
|
99
|
+
ref,
|
|
100
|
+
className: cn(
|
|
101
|
+
"border-b border-[var(--axis-border-default)] transition-colors",
|
|
102
|
+
"hover:bg-[var(--axis-surface-secondary)]",
|
|
103
|
+
"data-[state=selected]:bg-[var(--axis-surface-tertiary)]",
|
|
104
|
+
className
|
|
105
|
+
),
|
|
106
|
+
...props
|
|
107
|
+
}
|
|
108
|
+
));
|
|
109
|
+
TableRow.displayName = "TableRow";
|
|
110
|
+
var TableHead = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
111
|
+
"th",
|
|
112
|
+
{
|
|
113
|
+
ref,
|
|
114
|
+
className: cn(
|
|
115
|
+
"h-12 px-4 text-left align-middle font-medium text-[var(--axis-text-secondary)]",
|
|
116
|
+
"[&:has([role=checkbox])]:pr-0",
|
|
117
|
+
className
|
|
118
|
+
),
|
|
119
|
+
...props
|
|
120
|
+
}
|
|
121
|
+
));
|
|
122
|
+
TableHead.displayName = "TableHead";
|
|
123
|
+
var TableCell = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
124
|
+
"td",
|
|
125
|
+
{
|
|
126
|
+
ref,
|
|
127
|
+
className: cn(
|
|
128
|
+
"p-4 align-middle [&:has([role=checkbox])]:pr-0",
|
|
129
|
+
className
|
|
130
|
+
),
|
|
131
|
+
...props
|
|
132
|
+
}
|
|
133
|
+
));
|
|
134
|
+
TableCell.displayName = "TableCell";
|
|
135
|
+
var TableCaption = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
136
|
+
"caption",
|
|
137
|
+
{
|
|
138
|
+
ref,
|
|
139
|
+
className: cn(
|
|
140
|
+
"mt-4 text-sm text-[var(--axis-text-secondary)]",
|
|
141
|
+
className
|
|
142
|
+
),
|
|
143
|
+
...props
|
|
144
|
+
}
|
|
145
|
+
));
|
|
146
|
+
TableCaption.displayName = "TableCaption";
|
|
147
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
148
|
+
0 && (module.exports = {
|
|
149
|
+
Table,
|
|
150
|
+
TableBody,
|
|
151
|
+
TableCaption,
|
|
152
|
+
TableCell,
|
|
153
|
+
TableFooter,
|
|
154
|
+
TableHead,
|
|
155
|
+
TableHeader,
|
|
156
|
+
TableRow
|
|
157
|
+
});
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import {
|
|
2
|
+
Table,
|
|
3
|
+
TableBody,
|
|
4
|
+
TableCaption,
|
|
5
|
+
TableCell,
|
|
6
|
+
TableFooter,
|
|
7
|
+
TableHead,
|
|
8
|
+
TableHeader,
|
|
9
|
+
TableRow
|
|
10
|
+
} from "../chunk-XHILRI24.mjs";
|
|
11
|
+
import "../chunk-PJO7WJ4G.mjs";
|
|
12
|
+
export {
|
|
13
|
+
Table,
|
|
14
|
+
TableBody,
|
|
15
|
+
TableCaption,
|
|
16
|
+
TableCell,
|
|
17
|
+
TableFooter,
|
|
18
|
+
TableHead,
|
|
19
|
+
TableHeader,
|
|
20
|
+
TableRow
|
|
21
|
+
};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import * as TabsPrimitive from '@radix-ui/react-tabs';
|
|
3
|
+
|
|
4
|
+
/** 탭 기반 네비게이션의 루트 컴포넌트. 활성 탭 상태를 관리한다. */
|
|
5
|
+
declare const Tabs: React.ForwardRefExoticComponent<TabsPrimitive.TabsProps & React.RefAttributes<HTMLDivElement>>;
|
|
6
|
+
/** 탭 트리거 버튼들을 감싸는 리스트 컨테이너. 인라인 정렬과 배경색이 적용된다. */
|
|
7
|
+
declare const TabsList: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
8
|
+
/** 개별 탭을 선택하는 트리거 버튼. 활성 상태에 따라 스타일이 변경된다. */
|
|
9
|
+
declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
10
|
+
/** 선택된 탭에 해당하는 콘텐츠를 표시하는 컴포넌트. 포커스 링 스타일을 지원한다. */
|
|
11
|
+
declare const TabsContent: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
12
|
+
|
|
13
|
+
export { Tabs, TabsContent, TabsList, TabsTrigger };
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import * as TabsPrimitive from '@radix-ui/react-tabs';
|
|
3
|
+
|
|
4
|
+
/** 탭 기반 네비게이션의 루트 컴포넌트. 활성 탭 상태를 관리한다. */
|
|
5
|
+
declare const Tabs: React.ForwardRefExoticComponent<TabsPrimitive.TabsProps & React.RefAttributes<HTMLDivElement>>;
|
|
6
|
+
/** 탭 트리거 버튼들을 감싸는 리스트 컨테이너. 인라인 정렬과 배경색이 적용된다. */
|
|
7
|
+
declare const TabsList: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
8
|
+
/** 개별 탭을 선택하는 트리거 버튼. 활성 상태에 따라 스타일이 변경된다. */
|
|
9
|
+
declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
10
|
+
/** 선택된 탭에 해당하는 콘텐츠를 표시하는 컴포넌트. 포커스 링 스타일을 지원한다. */
|
|
11
|
+
declare const TabsContent: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
12
|
+
|
|
13
|
+
export { Tabs, TabsContent, TabsList, TabsTrigger };
|
|
@@ -0,0 +1,100 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __create = Object.create;
|
|
3
|
+
var __defProp = Object.defineProperty;
|
|
4
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
7
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
+
var __export = (target, all) => {
|
|
9
|
+
for (var name in all)
|
|
10
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
+
};
|
|
12
|
+
var __copyProps = (to, from, except, desc) => {
|
|
13
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
14
|
+
for (let key of __getOwnPropNames(from))
|
|
15
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
16
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
17
|
+
}
|
|
18
|
+
return to;
|
|
19
|
+
};
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
22
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
23
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
25
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
26
|
+
mod
|
|
27
|
+
));
|
|
28
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
29
|
+
|
|
30
|
+
// src/tabs/index.tsx
|
|
31
|
+
var tabs_exports = {};
|
|
32
|
+
__export(tabs_exports, {
|
|
33
|
+
Tabs: () => Tabs,
|
|
34
|
+
TabsContent: () => TabsContent,
|
|
35
|
+
TabsList: () => TabsList,
|
|
36
|
+
TabsTrigger: () => TabsTrigger
|
|
37
|
+
});
|
|
38
|
+
module.exports = __toCommonJS(tabs_exports);
|
|
39
|
+
var React = __toESM(require("react"));
|
|
40
|
+
var TabsPrimitive = __toESM(require("@radix-ui/react-tabs"));
|
|
41
|
+
|
|
42
|
+
// src/utils.ts
|
|
43
|
+
var import_clsx = require("clsx");
|
|
44
|
+
var import_tailwind_merge = require("tailwind-merge");
|
|
45
|
+
function cn(...inputs) {
|
|
46
|
+
return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
// src/tabs/index.tsx
|
|
50
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
51
|
+
var Tabs = TabsPrimitive.Root;
|
|
52
|
+
var TabsList = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
53
|
+
TabsPrimitive.List,
|
|
54
|
+
{
|
|
55
|
+
ref,
|
|
56
|
+
className: cn(
|
|
57
|
+
"inline-flex h-10 items-center justify-center rounded-md p-1",
|
|
58
|
+
"bg-[var(--axis-surface-secondary)] text-[var(--axis-text-secondary)]",
|
|
59
|
+
className
|
|
60
|
+
),
|
|
61
|
+
...props
|
|
62
|
+
}
|
|
63
|
+
));
|
|
64
|
+
TabsList.displayName = "TabsList";
|
|
65
|
+
var TabsTrigger = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
66
|
+
TabsPrimitive.Trigger,
|
|
67
|
+
{
|
|
68
|
+
ref,
|
|
69
|
+
className: cn(
|
|
70
|
+
"inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium transition-all",
|
|
71
|
+
"ring-offset-[var(--axis-surface-default)]",
|
|
72
|
+
"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--axis-border-focus)] focus-visible:ring-offset-2",
|
|
73
|
+
"disabled:pointer-events-none disabled:opacity-50",
|
|
74
|
+
"data-[state=active]:bg-[var(--axis-surface-default)] data-[state=active]:text-[var(--axis-text-primary)] data-[state=active]:shadow-sm",
|
|
75
|
+
className
|
|
76
|
+
),
|
|
77
|
+
...props
|
|
78
|
+
}
|
|
79
|
+
));
|
|
80
|
+
TabsTrigger.displayName = "TabsTrigger";
|
|
81
|
+
var TabsContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
82
|
+
TabsPrimitive.Content,
|
|
83
|
+
{
|
|
84
|
+
ref,
|
|
85
|
+
className: cn(
|
|
86
|
+
"mt-2 ring-offset-[var(--axis-surface-default)]",
|
|
87
|
+
"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--axis-border-focus)] focus-visible:ring-offset-2",
|
|
88
|
+
className
|
|
89
|
+
),
|
|
90
|
+
...props
|
|
91
|
+
}
|
|
92
|
+
));
|
|
93
|
+
TabsContent.displayName = "TabsContent";
|
|
94
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
95
|
+
0 && (module.exports = {
|
|
96
|
+
Tabs,
|
|
97
|
+
TabsContent,
|
|
98
|
+
TabsList,
|
|
99
|
+
TabsTrigger
|
|
100
|
+
});
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
|
|
3
|
+
/** 여러 줄의 텍스트를 입력받는 텍스트 영역 컴포넌트. 최소 높이, 포커스 링, 비활성 상태 스타일을 포함한다. */
|
|
4
|
+
declare const Textarea: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref"> & React.RefAttributes<HTMLTextAreaElement>>;
|
|
5
|
+
|
|
6
|
+
export { Textarea };
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
|
|
3
|
+
/** 여러 줄의 텍스트를 입력받는 텍스트 영역 컴포넌트. 최소 높이, 포커스 링, 비활성 상태 스타일을 포함한다. */
|
|
4
|
+
declare const Textarea: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref"> & React.RefAttributes<HTMLTextAreaElement>>;
|
|
5
|
+
|
|
6
|
+
export { Textarea };
|
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __create = Object.create;
|
|
3
|
+
var __defProp = Object.defineProperty;
|
|
4
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
7
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
+
var __export = (target, all) => {
|
|
9
|
+
for (var name in all)
|
|
10
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
+
};
|
|
12
|
+
var __copyProps = (to, from, except, desc) => {
|
|
13
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
14
|
+
for (let key of __getOwnPropNames(from))
|
|
15
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
16
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
17
|
+
}
|
|
18
|
+
return to;
|
|
19
|
+
};
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
22
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
23
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
25
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
26
|
+
mod
|
|
27
|
+
));
|
|
28
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
29
|
+
|
|
30
|
+
// src/textarea/index.tsx
|
|
31
|
+
var textarea_exports = {};
|
|
32
|
+
__export(textarea_exports, {
|
|
33
|
+
Textarea: () => Textarea
|
|
34
|
+
});
|
|
35
|
+
module.exports = __toCommonJS(textarea_exports);
|
|
36
|
+
var React = __toESM(require("react"));
|
|
37
|
+
|
|
38
|
+
// src/utils.ts
|
|
39
|
+
var import_clsx = require("clsx");
|
|
40
|
+
var import_tailwind_merge = require("tailwind-merge");
|
|
41
|
+
function cn(...inputs) {
|
|
42
|
+
return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
// src/textarea/index.tsx
|
|
46
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
47
|
+
var Textarea = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
48
|
+
"textarea",
|
|
49
|
+
{
|
|
50
|
+
className: cn(
|
|
51
|
+
"flex min-h-[80px] w-full rounded-md border border-[var(--axis-border-default)] bg-[var(--axis-surface-primary)] px-3 py-2 text-sm",
|
|
52
|
+
"text-[var(--axis-text-primary)]",
|
|
53
|
+
"ring-offset-[var(--axis-surface-primary)]",
|
|
54
|
+
"placeholder:text-[var(--axis-text-tertiary)]",
|
|
55
|
+
"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--axis-ring)] focus-visible:ring-offset-2",
|
|
56
|
+
"disabled:cursor-not-allowed disabled:opacity-50",
|
|
57
|
+
className
|
|
58
|
+
),
|
|
59
|
+
ref,
|
|
60
|
+
...props
|
|
61
|
+
}
|
|
62
|
+
));
|
|
63
|
+
Textarea.displayName = "Textarea";
|
|
64
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
65
|
+
0 && (module.exports = {
|
|
66
|
+
Textarea
|
|
67
|
+
});
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import * as ToastPrimitives from '@radix-ui/react-toast';
|
|
4
|
+
import { VariantProps } from 'class-variance-authority';
|
|
5
|
+
|
|
6
|
+
/** 토스트 알림 시스템의 프로바이더 컴포넌트. 앱 루트에 배치하여 토스트 기능을 활성화한다. */
|
|
7
|
+
declare const ToastProvider: React.FC<ToastPrimitives.ToastProviderProps>;
|
|
8
|
+
/** 토스트 알림이 표시되는 뷰포트 영역. 화면 하단 우측에 고정 위치로 렌더링된다. */
|
|
9
|
+
declare const ToastViewport: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastViewportProps & React.RefAttributes<HTMLOListElement>, "ref"> & React.RefAttributes<HTMLOListElement>>;
|
|
10
|
+
/** 토스트 알림의 루트 컴포넌트. default, success, error, warning 변형을 지원하며 스와이프로 닫을 수 있다. */
|
|
11
|
+
declare const Toast: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastProps & React.RefAttributes<HTMLLIElement>, "ref"> & VariantProps<(props?: ({
|
|
12
|
+
variant?: "default" | "success" | "warning" | "error" | null | undefined;
|
|
13
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string> & React.RefAttributes<HTMLLIElement>>;
|
|
14
|
+
/** 토스트 내에 표시되는 액션 버튼 컴포넌트. 사용자 상호작용을 위한 CTA를 제공한다. */
|
|
15
|
+
declare const ToastAction: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
16
|
+
/** 토스트를 닫는 닫기 버튼 컴포넌트. 호버 시 표시되며 X 아이콘을 포함한다. */
|
|
17
|
+
declare const ToastClose: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastCloseProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
18
|
+
/** 토스트의 제목을 표시하는 컴포넌트 */
|
|
19
|
+
declare const ToastTitle: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastTitleProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
20
|
+
/** 토스트의 상세 설명을 표시하는 컴포넌트 */
|
|
21
|
+
declare const ToastDescription: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastDescriptionProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
22
|
+
|
|
23
|
+
export { Toast, ToastAction, ToastClose, ToastDescription, ToastProvider, ToastTitle, ToastViewport };
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import * as ToastPrimitives from '@radix-ui/react-toast';
|
|
4
|
+
import { VariantProps } from 'class-variance-authority';
|
|
5
|
+
|
|
6
|
+
/** 토스트 알림 시스템의 프로바이더 컴포넌트. 앱 루트에 배치하여 토스트 기능을 활성화한다. */
|
|
7
|
+
declare const ToastProvider: React.FC<ToastPrimitives.ToastProviderProps>;
|
|
8
|
+
/** 토스트 알림이 표시되는 뷰포트 영역. 화면 하단 우측에 고정 위치로 렌더링된다. */
|
|
9
|
+
declare const ToastViewport: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastViewportProps & React.RefAttributes<HTMLOListElement>, "ref"> & React.RefAttributes<HTMLOListElement>>;
|
|
10
|
+
/** 토스트 알림의 루트 컴포넌트. default, success, error, warning 변형을 지원하며 스와이프로 닫을 수 있다. */
|
|
11
|
+
declare const Toast: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastProps & React.RefAttributes<HTMLLIElement>, "ref"> & VariantProps<(props?: ({
|
|
12
|
+
variant?: "default" | "success" | "warning" | "error" | null | undefined;
|
|
13
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string> & React.RefAttributes<HTMLLIElement>>;
|
|
14
|
+
/** 토스트 내에 표시되는 액션 버튼 컴포넌트. 사용자 상호작용을 위한 CTA를 제공한다. */
|
|
15
|
+
declare const ToastAction: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
16
|
+
/** 토스트를 닫는 닫기 버튼 컴포넌트. 호버 시 표시되며 X 아이콘을 포함한다. */
|
|
17
|
+
declare const ToastClose: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastCloseProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
18
|
+
/** 토스트의 제목을 표시하는 컴포넌트 */
|
|
19
|
+
declare const ToastTitle: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastTitleProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
20
|
+
/** 토스트의 상세 설명을 표시하는 컴포넌트 */
|
|
21
|
+
declare const ToastDescription: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastDescriptionProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
22
|
+
|
|
23
|
+
export { Toast, ToastAction, ToastClose, ToastDescription, ToastProvider, ToastTitle, ToastViewport };
|