@contractspec/lib.ui-kit-web 1.60.0 → 1.62.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/browser/ui/alert-dialog.js +9 -4
- package/dist/browser/ui/atoms/Pagination/Pagination.js +9 -4
- package/dist/browser/ui/atoms/Pagination/index.js +9 -4
- package/dist/browser/ui/atoms/SearchInput/SearchInput.js +9 -4
- package/dist/browser/ui/atoms/SearchInput/index.js +9 -4
- package/dist/browser/ui/button.js +9 -4
- package/dist/browser/ui/calendar.js +12 -7
- package/dist/browser/ui/carousel.js +20 -15
- package/dist/browser/ui/confirm-dialog.js +9 -4
- package/dist/browser/ui/context-menu.js +178 -85
- package/dist/browser/ui/cta.js +13 -9
- package/dist/browser/ui/date-picker.js +17 -12
- package/dist/browser/ui/date-range-picker.js +14 -9
- package/dist/browser/ui/datetime-picker.js +21 -16
- package/dist/browser/ui/empty-state.js +32 -10
- package/dist/browser/ui/input-group.js +9 -4
- package/dist/browser/ui/input-otp.js +37 -18
- package/dist/browser/ui/link.js +6 -4
- package/dist/browser/ui/loading-button.js +41 -14
- package/dist/browser/ui/marketing/Hero.js +9 -4
- package/dist/browser/ui/marketing/PricingTable.js +9 -4
- package/dist/browser/ui/marketing/index.js +9 -4
- package/dist/browser/ui/molecules/Autocomplete/index.js +15 -10
- package/dist/browser/ui/molecules/SearchAndFilter/SearchAndFilter.js +9 -4
- package/dist/browser/ui/molecules/SearchAndFilter/index.js +9 -4
- package/dist/browser/ui/organisms/ErrorBoundary/ErrorBoundary.js +12 -7
- package/dist/browser/ui/organisms/ErrorBoundary/index.js +12 -7
- package/dist/browser/ui/organisms/ListPage/ListPage.js +41 -14
- package/dist/browser/ui/organisms/ListPage/index.js +41 -14
- package/dist/browser/ui/page-header.js +32 -10
- package/dist/browser/ui/pagination.js +98 -79
- package/dist/browser/ui/resizable.js +6 -9
- package/dist/browser/ui/section.js +12 -4
- package/dist/browser/ui/sidebar.js +22 -17
- package/dist/browser/ui/stack.js +32 -10
- package/dist/browser/ui/stat-card-group.js +32 -10
- package/dist/browser/ui/stepper.js +32 -10
- package/dist/browser/ui/time-picker.js +13 -8
- package/dist/browser/ui/toast.js +57 -29
- package/dist/browser/ui/toaster.js +60 -32
- package/dist/browser/ui/usecases/UseCaseCard.js +41 -14
- package/dist/browser/ui/usecases/UserStoryCard.js +32 -10
- package/dist/browser/ui/usecases/index.js +41 -14
- package/dist/browser/ui/visually-hidden.js +8 -4
- package/dist/ui/alert-dialog.js +9 -4
- package/dist/ui/atoms/Pagination/Pagination.js +9 -4
- package/dist/ui/atoms/Pagination/index.js +9 -4
- package/dist/ui/atoms/SearchInput/SearchInput.js +9 -4
- package/dist/ui/atoms/SearchInput/index.js +9 -4
- package/dist/ui/button.d.ts +2 -6
- package/dist/ui/button.d.ts.map +1 -1
- package/dist/ui/button.js +9 -4
- package/dist/ui/calendar.js +12 -7
- package/dist/ui/carousel.js +20 -15
- package/dist/ui/confirm-dialog.js +9 -4
- package/dist/ui/context-menu.d.ts +26 -22
- package/dist/ui/context-menu.d.ts.map +1 -1
- package/dist/ui/context-menu.js +178 -85
- package/dist/ui/cta.d.ts +2 -8
- package/dist/ui/cta.d.ts.map +1 -1
- package/dist/ui/cta.js +13 -9
- package/dist/ui/date-picker.js +17 -12
- package/dist/ui/date-range-picker.js +14 -9
- package/dist/ui/datetime-picker.js +21 -16
- package/dist/ui/empty-state.js +32 -10
- package/dist/ui/input-group.js +9 -4
- package/dist/ui/input-otp.d.ts +13 -31
- package/dist/ui/input-otp.d.ts.map +1 -1
- package/dist/ui/input-otp.js +37 -18
- package/dist/ui/link.d.ts +4 -2
- package/dist/ui/link.d.ts.map +1 -1
- package/dist/ui/link.js +6 -4
- package/dist/ui/loading-button.js +41 -14
- package/dist/ui/marketing/Hero.js +9 -4
- package/dist/ui/marketing/PricingTable.js +9 -4
- package/dist/ui/marketing/index.js +9 -4
- package/dist/ui/molecules/Autocomplete/index.js +15 -10
- package/dist/ui/molecules/SearchAndFilter/SearchAndFilter.js +9 -4
- package/dist/ui/molecules/SearchAndFilter/index.js +9 -4
- package/dist/ui/organisms/ErrorBoundary/ErrorBoundary.js +12 -7
- package/dist/ui/organisms/ErrorBoundary/index.js +12 -7
- package/dist/ui/organisms/ListPage/ListPage.js +41 -14
- package/dist/ui/organisms/ListPage/index.js +41 -14
- package/dist/ui/page-header.js +32 -10
- package/dist/ui/pagination.d.ts +11 -22
- package/dist/ui/pagination.d.ts.map +1 -1
- package/dist/ui/pagination.js +98 -79
- package/dist/ui/resizable.d.ts +5 -20
- package/dist/ui/resizable.d.ts.map +1 -1
- package/dist/ui/resizable.js +6 -9
- package/dist/ui/section.d.ts +2 -9
- package/dist/ui/section.d.ts.map +1 -1
- package/dist/ui/section.js +12 -4
- package/dist/ui/sidebar.js +22 -17
- package/dist/ui/stack.d.ts +15 -23
- package/dist/ui/stack.d.ts.map +1 -1
- package/dist/ui/stack.js +32 -10
- package/dist/ui/stat-card-group.js +32 -10
- package/dist/ui/stepper.js +32 -10
- package/dist/ui/time-picker.js +13 -8
- package/dist/ui/toast.d.ts +20 -7
- package/dist/ui/toast.d.ts.map +1 -1
- package/dist/ui/toast.js +57 -29
- package/dist/ui/toaster.js +60 -32
- package/dist/ui/usecases/UseCaseCard.js +41 -14
- package/dist/ui/usecases/UserStoryCard.js +32 -10
- package/dist/ui/usecases/index.js +41 -14
- package/dist/ui/visually-hidden.d.ts +4 -2
- package/dist/ui/visually-hidden.d.ts.map +1 -1
- package/dist/ui/visually-hidden.js +8 -4
- package/package.json +11 -10
|
@@ -2,7 +2,6 @@
|
|
|
2
2
|
var __require = import.meta.require;
|
|
3
3
|
|
|
4
4
|
// ui/button.tsx
|
|
5
|
-
import * as React from "react";
|
|
6
5
|
import { Slot } from "@radix-ui/react-slot";
|
|
7
6
|
import { cva } from "class-variance-authority";
|
|
8
7
|
import { cn } from "@contractspec/lib.ui-kit-core/utils";
|
|
@@ -29,7 +28,14 @@ var buttonVariants = cva("inline-flex items-center justify-center gap-2 whitespa
|
|
|
29
28
|
size: "default"
|
|
30
29
|
}
|
|
31
30
|
});
|
|
32
|
-
|
|
31
|
+
function Button({
|
|
32
|
+
className,
|
|
33
|
+
variant,
|
|
34
|
+
size,
|
|
35
|
+
asChild = false,
|
|
36
|
+
ref,
|
|
37
|
+
...props
|
|
38
|
+
}) {
|
|
33
39
|
if (asChild) {
|
|
34
40
|
return /* @__PURE__ */ jsxDEV(Slot, {
|
|
35
41
|
"data-slot": "button",
|
|
@@ -43,10 +49,8 @@ var Button = React.forwardRef(({ className, variant, size, asChild = false, ...p
|
|
|
43
49
|
className: cn(buttonVariants({ variant, size, className })),
|
|
44
50
|
...props
|
|
45
51
|
}, undefined, false, undefined, this);
|
|
46
|
-
}
|
|
47
|
-
Button.displayName = "Button";
|
|
52
|
+
}
|
|
48
53
|
// ui/stack.tsx
|
|
49
|
-
import * as React2 from "react";
|
|
50
54
|
import { cva as cva2 } from "class-variance-authority";
|
|
51
55
|
import { cn as cn2 } from "@contractspec/lib.ui-kit-core/utils";
|
|
52
56
|
import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
|
|
@@ -82,15 +86,22 @@ var vStackVariants = cva2("flex flex-col", {
|
|
|
82
86
|
justify: "start"
|
|
83
87
|
}
|
|
84
88
|
});
|
|
85
|
-
|
|
89
|
+
function VStack({
|
|
90
|
+
className,
|
|
91
|
+
gap,
|
|
92
|
+
align,
|
|
93
|
+
justify,
|
|
94
|
+
as = "div",
|
|
95
|
+
ref,
|
|
96
|
+
...props
|
|
97
|
+
}) {
|
|
86
98
|
const Comp = as;
|
|
87
99
|
return /* @__PURE__ */ jsxDEV2(Comp, {
|
|
88
100
|
ref,
|
|
89
101
|
className: cn2(vStackVariants({ gap, align, justify }), className),
|
|
90
102
|
...props
|
|
91
103
|
}, undefined, false, undefined, this);
|
|
92
|
-
}
|
|
93
|
-
VStack.displayName = "VStack";
|
|
104
|
+
}
|
|
94
105
|
var hStackVariants = cva2("flex flex-row", {
|
|
95
106
|
variants: {
|
|
96
107
|
gap: {
|
|
@@ -130,15 +141,23 @@ var hStackVariants = cva2("flex flex-row", {
|
|
|
130
141
|
wrap: "wrap"
|
|
131
142
|
}
|
|
132
143
|
});
|
|
133
|
-
|
|
144
|
+
function HStack({
|
|
145
|
+
className,
|
|
146
|
+
gap,
|
|
147
|
+
align,
|
|
148
|
+
justify,
|
|
149
|
+
wrap,
|
|
150
|
+
as = "div",
|
|
151
|
+
ref,
|
|
152
|
+
...props
|
|
153
|
+
}) {
|
|
134
154
|
const Comp = as;
|
|
135
155
|
return /* @__PURE__ */ jsxDEV2(Comp, {
|
|
136
156
|
ref,
|
|
137
157
|
className: cn2(hStackVariants({ gap, align, justify, wrap }), className),
|
|
138
158
|
...props
|
|
139
159
|
}, undefined, false, undefined, this);
|
|
140
|
-
}
|
|
141
|
-
HStack.displayName = "HStack";
|
|
160
|
+
}
|
|
142
161
|
var boxVariants = cva2("flex flex-row", {
|
|
143
162
|
variants: {
|
|
144
163
|
gap: {
|
|
@@ -178,15 +197,23 @@ var boxVariants = cva2("flex flex-row", {
|
|
|
178
197
|
wrap: "nowrap"
|
|
179
198
|
}
|
|
180
199
|
});
|
|
181
|
-
|
|
200
|
+
function Box({
|
|
201
|
+
className,
|
|
202
|
+
gap,
|
|
203
|
+
align,
|
|
204
|
+
justify,
|
|
205
|
+
wrap,
|
|
206
|
+
as = "div",
|
|
207
|
+
ref,
|
|
208
|
+
...props
|
|
209
|
+
}) {
|
|
182
210
|
const Comp = as;
|
|
183
211
|
return /* @__PURE__ */ jsxDEV2(Comp, {
|
|
184
212
|
ref,
|
|
185
213
|
className: cn2(boxVariants({ gap, align, justify, wrap }), className),
|
|
186
214
|
...props
|
|
187
215
|
}, undefined, false, undefined, this);
|
|
188
|
-
}
|
|
189
|
-
Box.displayName = "Box";
|
|
216
|
+
}
|
|
190
217
|
// ui/text.tsx
|
|
191
218
|
import { Slot as Slot2 } from "@radix-ui/react-slot";
|
|
192
219
|
import { cn as cn3 } from "@contractspec/lib.ui-kit-core/utils";
|
|
@@ -2,7 +2,6 @@
|
|
|
2
2
|
var __require = import.meta.require;
|
|
3
3
|
|
|
4
4
|
// ui/button.tsx
|
|
5
|
-
import * as React from "react";
|
|
6
5
|
import { Slot } from "@radix-ui/react-slot";
|
|
7
6
|
import { cva } from "class-variance-authority";
|
|
8
7
|
import { cn } from "@contractspec/lib.ui-kit-core/utils";
|
|
@@ -29,7 +28,14 @@ var buttonVariants = cva("inline-flex items-center justify-center gap-2 whitespa
|
|
|
29
28
|
size: "default"
|
|
30
29
|
}
|
|
31
30
|
});
|
|
32
|
-
|
|
31
|
+
function Button({
|
|
32
|
+
className,
|
|
33
|
+
variant,
|
|
34
|
+
size,
|
|
35
|
+
asChild = false,
|
|
36
|
+
ref,
|
|
37
|
+
...props
|
|
38
|
+
}) {
|
|
33
39
|
if (asChild) {
|
|
34
40
|
return /* @__PURE__ */ jsxDEV(Slot, {
|
|
35
41
|
"data-slot": "button",
|
|
@@ -43,8 +49,7 @@ var Button = React.forwardRef(({ className, variant, size, asChild = false, ...p
|
|
|
43
49
|
className: cn(buttonVariants({ variant, size, className })),
|
|
44
50
|
...props
|
|
45
51
|
}, undefined, false, undefined, this);
|
|
46
|
-
}
|
|
47
|
-
Button.displayName = "Button";
|
|
52
|
+
}
|
|
48
53
|
// ui/utils.ts
|
|
49
54
|
import { clsx } from "clsx";
|
|
50
55
|
import { twMerge } from "tailwind-merge";
|
|
@@ -2,7 +2,6 @@
|
|
|
2
2
|
var __require = import.meta.require;
|
|
3
3
|
|
|
4
4
|
// ui/button.tsx
|
|
5
|
-
import * as React from "react";
|
|
6
5
|
import { Slot } from "@radix-ui/react-slot";
|
|
7
6
|
import { cva } from "class-variance-authority";
|
|
8
7
|
import { cn } from "@contractspec/lib.ui-kit-core/utils";
|
|
@@ -29,7 +28,14 @@ var buttonVariants = cva("inline-flex items-center justify-center gap-2 whitespa
|
|
|
29
28
|
size: "default"
|
|
30
29
|
}
|
|
31
30
|
});
|
|
32
|
-
|
|
31
|
+
function Button({
|
|
32
|
+
className,
|
|
33
|
+
variant,
|
|
34
|
+
size,
|
|
35
|
+
asChild = false,
|
|
36
|
+
ref,
|
|
37
|
+
...props
|
|
38
|
+
}) {
|
|
33
39
|
if (asChild) {
|
|
34
40
|
return /* @__PURE__ */ jsxDEV(Slot, {
|
|
35
41
|
"data-slot": "button",
|
|
@@ -43,8 +49,7 @@ var Button = React.forwardRef(({ className, variant, size, asChild = false, ...p
|
|
|
43
49
|
className: cn(buttonVariants({ variant, size, className })),
|
|
44
50
|
...props
|
|
45
51
|
}, undefined, false, undefined, this);
|
|
46
|
-
}
|
|
47
|
-
Button.displayName = "Button";
|
|
52
|
+
}
|
|
48
53
|
// ui/utils.ts
|
|
49
54
|
import { clsx } from "clsx";
|
|
50
55
|
import { twMerge } from "tailwind-merge";
|
|
@@ -2,7 +2,6 @@
|
|
|
2
2
|
var __require = import.meta.require;
|
|
3
3
|
|
|
4
4
|
// ui/button.tsx
|
|
5
|
-
import * as React from "react";
|
|
6
5
|
import { Slot } from "@radix-ui/react-slot";
|
|
7
6
|
import { cva } from "class-variance-authority";
|
|
8
7
|
import { cn } from "@contractspec/lib.ui-kit-core/utils";
|
|
@@ -29,7 +28,14 @@ var buttonVariants = cva("inline-flex items-center justify-center gap-2 whitespa
|
|
|
29
28
|
size: "default"
|
|
30
29
|
}
|
|
31
30
|
});
|
|
32
|
-
|
|
31
|
+
function Button({
|
|
32
|
+
className,
|
|
33
|
+
variant,
|
|
34
|
+
size,
|
|
35
|
+
asChild = false,
|
|
36
|
+
ref,
|
|
37
|
+
...props
|
|
38
|
+
}) {
|
|
33
39
|
if (asChild) {
|
|
34
40
|
return /* @__PURE__ */ jsxDEV(Slot, {
|
|
35
41
|
"data-slot": "button",
|
|
@@ -43,8 +49,7 @@ var Button = React.forwardRef(({ className, variant, size, asChild = false, ...p
|
|
|
43
49
|
className: cn(buttonVariants({ variant, size, className })),
|
|
44
50
|
...props
|
|
45
51
|
}, undefined, false, undefined, this);
|
|
46
|
-
}
|
|
47
|
-
Button.displayName = "Button";
|
|
52
|
+
}
|
|
48
53
|
// ui/utils.ts
|
|
49
54
|
import { clsx } from "clsx";
|
|
50
55
|
import { twMerge } from "tailwind-merge";
|
|
@@ -2,7 +2,6 @@
|
|
|
2
2
|
var __require = import.meta.require;
|
|
3
3
|
|
|
4
4
|
// ui/button.tsx
|
|
5
|
-
import * as React from "react";
|
|
6
5
|
import { Slot } from "@radix-ui/react-slot";
|
|
7
6
|
import { cva } from "class-variance-authority";
|
|
8
7
|
import { cn } from "@contractspec/lib.ui-kit-core/utils";
|
|
@@ -29,7 +28,14 @@ var buttonVariants = cva("inline-flex items-center justify-center gap-2 whitespa
|
|
|
29
28
|
size: "default"
|
|
30
29
|
}
|
|
31
30
|
});
|
|
32
|
-
|
|
31
|
+
function Button({
|
|
32
|
+
className,
|
|
33
|
+
variant,
|
|
34
|
+
size,
|
|
35
|
+
asChild = false,
|
|
36
|
+
ref,
|
|
37
|
+
...props
|
|
38
|
+
}) {
|
|
33
39
|
if (asChild) {
|
|
34
40
|
return /* @__PURE__ */ jsxDEV(Slot, {
|
|
35
41
|
"data-slot": "button",
|
|
@@ -43,8 +49,7 @@ var Button = React.forwardRef(({ className, variant, size, asChild = false, ...p
|
|
|
43
49
|
className: cn(buttonVariants({ variant, size, className })),
|
|
44
50
|
...props
|
|
45
51
|
}, undefined, false, undefined, this);
|
|
46
|
-
}
|
|
47
|
-
Button.displayName = "Button";
|
|
52
|
+
}
|
|
48
53
|
// ui/dialog.tsx
|
|
49
54
|
import * as DialogPrimitive from "@radix-ui/react-dialog";
|
|
50
55
|
import { XIcon } from "lucide-react";
|
|
@@ -448,10 +453,10 @@ function DrawerDescription({
|
|
|
448
453
|
}, undefined, false, undefined, this);
|
|
449
454
|
}
|
|
450
455
|
// ui/use-media-query.ts
|
|
451
|
-
import * as
|
|
456
|
+
import * as React from "react";
|
|
452
457
|
function useMediaQuery(query) {
|
|
453
|
-
const [value, setValue] =
|
|
454
|
-
|
|
458
|
+
const [value, setValue] = React.useState(false);
|
|
459
|
+
React.useEffect(() => {
|
|
455
460
|
function onChange(event) {
|
|
456
461
|
setValue(event.matches);
|
|
457
462
|
}
|
|
@@ -464,7 +469,7 @@ function useMediaQuery(query) {
|
|
|
464
469
|
}
|
|
465
470
|
|
|
466
471
|
// ui/molecules/Autocomplete/index.tsx
|
|
467
|
-
import * as
|
|
472
|
+
import * as React2 from "react";
|
|
468
473
|
import { jsxDEV as jsxDEV6, Fragment } from "react/jsx-dev-runtime";
|
|
469
474
|
"use client";
|
|
470
475
|
var statuses = [
|
|
@@ -486,9 +491,9 @@ var statuses = [
|
|
|
486
491
|
}
|
|
487
492
|
];
|
|
488
493
|
function ComboBoxResponsive() {
|
|
489
|
-
const [open, setOpen] =
|
|
494
|
+
const [open, setOpen] = React2.useState(false);
|
|
490
495
|
const isDesktop = useMediaQuery("(min-width: 768px)");
|
|
491
|
-
const [selectedStatus, setSelectedStatus] =
|
|
496
|
+
const [selectedStatus, setSelectedStatus] = React2.useState(null);
|
|
492
497
|
if (isDesktop) {
|
|
493
498
|
return /* @__PURE__ */ jsxDEV6(Popover, {
|
|
494
499
|
open,
|
|
@@ -2,7 +2,6 @@
|
|
|
2
2
|
var __require = import.meta.require;
|
|
3
3
|
|
|
4
4
|
// ui/button.tsx
|
|
5
|
-
import * as React from "react";
|
|
6
5
|
import { Slot } from "@radix-ui/react-slot";
|
|
7
6
|
import { cva } from "class-variance-authority";
|
|
8
7
|
import { cn } from "@contractspec/lib.ui-kit-core/utils";
|
|
@@ -29,7 +28,14 @@ var buttonVariants = cva("inline-flex items-center justify-center gap-2 whitespa
|
|
|
29
28
|
size: "default"
|
|
30
29
|
}
|
|
31
30
|
});
|
|
32
|
-
|
|
31
|
+
function Button({
|
|
32
|
+
className,
|
|
33
|
+
variant,
|
|
34
|
+
size,
|
|
35
|
+
asChild = false,
|
|
36
|
+
ref,
|
|
37
|
+
...props
|
|
38
|
+
}) {
|
|
33
39
|
if (asChild) {
|
|
34
40
|
return /* @__PURE__ */ jsxDEV(Slot, {
|
|
35
41
|
"data-slot": "button",
|
|
@@ -43,8 +49,7 @@ var Button = React.forwardRef(({ className, variant, size, asChild = false, ...p
|
|
|
43
49
|
className: cn(buttonVariants({ variant, size, className })),
|
|
44
50
|
...props
|
|
45
51
|
}, undefined, false, undefined, this);
|
|
46
|
-
}
|
|
47
|
-
Button.displayName = "Button";
|
|
52
|
+
}
|
|
48
53
|
// ui/select.tsx
|
|
49
54
|
import * as SelectPrimitive from "@radix-ui/react-select";
|
|
50
55
|
import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from "lucide-react";
|
|
@@ -2,7 +2,6 @@
|
|
|
2
2
|
var __require = import.meta.require;
|
|
3
3
|
|
|
4
4
|
// ui/button.tsx
|
|
5
|
-
import * as React from "react";
|
|
6
5
|
import { Slot } from "@radix-ui/react-slot";
|
|
7
6
|
import { cva } from "class-variance-authority";
|
|
8
7
|
import { cn } from "@contractspec/lib.ui-kit-core/utils";
|
|
@@ -29,7 +28,14 @@ var buttonVariants = cva("inline-flex items-center justify-center gap-2 whitespa
|
|
|
29
28
|
size: "default"
|
|
30
29
|
}
|
|
31
30
|
});
|
|
32
|
-
|
|
31
|
+
function Button({
|
|
32
|
+
className,
|
|
33
|
+
variant,
|
|
34
|
+
size,
|
|
35
|
+
asChild = false,
|
|
36
|
+
ref,
|
|
37
|
+
...props
|
|
38
|
+
}) {
|
|
33
39
|
if (asChild) {
|
|
34
40
|
return /* @__PURE__ */ jsxDEV(Slot, {
|
|
35
41
|
"data-slot": "button",
|
|
@@ -43,8 +49,7 @@ var Button = React.forwardRef(({ className, variant, size, asChild = false, ...p
|
|
|
43
49
|
className: cn(buttonVariants({ variant, size, className })),
|
|
44
50
|
...props
|
|
45
51
|
}, undefined, false, undefined, this);
|
|
46
|
-
}
|
|
47
|
-
Button.displayName = "Button";
|
|
52
|
+
}
|
|
48
53
|
// ui/select.tsx
|
|
49
54
|
import * as SelectPrimitive from "@radix-ui/react-select";
|
|
50
55
|
import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from "lucide-react";
|
|
@@ -2,7 +2,6 @@
|
|
|
2
2
|
var __require = import.meta.require;
|
|
3
3
|
|
|
4
4
|
// ui/button.tsx
|
|
5
|
-
import * as React from "react";
|
|
6
5
|
import { Slot } from "@radix-ui/react-slot";
|
|
7
6
|
import { cva } from "class-variance-authority";
|
|
8
7
|
import { cn } from "@contractspec/lib.ui-kit-core/utils";
|
|
@@ -29,7 +28,14 @@ var buttonVariants = cva("inline-flex items-center justify-center gap-2 whitespa
|
|
|
29
28
|
size: "default"
|
|
30
29
|
}
|
|
31
30
|
});
|
|
32
|
-
|
|
31
|
+
function Button({
|
|
32
|
+
className,
|
|
33
|
+
variant,
|
|
34
|
+
size,
|
|
35
|
+
asChild = false,
|
|
36
|
+
ref,
|
|
37
|
+
...props
|
|
38
|
+
}) {
|
|
33
39
|
if (asChild) {
|
|
34
40
|
return /* @__PURE__ */ jsxDEV(Slot, {
|
|
35
41
|
"data-slot": "button",
|
|
@@ -43,10 +49,9 @@ var Button = React.forwardRef(({ className, variant, size, asChild = false, ...p
|
|
|
43
49
|
className: cn(buttonVariants({ variant, size, className })),
|
|
44
50
|
...props
|
|
45
51
|
}, undefined, false, undefined, this);
|
|
46
|
-
}
|
|
47
|
-
Button.displayName = "Button";
|
|
52
|
+
}
|
|
48
53
|
// ui/organisms/ErrorBoundary/ErrorBoundary.tsx
|
|
49
|
-
import
|
|
54
|
+
import React from "react";
|
|
50
55
|
import { AlertTriangle, RefreshCw, Home } from "lucide-react";
|
|
51
56
|
import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
|
|
52
57
|
"use client";
|
|
@@ -133,7 +138,7 @@ var DefaultErrorFallback = ({
|
|
|
133
138
|
}, undefined, false, undefined, this);
|
|
134
139
|
};
|
|
135
140
|
|
|
136
|
-
class ErrorBoundary extends
|
|
141
|
+
class ErrorBoundary extends React.Component {
|
|
137
142
|
constructor(props) {
|
|
138
143
|
super(props);
|
|
139
144
|
this.state = {
|
|
@@ -176,7 +181,7 @@ class ErrorBoundary extends React2.Component {
|
|
|
176
181
|
}
|
|
177
182
|
}
|
|
178
183
|
var useErrorHandler = () => {
|
|
179
|
-
return
|
|
184
|
+
return React.useCallback((error) => {
|
|
180
185
|
throw error;
|
|
181
186
|
}, []);
|
|
182
187
|
};
|
|
@@ -2,7 +2,6 @@
|
|
|
2
2
|
var __require = import.meta.require;
|
|
3
3
|
|
|
4
4
|
// ui/button.tsx
|
|
5
|
-
import * as React from "react";
|
|
6
5
|
import { Slot } from "@radix-ui/react-slot";
|
|
7
6
|
import { cva } from "class-variance-authority";
|
|
8
7
|
import { cn } from "@contractspec/lib.ui-kit-core/utils";
|
|
@@ -29,7 +28,14 @@ var buttonVariants = cva("inline-flex items-center justify-center gap-2 whitespa
|
|
|
29
28
|
size: "default"
|
|
30
29
|
}
|
|
31
30
|
});
|
|
32
|
-
|
|
31
|
+
function Button({
|
|
32
|
+
className,
|
|
33
|
+
variant,
|
|
34
|
+
size,
|
|
35
|
+
asChild = false,
|
|
36
|
+
ref,
|
|
37
|
+
...props
|
|
38
|
+
}) {
|
|
33
39
|
if (asChild) {
|
|
34
40
|
return /* @__PURE__ */ jsxDEV(Slot, {
|
|
35
41
|
"data-slot": "button",
|
|
@@ -43,10 +49,9 @@ var Button = React.forwardRef(({ className, variant, size, asChild = false, ...p
|
|
|
43
49
|
className: cn(buttonVariants({ variant, size, className })),
|
|
44
50
|
...props
|
|
45
51
|
}, undefined, false, undefined, this);
|
|
46
|
-
}
|
|
47
|
-
Button.displayName = "Button";
|
|
52
|
+
}
|
|
48
53
|
// ui/organisms/ErrorBoundary/ErrorBoundary.tsx
|
|
49
|
-
import
|
|
54
|
+
import React from "react";
|
|
50
55
|
import { AlertTriangle, RefreshCw, Home } from "lucide-react";
|
|
51
56
|
import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
|
|
52
57
|
"use client";
|
|
@@ -133,7 +138,7 @@ var DefaultErrorFallback = ({
|
|
|
133
138
|
}, undefined, false, undefined, this);
|
|
134
139
|
};
|
|
135
140
|
|
|
136
|
-
class ErrorBoundary extends
|
|
141
|
+
class ErrorBoundary extends React.Component {
|
|
137
142
|
constructor(props) {
|
|
138
143
|
super(props);
|
|
139
144
|
this.state = {
|
|
@@ -176,7 +181,7 @@ class ErrorBoundary extends React2.Component {
|
|
|
176
181
|
}
|
|
177
182
|
}
|
|
178
183
|
var useErrorHandler = () => {
|
|
179
|
-
return
|
|
184
|
+
return React.useCallback((error) => {
|
|
180
185
|
throw error;
|
|
181
186
|
}, []);
|
|
182
187
|
};
|
|
@@ -2,7 +2,6 @@
|
|
|
2
2
|
var __require = import.meta.require;
|
|
3
3
|
|
|
4
4
|
// ui/button.tsx
|
|
5
|
-
import * as React from "react";
|
|
6
5
|
import { Slot } from "@radix-ui/react-slot";
|
|
7
6
|
import { cva } from "class-variance-authority";
|
|
8
7
|
import { cn } from "@contractspec/lib.ui-kit-core/utils";
|
|
@@ -29,7 +28,14 @@ var buttonVariants = cva("inline-flex items-center justify-center gap-2 whitespa
|
|
|
29
28
|
size: "default"
|
|
30
29
|
}
|
|
31
30
|
});
|
|
32
|
-
|
|
31
|
+
function Button({
|
|
32
|
+
className,
|
|
33
|
+
variant,
|
|
34
|
+
size,
|
|
35
|
+
asChild = false,
|
|
36
|
+
ref,
|
|
37
|
+
...props
|
|
38
|
+
}) {
|
|
33
39
|
if (asChild) {
|
|
34
40
|
return /* @__PURE__ */ jsxDEV(Slot, {
|
|
35
41
|
"data-slot": "button",
|
|
@@ -43,8 +49,7 @@ var Button = React.forwardRef(({ className, variant, size, asChild = false, ...p
|
|
|
43
49
|
className: cn(buttonVariants({ variant, size, className })),
|
|
44
50
|
...props
|
|
45
51
|
}, undefined, false, undefined, this);
|
|
46
|
-
}
|
|
47
|
-
Button.displayName = "Button";
|
|
52
|
+
}
|
|
48
53
|
// ui/select.tsx
|
|
49
54
|
import * as SelectPrimitive from "@radix-ui/react-select";
|
|
50
55
|
import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from "lucide-react";
|
|
@@ -632,7 +637,6 @@ function CollapsibleContent2({
|
|
|
632
637
|
}, undefined, false, undefined, this);
|
|
633
638
|
}
|
|
634
639
|
// ui/stack.tsx
|
|
635
|
-
import * as React2 from "react";
|
|
636
640
|
import { cva as cva2 } from "class-variance-authority";
|
|
637
641
|
import { cn as cn6 } from "@contractspec/lib.ui-kit-core/utils";
|
|
638
642
|
import { jsxDEV as jsxDEV10 } from "react/jsx-dev-runtime";
|
|
@@ -668,15 +672,22 @@ var vStackVariants = cva2("flex flex-col", {
|
|
|
668
672
|
justify: "start"
|
|
669
673
|
}
|
|
670
674
|
});
|
|
671
|
-
|
|
675
|
+
function VStack({
|
|
676
|
+
className,
|
|
677
|
+
gap,
|
|
678
|
+
align,
|
|
679
|
+
justify,
|
|
680
|
+
as = "div",
|
|
681
|
+
ref,
|
|
682
|
+
...props
|
|
683
|
+
}) {
|
|
672
684
|
const Comp = as;
|
|
673
685
|
return /* @__PURE__ */ jsxDEV10(Comp, {
|
|
674
686
|
ref,
|
|
675
687
|
className: cn6(vStackVariants({ gap, align, justify }), className),
|
|
676
688
|
...props
|
|
677
689
|
}, undefined, false, undefined, this);
|
|
678
|
-
}
|
|
679
|
-
VStack.displayName = "VStack";
|
|
690
|
+
}
|
|
680
691
|
var hStackVariants = cva2("flex flex-row", {
|
|
681
692
|
variants: {
|
|
682
693
|
gap: {
|
|
@@ -716,15 +727,23 @@ var hStackVariants = cva2("flex flex-row", {
|
|
|
716
727
|
wrap: "wrap"
|
|
717
728
|
}
|
|
718
729
|
});
|
|
719
|
-
|
|
730
|
+
function HStack({
|
|
731
|
+
className,
|
|
732
|
+
gap,
|
|
733
|
+
align,
|
|
734
|
+
justify,
|
|
735
|
+
wrap,
|
|
736
|
+
as = "div",
|
|
737
|
+
ref,
|
|
738
|
+
...props
|
|
739
|
+
}) {
|
|
720
740
|
const Comp = as;
|
|
721
741
|
return /* @__PURE__ */ jsxDEV10(Comp, {
|
|
722
742
|
ref,
|
|
723
743
|
className: cn6(hStackVariants({ gap, align, justify, wrap }), className),
|
|
724
744
|
...props
|
|
725
745
|
}, undefined, false, undefined, this);
|
|
726
|
-
}
|
|
727
|
-
HStack.displayName = "HStack";
|
|
746
|
+
}
|
|
728
747
|
var boxVariants = cva2("flex flex-row", {
|
|
729
748
|
variants: {
|
|
730
749
|
gap: {
|
|
@@ -764,15 +783,23 @@ var boxVariants = cva2("flex flex-row", {
|
|
|
764
783
|
wrap: "nowrap"
|
|
765
784
|
}
|
|
766
785
|
});
|
|
767
|
-
|
|
786
|
+
function Box({
|
|
787
|
+
className,
|
|
788
|
+
gap,
|
|
789
|
+
align,
|
|
790
|
+
justify,
|
|
791
|
+
wrap,
|
|
792
|
+
as = "div",
|
|
793
|
+
ref,
|
|
794
|
+
...props
|
|
795
|
+
}) {
|
|
768
796
|
const Comp = as;
|
|
769
797
|
return /* @__PURE__ */ jsxDEV10(Comp, {
|
|
770
798
|
ref,
|
|
771
799
|
className: cn6(boxVariants({ gap, align, justify, wrap }), className),
|
|
772
800
|
...props
|
|
773
801
|
}, undefined, false, undefined, this);
|
|
774
|
-
}
|
|
775
|
-
Box.displayName = "Box";
|
|
802
|
+
}
|
|
776
803
|
// ui/separator.tsx
|
|
777
804
|
import * as SeparatorPrimitive from "@radix-ui/react-separator";
|
|
778
805
|
import { cn as cn7 } from "@contractspec/lib.ui-kit-core/utils";
|