@pactor-app/ui 1.2.0 → 1.7.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +2 -0
- package/dist/{chunk-L45CSL6I.js → chunk-7KC6DMKH.js} +3 -3
- package/dist/{chunk-Q5NUGUJG.js → chunk-E2TD6JD2.js} +205 -414
- package/dist/{chunk-F3H23KYG.js → chunk-F42SGQNW.js} +31 -93
- package/dist/{chunk-22TEN3ER.js → chunk-FJPRXEKQ.js} +13 -13
- package/dist/chunk-L4Z7MNYY.js +1197 -0
- package/dist/{chunk-LMEJ242M.js → chunk-PMYLC26E.js} +615 -307
- package/dist/chunk-WKJUCGV4.js +78 -0
- package/dist/chunk-ZM3WJZZ7.js +727 -0
- package/dist/components/index.cjs +1694 -969
- package/dist/components/index.d.cts +115 -13
- package/dist/components/index.d.ts +115 -13
- package/dist/components/index.js +10 -6
- package/dist/index.cjs +1889 -1164
- package/dist/index.d.cts +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.js +12 -8
- package/dist/interaction/index.cjs +10 -6
- package/dist/interaction/index.js +3 -3
- package/dist/layout/index.cjs +811 -269
- package/dist/layout/index.d.cts +1 -1
- package/dist/layout/index.d.ts +1 -1
- package/dist/layout/index.js +4 -4
- package/dist/ui/index.cjs +1689 -534
- package/dist/ui/index.d.cts +130 -16
- package/dist/ui/index.d.ts +130 -16
- package/dist/ui/index.js +481 -22
- package/package.json +6 -5
- package/styles.css +975 -114
- package/dist/chunk-2LYMCWEJ.js +0 -289
- package/dist/chunk-HJPHJKVA.js +0 -671
- package/dist/chunk-RQHJBTEU.js +0 -10
package/dist/chunk-2LYMCWEJ.js
DELETED
|
@@ -1,289 +0,0 @@
|
|
|
1
|
-
import {
|
|
2
|
-
cn
|
|
3
|
-
} from "./chunk-RQHJBTEU.js";
|
|
4
|
-
|
|
5
|
-
// src/ui/accordion.tsx
|
|
6
|
-
import { Accordion as AccordionPrimitive } from "@base-ui/react/accordion";
|
|
7
|
-
import { ChevronDownIcon } from "lucide-react";
|
|
8
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
9
|
-
function toArray(value) {
|
|
10
|
-
if (value === void 0) {
|
|
11
|
-
return void 0;
|
|
12
|
-
}
|
|
13
|
-
return Array.isArray(value) ? value : [value];
|
|
14
|
-
}
|
|
15
|
-
function Accordion({
|
|
16
|
-
type = "single",
|
|
17
|
-
value,
|
|
18
|
-
defaultValue,
|
|
19
|
-
onValueChange,
|
|
20
|
-
...props
|
|
21
|
-
}) {
|
|
22
|
-
return /* @__PURE__ */ jsx(
|
|
23
|
-
AccordionPrimitive.Root,
|
|
24
|
-
{
|
|
25
|
-
"data-slot": "accordion",
|
|
26
|
-
multiple: type === "multiple",
|
|
27
|
-
value: toArray(value),
|
|
28
|
-
defaultValue: toArray(defaultValue),
|
|
29
|
-
onValueChange: onValueChange === void 0 ? void 0 : (next) => onValueChange(type === "multiple" ? next : next[0] ?? ""),
|
|
30
|
-
...props
|
|
31
|
-
}
|
|
32
|
-
);
|
|
33
|
-
}
|
|
34
|
-
function AccordionItem({
|
|
35
|
-
className,
|
|
36
|
-
...props
|
|
37
|
-
}) {
|
|
38
|
-
return /* @__PURE__ */ jsx(
|
|
39
|
-
AccordionPrimitive.Item,
|
|
40
|
-
{
|
|
41
|
-
"data-slot": "accordion-item",
|
|
42
|
-
className: cn("border-b border-border last:border-b-0", className),
|
|
43
|
-
...props
|
|
44
|
-
}
|
|
45
|
-
);
|
|
46
|
-
}
|
|
47
|
-
function AccordionTrigger({
|
|
48
|
-
className,
|
|
49
|
-
children,
|
|
50
|
-
...props
|
|
51
|
-
}) {
|
|
52
|
-
return /* @__PURE__ */ jsx(AccordionPrimitive.Header, { className: "flex", children: /* @__PURE__ */ jsxs(
|
|
53
|
-
AccordionPrimitive.Trigger,
|
|
54
|
-
{
|
|
55
|
-
"data-slot": "accordion-trigger",
|
|
56
|
-
className: cn(
|
|
57
|
-
"flex flex-1 cursor-pointer items-center justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-colors outline-none hover:bg-accent hover:text-accent-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 [&[aria-expanded=true]>svg]:rotate-180",
|
|
58
|
-
className
|
|
59
|
-
),
|
|
60
|
-
...props,
|
|
61
|
-
children: [
|
|
62
|
-
children,
|
|
63
|
-
/* @__PURE__ */ jsx(ChevronDownIcon, { className: "pointer-events-none size-4 shrink-0 translate-y-0.5 text-muted-foreground transition-transform duration-200" })
|
|
64
|
-
]
|
|
65
|
-
}
|
|
66
|
-
) });
|
|
67
|
-
}
|
|
68
|
-
function AccordionContent({
|
|
69
|
-
className,
|
|
70
|
-
children,
|
|
71
|
-
...props
|
|
72
|
-
}) {
|
|
73
|
-
return /* @__PURE__ */ jsx(
|
|
74
|
-
AccordionPrimitive.Panel,
|
|
75
|
-
{
|
|
76
|
-
"data-slot": "accordion-content",
|
|
77
|
-
className: "overflow-hidden text-sm data-open:animate-accordion-down data-closed:animate-accordion-up",
|
|
78
|
-
...props,
|
|
79
|
-
children: /* @__PURE__ */ jsx("div", { className: cn("pt-0 pb-4", className), children })
|
|
80
|
-
}
|
|
81
|
-
);
|
|
82
|
-
}
|
|
83
|
-
|
|
84
|
-
// src/ui/card.tsx
|
|
85
|
-
import { jsx as jsx2 } from "react/jsx-runtime";
|
|
86
|
-
function Card({ className, ...props }) {
|
|
87
|
-
return /* @__PURE__ */ jsx2(
|
|
88
|
-
"div",
|
|
89
|
-
{
|
|
90
|
-
"data-slot": "card",
|
|
91
|
-
className: cn(
|
|
92
|
-
"flex flex-col gap-6 rounded-xl border border-border bg-card py-6 text-card-foreground shadow-sm",
|
|
93
|
-
className
|
|
94
|
-
),
|
|
95
|
-
...props
|
|
96
|
-
}
|
|
97
|
-
);
|
|
98
|
-
}
|
|
99
|
-
function CardHeader({ className, ...props }) {
|
|
100
|
-
return /* @__PURE__ */ jsx2(
|
|
101
|
-
"div",
|
|
102
|
-
{
|
|
103
|
-
"data-slot": "card-header",
|
|
104
|
-
className: cn(
|
|
105
|
-
"grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6",
|
|
106
|
-
className
|
|
107
|
-
),
|
|
108
|
-
...props
|
|
109
|
-
}
|
|
110
|
-
);
|
|
111
|
-
}
|
|
112
|
-
function CardTitle({ className, ...props }) {
|
|
113
|
-
return /* @__PURE__ */ jsx2(
|
|
114
|
-
"div",
|
|
115
|
-
{
|
|
116
|
-
"data-slot": "card-title",
|
|
117
|
-
className: cn("leading-none font-semibold", className),
|
|
118
|
-
...props
|
|
119
|
-
}
|
|
120
|
-
);
|
|
121
|
-
}
|
|
122
|
-
function CardDescription({ className, ...props }) {
|
|
123
|
-
return /* @__PURE__ */ jsx2(
|
|
124
|
-
"div",
|
|
125
|
-
{
|
|
126
|
-
"data-slot": "card-description",
|
|
127
|
-
className: cn("text-sm text-muted-foreground", className),
|
|
128
|
-
...props
|
|
129
|
-
}
|
|
130
|
-
);
|
|
131
|
-
}
|
|
132
|
-
function CardAction({ className, ...props }) {
|
|
133
|
-
return /* @__PURE__ */ jsx2(
|
|
134
|
-
"div",
|
|
135
|
-
{
|
|
136
|
-
"data-slot": "card-action",
|
|
137
|
-
className: cn(
|
|
138
|
-
"col-start-2 row-span-2 row-start-1 self-start justify-self-end",
|
|
139
|
-
className
|
|
140
|
-
),
|
|
141
|
-
...props
|
|
142
|
-
}
|
|
143
|
-
);
|
|
144
|
-
}
|
|
145
|
-
function CardContent({ className, ...props }) {
|
|
146
|
-
return /* @__PURE__ */ jsx2(
|
|
147
|
-
"div",
|
|
148
|
-
{
|
|
149
|
-
"data-slot": "card-content",
|
|
150
|
-
className: cn("px-6", className),
|
|
151
|
-
...props
|
|
152
|
-
}
|
|
153
|
-
);
|
|
154
|
-
}
|
|
155
|
-
function CardFooter({ className, ...props }) {
|
|
156
|
-
return /* @__PURE__ */ jsx2(
|
|
157
|
-
"div",
|
|
158
|
-
{
|
|
159
|
-
"data-slot": "card-footer",
|
|
160
|
-
className: cn("flex items-center px-6 [.border-t]:pt-6", className),
|
|
161
|
-
...props
|
|
162
|
-
}
|
|
163
|
-
);
|
|
164
|
-
}
|
|
165
|
-
|
|
166
|
-
// src/ui/popover.tsx
|
|
167
|
-
import { Popover as PopoverPrimitive } from "@base-ui/react/popover";
|
|
168
|
-
import { jsx as jsx3 } from "react/jsx-runtime";
|
|
169
|
-
function Popover({
|
|
170
|
-
...props
|
|
171
|
-
}) {
|
|
172
|
-
return /* @__PURE__ */ jsx3(PopoverPrimitive.Root, { "data-slot": "popover", ...props });
|
|
173
|
-
}
|
|
174
|
-
function PopoverTrigger({
|
|
175
|
-
...props
|
|
176
|
-
}) {
|
|
177
|
-
return /* @__PURE__ */ jsx3(PopoverPrimitive.Trigger, { "data-slot": "popover-trigger", ...props });
|
|
178
|
-
}
|
|
179
|
-
function PopoverContent({
|
|
180
|
-
className,
|
|
181
|
-
align = "center",
|
|
182
|
-
side = "bottom",
|
|
183
|
-
sideOffset = 4,
|
|
184
|
-
anchor,
|
|
185
|
-
...props
|
|
186
|
-
}) {
|
|
187
|
-
return /* @__PURE__ */ jsx3(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx3(
|
|
188
|
-
PopoverPrimitive.Positioner,
|
|
189
|
-
{
|
|
190
|
-
align,
|
|
191
|
-
side,
|
|
192
|
-
sideOffset,
|
|
193
|
-
anchor,
|
|
194
|
-
className: "isolate z-50",
|
|
195
|
-
children: /* @__PURE__ */ jsx3(
|
|
196
|
-
PopoverPrimitive.Popup,
|
|
197
|
-
{
|
|
198
|
-
"data-slot": "popover-content",
|
|
199
|
-
className: cn(
|
|
200
|
-
"z-50 w-72 rounded-md border border-border bg-popover p-4 text-popover-foreground shadow-md outline-none duration-200 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",
|
|
201
|
-
className
|
|
202
|
-
),
|
|
203
|
-
...props
|
|
204
|
-
}
|
|
205
|
-
)
|
|
206
|
-
}
|
|
207
|
-
) });
|
|
208
|
-
}
|
|
209
|
-
|
|
210
|
-
// src/ui/tooltip.tsx
|
|
211
|
-
import { Tooltip as TooltipPrimitive } from "@base-ui/react/tooltip";
|
|
212
|
-
import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
|
|
213
|
-
function TooltipProvider({
|
|
214
|
-
delay = 0,
|
|
215
|
-
...props
|
|
216
|
-
}) {
|
|
217
|
-
return /* @__PURE__ */ jsx4(
|
|
218
|
-
TooltipPrimitive.Provider,
|
|
219
|
-
{
|
|
220
|
-
"data-slot": "tooltip-provider",
|
|
221
|
-
delay,
|
|
222
|
-
...props
|
|
223
|
-
}
|
|
224
|
-
);
|
|
225
|
-
}
|
|
226
|
-
function Tooltip({
|
|
227
|
-
...props
|
|
228
|
-
}) {
|
|
229
|
-
return /* @__PURE__ */ jsx4(TooltipProvider, { children: /* @__PURE__ */ jsx4(TooltipPrimitive.Root, { "data-slot": "tooltip", ...props }) });
|
|
230
|
-
}
|
|
231
|
-
function TooltipTrigger({
|
|
232
|
-
...props
|
|
233
|
-
}) {
|
|
234
|
-
return /* @__PURE__ */ jsx4(TooltipPrimitive.Trigger, { "data-slot": "tooltip-trigger", ...props });
|
|
235
|
-
}
|
|
236
|
-
function TooltipContent({
|
|
237
|
-
className,
|
|
238
|
-
side = "top",
|
|
239
|
-
sideOffset = 4,
|
|
240
|
-
align = "center",
|
|
241
|
-
children,
|
|
242
|
-
...props
|
|
243
|
-
}) {
|
|
244
|
-
return /* @__PURE__ */ jsx4(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx4(
|
|
245
|
-
TooltipPrimitive.Positioner,
|
|
246
|
-
{
|
|
247
|
-
align,
|
|
248
|
-
side,
|
|
249
|
-
sideOffset,
|
|
250
|
-
className: "isolate z-50",
|
|
251
|
-
children: /* @__PURE__ */ jsxs2(
|
|
252
|
-
TooltipPrimitive.Popup,
|
|
253
|
-
{
|
|
254
|
-
"data-slot": "tooltip-content",
|
|
255
|
-
className: cn(
|
|
256
|
-
"z-50 w-fit origin-(--transform-origin) rounded-md bg-primary px-3 py-1.5 text-xs text-balance text-primary-foreground duration-200 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",
|
|
257
|
-
className
|
|
258
|
-
),
|
|
259
|
-
...props,
|
|
260
|
-
children: [
|
|
261
|
-
children,
|
|
262
|
-
/* @__PURE__ */ jsx4(TooltipPrimitive.Arrow, { className: "z-50 size-2.5 rotate-45 rounded-[2px] bg-primary fill-primary data-[side=top]:-bottom-1 data-[side=bottom]:-top-1 data-[side=left]:-right-1 data-[side=right]:-left-1" })
|
|
263
|
-
]
|
|
264
|
-
}
|
|
265
|
-
)
|
|
266
|
-
}
|
|
267
|
-
) });
|
|
268
|
-
}
|
|
269
|
-
|
|
270
|
-
export {
|
|
271
|
-
Accordion,
|
|
272
|
-
AccordionItem,
|
|
273
|
-
AccordionTrigger,
|
|
274
|
-
AccordionContent,
|
|
275
|
-
Card,
|
|
276
|
-
CardHeader,
|
|
277
|
-
CardTitle,
|
|
278
|
-
CardDescription,
|
|
279
|
-
CardAction,
|
|
280
|
-
CardContent,
|
|
281
|
-
CardFooter,
|
|
282
|
-
Popover,
|
|
283
|
-
PopoverTrigger,
|
|
284
|
-
PopoverContent,
|
|
285
|
-
TooltipProvider,
|
|
286
|
-
Tooltip,
|
|
287
|
-
TooltipTrigger,
|
|
288
|
-
TooltipContent
|
|
289
|
-
};
|