beez-ui 0.4.2 → 0.5.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/CHANGELOG.md +31 -27
- package/README.md +22 -2
- package/dist/adapters/unpic-image.js +92 -14
- package/dist/components/alert-dialog.js +444 -26
- package/dist/components/alert.js +153 -18
- package/dist/components/animated-theme-toggler.js +215 -76
- package/dist/components/avatar.js +247 -15
- package/dist/components/badge.js +18 -16
- package/dist/components/button.js +85 -28
- package/dist/components/calendar.js +327 -68
- package/dist/components/card.js +39 -9
- package/dist/components/carousel.js +454 -84
- package/dist/components/checkbox.js +50 -3
- package/dist/components/data-table.js +827 -583
- package/dist/components/dialog.js +363 -22
- package/dist/components/dropdown-menu.js +543 -32
- package/dist/components/filter-query-bar.js +809 -468
- package/dist/components/filter-query-grammar.js +781 -736
- package/dist/components/form.js +305 -43
- package/dist/components/highlighter.js +142 -87
- package/dist/components/hover-card.js +97 -7
- package/dist/components/input-group.js +261 -41
- package/dist/components/input.js +8 -2
- package/dist/components/label.js +38 -3
- package/dist/components/link.js +45 -7
- package/dist/components/pagination.js +332 -16
- package/dist/components/popover.js +222 -16
- package/dist/components/radio-group.js +85 -5
- package/dist/components/select.js +451 -22
- package/dist/components/separator.js +43 -3
- package/dist/components/sheet.js +345 -22
- package/dist/components/sidebar.js +1385 -193
- package/dist/components/skeleton.js +6 -2
- package/dist/components/svgs/whatsappIcon.js +11 -1
- package/dist/components/switch.js +55 -3
- package/dist/components/table.js +288 -18
- package/dist/components/tabs.js +161 -18
- package/dist/components/textarea.js +7 -2
- package/dist/components/themed-toaster.js +63 -20
- package/dist/components/tooltip.js +128 -9
- package/dist/components/typing-animation.js +335 -150
- package/dist/constants/sidebar.js +1 -4
- package/dist/hooks/use-mobile.js +8 -8
- package/dist/hooks/use-sidebar-persistence.js +27 -27
- package/dist/lib/image-dimensions.js +2 -2
- package/dist/lib/year-month-filter.js +38 -40
- package/dist/next.js +69 -17
- package/dist/providers/beez-ui-provider.js +48 -7
- package/dist/providers/native-provider.js +40 -6
- package/dist/tanstack.js +35 -23
- package/package.json +4 -1
|
@@ -1,14 +1,104 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import {
|
|
2
|
+
import { c as _c } from "react/compiler-runtime";
|
|
3
|
+
import * as React from "react";
|
|
3
4
|
import { HoverCard as HoverCardPrimitive } from "radix-ui";
|
|
4
5
|
import { cn } from "../lib/utils.js";
|
|
5
|
-
|
|
6
|
-
|
|
6
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
7
|
+
function HoverCard(t0) {
|
|
8
|
+
const $ = _c(4);
|
|
9
|
+
let props;
|
|
10
|
+
if ($[0] !== t0) {
|
|
11
|
+
({...props} = t0);
|
|
12
|
+
$[0] = t0;
|
|
13
|
+
$[1] = props;
|
|
14
|
+
} else {
|
|
15
|
+
props = $[1];
|
|
16
|
+
}
|
|
17
|
+
let t1;
|
|
18
|
+
if ($[2] !== props) {
|
|
19
|
+
t1 = /* @__PURE__ */ _jsx(HoverCardPrimitive.Root, {
|
|
20
|
+
"data-slot": "hover-card",
|
|
21
|
+
...props
|
|
22
|
+
});
|
|
23
|
+
$[2] = props;
|
|
24
|
+
$[3] = t1;
|
|
25
|
+
} else {
|
|
26
|
+
t1 = $[3];
|
|
27
|
+
}
|
|
28
|
+
return t1;
|
|
7
29
|
}
|
|
8
|
-
function HoverCardTrigger(
|
|
9
|
-
|
|
30
|
+
function HoverCardTrigger(t0) {
|
|
31
|
+
const $ = _c(4);
|
|
32
|
+
let props;
|
|
33
|
+
if ($[0] !== t0) {
|
|
34
|
+
({...props} = t0);
|
|
35
|
+
$[0] = t0;
|
|
36
|
+
$[1] = props;
|
|
37
|
+
} else {
|
|
38
|
+
props = $[1];
|
|
39
|
+
}
|
|
40
|
+
let t1;
|
|
41
|
+
if ($[2] !== props) {
|
|
42
|
+
t1 = /* @__PURE__ */ _jsx(HoverCardPrimitive.Trigger, {
|
|
43
|
+
"data-slot": "hover-card-trigger",
|
|
44
|
+
...props
|
|
45
|
+
});
|
|
46
|
+
$[2] = props;
|
|
47
|
+
$[3] = t1;
|
|
48
|
+
} else {
|
|
49
|
+
t1 = $[3];
|
|
50
|
+
}
|
|
51
|
+
return t1;
|
|
10
52
|
}
|
|
11
|
-
function HoverCardContent(
|
|
12
|
-
|
|
53
|
+
function HoverCardContent(t0) {
|
|
54
|
+
const $ = _c(12);
|
|
55
|
+
let className;
|
|
56
|
+
let props;
|
|
57
|
+
let t1;
|
|
58
|
+
let t2;
|
|
59
|
+
if ($[0] !== t0) {
|
|
60
|
+
({className, align: t1, sideOffset: t2, ...props} = t0);
|
|
61
|
+
$[0] = t0;
|
|
62
|
+
$[1] = className;
|
|
63
|
+
$[2] = props;
|
|
64
|
+
$[3] = t1;
|
|
65
|
+
$[4] = t2;
|
|
66
|
+
} else {
|
|
67
|
+
className = $[1];
|
|
68
|
+
props = $[2];
|
|
69
|
+
t1 = $[3];
|
|
70
|
+
t2 = $[4];
|
|
71
|
+
}
|
|
72
|
+
const align = t1 === undefined ? "center" : t1;
|
|
73
|
+
const sideOffset = t2 === undefined ? 4 : t2;
|
|
74
|
+
let t3;
|
|
75
|
+
if ($[5] !== className) {
|
|
76
|
+
t3 = cn("z-50 w-64 origin-(--radix-hover-card-content-transform-origin) rounded-lg bg-popover p-4 text-sm text-popover-foreground shadow-md ring-1 ring-foreground/10 outline-hidden duration-100 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 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", className);
|
|
77
|
+
$[5] = className;
|
|
78
|
+
$[6] = t3;
|
|
79
|
+
} else {
|
|
80
|
+
t3 = $[6];
|
|
81
|
+
}
|
|
82
|
+
let t4;
|
|
83
|
+
if ($[7] !== align || $[8] !== props || $[9] !== sideOffset || $[10] !== t3) {
|
|
84
|
+
t4 = /* @__PURE__ */ _jsx(HoverCardPrimitive.Portal, {
|
|
85
|
+
"data-slot": "hover-card-portal",
|
|
86
|
+
children: /* @__PURE__ */ _jsx(HoverCardPrimitive.Content, {
|
|
87
|
+
"data-slot": "hover-card-content",
|
|
88
|
+
align,
|
|
89
|
+
sideOffset,
|
|
90
|
+
className: t3,
|
|
91
|
+
...props
|
|
92
|
+
})
|
|
93
|
+
});
|
|
94
|
+
$[7] = align;
|
|
95
|
+
$[8] = props;
|
|
96
|
+
$[9] = sideOffset;
|
|
97
|
+
$[10] = t3;
|
|
98
|
+
$[11] = t4;
|
|
99
|
+
} else {
|
|
100
|
+
t4 = $[11];
|
|
101
|
+
}
|
|
102
|
+
return t4;
|
|
13
103
|
}
|
|
14
104
|
export { HoverCard, HoverCardTrigger, HoverCardContent };
|
|
@@ -1,57 +1,277 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import {
|
|
2
|
+
import { c as _c } from "react/compiler-runtime";
|
|
3
|
+
import * as React from "react";
|
|
3
4
|
import { cva } from "class-variance-authority";
|
|
4
5
|
import { cn } from "../lib/utils.js";
|
|
5
6
|
import { Button } from "./button.js";
|
|
6
7
|
import { Input } from "./input.js";
|
|
7
8
|
import { Textarea } from "./textarea.js";
|
|
8
|
-
|
|
9
|
-
|
|
9
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
10
|
+
function InputGroup(t0) {
|
|
11
|
+
const $ = _c(8);
|
|
12
|
+
let className;
|
|
13
|
+
let props;
|
|
14
|
+
if ($[0] !== t0) {
|
|
15
|
+
({className, ...props} = t0);
|
|
16
|
+
$[0] = t0;
|
|
17
|
+
$[1] = className;
|
|
18
|
+
$[2] = props;
|
|
19
|
+
} else {
|
|
20
|
+
className = $[1];
|
|
21
|
+
props = $[2];
|
|
22
|
+
}
|
|
23
|
+
let t1;
|
|
24
|
+
if ($[3] !== className) {
|
|
25
|
+
t1 = cn("group/input-group relative flex h-8 w-full min-w-0 items-center rounded-lg border border-input transition-colors outline-none in-data-[slot=combobox-content]:focus-within:border-inherit in-data-[slot=combobox-content]:focus-within:ring-0 has-disabled:bg-input/50 has-disabled:opacity-50 has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-3 has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot][aria-invalid=true]]:border-destructive has-[[data-slot][aria-invalid=true]]:ring-3 has-[[data-slot][aria-invalid=true]]:ring-destructive/20 has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>textarea]:h-auto dark:bg-input/30 dark:has-disabled:bg-input/80 dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40 has-[>[data-align=block-end]]:[&>input]:pt-3 has-[>[data-align=block-start]]:[&>input]:pb-3 has-[>[data-align=inline-end]]:[&>input]:pr-1.5 has-[>[data-align=inline-start]]:[&>input]:pl-1.5", className);
|
|
26
|
+
$[3] = className;
|
|
27
|
+
$[4] = t1;
|
|
28
|
+
} else {
|
|
29
|
+
t1 = $[4];
|
|
30
|
+
}
|
|
31
|
+
let t2;
|
|
32
|
+
if ($[5] !== props || $[6] !== t1) {
|
|
33
|
+
t2 = /* @__PURE__ */ _jsx("div", {
|
|
34
|
+
"data-slot": "input-group",
|
|
35
|
+
role: "group",
|
|
36
|
+
className: t1,
|
|
37
|
+
...props
|
|
38
|
+
});
|
|
39
|
+
$[5] = props;
|
|
40
|
+
$[6] = t1;
|
|
41
|
+
$[7] = t2;
|
|
42
|
+
} else {
|
|
43
|
+
t2 = $[7];
|
|
44
|
+
}
|
|
45
|
+
return t2;
|
|
10
46
|
}
|
|
11
47
|
const inputGroupAddonVariants = cva("flex h-auto cursor-text items-center justify-center gap-2 py-1.5 text-sm font-medium text-muted-foreground select-none group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-4", {
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
},
|
|
20
|
-
defaultVariants: {
|
|
21
|
-
align: "inline-start",
|
|
22
|
-
},
|
|
48
|
+
variants: { align: {
|
|
49
|
+
"inline-start": "order-first pl-2 has-[>button]:ml-[-0.3rem] has-[>kbd]:ml-[-0.15rem]",
|
|
50
|
+
"inline-end": "order-last pr-2 has-[>button]:mr-[-0.3rem] has-[>kbd]:mr-[-0.15rem]",
|
|
51
|
+
"block-start": "order-first w-full justify-start px-2.5 pt-2 group-has-[>input]/input-group:pt-2 [.border-b]:pb-2",
|
|
52
|
+
"block-end": "order-last w-full justify-start px-2.5 pb-2 group-has-[>input]/input-group:pb-2 [.border-t]:pt-2"
|
|
53
|
+
} },
|
|
54
|
+
defaultVariants: { align: "inline-start" }
|
|
23
55
|
});
|
|
24
|
-
function InputGroupAddon(
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
56
|
+
function InputGroupAddon(t0) {
|
|
57
|
+
const $ = _c(11);
|
|
58
|
+
let className;
|
|
59
|
+
let props;
|
|
60
|
+
let t1;
|
|
61
|
+
if ($[0] !== t0) {
|
|
62
|
+
({className, align: t1, ...props} = t0);
|
|
63
|
+
$[0] = t0;
|
|
64
|
+
$[1] = className;
|
|
65
|
+
$[2] = props;
|
|
66
|
+
$[3] = t1;
|
|
67
|
+
} else {
|
|
68
|
+
className = $[1];
|
|
69
|
+
props = $[2];
|
|
70
|
+
t1 = $[3];
|
|
71
|
+
}
|
|
72
|
+
const align = t1 === undefined ? "inline-start" : t1;
|
|
73
|
+
let t2;
|
|
74
|
+
if ($[4] !== align || $[5] !== className) {
|
|
75
|
+
t2 = cn(inputGroupAddonVariants({ align }), className);
|
|
76
|
+
$[4] = align;
|
|
77
|
+
$[5] = className;
|
|
78
|
+
$[6] = t2;
|
|
79
|
+
} else {
|
|
80
|
+
t2 = $[6];
|
|
81
|
+
}
|
|
82
|
+
let t3;
|
|
83
|
+
if ($[7] !== align || $[8] !== props || $[9] !== t2) {
|
|
84
|
+
t3 = /* @__PURE__ */ _jsx("div", {
|
|
85
|
+
role: "group",
|
|
86
|
+
"data-slot": "input-group-addon",
|
|
87
|
+
"data-align": align,
|
|
88
|
+
className: t2,
|
|
89
|
+
onClick: _temp,
|
|
90
|
+
...props
|
|
91
|
+
});
|
|
92
|
+
$[7] = align;
|
|
93
|
+
$[8] = props;
|
|
94
|
+
$[9] = t2;
|
|
95
|
+
$[10] = t3;
|
|
96
|
+
} else {
|
|
97
|
+
t3 = $[10];
|
|
98
|
+
}
|
|
99
|
+
return t3;
|
|
100
|
+
}
|
|
101
|
+
function _temp(event) {
|
|
102
|
+
if (event.target.closest("button")) {
|
|
103
|
+
return;
|
|
104
|
+
}
|
|
105
|
+
event.currentTarget.parentElement?.querySelector("input")?.focus();
|
|
31
106
|
}
|
|
32
107
|
const inputGroupButtonVariants = cva("flex items-center gap-2 text-sm shadow-none", {
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
},
|
|
41
|
-
defaultVariants: {
|
|
42
|
-
size: "xs",
|
|
43
|
-
},
|
|
108
|
+
variants: { size: {
|
|
109
|
+
xs: "h-6 gap-1 rounded-[calc(var(--radius)-3px)] px-1.5 [&>svg:not([class*='size-'])]:size-3.5",
|
|
110
|
+
sm: "",
|
|
111
|
+
"icon-xs": "size-6 rounded-[calc(var(--radius)-3px)] p-0 has-[>svg]:p-0",
|
|
112
|
+
"icon-sm": "size-8 p-0 has-[>svg]:p-0"
|
|
113
|
+
} },
|
|
114
|
+
defaultVariants: { size: "xs" }
|
|
44
115
|
});
|
|
45
|
-
function InputGroupButton(
|
|
46
|
-
|
|
116
|
+
function InputGroupButton(t0) {
|
|
117
|
+
const $ = _c(15);
|
|
118
|
+
let className;
|
|
119
|
+
let props;
|
|
120
|
+
let t1;
|
|
121
|
+
let t2;
|
|
122
|
+
let t3;
|
|
123
|
+
if ($[0] !== t0) {
|
|
124
|
+
({className, type: t1, variant: t2, size: t3, ...props} = t0);
|
|
125
|
+
$[0] = t0;
|
|
126
|
+
$[1] = className;
|
|
127
|
+
$[2] = props;
|
|
128
|
+
$[3] = t1;
|
|
129
|
+
$[4] = t2;
|
|
130
|
+
$[5] = t3;
|
|
131
|
+
} else {
|
|
132
|
+
className = $[1];
|
|
133
|
+
props = $[2];
|
|
134
|
+
t1 = $[3];
|
|
135
|
+
t2 = $[4];
|
|
136
|
+
t3 = $[5];
|
|
137
|
+
}
|
|
138
|
+
const type = t1 === undefined ? "button" : t1;
|
|
139
|
+
const variant = t2 === undefined ? "ghost" : t2;
|
|
140
|
+
const size = t3 === undefined ? "xs" : t3;
|
|
141
|
+
let t4;
|
|
142
|
+
if ($[6] !== className || $[7] !== size) {
|
|
143
|
+
t4 = cn(inputGroupButtonVariants({ size }), className);
|
|
144
|
+
$[6] = className;
|
|
145
|
+
$[7] = size;
|
|
146
|
+
$[8] = t4;
|
|
147
|
+
} else {
|
|
148
|
+
t4 = $[8];
|
|
149
|
+
}
|
|
150
|
+
let t5;
|
|
151
|
+
if ($[9] !== props || $[10] !== size || $[11] !== t4 || $[12] !== type || $[13] !== variant) {
|
|
152
|
+
t5 = /* @__PURE__ */ _jsx(Button, {
|
|
153
|
+
type,
|
|
154
|
+
"data-size": size,
|
|
155
|
+
variant,
|
|
156
|
+
className: t4,
|
|
157
|
+
...props
|
|
158
|
+
});
|
|
159
|
+
$[9] = props;
|
|
160
|
+
$[10] = size;
|
|
161
|
+
$[11] = t4;
|
|
162
|
+
$[12] = type;
|
|
163
|
+
$[13] = variant;
|
|
164
|
+
$[14] = t5;
|
|
165
|
+
} else {
|
|
166
|
+
t5 = $[14];
|
|
167
|
+
}
|
|
168
|
+
return t5;
|
|
47
169
|
}
|
|
48
|
-
function InputGroupText(
|
|
49
|
-
|
|
170
|
+
function InputGroupText(t0) {
|
|
171
|
+
const $ = _c(8);
|
|
172
|
+
let className;
|
|
173
|
+
let props;
|
|
174
|
+
if ($[0] !== t0) {
|
|
175
|
+
({className, ...props} = t0);
|
|
176
|
+
$[0] = t0;
|
|
177
|
+
$[1] = className;
|
|
178
|
+
$[2] = props;
|
|
179
|
+
} else {
|
|
180
|
+
className = $[1];
|
|
181
|
+
props = $[2];
|
|
182
|
+
}
|
|
183
|
+
let t1;
|
|
184
|
+
if ($[3] !== className) {
|
|
185
|
+
t1 = cn("flex items-center gap-2 text-sm text-muted-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4", className);
|
|
186
|
+
$[3] = className;
|
|
187
|
+
$[4] = t1;
|
|
188
|
+
} else {
|
|
189
|
+
t1 = $[4];
|
|
190
|
+
}
|
|
191
|
+
let t2;
|
|
192
|
+
if ($[5] !== props || $[6] !== t1) {
|
|
193
|
+
t2 = /* @__PURE__ */ _jsx("span", {
|
|
194
|
+
className: t1,
|
|
195
|
+
...props
|
|
196
|
+
});
|
|
197
|
+
$[5] = props;
|
|
198
|
+
$[6] = t1;
|
|
199
|
+
$[7] = t2;
|
|
200
|
+
} else {
|
|
201
|
+
t2 = $[7];
|
|
202
|
+
}
|
|
203
|
+
return t2;
|
|
50
204
|
}
|
|
51
|
-
function InputGroupInput(
|
|
52
|
-
|
|
205
|
+
function InputGroupInput(t0) {
|
|
206
|
+
const $ = _c(8);
|
|
207
|
+
let className;
|
|
208
|
+
let props;
|
|
209
|
+
if ($[0] !== t0) {
|
|
210
|
+
({className, ...props} = t0);
|
|
211
|
+
$[0] = t0;
|
|
212
|
+
$[1] = className;
|
|
213
|
+
$[2] = props;
|
|
214
|
+
} else {
|
|
215
|
+
className = $[1];
|
|
216
|
+
props = $[2];
|
|
217
|
+
}
|
|
218
|
+
let t1;
|
|
219
|
+
if ($[3] !== className) {
|
|
220
|
+
t1 = cn("flex-1 rounded-none border-0 bg-transparent shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent aria-invalid:ring-0 dark:bg-transparent dark:disabled:bg-transparent", className);
|
|
221
|
+
$[3] = className;
|
|
222
|
+
$[4] = t1;
|
|
223
|
+
} else {
|
|
224
|
+
t1 = $[4];
|
|
225
|
+
}
|
|
226
|
+
let t2;
|
|
227
|
+
if ($[5] !== props || $[6] !== t1) {
|
|
228
|
+
t2 = /* @__PURE__ */ _jsx(Input, {
|
|
229
|
+
"data-slot": "input-group-control",
|
|
230
|
+
className: t1,
|
|
231
|
+
...props
|
|
232
|
+
});
|
|
233
|
+
$[5] = props;
|
|
234
|
+
$[6] = t1;
|
|
235
|
+
$[7] = t2;
|
|
236
|
+
} else {
|
|
237
|
+
t2 = $[7];
|
|
238
|
+
}
|
|
239
|
+
return t2;
|
|
53
240
|
}
|
|
54
|
-
function InputGroupTextarea(
|
|
55
|
-
|
|
241
|
+
function InputGroupTextarea(t0) {
|
|
242
|
+
const $ = _c(8);
|
|
243
|
+
let className;
|
|
244
|
+
let props;
|
|
245
|
+
if ($[0] !== t0) {
|
|
246
|
+
({className, ...props} = t0);
|
|
247
|
+
$[0] = t0;
|
|
248
|
+
$[1] = className;
|
|
249
|
+
$[2] = props;
|
|
250
|
+
} else {
|
|
251
|
+
className = $[1];
|
|
252
|
+
props = $[2];
|
|
253
|
+
}
|
|
254
|
+
let t1;
|
|
255
|
+
if ($[3] !== className) {
|
|
256
|
+
t1 = cn("flex-1 resize-none rounded-none border-0 bg-transparent py-2 shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent aria-invalid:ring-0 dark:bg-transparent dark:disabled:bg-transparent", className);
|
|
257
|
+
$[3] = className;
|
|
258
|
+
$[4] = t1;
|
|
259
|
+
} else {
|
|
260
|
+
t1 = $[4];
|
|
261
|
+
}
|
|
262
|
+
let t2;
|
|
263
|
+
if ($[5] !== props || $[6] !== t1) {
|
|
264
|
+
t2 = /* @__PURE__ */ _jsx(Textarea, {
|
|
265
|
+
"data-slot": "input-group-control",
|
|
266
|
+
className: t1,
|
|
267
|
+
...props
|
|
268
|
+
});
|
|
269
|
+
$[5] = props;
|
|
270
|
+
$[6] = t1;
|
|
271
|
+
$[7] = t2;
|
|
272
|
+
} else {
|
|
273
|
+
t2 = $[7];
|
|
274
|
+
}
|
|
275
|
+
return t2;
|
|
56
276
|
}
|
|
57
|
-
export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupText, InputGroupInput, InputGroupTextarea
|
|
277
|
+
export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupText, InputGroupInput, InputGroupTextarea };
|
package/dist/components/input.js
CHANGED
|
@@ -1,7 +1,13 @@
|
|
|
1
|
-
import
|
|
1
|
+
import * as React from "react";
|
|
2
2
|
import { Input as InputPrimitive } from "@base-ui/react/input";
|
|
3
3
|
import { cn } from "../lib/utils.js";
|
|
4
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
4
5
|
function Input({ className, type, ...props }) {
|
|
5
|
-
|
|
6
|
+
return /* @__PURE__ */ _jsx(InputPrimitive, {
|
|
7
|
+
type,
|
|
8
|
+
"data-slot": "input",
|
|
9
|
+
className: cn("h-8 w-full min-w-0 rounded-lg border border-input bg-transparent px-2.5 py-1 text-base transition-colors outline-none file:inline-flex file:h-6 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40", className),
|
|
10
|
+
...props
|
|
11
|
+
});
|
|
6
12
|
}
|
|
7
13
|
export { Input };
|
package/dist/components/label.js
CHANGED
|
@@ -1,8 +1,43 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import {
|
|
2
|
+
import { c as _c } from "react/compiler-runtime";
|
|
3
|
+
import * as React from "react";
|
|
3
4
|
import { Label as LabelPrimitive } from "radix-ui";
|
|
4
5
|
import { cn } from "../lib/utils.js";
|
|
5
|
-
|
|
6
|
-
|
|
6
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
7
|
+
function Label(t0) {
|
|
8
|
+
const $ = _c(8);
|
|
9
|
+
let className;
|
|
10
|
+
let props;
|
|
11
|
+
if ($[0] !== t0) {
|
|
12
|
+
({className, ...props} = t0);
|
|
13
|
+
$[0] = t0;
|
|
14
|
+
$[1] = className;
|
|
15
|
+
$[2] = props;
|
|
16
|
+
} else {
|
|
17
|
+
className = $[1];
|
|
18
|
+
props = $[2];
|
|
19
|
+
}
|
|
20
|
+
let t1;
|
|
21
|
+
if ($[3] !== className) {
|
|
22
|
+
t1 = cn("flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50", className);
|
|
23
|
+
$[3] = className;
|
|
24
|
+
$[4] = t1;
|
|
25
|
+
} else {
|
|
26
|
+
t1 = $[4];
|
|
27
|
+
}
|
|
28
|
+
let t2;
|
|
29
|
+
if ($[5] !== props || $[6] !== t1) {
|
|
30
|
+
t2 = /* @__PURE__ */ _jsx(LabelPrimitive.Root, {
|
|
31
|
+
"data-slot": "label",
|
|
32
|
+
className: t1,
|
|
33
|
+
...props
|
|
34
|
+
});
|
|
35
|
+
$[5] = props;
|
|
36
|
+
$[6] = t1;
|
|
37
|
+
$[7] = t2;
|
|
38
|
+
} else {
|
|
39
|
+
t2 = $[7];
|
|
40
|
+
}
|
|
41
|
+
return t2;
|
|
7
42
|
}
|
|
8
43
|
export { Label };
|
package/dist/components/link.js
CHANGED
|
@@ -1,11 +1,49 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import {
|
|
2
|
+
import { c as _c } from "react/compiler-runtime";
|
|
3
3
|
import { useBeezUIComponents } from "../providers/beez-ui-provider.js";
|
|
4
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
4
5
|
/** Uses the provider's adapter and excludes framework hints from native DOM attributes. */
|
|
5
|
-
export function Link(
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
6
|
+
export function Link(t0) {
|
|
7
|
+
const $ = _c(10);
|
|
8
|
+
let component;
|
|
9
|
+
let prefetch;
|
|
10
|
+
let props;
|
|
11
|
+
if ($[0] !== t0) {
|
|
12
|
+
({component, prefetch, ...props} = t0);
|
|
13
|
+
$[0] = t0;
|
|
14
|
+
$[1] = component;
|
|
15
|
+
$[2] = prefetch;
|
|
16
|
+
$[3] = props;
|
|
17
|
+
} else {
|
|
18
|
+
component = $[1];
|
|
19
|
+
prefetch = $[2];
|
|
20
|
+
props = $[3];
|
|
21
|
+
}
|
|
22
|
+
const adapters = useBeezUIComponents();
|
|
23
|
+
const Component = component ?? adapters.Link;
|
|
24
|
+
if (!Component || Component === "a") {
|
|
25
|
+
let t1;
|
|
26
|
+
if ($[4] !== props) {
|
|
27
|
+
t1 = /* @__PURE__ */ _jsx("a", { ...props });
|
|
28
|
+
$[4] = props;
|
|
29
|
+
$[5] = t1;
|
|
30
|
+
} else {
|
|
31
|
+
t1 = $[5];
|
|
32
|
+
}
|
|
33
|
+
return t1;
|
|
34
|
+
}
|
|
35
|
+
let t1;
|
|
36
|
+
if ($[6] !== Component || $[7] !== prefetch || $[8] !== props) {
|
|
37
|
+
t1 = /* @__PURE__ */ _jsx(Component, {
|
|
38
|
+
...props,
|
|
39
|
+
prefetch
|
|
40
|
+
});
|
|
41
|
+
$[6] = Component;
|
|
42
|
+
$[7] = prefetch;
|
|
43
|
+
$[8] = props;
|
|
44
|
+
$[9] = t1;
|
|
45
|
+
} else {
|
|
46
|
+
t1 = $[9];
|
|
47
|
+
}
|
|
48
|
+
return t1;
|
|
11
49
|
}
|