@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.
@@ -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
- };