beez-ui 0.4.2 → 0.5.1

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 (53) hide show
  1. package/CHANGELOG.md +35 -27
  2. package/README.md +28 -5
  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.d.ts +1 -0
  17. package/dist/components/dropdown-menu.js +544 -32
  18. package/dist/components/filter-query-bar.js +809 -468
  19. package/dist/components/filter-query-grammar.js +781 -736
  20. package/dist/components/form.js +305 -43
  21. package/dist/components/highlighter.js +142 -87
  22. package/dist/components/hover-card.js +97 -7
  23. package/dist/components/input-group.js +261 -41
  24. package/dist/components/input.js +8 -2
  25. package/dist/components/label.js +38 -3
  26. package/dist/components/link.js +45 -7
  27. package/dist/components/pagination.js +332 -16
  28. package/dist/components/popover.js +222 -16
  29. package/dist/components/radio-group.js +85 -5
  30. package/dist/components/select.js +451 -22
  31. package/dist/components/separator.js +43 -3
  32. package/dist/components/sheet.js +345 -22
  33. package/dist/components/sidebar.js +1385 -193
  34. package/dist/components/skeleton.js +6 -2
  35. package/dist/components/svgs/whatsappIcon.js +11 -1
  36. package/dist/components/switch.js +55 -3
  37. package/dist/components/table.js +288 -18
  38. package/dist/components/tabs.js +161 -18
  39. package/dist/components/textarea.js +7 -2
  40. package/dist/components/themed-toaster.js +63 -20
  41. package/dist/components/tooltip.js +128 -9
  42. package/dist/components/typing-animation.js +335 -150
  43. package/dist/constants/sidebar.js +1 -4
  44. package/dist/hooks/use-mobile.js +8 -8
  45. package/dist/hooks/use-sidebar-persistence.js +27 -27
  46. package/dist/lib/image-dimensions.js +2 -2
  47. package/dist/lib/year-month-filter.js +38 -40
  48. package/dist/next.js +69 -17
  49. package/dist/providers/beez-ui-provider.js +48 -7
  50. package/dist/providers/native-provider.js +40 -6
  51. package/dist/styles.css +1 -1
  52. package/dist/tanstack.js +35 -23
  53. package/package.json +4 -1
@@ -1,27 +1,70 @@
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 { Toaster as Sonner } from "sonner";
4
4
  import { useTheme } from "next-themes";
5
5
  import { CircleCheck, Info, TriangleAlert, OctagonAlert, Loader } from "lucide-react";
6
+ import { jsx as _jsx } from "react/jsx-runtime";
6
7
  /** Renders shared notification styling using the consumer's resolved theme. */
