@acronis-platform/shadcn-uikit 0.19.0 → 0.21.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/dist/components/ui/base-select.d.ts +1 -0
- package/dist/components/ui/base-select.js +88 -85
- package/dist/components/ui/base-select.js.map +1 -1
- package/dist/components/ui/dialog.d.ts +3 -1
- package/dist/components/ui/dialog.js +66 -63
- package/dist/components/ui/dialog.js.map +1 -1
- package/dist/components/ui/dropdown-menu.d.ts +3 -1
- package/dist/components/ui/dropdown-menu.js +51 -48
- package/dist/components/ui/dropdown-menu.js.map +1 -1
- package/dist/components/ui/popover.d.ts +5 -2
- package/dist/components/ui/popover.js +24 -20
- package/dist/components/ui/popover.js.map +1 -1
- package/dist/components/ui/select.d.ts +3 -1
- package/dist/components/ui/select.js +71 -68
- package/dist/components/ui/select.js.map +1 -1
- package/dist/index.js +1264 -1263
- package/dist/react.js +1254 -1253
- package/package.json +7 -3
- package/tailwind.preset.d.ts +3 -0
|
@@ -11,6 +11,7 @@ declare const SelectContent: React.ForwardRefExoticComponent<Omit<Omit<import('@
|
|
|
11
11
|
alignItemWithTrigger?: boolean;
|
|
12
12
|
side?: "top" | "bottom";
|
|
13
13
|
sideOffset?: number;
|
|
14
|
+
portal?: boolean;
|
|
14
15
|
} & React.RefAttributes<HTMLDivElement>>;
|
|
15
16
|
declare const SelectLabel: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react/select').SelectGroupLabelProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
16
17
|
declare const SelectItem: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react/select').SelectItemProps, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
|
|
@@ -1,27 +1,27 @@
|
|
|
1
|
-
import { jsxs as
|
|
1
|
+
import { jsxs as c, jsx as e, Fragment as S } from "react/jsx-runtime";
|
|
2
2
|
import * as a from "react";
|
|
3
|
-
import { ChevronDown as i, ChevronUp as
|
|
3
|
+
import { ChevronDown as i, ChevronUp as b, Check as x } from "lucide-react";
|
|
4
4
|
import { cn as l } from "../../lib/utils.js";
|
|
5
|
-
import { SelectTrigger as
|
|
6
|
-
import { SelectIcon as
|
|
7
|
-
import { SelectScrollUpArrow as
|
|
8
|
-
import { SelectScrollDownArrow as
|
|
9
|
-
import {
|
|
10
|
-
import {
|
|
11
|
-
import {
|
|
12
|
-
import {
|
|
13
|
-
import { SelectGroupLabel as
|
|
14
|
-
import { SelectItem as
|
|
15
|
-
import { SelectItemIndicator as
|
|
16
|
-
import { SelectItemText as
|
|
17
|
-
import { Separator as
|
|
18
|
-
import { SelectRoot as
|
|
19
|
-
import { SelectGroup as
|
|
20
|
-
import { SelectValue as
|
|
21
|
-
const
|
|
22
|
-
|
|
5
|
+
import { SelectTrigger as v } from "../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@18.3.27_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/esm/select/trigger/SelectTrigger.js";
|
|
6
|
+
import { SelectIcon as w } from "../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@18.3.27_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/esm/select/icon/SelectIcon.js";
|
|
7
|
+
import { SelectScrollUpArrow as y } from "../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@18.3.27_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/esm/select/scroll-up-arrow/SelectScrollUpArrow.js";
|
|
8
|
+
import { SelectScrollDownArrow as N } from "../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@18.3.27_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/esm/select/scroll-down-arrow/SelectScrollDownArrow.js";
|
|
9
|
+
import { SelectPositioner as R } from "../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@18.3.27_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/esm/select/positioner/SelectPositioner.js";
|
|
10
|
+
import { SelectPopup as I } from "../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@18.3.27_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/esm/select/popup/SelectPopup.js";
|
|
11
|
+
import { SelectList as j } from "../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@18.3.27_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/esm/select/list/SelectList.js";
|
|
12
|
+
import { SelectPortal as d } from "../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@18.3.27_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/esm/select/portal/SelectPortal.js";
|
|
13
|
+
import { SelectGroupLabel as C } from "../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@18.3.27_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/esm/select/group-label/SelectGroupLabel.js";
|
|
14
|
+
import { SelectItem as P } from "../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@18.3.27_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/esm/select/item/SelectItem.js";
|
|
15
|
+
import { SelectItemIndicator as T } from "../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@18.3.27_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/esm/select/item-indicator/SelectItemIndicator.js";
|
|
16
|
+
import { SelectItemText as $ } from "../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@18.3.27_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/esm/select/item-text/SelectItemText.js";
|
|
17
|
+
import { Separator as k } from "../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@18.3.27_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/esm/separator/Separator.js";
|
|
18
|
+
import { SelectRoot as B } from "../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@18.3.27_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/esm/select/root/SelectRoot.js";
|
|
19
|
+
import { SelectGroup as D } from "../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@18.3.27_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/esm/select/group/SelectGroup.js";
|
|
20
|
+
import { SelectValue as G } from "../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@18.3.27_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/esm/select/value/SelectValue.js";
|
|
21
|
+
const le = B, ne = D, ce = G, se = d, L = a.forwardRef(({ className: t, children: o, ...r }, n) => /* @__PURE__ */ c(
|
|
22
|
+
v,
|
|
23
23
|
{
|
|
24
|
-
ref:
|
|
24
|
+
ref: n,
|
|
25
25
|
className: l(
|
|
26
26
|
"relative flex h-9 w-full items-center rounded-lg border border-border bg-background pl-3 pr-9 py-2 text-sm font-medium text-foreground shadow-sm transition-all",
|
|
27
27
|
"hover:bg-accent/5 hover:border-primary/30",
|
|
@@ -34,13 +34,13 @@ const oe = T, re = $, ae = k, le = n, B = a.forwardRef(({ className: t, children
|
|
|
34
34
|
...r,
|
|
35
35
|
children: [
|
|
36
36
|
o,
|
|
37
|
-
/* @__PURE__ */ e(
|
|
37
|
+
/* @__PURE__ */ e(w, { className: "absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground transition-transform data-[state=open]:rotate-180 pointer-events-none", children: /* @__PURE__ */ e(i, { className: "h-4 w-4" }) })
|
|
38
38
|
]
|
|
39
39
|
}
|
|
40
40
|
));
|
|
41
|
-
|
|
42
|
-
const
|
|
43
|
-
|
|
41
|
+
L.displayName = "SelectTrigger";
|
|
42
|
+
const m = a.forwardRef(({ className: t, ...o }, r) => /* @__PURE__ */ e(
|
|
43
|
+
y,
|
|
44
44
|
{
|
|
45
45
|
ref: r,
|
|
46
46
|
className: l(
|
|
@@ -49,12 +49,12 @@ const d = a.forwardRef(({ className: t, ...o }, r) => /* @__PURE__ */ e(
|
|
|
49
49
|
t
|
|
50
50
|
),
|
|
51
51
|
...o,
|
|
52
|
-
children: /* @__PURE__ */ e(
|
|
52
|
+
children: /* @__PURE__ */ e(b, { className: "h-3.5 w-3.5" })
|
|
53
53
|
}
|
|
54
54
|
));
|
|
55
|
-
|
|
56
|
-
const
|
|
57
|
-
|
|
55
|
+
m.displayName = "SelectScrollUpButton";
|
|
56
|
+
const f = a.forwardRef(({ className: t, ...o }, r) => /* @__PURE__ */ e(
|
|
57
|
+
N,
|
|
58
58
|
{
|
|
59
59
|
ref: r,
|
|
60
60
|
className: l(
|
|
@@ -66,41 +66,44 @@ const m = a.forwardRef(({ className: t, ...o }, r) => /* @__PURE__ */ e(
|
|
|
66
66
|
children: /* @__PURE__ */ e(i, { className: "h-3.5 w-3.5" })
|
|
67
67
|
}
|
|
68
68
|
));
|
|
69
|
-
|
|
70
|
-
const
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
69
|
+
f.displayName = "SelectScrollDownButton";
|
|
70
|
+
const U = a.forwardRef(({ className: t, children: o, alignItemWithTrigger: r = !1, side: n, sideOffset: p = 4, portal: u = !0, ...g }, h) => {
|
|
71
|
+
const s = /* @__PURE__ */ e(S, { children: /* @__PURE__ */ e(
|
|
72
|
+
R,
|
|
73
|
+
{
|
|
74
|
+
alignItemWithTrigger: r,
|
|
75
|
+
side: n,
|
|
76
|
+
sideOffset: p,
|
|
77
|
+
className: "z-50",
|
|
78
|
+
children: /* @__PURE__ */ c(
|
|
79
|
+
I,
|
|
80
|
+
{
|
|
81
|
+
ref: h,
|
|
82
|
+
className: l(
|
|
83
|
+
"relative max-h-96 w-[var(--anchor-width)] overflow-hidden rounded-lg border border-border bg-popover text-popover-foreground shadow-lg",
|
|
84
|
+
"data-[state=open]:animate-in data-[state=closed]:animate-out",
|
|
85
|
+
"data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
|
|
86
|
+
"data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
|
|
87
|
+
"data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2",
|
|
88
|
+
"data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
|
|
89
|
+
"origin-[var(--transform-origin)]",
|
|
90
|
+
t
|
|
91
|
+
),
|
|
92
|
+
...g,
|
|
93
|
+
children: [
|
|
94
|
+
/* @__PURE__ */ e(m, {}),
|
|
95
|
+
/* @__PURE__ */ e(j, { className: "p-1.5 overflow-y-auto max-h-[inherit]", children: o }),
|
|
96
|
+
/* @__PURE__ */ e(f, {})
|
|
97
|
+
]
|
|
98
|
+
}
|
|
99
|
+
)
|
|
100
|
+
}
|
|
101
|
+
) });
|
|
102
|
+
return u ? /* @__PURE__ */ e(d, { children: s }) : s;
|
|
103
|
+
});
|
|
104
|
+
U.displayName = "SelectContent";
|
|
105
|
+
const z = a.forwardRef(({ className: t, ...o }, r) => /* @__PURE__ */ e(
|
|
106
|
+
C,
|
|
104
107
|
{
|
|
105
108
|
ref: r,
|
|
106
109
|
className: l(
|
|
@@ -110,11 +113,11 @@ const G = a.forwardRef(({ className: t, ...o }, r) => /* @__PURE__ */ e(
|
|
|
110
113
|
...o
|
|
111
114
|
}
|
|
112
115
|
));
|
|
113
|
-
|
|
114
|
-
const
|
|
115
|
-
|
|
116
|
+
z.displayName = "SelectLabel";
|
|
117
|
+
const V = a.forwardRef(({ className: t, children: o, ...r }, n) => /* @__PURE__ */ c(
|
|
118
|
+
P,
|
|
116
119
|
{
|
|
117
|
-
ref:
|
|
120
|
+
ref: n,
|
|
118
121
|
className: l(
|
|
119
122
|
"relative flex w-full cursor-pointer select-none items-center gap-2 rounded-md px-2 py-1.5 text-sm outline-none transition-colors",
|
|
120
123
|
"hover:bg-accent/50 hover:text-accent-foreground",
|
|
@@ -126,32 +129,32 @@ const L = a.forwardRef(({ className: t, children: o, ...r }, c) => /* @__PURE__
|
|
|
126
129
|
),
|
|
127
130
|
...r,
|
|
128
131
|
children: [
|
|
129
|
-
/* @__PURE__ */ e(
|
|
130
|
-
/* @__PURE__ */ e(
|
|
132
|
+
/* @__PURE__ */ e(T, { className: "inline-flex h-4 w-4 shrink-0 items-center justify-center", children: /* @__PURE__ */ e(x, { className: "h-3.5 w-3.5" }) }),
|
|
133
|
+
/* @__PURE__ */ e($, { className: "flex-1", children: o })
|
|
131
134
|
]
|
|
132
135
|
}
|
|
133
136
|
));
|
|
134
|
-
|
|
135
|
-
const
|
|
136
|
-
|
|
137
|
+
V.displayName = "SelectItem";
|
|
138
|
+
const A = a.forwardRef(({ className: t, ...o }, r) => /* @__PURE__ */ e(
|
|
139
|
+
k,
|
|
137
140
|
{
|
|
138
141
|
ref: r,
|
|
139
142
|
className: l("my-1.5 h-px bg-border", t),
|
|
140
143
|
...o
|
|
141
144
|
}
|
|
142
145
|
));
|
|
143
|
-
|
|
146
|
+
A.displayName = "SelectSeparator";
|
|
144
147
|
export {
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
148
|
+
le as Select,
|
|
149
|
+
U as SelectContent,
|
|
150
|
+
ne as SelectGroup,
|
|
151
|
+
V as SelectItem,
|
|
152
|
+
z as SelectLabel,
|
|
153
|
+
se as SelectPortal,
|
|
154
|
+
f as SelectScrollDownButton,
|
|
155
|
+
m as SelectScrollUpButton,
|
|
156
|
+
A as SelectSeparator,
|
|
157
|
+
L as SelectTrigger,
|
|
158
|
+
ce as SelectValue
|
|
156
159
|
};
|
|
157
160
|
//# sourceMappingURL=base-select.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"base-select.js","sources":["../../../src/components/ui/base-select.tsx"],"sourcesContent":["import * as React from 'react'\nimport { Select as BaseSelect } from '@base-ui/react/select'\nimport { Check, ChevronDown, ChevronUp } from 'lucide-react'\n\nimport { cn } from '@/lib/utils'\n\nconst Select = BaseSelect.Root\n\nconst SelectGroup = BaseSelect.Group\nconst SelectValue = BaseSelect.Value\nconst SelectPortal = BaseSelect.Portal\n\nconst SelectTrigger = React.forwardRef<\n React.ElementRef<typeof BaseSelect.Trigger>,\n React.ComponentPropsWithoutRef<typeof BaseSelect.Trigger>\n>(({ className, children, ...props }, ref) => (\n <BaseSelect.Trigger\n ref={ref}\n className={cn(\n 'relative flex h-9 w-full items-center rounded-lg border border-border bg-background pl-3 pr-9 py-2 text-sm font-medium text-foreground shadow-sm transition-all',\n 'hover:bg-accent/5 hover:border-primary/30',\n 'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1',\n 'data-[placeholder]:text-muted-foreground',\n 'data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\n '[&>span]:line-clamp-1 [&>span]:text-left',\n className\n )}\n {...props}\n >\n {children}\n <BaseSelect.Icon className=\"absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground transition-transform data-[state=open]:rotate-180 pointer-events-none\">\n <ChevronDown className=\"h-4 w-4\" />\n </BaseSelect.Icon>\n </BaseSelect.Trigger>\n))\nSelectTrigger.displayName = 'SelectTrigger'\n\nconst SelectScrollUpButton = React.forwardRef<\n React.ElementRef<typeof BaseSelect.ScrollUpArrow>,\n React.ComponentPropsWithoutRef<typeof BaseSelect.ScrollUpArrow>\n>(({ className, ...props }, ref) => (\n <BaseSelect.ScrollUpArrow\n ref={ref}\n className={cn(\n 'flex cursor-default items-center justify-center py-1.5 text-muted-foreground',\n 'hover:bg-accent/10 hover:text-foreground transition-colors',\n className\n )}\n {...props}\n >\n <ChevronUp className=\"h-3.5 w-3.5\" />\n </BaseSelect.ScrollUpArrow>\n))\nSelectScrollUpButton.displayName = 'SelectScrollUpButton'\n\nconst SelectScrollDownButton = React.forwardRef<\n React.ElementRef<typeof BaseSelect.ScrollDownArrow>,\n React.ComponentPropsWithoutRef<typeof BaseSelect.ScrollDownArrow>\n>(({ className, ...props }, ref) => (\n <BaseSelect.ScrollDownArrow\n ref={ref}\n className={cn(\n 'flex cursor-default items-center justify-center py-1.5 text-muted-foreground',\n 'hover:bg-accent/10 hover:text-foreground transition-colors',\n className\n )}\n {...props}\n >\n <ChevronDown className=\"h-3.5 w-3.5\" />\n </BaseSelect.ScrollDownArrow>\n))\nSelectScrollDownButton.displayName = 'SelectScrollDownButton'\n\nconst SelectContent = React.forwardRef<\n React.ElementRef<typeof BaseSelect.Popup>,\n React.ComponentPropsWithoutRef<typeof BaseSelect.Popup> & {\n alignItemWithTrigger?: boolean\n side?: 'top' | 'bottom'\n sideOffset?: number\n }\n>(({ className, children, alignItemWithTrigger = false, side, sideOffset = 4, ...props }, ref) => (\n <BaseSelect.Portal>\n <BaseSelect.Positioner\n alignItemWithTrigger={alignItemWithTrigger}\n side={side}\n sideOffset={sideOffset}\n className=\"z-50\"\n >\n <BaseSelect.Popup\n ref={ref}\n className={cn(\n 'relative max-h-96 w-[var(--anchor-width)] overflow-hidden rounded-lg border border-border bg-popover text-popover-foreground shadow-lg',\n 'data-[state=open]:animate-in data-[state=closed]:animate-out',\n 'data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0',\n 'data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95',\n 'data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2',\n 'data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',\n 'origin-[var(--transform-origin)]',\n className\n )}\n {...props}\n >\n <SelectScrollUpButton />\n <BaseSelect.List className=\"p-1.5 overflow-y-auto max-h-[inherit]\">\n {children}\n </BaseSelect.List>\n <SelectScrollDownButton />\n </BaseSelect.Popup>\n </BaseSelect.Positioner>\n </BaseSelect.Portal>\n))\nSelectContent.displayName = 'SelectContent'\n\nconst SelectLabel = React.forwardRef<\n React.ElementRef<typeof BaseSelect.GroupLabel>,\n React.ComponentPropsWithoutRef<typeof BaseSelect.GroupLabel>\n>(({ className, ...props }, ref) => (\n <BaseSelect.GroupLabel\n ref={ref}\n className={cn(\n 'px-2 py-1.5 text-xs font-semibold text-muted-foreground uppercase tracking-wider',\n className\n )}\n {...props}\n />\n))\nSelectLabel.displayName = 'SelectLabel'\n\nconst SelectItem = React.forwardRef<\n React.ElementRef<typeof BaseSelect.Item>,\n React.ComponentPropsWithoutRef<typeof BaseSelect.Item>\n>(({ className, children, ...props }, ref) => (\n <BaseSelect.Item\n ref={ref}\n className={cn(\n 'relative flex w-full cursor-pointer select-none items-center gap-2 rounded-md px-2 py-1.5 text-sm outline-none transition-colors',\n 'hover:bg-accent/50 hover:text-accent-foreground',\n 'focus-visible:bg-accent focus-visible:text-accent-foreground',\n 'data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground',\n 'data-[selected]:bg-primary/10 data-[selected]:text-primary data-[selected]:font-medium',\n 'data-[disabled]:pointer-events-none data-[disabled]:opacity-40',\n className\n )}\n {...props}\n >\n <BaseSelect.ItemIndicator className=\"inline-flex h-4 w-4 shrink-0 items-center justify-center\">\n <Check className=\"h-3.5 w-3.5\" />\n </BaseSelect.ItemIndicator>\n <BaseSelect.ItemText className=\"flex-1\">{children}</BaseSelect.ItemText>\n </BaseSelect.Item>\n))\nSelectItem.displayName = 'SelectItem'\n\nconst SelectSeparator = React.forwardRef<\n React.ElementRef<typeof BaseSelect.Separator>,\n React.ComponentPropsWithoutRef<typeof BaseSelect.Separator>\n>(({ className, ...props }, ref) => (\n <BaseSelect.Separator\n ref={ref}\n className={cn('my-1.5 h-px bg-border', className)}\n {...props}\n />\n))\nSelectSeparator.displayName = 'SelectSeparator'\n\nexport {\n Select,\n SelectContent,\n SelectGroup,\n SelectItem,\n SelectLabel,\n SelectPortal,\n SelectScrollDownButton,\n SelectScrollUpButton,\n SelectSeparator,\n SelectTrigger,\n SelectValue,\n}\n"],"names":["Select","BaseSelect.Root","SelectGroup","BaseSelect.Group","SelectValue","BaseSelect.Value","SelectPortal","BaseSelect.Portal","SelectTrigger","React","className","children","props","ref","jsxs","BaseSelect.Trigger","cn","jsx","BaseSelect.Icon","ChevronDown","SelectScrollUpButton","BaseSelect.ScrollUpArrow","ChevronUp","SelectScrollDownButton","BaseSelect.ScrollDownArrow","SelectContent","alignItemWithTrigger","side","sideOffset","BaseSelect.Positioner","BaseSelect.Popup","BaseSelect.List","SelectLabel","BaseSelect.GroupLabel","SelectItem","BaseSelect.Item","BaseSelect.ItemIndicator","Check","BaseSelect.ItemText","SelectSeparator","BaseSelect.Separator"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"base-select.js","sources":["../../../src/components/ui/base-select.tsx"],"sourcesContent":["import * as React from 'react'\nimport { Select as BaseSelect } from '@base-ui/react/select'\nimport { Check, ChevronDown, ChevronUp } from 'lucide-react'\n\nimport { cn } from '@/lib/utils'\n\nconst Select = BaseSelect.Root\n\nconst SelectGroup = BaseSelect.Group\nconst SelectValue = BaseSelect.Value\nconst SelectPortal = BaseSelect.Portal\n\nconst SelectTrigger = React.forwardRef<\n React.ElementRef<typeof BaseSelect.Trigger>,\n React.ComponentPropsWithoutRef<typeof BaseSelect.Trigger>\n>(({ className, children, ...props }, ref) => (\n <BaseSelect.Trigger\n ref={ref}\n className={cn(\n 'relative flex h-9 w-full items-center rounded-lg border border-border bg-background pl-3 pr-9 py-2 text-sm font-medium text-foreground shadow-sm transition-all',\n 'hover:bg-accent/5 hover:border-primary/30',\n 'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1',\n 'data-[placeholder]:text-muted-foreground',\n 'data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\n '[&>span]:line-clamp-1 [&>span]:text-left',\n className\n )}\n {...props}\n >\n {children}\n <BaseSelect.Icon className=\"absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground transition-transform data-[state=open]:rotate-180 pointer-events-none\">\n <ChevronDown className=\"h-4 w-4\" />\n </BaseSelect.Icon>\n </BaseSelect.Trigger>\n))\nSelectTrigger.displayName = 'SelectTrigger'\n\nconst SelectScrollUpButton = React.forwardRef<\n React.ElementRef<typeof BaseSelect.ScrollUpArrow>,\n React.ComponentPropsWithoutRef<typeof BaseSelect.ScrollUpArrow>\n>(({ className, ...props }, ref) => (\n <BaseSelect.ScrollUpArrow\n ref={ref}\n className={cn(\n 'flex cursor-default items-center justify-center py-1.5 text-muted-foreground',\n 'hover:bg-accent/10 hover:text-foreground transition-colors',\n className\n )}\n {...props}\n >\n <ChevronUp className=\"h-3.5 w-3.5\" />\n </BaseSelect.ScrollUpArrow>\n))\nSelectScrollUpButton.displayName = 'SelectScrollUpButton'\n\nconst SelectScrollDownButton = React.forwardRef<\n React.ElementRef<typeof BaseSelect.ScrollDownArrow>,\n React.ComponentPropsWithoutRef<typeof BaseSelect.ScrollDownArrow>\n>(({ className, ...props }, ref) => (\n <BaseSelect.ScrollDownArrow\n ref={ref}\n className={cn(\n 'flex cursor-default items-center justify-center py-1.5 text-muted-foreground',\n 'hover:bg-accent/10 hover:text-foreground transition-colors',\n className\n )}\n {...props}\n >\n <ChevronDown className=\"h-3.5 w-3.5\" />\n </BaseSelect.ScrollDownArrow>\n))\nSelectScrollDownButton.displayName = 'SelectScrollDownButton'\n\nconst SelectContent = React.forwardRef<\n React.ElementRef<typeof BaseSelect.Popup>,\n React.ComponentPropsWithoutRef<typeof BaseSelect.Popup> & {\n alignItemWithTrigger?: boolean\n side?: 'top' | 'bottom'\n sideOffset?: number\n portal?: boolean\n }\n>(({ className, children, alignItemWithTrigger = false, side, sideOffset = 4, portal = true, ...props }, ref) => {\n const element = (<>\n <BaseSelect.Positioner\n alignItemWithTrigger={alignItemWithTrigger}\n side={side}\n sideOffset={sideOffset}\n className=\"z-50\"\n >\n <BaseSelect.Popup\n ref={ref}\n className={cn(\n 'relative max-h-96 w-[var(--anchor-width)] overflow-hidden rounded-lg border border-border bg-popover text-popover-foreground shadow-lg',\n 'data-[state=open]:animate-in data-[state=closed]:animate-out',\n 'data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0',\n 'data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95',\n 'data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2',\n 'data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',\n 'origin-[var(--transform-origin)]',\n className\n )}\n {...props}\n >\n <SelectScrollUpButton />\n <BaseSelect.List className=\"p-1.5 overflow-y-auto max-h-[inherit]\">\n {children}\n </BaseSelect.List>\n <SelectScrollDownButton />\n </BaseSelect.Popup>\n </BaseSelect.Positioner>\n </>)\n\n return portal ? <BaseSelect.Portal>{element}</BaseSelect.Portal> : element\n})\nSelectContent.displayName = 'SelectContent'\n\nconst SelectLabel = React.forwardRef<\n React.ElementRef<typeof BaseSelect.GroupLabel>,\n React.ComponentPropsWithoutRef<typeof BaseSelect.GroupLabel>\n>(({ className, ...props }, ref) => (\n <BaseSelect.GroupLabel\n ref={ref}\n className={cn(\n 'px-2 py-1.5 text-xs font-semibold text-muted-foreground uppercase tracking-wider',\n className\n )}\n {...props}\n />\n))\nSelectLabel.displayName = 'SelectLabel'\n\nconst SelectItem = React.forwardRef<\n React.ElementRef<typeof BaseSelect.Item>,\n React.ComponentPropsWithoutRef<typeof BaseSelect.Item>\n>(({ className, children, ...props }, ref) => (\n <BaseSelect.Item\n ref={ref}\n className={cn(\n 'relative flex w-full cursor-pointer select-none items-center gap-2 rounded-md px-2 py-1.5 text-sm outline-none transition-colors',\n 'hover:bg-accent/50 hover:text-accent-foreground',\n 'focus-visible:bg-accent focus-visible:text-accent-foreground',\n 'data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground',\n 'data-[selected]:bg-primary/10 data-[selected]:text-primary data-[selected]:font-medium',\n 'data-[disabled]:pointer-events-none data-[disabled]:opacity-40',\n className\n )}\n {...props}\n >\n <BaseSelect.ItemIndicator className=\"inline-flex h-4 w-4 shrink-0 items-center justify-center\">\n <Check className=\"h-3.5 w-3.5\" />\n </BaseSelect.ItemIndicator>\n <BaseSelect.ItemText className=\"flex-1\">{children}</BaseSelect.ItemText>\n </BaseSelect.Item>\n))\nSelectItem.displayName = 'SelectItem'\n\nconst SelectSeparator = React.forwardRef<\n React.ElementRef<typeof BaseSelect.Separator>,\n React.ComponentPropsWithoutRef<typeof BaseSelect.Separator>\n>(({ className, ...props }, ref) => (\n <BaseSelect.Separator\n ref={ref}\n className={cn('my-1.5 h-px bg-border', className)}\n {...props}\n />\n))\nSelectSeparator.displayName = 'SelectSeparator'\n\nexport {\n Select,\n SelectContent,\n SelectGroup,\n SelectItem,\n SelectLabel,\n SelectPortal,\n SelectScrollDownButton,\n SelectScrollUpButton,\n SelectSeparator,\n SelectTrigger,\n SelectValue,\n}\n"],"names":["Select","BaseSelect.Root","SelectGroup","BaseSelect.Group","SelectValue","BaseSelect.Value","SelectPortal","BaseSelect.Portal","SelectTrigger","React","className","children","props","ref","jsxs","BaseSelect.Trigger","cn","jsx","BaseSelect.Icon","ChevronDown","SelectScrollUpButton","BaseSelect.ScrollUpArrow","ChevronUp","SelectScrollDownButton","BaseSelect.ScrollDownArrow","SelectContent","alignItemWithTrigger","side","sideOffset","portal","element","Fragment","BaseSelect.Positioner","BaseSelect.Popup","BaseSelect.List","SelectLabel","BaseSelect.GroupLabel","SelectItem","BaseSelect.Item","BaseSelect.ItemIndicator","Check","BaseSelect.ItemText","SelectSeparator","BaseSelect.Separator"],"mappings":"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"}
|
|
@@ -5,7 +5,9 @@ declare const DialogTrigger: React.ForwardRefExoticComponent<DialogPrimitive.Dia
|
|
|
5
5
|
declare const DialogPortal: React.FC<DialogPrimitive.DialogPortalProps>;
|
|
6
6
|
declare const DialogClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
|
|
7
7
|
declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
8
|
-
declare const DialogContent: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> &
|
|
8
|
+
declare const DialogContent: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
9
|
+
portal?: boolean;
|
|
10
|
+
} & React.RefAttributes<HTMLDivElement>>;
|
|
9
11
|
declare const DialogHeader: {
|
|
10
12
|
({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
|
|
11
13
|
displayName: string;
|
|
@@ -1,109 +1,112 @@
|
|
|
1
|
-
import { jsx as
|
|
1
|
+
import { jsx as o, jsxs as d, Fragment as p } from "react/jsx-runtime";
|
|
2
2
|
import * as i from "react";
|
|
3
|
-
import * as
|
|
4
|
-
import { X as
|
|
3
|
+
import * as t from "@radix-ui/react-dialog";
|
|
4
|
+
import { X as f } from "lucide-react";
|
|
5
5
|
import { cn as l } from "../../lib/utils.js";
|
|
6
|
-
const
|
|
7
|
-
|
|
6
|
+
const C = t.Root, R = t.Trigger, T = t.Portal, z = t.Close, n = i.forwardRef(({ className: e, ...a }, s) => /* @__PURE__ */ o(
|
|
7
|
+
t.Overlay,
|
|
8
8
|
{
|
|
9
9
|
ref: s,
|
|
10
10
|
className: l(
|
|
11
11
|
"fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
|
|
12
|
-
|
|
12
|
+
e
|
|
13
13
|
),
|
|
14
|
-
...
|
|
14
|
+
...a
|
|
15
15
|
}
|
|
16
16
|
));
|
|
17
|
-
|
|
18
|
-
const
|
|
19
|
-
/* @__PURE__ */
|
|
20
|
-
|
|
21
|
-
o
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
17
|
+
n.displayName = t.Overlay.displayName;
|
|
18
|
+
const g = i.forwardRef(({ className: e, children: a, portal: s = !0, ...c }, m) => {
|
|
19
|
+
const r = /* @__PURE__ */ d(p, { children: [
|
|
20
|
+
/* @__PURE__ */ o(n, {}),
|
|
21
|
+
/* @__PURE__ */ o(
|
|
22
|
+
t.Content,
|
|
23
|
+
{
|
|
24
|
+
ref: m,
|
|
25
|
+
className: l(
|
|
26
|
+
"fixed left-[50%] top-[50%] z-50 flex w-full max-w-lg translate-x-[-50%] translate-y-[-50%] flex-col overflow-hidden rounded bg-muted shadow-[0px_10px_20px_rgba(36,49,67,0.9)] duration-200 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-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]",
|
|
27
|
+
e
|
|
28
|
+
),
|
|
29
|
+
...c,
|
|
30
|
+
children: a
|
|
31
|
+
}
|
|
32
|
+
)
|
|
33
|
+
] });
|
|
34
|
+
return s ? /* @__PURE__ */ o(t.Portal, { children: r }) : r;
|
|
35
|
+
});
|
|
36
|
+
g.displayName = t.Content.displayName;
|
|
37
|
+
const u = ({ className: e, ...a }) => /* @__PURE__ */ o(
|
|
35
38
|
"div",
|
|
36
39
|
{
|
|
37
40
|
className: l(
|
|
38
41
|
"flex h-16 items-center gap-4 border-b border-border bg-card px-5 py-4",
|
|
39
|
-
|
|
42
|
+
e
|
|
40
43
|
),
|
|
41
|
-
...
|
|
44
|
+
...a
|
|
42
45
|
}
|
|
43
46
|
);
|
|
44
|
-
|
|
45
|
-
const
|
|
47
|
+
u.displayName = "DialogHeader";
|
|
48
|
+
const y = ({ className: e, ...a }) => /* @__PURE__ */ o(
|
|
46
49
|
"div",
|
|
47
50
|
{
|
|
48
51
|
className: l(
|
|
49
52
|
"flex h-16 items-center justify-end gap-4 border-t border-border bg-card px-6 py-4",
|
|
50
|
-
|
|
53
|
+
e
|
|
51
54
|
),
|
|
52
|
-
...
|
|
55
|
+
...a
|
|
53
56
|
}
|
|
54
57
|
);
|
|
55
|
-
|
|
56
|
-
const
|
|
57
|
-
|
|
58
|
+
y.displayName = "DialogFooter";
|
|
59
|
+
const x = i.forwardRef(({ className: e, ...a }, s) => /* @__PURE__ */ o(
|
|
60
|
+
t.Title,
|
|
58
61
|
{
|
|
59
62
|
ref: s,
|
|
60
63
|
className: l(
|
|
61
64
|
"flex-1 text-2xl font-normal leading-8 text-foreground",
|
|
62
|
-
|
|
65
|
+
e
|
|
63
66
|
),
|
|
64
|
-
...
|
|
67
|
+
...a
|
|
65
68
|
}
|
|
66
69
|
));
|
|
67
|
-
|
|
68
|
-
const
|
|
69
|
-
|
|
70
|
+
x.displayName = t.Title.displayName;
|
|
71
|
+
const N = i.forwardRef(({ className: e, ...a }, s) => /* @__PURE__ */ d(
|
|
72
|
+
t.Close,
|
|
70
73
|
{
|
|
71
74
|
ref: s,
|
|
72
75
|
className: l(
|
|
73
76
|
"rounded p-1 text-[#2668C5] opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
|
|
74
|
-
|
|
77
|
+
e
|
|
75
78
|
),
|
|
76
|
-
...
|
|
79
|
+
...a,
|
|
77
80
|
children: [
|
|
78
|
-
/* @__PURE__ */
|
|
79
|
-
/* @__PURE__ */
|
|
81
|
+
/* @__PURE__ */ o(f, { className: "h-6 w-6" }),
|
|
82
|
+
/* @__PURE__ */ o("span", { className: "sr-only", children: "Close" })
|
|
80
83
|
]
|
|
81
84
|
}
|
|
82
85
|
));
|
|
83
|
-
|
|
84
|
-
const
|
|
85
|
-
|
|
86
|
-
const
|
|
87
|
-
|
|
86
|
+
N.displayName = "DialogCloseButton";
|
|
87
|
+
const D = ({ className: e, ...a }) => /* @__PURE__ */ o("div", { className: l("flex-1 overflow-auto p-6", e), ...a });
|
|
88
|
+
D.displayName = "DialogBody";
|
|
89
|
+
const b = i.forwardRef(({ className: e, ...a }, s) => /* @__PURE__ */ o(
|
|
90
|
+
t.Description,
|
|
88
91
|
{
|
|
89
92
|
ref: s,
|
|
90
|
-
className: l("text-sm text-muted-foreground",
|
|
91
|
-
...
|
|
93
|
+
className: l("text-sm text-muted-foreground", e),
|
|
94
|
+
...a
|
|
92
95
|
}
|
|
93
96
|
));
|
|
94
|
-
|
|
97
|
+
b.displayName = t.Description.displayName;
|
|
95
98
|
export {
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
99
|
+
C as Dialog,
|
|
100
|
+
D as DialogBody,
|
|
101
|
+
z as DialogClose,
|
|
102
|
+
N as DialogCloseButton,
|
|
103
|
+
g as DialogContent,
|
|
104
|
+
b as DialogDescription,
|
|
105
|
+
y as DialogFooter,
|
|
106
|
+
u as DialogHeader,
|
|
107
|
+
n as DialogOverlay,
|
|
108
|
+
T as DialogPortal,
|
|
109
|
+
x as DialogTitle,
|
|
110
|
+
R as DialogTrigger
|
|
108
111
|
};
|
|
109
112
|
//# sourceMappingURL=dialog.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dialog.js","sources":["../../../src/components/ui/dialog.tsx"],"sourcesContent":["import * as React from 'react'\nimport * as DialogPrimitive from '@radix-ui/react-dialog'\nimport { X } from 'lucide-react'\n\nimport { cn } from '@/lib/utils'\n\nconst Dialog = DialogPrimitive.Root\n\nconst DialogTrigger = DialogPrimitive.Trigger\n\nconst DialogPortal = DialogPrimitive.Portal\n\nconst DialogClose = DialogPrimitive.Close\n\nconst DialogOverlay = React.forwardRef<\n React.ElementRef<typeof DialogPrimitive.Overlay>,\n React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n <DialogPrimitive.Overlay\n ref={ref}\n className={cn(\n 'fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0',\n className\n )}\n {...props}\n />\n))\nDialogOverlay.displayName = DialogPrimitive.Overlay.displayName\n\nconst DialogContent = React.forwardRef<\n React.ElementRef<typeof DialogPrimitive.Content>,\n React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content
|
|
1
|
+
{"version":3,"file":"dialog.js","sources":["../../../src/components/ui/dialog.tsx"],"sourcesContent":["import * as React from 'react'\nimport * as DialogPrimitive from '@radix-ui/react-dialog'\nimport { X } from 'lucide-react'\n\nimport { cn } from '@/lib/utils'\n\nconst Dialog = DialogPrimitive.Root\n\nconst DialogTrigger = DialogPrimitive.Trigger\n\nconst DialogPortal = DialogPrimitive.Portal\n\nconst DialogClose = DialogPrimitive.Close\n\nconst DialogOverlay = React.forwardRef<\n React.ElementRef<typeof DialogPrimitive.Overlay>,\n React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n <DialogPrimitive.Overlay\n ref={ref}\n className={cn(\n 'fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0',\n className\n )}\n {...props}\n />\n))\nDialogOverlay.displayName = DialogPrimitive.Overlay.displayName\n\nconst DialogContent = React.forwardRef<\n React.ElementRef<typeof DialogPrimitive.Content>,\n React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content> & {\n portal?: boolean\n }\n>(({ className, children, portal = true, ...props }, ref) => {\n const element = (<>\n <DialogOverlay />\n <DialogPrimitive.Content\n ref={ref}\n className={cn(\n 'fixed left-[50%] top-[50%] z-50 flex w-full max-w-lg translate-x-[-50%] translate-y-[-50%] flex-col overflow-hidden rounded bg-muted shadow-[0px_10px_20px_rgba(36,49,67,0.9)] duration-200 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-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]',\n className\n )}\n {...props}\n >\n {children}\n </DialogPrimitive.Content>\n </>)\n\n return portal ? <DialogPrimitive.Portal>{element}</DialogPrimitive.Portal> : element\n})\nDialogContent.displayName = DialogPrimitive.Content.displayName\n\nconst DialogHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n <div\n className={cn(\n 'flex h-16 items-center gap-4 border-b border-border bg-card px-5 py-4',\n className\n )}\n {...props}\n />\n)\nDialogHeader.displayName = 'DialogHeader'\n\nconst DialogFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n <div\n className={cn(\n 'flex h-16 items-center justify-end gap-4 border-t border-border bg-card px-6 py-4',\n className\n )}\n {...props}\n />\n)\nDialogFooter.displayName = 'DialogFooter'\n\nconst DialogTitle = React.forwardRef<\n React.ElementRef<typeof DialogPrimitive.Title>,\n React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>\n>(({ className, ...props }, ref) => (\n <DialogPrimitive.Title\n ref={ref}\n className={cn(\n 'flex-1 text-2xl font-normal leading-8 text-foreground',\n className\n )}\n {...props}\n />\n))\nDialogTitle.displayName = DialogPrimitive.Title.displayName\n\nconst DialogCloseButton = React.forwardRef<\n React.ElementRef<typeof DialogPrimitive.Close>,\n React.ComponentPropsWithoutRef<typeof DialogPrimitive.Close>\n>(({ className, ...props }, ref) => (\n <DialogPrimitive.Close\n ref={ref}\n className={cn(\n 'rounded p-1 text-[#2668C5] opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none',\n className\n )}\n {...props}\n >\n <X className=\"h-6 w-6\" />\n <span className=\"sr-only\">Close</span>\n </DialogPrimitive.Close>\n))\nDialogCloseButton.displayName = 'DialogCloseButton'\n\nconst DialogBody = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n <div className={cn('flex-1 overflow-auto p-6', className)} {...props} />\n)\nDialogBody.displayName = 'DialogBody'\n\nconst DialogDescription = React.forwardRef<\n React.ElementRef<typeof DialogPrimitive.Description>,\n React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>\n>(({ className, ...props }, ref) => (\n <DialogPrimitive.Description\n ref={ref}\n className={cn('text-sm text-muted-foreground', className)}\n {...props}\n />\n))\nDialogDescription.displayName = DialogPrimitive.Description.displayName\n\nexport {\n Dialog,\n DialogPortal,\n DialogOverlay,\n DialogClose,\n DialogCloseButton,\n DialogTrigger,\n DialogContent,\n DialogHeader,\n DialogFooter,\n DialogTitle,\n DialogBody,\n DialogDescription,\n}\n"],"names":["Dialog","DialogPrimitive","DialogTrigger","DialogPortal","DialogClose","DialogOverlay","React","className","props","ref","jsx","cn","DialogContent","children","portal","element","jsxs","Fragment","DialogHeader","DialogFooter","DialogTitle","DialogCloseButton","X","DialogBody","DialogDescription"],"mappings":"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"}
|
|
@@ -10,7 +10,9 @@ declare const DropdownMenuSubTrigger: React.ForwardRefExoticComponent<Omit<Dropd
|
|
|
10
10
|
inset?: boolean;
|
|
11
11
|
} & React.RefAttributes<HTMLDivElement>>;
|
|
12
12
|
declare const DropdownMenuSubContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
13
|
-
declare const DropdownMenuContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> &
|
|
13
|
+
declare const DropdownMenuContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
14
|
+
portal?: boolean;
|
|
15
|
+
} & React.RefAttributes<HTMLDivElement>>;
|
|
14
16
|
declare const DropdownMenuItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
15
17
|
inset?: boolean;
|
|
16
18
|
} & React.RefAttributes<HTMLDivElement>>;
|