@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,57 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
|
|
4
|
+
|
|
5
|
+
/** 드롭다운 메뉴의 루트 컴포넌트. 열림/닫힘 상태를 관리한다. */
|
|
6
|
+
declare const DropdownMenu: React.FC<DropdownMenuPrimitive.DropdownMenuProps>;
|
|
7
|
+
/** 드롭다운 메뉴를 여는 트리거 버튼 컴포넌트 */
|
|
8
|
+
declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
9
|
+
/** 메뉴 항목들을 논리적으로 그룹화하는 컴포넌트 */
|
|
10
|
+
declare const DropdownMenuGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
|
|
11
|
+
/** 드롭다운 콘텐츠를 포털로 렌더링하는 컴포넌트 */
|
|
12
|
+
declare const DropdownMenuPortal: React.FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
|
|
13
|
+
/** 중첩 서브 메뉴의 루트 컴포넌트 */
|
|
14
|
+
declare const DropdownMenuSub: React.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
|
|
15
|
+
/** 라디오 선택 항목들을 그룹화하는 컴포넌트 */
|
|
16
|
+
declare const DropdownMenuRadioGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React.RefAttributes<HTMLDivElement>>;
|
|
17
|
+
/**
|
|
18
|
+
* 서브 메뉴를 여는 트리거 항목 컴포넌트. 우측에 화살표 아이콘이 표시된다.
|
|
19
|
+
* @param inset - true일 경우 좌측 패딩을 추가하여 아이콘 없는 항목과 정렬을 맞춘다
|
|
20
|
+
*/
|
|
21
|
+
declare const DropdownMenuSubTrigger: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
22
|
+
/** true일 경우 좌측 패딩을 추가하여 정렬을 맞춘다 */
|
|
23
|
+
inset?: boolean;
|
|
24
|
+
} & React.RefAttributes<HTMLDivElement>>;
|
|
25
|
+
/** 서브 메뉴의 콘텐츠 영역 컴포넌트. 진입/퇴장 애니메이션을 포함한다. */
|
|
26
|
+
declare const DropdownMenuSubContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
27
|
+
/** 드롭다운 메뉴의 본문 콘텐츠 컴포넌트. 포털을 통해 렌더링되며 위치 애니메이션을 포함한다. */
|
|
28
|
+
declare const DropdownMenuContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
29
|
+
/**
|
|
30
|
+
* 드롭다운 메뉴의 개별 항목 컴포넌트. 키보드 네비게이션과 포커스 스타일을 지원한다.
|
|
31
|
+
* @param inset - true일 경우 좌측 패딩을 추가하여 정렬을 맞춘다
|
|
32
|
+
*/
|
|
33
|
+
declare const DropdownMenuItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
34
|
+
/** true일 경우 좌측 패딩을 추가하여 정렬을 맞춘다 */
|
|
35
|
+
inset?: boolean;
|
|
36
|
+
} & React.RefAttributes<HTMLDivElement>>;
|
|
37
|
+
/** 체크박스 기능이 포함된 메뉴 항목 컴포넌트. 선택 시 좌측에 체크 아이콘이 표시된다. */
|
|
38
|
+
declare const DropdownMenuCheckboxItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
39
|
+
/** 라디오 선택 기능이 포함된 메뉴 항목 컴포넌트. 선택 시 좌측에 원형 인디케이터가 표시된다. */
|
|
40
|
+
declare const DropdownMenuRadioItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
41
|
+
/**
|
|
42
|
+
* 메뉴 그룹의 레이블 컴포넌트. 비선택 텍스트로 그룹 제목을 표시한다.
|
|
43
|
+
* @param inset - true일 경우 좌측 패딩을 추가하여 정렬을 맞춘다
|
|
44
|
+
*/
|
|
45
|
+
declare const DropdownMenuLabel: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
46
|
+
/** true일 경우 좌측 패딩을 추가하여 정렬을 맞춘다 */
|
|
47
|
+
inset?: boolean;
|
|
48
|
+
} & React.RefAttributes<HTMLDivElement>>;
|
|
49
|
+
/** 메뉴 항목 사이의 구분선 컴포넌트 */
|
|
50
|
+
declare const DropdownMenuSeparator: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
51
|
+
/** 메뉴 항목의 키보드 단축키를 표시하는 보조 텍스트 컴포넌트 */
|
|
52
|
+
declare const DropdownMenuShortcut: {
|
|
53
|
+
({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): react_jsx_runtime.JSX.Element;
|
|
54
|
+
displayName: string;
|
|
55
|
+
};
|
|
56
|
+
|
|
57
|
+
export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger };
|
|
@@ -0,0 +1,263 @@
|
|
|
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/dropdown-menu/index.tsx
|
|
31
|
+
var dropdown_menu_exports = {};
|
|
32
|
+
__export(dropdown_menu_exports, {
|
|
33
|
+
DropdownMenu: () => DropdownMenu,
|
|
34
|
+
DropdownMenuCheckboxItem: () => DropdownMenuCheckboxItem,
|
|
35
|
+
DropdownMenuContent: () => DropdownMenuContent,
|
|
36
|
+
DropdownMenuGroup: () => DropdownMenuGroup,
|
|
37
|
+
DropdownMenuItem: () => DropdownMenuItem,
|
|
38
|
+
DropdownMenuLabel: () => DropdownMenuLabel,
|
|
39
|
+
DropdownMenuPortal: () => DropdownMenuPortal,
|
|
40
|
+
DropdownMenuRadioGroup: () => DropdownMenuRadioGroup,
|
|
41
|
+
DropdownMenuRadioItem: () => DropdownMenuRadioItem,
|
|
42
|
+
DropdownMenuSeparator: () => DropdownMenuSeparator,
|
|
43
|
+
DropdownMenuShortcut: () => DropdownMenuShortcut,
|
|
44
|
+
DropdownMenuSub: () => DropdownMenuSub,
|
|
45
|
+
DropdownMenuSubContent: () => DropdownMenuSubContent,
|
|
46
|
+
DropdownMenuSubTrigger: () => DropdownMenuSubTrigger,
|
|
47
|
+
DropdownMenuTrigger: () => DropdownMenuTrigger
|
|
48
|
+
});
|
|
49
|
+
module.exports = __toCommonJS(dropdown_menu_exports);
|
|
50
|
+
var React = __toESM(require("react"));
|
|
51
|
+
var DropdownMenuPrimitive = __toESM(require("@radix-ui/react-dropdown-menu"));
|
|
52
|
+
|
|
53
|
+
// src/utils.ts
|
|
54
|
+
var import_clsx = require("clsx");
|
|
55
|
+
var import_tailwind_merge = require("tailwind-merge");
|
|
56
|
+
function cn(...inputs) {
|
|
57
|
+
return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
// src/dropdown-menu/index.tsx
|
|
61
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
62
|
+
var DropdownMenu = DropdownMenuPrimitive.Root;
|
|
63
|
+
var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
|
|
64
|
+
var DropdownMenuGroup = DropdownMenuPrimitive.Group;
|
|
65
|
+
var DropdownMenuPortal = DropdownMenuPrimitive.Portal;
|
|
66
|
+
var DropdownMenuSub = DropdownMenuPrimitive.Sub;
|
|
67
|
+
var DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
|
|
68
|
+
var DropdownMenuSubTrigger = React.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
69
|
+
DropdownMenuPrimitive.SubTrigger,
|
|
70
|
+
{
|
|
71
|
+
ref,
|
|
72
|
+
className: cn(
|
|
73
|
+
"flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none",
|
|
74
|
+
"focus:bg-[var(--axis-surface-secondary)]",
|
|
75
|
+
"data-[state=open]:bg-[var(--axis-surface-secondary)]",
|
|
76
|
+
"[&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
|
|
77
|
+
inset && "pl-8",
|
|
78
|
+
className
|
|
79
|
+
),
|
|
80
|
+
...props,
|
|
81
|
+
children: [
|
|
82
|
+
children,
|
|
83
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
84
|
+
"svg",
|
|
85
|
+
{
|
|
86
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
87
|
+
width: "16",
|
|
88
|
+
height: "16",
|
|
89
|
+
viewBox: "0 0 24 24",
|
|
90
|
+
fill: "none",
|
|
91
|
+
stroke: "currentColor",
|
|
92
|
+
strokeWidth: "2",
|
|
93
|
+
strokeLinecap: "round",
|
|
94
|
+
strokeLinejoin: "round",
|
|
95
|
+
className: "ml-auto",
|
|
96
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "m9 18 6-6-6-6" })
|
|
97
|
+
}
|
|
98
|
+
)
|
|
99
|
+
]
|
|
100
|
+
}
|
|
101
|
+
));
|
|
102
|
+
DropdownMenuSubTrigger.displayName = "DropdownMenuSubTrigger";
|
|
103
|
+
var DropdownMenuSubContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
104
|
+
DropdownMenuPrimitive.SubContent,
|
|
105
|
+
{
|
|
106
|
+
ref,
|
|
107
|
+
className: cn(
|
|
108
|
+
"z-50 min-w-[8rem] overflow-hidden rounded-md border border-[var(--axis-border-default)] bg-[var(--axis-surface-primary)] p-1 text-[var(--axis-text-primary)] shadow-lg",
|
|
109
|
+
"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
|
|
110
|
+
className
|
|
111
|
+
),
|
|
112
|
+
...props
|
|
113
|
+
}
|
|
114
|
+
));
|
|
115
|
+
DropdownMenuSubContent.displayName = "DropdownMenuSubContent";
|
|
116
|
+
var DropdownMenuContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
117
|
+
DropdownMenuPrimitive.Content,
|
|
118
|
+
{
|
|
119
|
+
ref,
|
|
120
|
+
sideOffset,
|
|
121
|
+
className: cn(
|
|
122
|
+
"z-50 min-w-[8rem] overflow-hidden rounded-md border border-[var(--axis-border-default)] bg-[var(--axis-surface-primary)] p-1 text-[var(--axis-text-primary)] shadow-md",
|
|
123
|
+
"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
|
|
124
|
+
className
|
|
125
|
+
),
|
|
126
|
+
...props
|
|
127
|
+
}
|
|
128
|
+
) }));
|
|
129
|
+
DropdownMenuContent.displayName = "DropdownMenuContent";
|
|
130
|
+
var DropdownMenuItem = React.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
131
|
+
DropdownMenuPrimitive.Item,
|
|
132
|
+
{
|
|
133
|
+
ref,
|
|
134
|
+
className: cn(
|
|
135
|
+
"relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors",
|
|
136
|
+
"focus:bg-[var(--axis-surface-secondary)] focus:text-[var(--axis-text-primary)]",
|
|
137
|
+
"data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
|
|
138
|
+
"[&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
|
|
139
|
+
inset && "pl-8",
|
|
140
|
+
className
|
|
141
|
+
),
|
|
142
|
+
...props
|
|
143
|
+
}
|
|
144
|
+
));
|
|
145
|
+
DropdownMenuItem.displayName = "DropdownMenuItem";
|
|
146
|
+
var DropdownMenuCheckboxItem = React.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
147
|
+
DropdownMenuPrimitive.CheckboxItem,
|
|
148
|
+
{
|
|
149
|
+
ref,
|
|
150
|
+
className: cn(
|
|
151
|
+
"relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors",
|
|
152
|
+
"focus:bg-[var(--axis-surface-secondary)] focus:text-[var(--axis-text-primary)]",
|
|
153
|
+
"data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
|
|
154
|
+
className
|
|
155
|
+
),
|
|
156
|
+
checked,
|
|
157
|
+
...props,
|
|
158
|
+
children: [
|
|
159
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
160
|
+
"svg",
|
|
161
|
+
{
|
|
162
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
163
|
+
width: "16",
|
|
164
|
+
height: "16",
|
|
165
|
+
viewBox: "0 0 24 24",
|
|
166
|
+
fill: "none",
|
|
167
|
+
stroke: "currentColor",
|
|
168
|
+
strokeWidth: "2",
|
|
169
|
+
strokeLinecap: "round",
|
|
170
|
+
strokeLinejoin: "round",
|
|
171
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M20 6 9 17l-5-5" })
|
|
172
|
+
}
|
|
173
|
+
) }) }),
|
|
174
|
+
children
|
|
175
|
+
]
|
|
176
|
+
}
|
|
177
|
+
));
|
|
178
|
+
DropdownMenuCheckboxItem.displayName = "DropdownMenuCheckboxItem";
|
|
179
|
+
var DropdownMenuRadioItem = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
180
|
+
DropdownMenuPrimitive.RadioItem,
|
|
181
|
+
{
|
|
182
|
+
ref,
|
|
183
|
+
className: cn(
|
|
184
|
+
"relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors",
|
|
185
|
+
"focus:bg-[var(--axis-surface-secondary)] focus:text-[var(--axis-text-primary)]",
|
|
186
|
+
"data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
|
|
187
|
+
className
|
|
188
|
+
),
|
|
189
|
+
...props,
|
|
190
|
+
children: [
|
|
191
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
192
|
+
"svg",
|
|
193
|
+
{
|
|
194
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
195
|
+
width: "8",
|
|
196
|
+
height: "8",
|
|
197
|
+
viewBox: "0 0 8 8",
|
|
198
|
+
fill: "currentColor",
|
|
199
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "4", cy: "4", r: "4" })
|
|
200
|
+
}
|
|
201
|
+
) }) }),
|
|
202
|
+
children
|
|
203
|
+
]
|
|
204
|
+
}
|
|
205
|
+
));
|
|
206
|
+
DropdownMenuRadioItem.displayName = "DropdownMenuRadioItem";
|
|
207
|
+
var DropdownMenuLabel = React.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
208
|
+
DropdownMenuPrimitive.Label,
|
|
209
|
+
{
|
|
210
|
+
ref,
|
|
211
|
+
className: cn(
|
|
212
|
+
"px-2 py-1.5 text-sm font-semibold",
|
|
213
|
+
inset && "pl-8",
|
|
214
|
+
className
|
|
215
|
+
),
|
|
216
|
+
...props
|
|
217
|
+
}
|
|
218
|
+
));
|
|
219
|
+
DropdownMenuLabel.displayName = "DropdownMenuLabel";
|
|
220
|
+
var DropdownMenuSeparator = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
221
|
+
DropdownMenuPrimitive.Separator,
|
|
222
|
+
{
|
|
223
|
+
ref,
|
|
224
|
+
className: cn(
|
|
225
|
+
"-mx-1 my-1 h-px bg-[var(--axis-border-default)]",
|
|
226
|
+
className
|
|
227
|
+
),
|
|
228
|
+
...props
|
|
229
|
+
}
|
|
230
|
+
));
|
|
231
|
+
DropdownMenuSeparator.displayName = "DropdownMenuSeparator";
|
|
232
|
+
var DropdownMenuShortcut = ({
|
|
233
|
+
className,
|
|
234
|
+
...props
|
|
235
|
+
}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
236
|
+
"span",
|
|
237
|
+
{
|
|
238
|
+
className: cn(
|
|
239
|
+
"ml-auto text-xs tracking-widest text-[var(--axis-text-tertiary)]",
|
|
240
|
+
className
|
|
241
|
+
),
|
|
242
|
+
...props
|
|
243
|
+
}
|
|
244
|
+
);
|
|
245
|
+
DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
|
|
246
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
247
|
+
0 && (module.exports = {
|
|
248
|
+
DropdownMenu,
|
|
249
|
+
DropdownMenuCheckboxItem,
|
|
250
|
+
DropdownMenuContent,
|
|
251
|
+
DropdownMenuGroup,
|
|
252
|
+
DropdownMenuItem,
|
|
253
|
+
DropdownMenuLabel,
|
|
254
|
+
DropdownMenuPortal,
|
|
255
|
+
DropdownMenuRadioGroup,
|
|
256
|
+
DropdownMenuRadioItem,
|
|
257
|
+
DropdownMenuSeparator,
|
|
258
|
+
DropdownMenuShortcut,
|
|
259
|
+
DropdownMenuSub,
|
|
260
|
+
DropdownMenuSubContent,
|
|
261
|
+
DropdownMenuSubTrigger,
|
|
262
|
+
DropdownMenuTrigger
|
|
263
|
+
});
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import {
|
|
2
|
+
DropdownMenu,
|
|
3
|
+
DropdownMenuCheckboxItem,
|
|
4
|
+
DropdownMenuContent,
|
|
5
|
+
DropdownMenuGroup,
|
|
6
|
+
DropdownMenuItem,
|
|
7
|
+
DropdownMenuLabel,
|
|
8
|
+
DropdownMenuPortal,
|
|
9
|
+
DropdownMenuRadioGroup,
|
|
10
|
+
DropdownMenuRadioItem,
|
|
11
|
+
DropdownMenuSeparator,
|
|
12
|
+
DropdownMenuShortcut,
|
|
13
|
+
DropdownMenuSub,
|
|
14
|
+
DropdownMenuSubContent,
|
|
15
|
+
DropdownMenuSubTrigger,
|
|
16
|
+
DropdownMenuTrigger
|
|
17
|
+
} from "../chunk-SR3JZW6T.mjs";
|
|
18
|
+
import "../chunk-PJO7WJ4G.mjs";
|
|
19
|
+
export {
|
|
20
|
+
DropdownMenu,
|
|
21
|
+
DropdownMenuCheckboxItem,
|
|
22
|
+
DropdownMenuContent,
|
|
23
|
+
DropdownMenuGroup,
|
|
24
|
+
DropdownMenuItem,
|
|
25
|
+
DropdownMenuLabel,
|
|
26
|
+
DropdownMenuPortal,
|
|
27
|
+
DropdownMenuRadioGroup,
|
|
28
|
+
DropdownMenuRadioItem,
|
|
29
|
+
DropdownMenuSeparator,
|
|
30
|
+
DropdownMenuShortcut,
|
|
31
|
+
DropdownMenuSub,
|
|
32
|
+
DropdownMenuSubContent,
|
|
33
|
+
DropdownMenuSubTrigger,
|
|
34
|
+
DropdownMenuTrigger
|
|
35
|
+
};
|
package/dist/index.d.mts
ADDED
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
import { ClassValue } from 'clsx';
|
|
2
|
+
export { Button, ButtonProps, buttonVariants } from './button/index.mjs';
|
|
3
|
+
export { Input, InputProps } from './input/index.mjs';
|
|
4
|
+
export { Label, LabelProps } from './label/index.mjs';
|
|
5
|
+
export { Checkbox } from './checkbox/index.mjs';
|
|
6
|
+
export { RadioGroup, RadioGroupItem } from './radio-group/index.mjs';
|
|
7
|
+
export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue } from './select/index.mjs';
|
|
8
|
+
export { Slider } from './slider/index.mjs';
|
|
9
|
+
export { Switch } from './switch/index.mjs';
|
|
10
|
+
export { Textarea } from './textarea/index.mjs';
|
|
11
|
+
export { Toggle, toggleVariants } from './toggle/index.mjs';
|
|
12
|
+
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from './accordion/index.mjs';
|
|
13
|
+
export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardProps, CardTitle } from './card/index.mjs';
|
|
14
|
+
export { Collapsible, CollapsibleContent, CollapsibleTrigger } from './collapsible/index.mjs';
|
|
15
|
+
export { Separator, SeparatorProps } from './separator/index.mjs';
|
|
16
|
+
export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow } from './table/index.mjs';
|
|
17
|
+
export { Tabs, TabsContent, TabsList, TabsTrigger } from './tabs/index.mjs';
|
|
18
|
+
export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator } from './breadcrumb/index.mjs';
|
|
19
|
+
export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from './dialog/index.mjs';
|
|
20
|
+
export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from './dropdown-menu/index.mjs';
|
|
21
|
+
export { Popover, PopoverContent, PopoverTrigger } from './popover/index.mjs';
|
|
22
|
+
export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger } from './sheet/index.mjs';
|
|
23
|
+
export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from './tooltip/index.mjs';
|
|
24
|
+
export { Alert, AlertDescription, AlertProps, AlertTitle, alertVariants } from './alert/index.mjs';
|
|
25
|
+
export { Badge, BadgeProps, badgeVariants } from './badge/index.mjs';
|
|
26
|
+
export { Progress, ProgressProps, progressIndicatorVariants, progressVariants } from './progress/index.mjs';
|
|
27
|
+
export { Skeleton, SkeletonProps } from './skeleton/index.mjs';
|
|
28
|
+
export { Toast, ToastAction, ToastClose, ToastDescription, ToastProvider, ToastTitle, ToastViewport } from './toast/index.mjs';
|
|
29
|
+
export { Avatar, AvatarProps, avatarVariants } from './avatar/index.mjs';
|
|
30
|
+
export { ScrollArea, ScrollBar } from './scroll-area/index.mjs';
|
|
31
|
+
export { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator } from './command/index.mjs';
|
|
32
|
+
import 'class-variance-authority/types';
|
|
33
|
+
import 'react';
|
|
34
|
+
import 'class-variance-authority';
|
|
35
|
+
import '@radix-ui/react-label';
|
|
36
|
+
import '@radix-ui/react-checkbox';
|
|
37
|
+
import '@radix-ui/react-radio-group';
|
|
38
|
+
import '@radix-ui/react-select';
|
|
39
|
+
import '@radix-ui/react-slider';
|
|
40
|
+
import '@radix-ui/react-switch';
|
|
41
|
+
import '@radix-ui/react-toggle';
|
|
42
|
+
import '@radix-ui/react-accordion';
|
|
43
|
+
import '@radix-ui/react-collapsible';
|
|
44
|
+
import '@radix-ui/react-separator';
|
|
45
|
+
import '@radix-ui/react-tabs';
|
|
46
|
+
import 'react/jsx-runtime';
|
|
47
|
+
import '@radix-ui/react-dialog';
|
|
48
|
+
import '@radix-ui/react-dropdown-menu';
|
|
49
|
+
import '@radix-ui/react-popover';
|
|
50
|
+
import '@radix-ui/react-tooltip';
|
|
51
|
+
import '@radix-ui/react-toast';
|
|
52
|
+
import '@radix-ui/react-scroll-area';
|
|
53
|
+
|
|
54
|
+
/**
|
|
55
|
+
* Tailwind CSS 클래스를 병합하는 유틸리티 함수
|
|
56
|
+
* clsx로 조건부 클래스를 처리하고 tailwind-merge로 충돌을 해결
|
|
57
|
+
*/
|
|
58
|
+
declare function cn(...inputs: ClassValue[]): string;
|
|
59
|
+
|
|
60
|
+
export { cn };
|
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
import { ClassValue } from 'clsx';
|
|
2
|
+
export { Button, ButtonProps, buttonVariants } from './button/index.js';
|
|
3
|
+
export { Input, InputProps } from './input/index.js';
|
|
4
|
+
export { Label, LabelProps } from './label/index.js';
|
|
5
|
+
export { Checkbox } from './checkbox/index.js';
|
|
6
|
+
export { RadioGroup, RadioGroupItem } from './radio-group/index.js';
|
|
7
|
+
export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue } from './select/index.js';
|
|
8
|
+
export { Slider } from './slider/index.js';
|
|
9
|
+
export { Switch } from './switch/index.js';
|
|
10
|
+
export { Textarea } from './textarea/index.js';
|
|
11
|
+
export { Toggle, toggleVariants } from './toggle/index.js';
|
|
12
|
+
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from './accordion/index.js';
|
|
13
|
+
export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardProps, CardTitle } from './card/index.js';
|
|
14
|
+
export { Collapsible, CollapsibleContent, CollapsibleTrigger } from './collapsible/index.js';
|
|
15
|
+
export { Separator, SeparatorProps } from './separator/index.js';
|
|
16
|
+
export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow } from './table/index.js';
|
|
17
|
+
export { Tabs, TabsContent, TabsList, TabsTrigger } from './tabs/index.js';
|
|
18
|
+
export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator } from './breadcrumb/index.js';
|
|
19
|
+
export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from './dialog/index.js';
|
|
20
|
+
export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from './dropdown-menu/index.js';
|
|
21
|
+
export { Popover, PopoverContent, PopoverTrigger } from './popover/index.js';
|
|
22
|
+
export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger } from './sheet/index.js';
|
|
23
|
+
export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from './tooltip/index.js';
|
|
24
|
+
export { Alert, AlertDescription, AlertProps, AlertTitle, alertVariants } from './alert/index.js';
|
|
25
|
+
export { Badge, BadgeProps, badgeVariants } from './badge/index.js';
|
|
26
|
+
export { Progress, ProgressProps, progressIndicatorVariants, progressVariants } from './progress/index.js';
|
|
27
|
+
export { Skeleton, SkeletonProps } from './skeleton/index.js';
|
|
28
|
+
export { Toast, ToastAction, ToastClose, ToastDescription, ToastProvider, ToastTitle, ToastViewport } from './toast/index.js';
|
|
29
|
+
export { Avatar, AvatarProps, avatarVariants } from './avatar/index.js';
|
|
30
|
+
export { ScrollArea, ScrollBar } from './scroll-area/index.js';
|
|
31
|
+
export { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator } from './command/index.js';
|
|
32
|
+
import 'class-variance-authority/types';
|
|
33
|
+
import 'react';
|
|
34
|
+
import 'class-variance-authority';
|
|
35
|
+
import '@radix-ui/react-label';
|
|
36
|
+
import '@radix-ui/react-checkbox';
|
|
37
|
+
import '@radix-ui/react-radio-group';
|
|
38
|
+
import '@radix-ui/react-select';
|
|
39
|
+
import '@radix-ui/react-slider';
|
|
40
|
+
import '@radix-ui/react-switch';
|
|
41
|
+
import '@radix-ui/react-toggle';
|
|
42
|
+
import '@radix-ui/react-accordion';
|
|
43
|
+
import '@radix-ui/react-collapsible';
|
|
44
|
+
import '@radix-ui/react-separator';
|
|
45
|
+
import '@radix-ui/react-tabs';
|
|
46
|
+
import 'react/jsx-runtime';
|
|
47
|
+
import '@radix-ui/react-dialog';
|
|
48
|
+
import '@radix-ui/react-dropdown-menu';
|
|
49
|
+
import '@radix-ui/react-popover';
|
|
50
|
+
import '@radix-ui/react-tooltip';
|
|
51
|
+
import '@radix-ui/react-toast';
|
|
52
|
+
import '@radix-ui/react-scroll-area';
|
|
53
|
+
|
|
54
|
+
/**
|
|
55
|
+
* Tailwind CSS 클래스를 병합하는 유틸리티 함수
|
|
56
|
+
* clsx로 조건부 클래스를 처리하고 tailwind-merge로 충돌을 해결
|
|
57
|
+
*/
|
|
58
|
+
declare function cn(...inputs: ClassValue[]): string;
|
|
59
|
+
|
|
60
|
+
export { cn };
|