7
- const ThemedToaster = ({ theme, ...props }) => {
8
- const { resolvedTheme } = useTheme();
9
- const activeTheme = theme ?? (resolvedTheme === "dark" ? "dark" : "light");
10
- return (_jsx(Sonner, { theme: activeTheme, className: "toaster group", icons: {
11
- success: (_jsx(CircleCheck, { className: "size-4" })),
12
- info: (_jsx(Info, { className: "size-4" })),
13
- warning: (_jsx(TriangleAlert, { className: "size-4" })),
14
- error: (_jsx(OctagonAlert, { className: "size-4" })),
15
- loading: (_jsx(Loader, { className: "size-4 animate-spin" })),
16
- }, style: {
17
- "--normal-bg": "var(--popover)",
18
- "--normal-text": "var(--popover-foreground)",
19
- "--normal-border": "var(--border)",
20
- "--border-radius": "var(--radius)",
21
- }, toastOptions: {
22
- classNames: {
23
- toast: "cn-toast",
24
- },
25
- }, ...props }));
8
+ const ThemedToaster = (t0) => {
9
+ const $ = _c(9);
10
+ let props;
11
+ let theme;
12
+ if ($[0] !== t0) {
13
+ ({theme, ...props} = t0);
14
+ $[0] = t0;
15
+ $[1] = props;
16
+ $[2] = theme;
17
+ } else {
18
+ props = $[1];
19
+ theme = $[2];
20
+ }
21
+ const { resolvedTheme } = useTheme();
22
+ const activeTheme = theme ?? (resolvedTheme === "dark" ? "dark" : "light");
23
+ let t1;
24
+ let t2;
25
+ if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
26
+ t1 = {
27
+ success: /* @__PURE__ */ _jsx(CircleCheck, { className: "size-4" }),
28
+ info: /* @__PURE__ */ _jsx(Info, { className: "size-4" }),
29
+ warning: /* @__PURE__ */ _jsx(TriangleAlert, { className: "size-4" }),
30
+ error: /* @__PURE__ */ _jsx(OctagonAlert, { className: "size-4" }),
31
+ loading: /* @__PURE__ */ _jsx(Loader, { className: "size-4 animate-spin" })
32
+ };
33
+ t2 = {
34
+ "--normal-bg": "var(--popover)",
35
+ "--normal-text": "var(--popover-foreground)",
36
+ "--normal-border": "var(--border)",
37
+ "--border-radius": "var(--radius)"
38
+ };
39
+ $[3] = t1;
40
+ $[4] = t2;
41
+ } else {
42
+ t1 = $[3];
43
+ t2 = $[4];
44
+ }
45
+ let t3;
46
+ if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
47
+ t3 = { classNames: { toast: "cn-toast" } };
48
+ $[5] = t3;
49
+ } else {
50
+ t3 = $[5];
51
+ }
52
+ let t4;
53
+ if ($[6] !== activeTheme || $[7] !== props) {
54
+ t4 = /* @__PURE__ */ _jsx(Sonner, {
55
+ theme: activeTheme,
56
+ className: "toaster group",
57
+ icons: t1,
58
+ style: t2,
59
+ toastOptions: t3,
60
+ ...props
61
+ });
62
+ $[6] = activeTheme;
63
+ $[7] = props;
64
+ $[8] = t4;
65
+ } else {
66
+ t4 = $[8];
67
+ }
68
+ return t4;
26
69
  };
27
70
  export { ThemedToaster };
@@ -1,17 +1,136 @@
1
1
  "use client";
2
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { c as _c } from "react/compiler-runtime";
3
+ import * as React from "react";
3
4
  import { Tooltip as TooltipPrimitive } from "radix-ui";
4
5
  import { cn } from "../lib/utils.js";
