beez-ui 0.4.0 → 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.
Files changed (51) hide show
  1. package/CHANGELOG.md +31 -19
  2. package/README.md +49 -11
  3. package/dist/adapters/unpic-image.js +92 -14
  4. package/dist/components/alert-dialog.js +444 -26
  5. package/dist/components/alert.js +153 -18
  6. package/dist/components/animated-theme-toggler.js +215 -76
  7. package/dist/components/avatar.js +247 -15
  8. package/dist/components/badge.js +18 -16
  9. package/dist/components/button.js +85 -28
  10. package/dist/components/calendar.js +327 -68
  11. package/dist/components/card.js +39 -9
  12. package/dist/components/carousel.js +454 -84
  13. package/dist/components/checkbox.js +50 -3
  14. package/dist/components/data-table.js +827 -583
  15. package/dist/components/dialog.js +363 -22
  16. package/dist/components/dropdown-menu.js +543 -32
  17. package/dist/components/filter-query-bar.js +809 -468
  18. package/dist/components/filter-query-grammar.js +781 -736
  19. package/dist/components/form.js +305 -43
  20. package/dist/components/highlighter.js +142 -87
  21. package/dist/components/hover-card.js +97 -7
  22. package/dist/components/input-group.js +261 -41
  23. package/dist/components/input.js +8 -2
  24. package/dist/components/label.js +38 -3
  25. package/dist/components/link.js +45 -7
  26. package/dist/components/pagination.js +332 -16
  27. package/dist/components/popover.js +222 -16
  28. package/dist/components/radio-group.js +85 -5
  29. package/dist/components/select.js +451 -22
  30. package/dist/components/separator.js +43 -3
  31. package/dist/components/sheet.js +345 -22
  32. package/dist/components/sidebar.js +1385 -193
  33. package/dist/components/skeleton.js +6 -2
  34. package/dist/components/svgs/whatsappIcon.js +11 -1
  35. package/dist/components/switch.js +55 -3
  36. package/dist/components/table.js +288 -18
  37. package/dist/components/tabs.js +161 -18
  38. package/dist/components/textarea.js +7 -2
  39. package/dist/components/themed-toaster.js +63 -20
  40. package/dist/components/tooltip.js +128 -9
  41. package/dist/components/typing-animation.js +335 -150
  42. package/dist/constants/sidebar.js +1 -4
  43. package/dist/hooks/use-mobile.js +8 -8
  44. package/dist/hooks/use-sidebar-persistence.js +27 -27
  45. package/dist/lib/image-dimensions.js +2 -2
  46. package/dist/lib/year-month-filter.js +38 -40
  47. package/dist/next.js +69 -17
  48. package/dist/providers/beez-ui-provider.js +48 -7
  49. package/dist/providers/native-provider.js +40 -6
  50. package/dist/tanstack.js +35 -23
  51. package/package.json +7 -1
@@ -1,14 +1,104 @@
1
1
  "use client";
2
- import { jsx as _jsx } from "react/jsx-runtime";
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
- function HoverCard({ ...props }) {
6
- return _jsx(HoverCardPrimitive.Root, { "data-slot": "hover-card", ...props });
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({ ...props }) {
9
- return (_jsx(HoverCardPrimitive.Trigger, { "data-slot": "hover-card-trigger", ...props }));
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({ className, align = "center", sideOffset = 4, ...props }) {
12
- return (_jsx(HoverCardPrimitive.Portal, { "data-slot": "hover-card-portal", children: _jsx(HoverCardPrimitive.Content, { "data-slot": "hover-card-content", align: align, sideOffset: sideOffset, className: 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), ...props }) }));
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 { jsx as _jsx } from "react/jsx-runtime";
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
- function InputGroup({ className, ...props }) {
9
- return (_jsx("div", { "data-slot": "input-group", role: "group", className: 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), ...props }));
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
- variants: {
13
- align: {
14
- "inline-start": "order-first pl-2 has-[>button]:ml-[-0.3rem] has-[>kbd]:ml-[-0.15rem]",
15
- "inline-end": "order-last pr-2 has-[>button]:mr-[-0.3rem] has-[>kbd]:mr-[-0.15rem]",
16
- "block-start": "order-first w-full justify-start px-2.5 pt-2 group-has-[>input]/input-group:pt-2 [.border-b]:pb-2",
17
- "block-end": "order-last w-full justify-start px-2.5 pb-2 group-has-[>input]/input-group:pb-2 [.border-t]:pt-2",
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({ className, align = "inline-start", ...props }) {
25
- return (_jsx("div", { role: "group", "data-slot": "input-group-addon", "data-align": align, className: cn(inputGroupAddonVariants({ align }), className), onClick: (event) => {
26
- if (event.target.closest("button")) {
27
- return;
28
- }
29
- event.currentTarget.parentElement?.querySelector("input")?.focus();
30
- }, ...props }));
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
- variants: {
34
- size: {
35
- xs: "h-6 gap-1 rounded-[calc(var(--radius)-3px)] px-1.5 [&>svg:not([class*='size-'])]:size-3.5",
36
- sm: "",
37
- "icon-xs": "size-6 rounded-[calc(var(--radius)-3px)] p-0 has-[>svg]:p-0",
38
- "icon-sm": "size-8 p-0 has-[>svg]:p-0",
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({ className, type = "button", variant = "ghost", size = "xs", ...props }) {
46
- return (_jsx(Button, { type: type, "data-size": size, variant: variant, className: cn(inputGroupButtonVariants({ size }), className), ...props }));
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({ className, ...props }) {
49
- return (_jsx("span", { className: cn("flex items-center gap-2 text-sm text-muted-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4", className), ...props }));
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({ className, ...props }) {
52
- return (_jsx(Input, { "data-slot": "input-group-control", className: 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), ...props }));
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({ className, ...props }) {
55
- return (_jsx(Textarea, { "data-slot": "input-group-control", className: 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), ...props }));
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 };
@@ -1,7 +1,13 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
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
- return (_jsx(InputPrimitive, { type: type, "data-slot": "input", 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), ...props }));
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 };
@@ -1,8 +1,43 @@
1
1
  "use client";
2
- import { jsx as _jsx } from "react/jsx-runtime";
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
- function Label({ className, ...props }) {
6
- return (_jsx(LabelPrimitive.Root, { "data-slot": "label", className: 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), ...props }));
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 };
@@ -1,11 +1,49 @@
1
1
  "use client";
2
- import { jsx as _jsx } from "react/jsx-runtime";
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({ component, prefetch, ...props }) {
6
- const adapters = useBeezUIComponents();
7
- const Component = component ?? adapters.Link;
8
- if (!Component || Component === "a")
9
- return _jsx("a", { ...props });
10
- return _jsx(Component, { ...props, prefetch: prefetch });
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
  }