5
- function TooltipProvider({ delayDuration = 0, ...props }) {
6
- return (_jsx(TooltipPrimitive.Provider, { "data-slot": "tooltip-provider", delayDuration: delayDuration, ...props }));
6
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
7
+ function TooltipProvider(t0) {
8
+ const $ = _c(6);
9
+ let props;
10
+ let t1;
11
+ if ($[0] !== t0) {
12
+ ({delayDuration: t1, ...props} = t0);
13
+ $[0] = t0;
14
+ $[1] = props;
15
+ $[2] = t1;
16
+ } else {
17
+ props = $[1];
18
+ t1 = $[2];
19
+ }
20
+ const delayDuration = t1 === undefined ? 0 : t1;
21
+ let t2;
22
+ if ($[3] !== delayDuration || $[4] !== props) {
23
+ t2 = /* @__PURE__ */ _jsx(TooltipPrimitive.Provider, {
24
+ "data-slot": "tooltip-provider",
25
+ delayDuration,
26
+ ...props
27
+ });
28
+ $[3] = delayDuration;
29
+ $[4] = props;
30
+ $[5] = t2;
31
+ } else {
32
+ t2 = $[5];
33
+ }
34
+ return t2;
7
35
  }
8
- function Tooltip({ ...props }) {
9
- return _jsx(TooltipPrimitive.Root, { "data-slot": "tooltip", ...props });
36
+ function Tooltip(t0) {
37
+ const $ = _c(4);
38
+ let props;
39
+ if ($[0] !== t0) {
40
+ ({...props} = t0);
41
+ $[0] = t0;
42
+ $[1] = props;
43
+ } else {
44
+ props = $[1];
45
+ }
46
+ let t1;
47
+ if ($[2] !== props) {
48
+ t1 = /* @__PURE__ */ _jsx(TooltipPrimitive.Root, {
49
+ "data-slot": "tooltip",
50
+ ...props
51
+ });
52
+ $[2] = props;
53
+ $[3] = t1;
54
+ } else {
55
+ t1 = $[3];
56
+ }
57
+ return t1;
10
58
  }
11
- function TooltipTrigger({ ...props }) {
12
- return _jsx(TooltipPrimitive.Trigger, { "data-slot": "tooltip-trigger", ...props });
59
+ function TooltipTrigger(t0) {
60
+ const $ = _c(4);
61
+ let props;
62
+ if ($[0] !== t0) {
63
+ ({...props} = t0);
64
+ $[0] = t0;
65
+ $[1] = props;
66
+ } else {
67
+ props = $[1];
68
+ }
69
+ let t1;
70
+ if ($[2] !== props) {
71
+ t1 = /* @__PURE__ */ _jsx(TooltipPrimitive.Trigger, {
72
+ "data-slot": "tooltip-trigger",
73
+ ...props
74
+ });
75
+ $[2] = props;
76
+ $[3] = t1;
77
+ } else {
78
+ t1 = $[3];
79
+ }
80
+ return t1;
13
81
  }
14
- function TooltipContent({ className, sideOffset = 0, children, ...props }) {
15
- return (_jsx(TooltipPrimitive.Portal, { children: _jsxs(TooltipPrimitive.Content, { "data-slot": "tooltip-content", sideOffset: sideOffset, className: cn("z-50 inline-flex w-fit max-w-xs origin-(--radix-tooltip-content-transform-origin) items-center gap-1.5 rounded-md bg-foreground px-3 py-1.5 text-xs text-background has-data-[slot=kbd]:pr-1.5 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-[slot=kbd]:relative **:data-[slot=kbd]:isolate **:data-[slot=kbd]:z-50 **:data-[slot=kbd]:rounded-sm data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 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, children: [children, _jsx(TooltipPrimitive.Arrow, { className: "z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px] bg-foreground fill-foreground" })] }) }));
82
+ function TooltipContent(t0) {
83
+ const $ = _c(13);
84
+ let children;
85
+ let className;
86
+ let props;
87
+ let t1;
88
+ if ($[0] !== t0) {
89
+ ({className, sideOffset: t1, children, ...props} = t0);
90
+ $[0] = t0;
91
+ $[1] = children;
92
+ $[2] = className;
93
+ $[3] = props;
94
+ $[4] = t1;
95
+ } else {
96
+ children = $[1];
97
+ className = $[2];
98
+ props = $[3];
99
+ t1 = $[4];
100
+ }
101
+ const sideOffset = t1 === undefined ? 0 : t1;
102
+ let t2;
103
+ if ($[5] !== className) {
104
+ t2 = cn("z-50 inline-flex w-fit max-w-xs origin-(--radix-tooltip-content-transform-origin) items-center gap-1.5 rounded-md bg-foreground px-3 py-1.5 text-xs text-background has-data-[slot=kbd]:pr-1.5 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-[slot=kbd]:relative **:data-[slot=kbd]:isolate **:data-[slot=kbd]:z-50 **:data-[slot=kbd]:rounded-sm data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 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);
105
+ $[5] = className;
106
+ $[6] = t2;
107
+ } else {
108
+ t2 = $[6];
109
+ }
110
+ let t3;
111
+ if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
112
+ t3 = /* @__PURE__ */ _jsx(TooltipPrimitive.Arrow, { className: "z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px] bg-foreground fill-foreground" });
113
+ $[7] = t3;
114
+ } else {
115
+ t3 = $[7];
116
+ }
117
+ let t4;
118
+ if ($[8] !== children || $[9] !== props || $[10] !== sideOffset || $[11] !== t2) {
119
+ t4 = /* @__PURE__ */ _jsx(TooltipPrimitive.Portal, { children: /* @__PURE__ */ _jsxs(TooltipPrimitive.Content, {
120
+ "data-slot": "tooltip-content",
121
+ sideOffset,
122
+ className: t2,
123
+ ...props,
124
+ children: [children, t3]
125
+ }) });
126
+ $[8] = children;
127
+ $[9] = props;
128
+ $[10] = sideOffset;
129
+ $[11] = t2;
130
+ $[12] = t4;
131
+ } else {
132
+ t4 = $[12];
133
+ }
134
+ return t4;
16
135
  }
17
136
  export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };